:root {
            --font-primary : var(--primaryFont); 
            --color-primary:var(--primaryColor);
            --font-primary : var(--primaryFont);  
            --font-secondary : var(--primaryFont);
            --font-size-b1: 17x;
            --font-size-b2: 17px; 
            --h1: 60px;
            --h2: 40px;
            --h3: 30px;
            --h4: 24px;
            --h5: 19px;
            --h6: 17px;
            --light-text-color: #808080;
            --color-body: #1A1A1A;
            --color-heading: var(--primaryColor);
            --vh100 : 100vh;
}p { 
    margin: 0 0 15px;
}
p ,ul li{
   
    color: var(--color-body);
    font-size: 16px;
    line-height: 1.4;
} .course-details-btn-wrapper .nav-tabs .nav-item.show .nav-link,.course-details-btn-wrapper .nav-tabs .nav-link.active {
    color: var(--color-body); 
    font-weight: 500;
    font-size: 14px;
}.right-course-details .table-bordered > tbody > tr > td    {
    border: 1px solid #f4f4f4;
    font-size: 16px;
    color: var(--color-body);
}
.rts-section-gapBottom {
    padding-bottom: 60px;
}.banner-area-one.v-2 {
    height: 500px;
    background-image: unset;
    background-color: #e7eaec;
}.banner-area-one.v-2 .banner-content-one .title-banner,.banner-area-one.v-2 .banner-content-one .pre-title-banner span,.banner-area-one.v-2 .banner-content-one p.disc {
    color: var(--primaryFontColor);
}.banner-content-one { 
    padding: 0;
}  article.course-item  {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}article.course-item  a.course-photo  {
    display: block;
    margin-bottom: 10px;
}article.course-item    a.course-photo   img  {
    object-fit: cover;
    height: 120px;
    width: 100%;
    border-radius: 10px;
}article.course-item    a.course-category  {
    color: var(--primaryColor);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13.3px;
}article.course-item  a.course-title ,.inner-top-ad a{
    color: var(--color-body);
    font-weight: 700;
    font-size: 16.8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 54px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 8px 0 5px;
}article.course-item   .course-short-desc  {
    color: var(--light-text-color);
    font-size: 13.3px;
    line-height:1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}article.course-item   span.current-price  {
    color: var(--primaryColor);
    font-weight: 700;
    font-size:16.8px;
}article.course-item   span.the-old-price  {
    text-decoration: line-through;
    color: var(--light-text-color);
    font-size: 13.3px;
    margin: 0 10px;
}.vat-applicable  {
    top: -10px;
}
.vat-applicable {
    position: relative;
    font-size: 12px;
    color: var(--light-text-color);
}article.course-item   .course-footer  {
    display: flex;
    align-items: center;
}article.course-item    .product-credit-hours  {
    color: var(--light-text-color);
}article.course-item  .product-credit-hours    i  {
    color: var(--primaryColor);
}article.course-item   .product-credit-hours    b {
    margin: 0 5px;
}article.course-item   .product-credit-hours  {
    color: var(--light-text-color);
}article.course-item   a.course-learn-more  {
    font-size:25.2px;
    line-height: 1;
}article.course-item    .course-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rts-section-gap-top { margin-top:60px; }
a.btn { 
    padding: 10px 18px;
    font-size: 15px; }
    .nice-select{ line-height:1;}
    
    .bg-of-img-banner{background-color:#eee;}
    .of-one-childs {  height:320px; }
    .of-four-childs { height: 150px; flex:1; width:calc(50% - 10px);min-width:calc(50% - 10px);}
    .of-four-childs-parent { display:flex;gap:15px;flex-wrap:wrap;}
    .row-of-categories{ 
        display: flex;
        min-width: 485px;  margin-left: auto;
    }
    .pr-0 { padding-right:0px !important; }
     .item-at-home {
justify-content: center;
display: flex;
align-items: center;
}
.item-at-home .bg-of-img-banner img{ height:100%;object-fit:cover;}
    .inner-top-ad .img-dive{ height:424px;width:100%;overflow:hidden;  border-radius:20px; margin-bottom:25px;} 
    .inner-top-ad img{  object-fit:cover; width:100%;height:100%; } 
 
.inner-flex-top { display:flex;gap:25px;}
 .description-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.category-search-input button { 
    background: var(--primaryColor); 
}.nice-select {
    line-height: 1;
    /* height: auto; */
    /* padding: 0; */
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.description-title a {
    font-weight: 500;
    border-radius: 8px;
    border-width: 2px;
    color: var(--primaryColor);
    border-color: var(--primaryColor);
}.item-at-home .bg-of-img-banner img {
 
    border-radius: 20px;
}.of-four-childs {
  
    border-radius: 20px;
}
 .course-area-two-all  {
    background: #e7eaec;
    padding: 50px;
    margin-bottom:120px;
}article.course-item .price {
    margin: 15px 0 10px;
    display: flex;
    align-items: center;
}.banner-area-one.v-2 { 
    overflow: initial;
}
.single-category-2 img{ width:120px;height:70px;object-fit:cover; }
.footer-callto-action-area {
    padding: 0;
}.course-card {
    margin-bottom: 25px;
    border: solid 1px #ded9d9;
    border-radius: 10px;padding:0px !important;
   
} 
.grid-gap {
    display: grid;
    grid-gap: 0 25px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}html .input-contents .single-filter-left-wrapper .filter-body {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0px;
    border: 0;
}html .rts-course-filter-area {
    padding: 0;
    border: 0;
} .filter-main-area {
    background: #eee;
    margin-bottom: 20px;
}.input-contents .single-filter-left-wrapper .search-filter input { 
    margin-bottom: 0 !important;
}   .rts-course-filter-area { display:flex;gap:15px;}
.clearf { max-width:193px;}
.input-contents {
flex: 1;
display: flex;
gap: 15px;
}
.input-contents .single-filter-left-wrapper {flex:1;}
html .input-contents  .single-filter-left-wrapper .title {
background: transparent;
padding: 0;
font-size: 14px;
}
html .rts-course-filter-area a.rts-btn {
   
    margin-top: 34px; 
    height: 43px;
    background-color:#fff;
}
html .rts-course-filter-area a.rts-btn:hover {
    
    background-color:var(--primaryColor);
}html .single-filter-left-wrapper {
    margin-bottom: 15px;
    margin-top: 15px;
}html .input-contents  .single-filter-left-wrapper .title {
    background: transparent;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 6px;
    /* opacity: var(--border-width); */
    color: var(--light-text-color);
}
.save-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0,0,7,0.4);
    padding: 5px;
    width: 30px;
    height: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    /* opacity: 0.1; */
}.save-icon i{ color:#fff; } 
#exampleModal-login .modal-dialog {
    height: var(--vh100);;
    width: 100%;
    max-width: unset;
    margin: 0;
    border: 0;
    box-shadow: unset;
}
#exampleModal-login.login-pupup-modal .modal-content {
    padding: 0px;
    border-radius: 0;
    border: 0;
    height:var(--vh100);
}html .login-pupup-modal .modal-body {
    margin-top: 0;
    padding: 0;
}
#pjax-container {
    display: flex;
    height: var(--vh100);
    justify-content: center;
    align-items: center;
}#pjax-container form{
    max-width: 100%;
    width: 420px;
}.login-pupup-modal .modal-content .modal-header {
   
    z-index: 11;
}.lw-text-color-fadeout50 {
    opacity: 0.5;
}.learnworlds-main-text-normal {
  
    font-size: 1.80rem;
    font-weight: normal;
    letter-spacing: 0.00rem;
    line-height: 1.55;
    text-transform: none;    line-height: 1;
    text-transform: uppercase;
}.-or:after, .-or:before {
    border-bottom: 1px solid;
    color: inherit;
    content: "";
    flex-basis: 10px;
    flex-grow: 0;
    flex-shrink: 1;
    position: relative;
    top: 2px;
}    .j-c-c {
    justify-content: center;
}
.flex {
    display: flex;
}
.mb-20 {
    margin-bottom: 20px !important;
}.fg-0 {
    flex-grow: 0;
}
.form-button {
    color: #fff;
    cursor: pointer;
    margin: 3px 0;
}  .sign-but {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 41px;
    justify-content: center;
    margin: 0 5px;
    width: 41px;
}.-google-form-button .sign-but {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
}.-form-social-buttons .sign-but {
    color: #fff !important;
    cursor: pointer;
    padding: 8px;
}.-linkedin-form-button .sign-but {
    background-color: #007bb6;
}.-apple-form-button .sign-but {
    background-color: #000;
    border: 1px solid hsla(0,0%,100%,.2);
}p.login-box-msg, p.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
    font-weight: bold;
    font-size: 2.30rem;
    letter-spacing: 0.00rem;
    line-height: 1.4;
    text-transform: none;color:var(--color-body);
}.modal-open {
    overflow: hidden;
    height: var(--vh100);
} #pjax-container {
    display: flex;
    height: var(--vh100);
    justify-content: center;
    align-items: center;    overflow-y: scroll;
    overflow-x: hidden;
}#pjax-container form { 
    height: var(--vh100);
    padding-top: 50px;
}p.login-box-msg, p.register-box-msg { 
    font-size: 26px; 
}html .login-pupup-modal .modal-body form input {
    background-color: #F5F9FC;
    color: var(--primaryColor);
    border-color: #F5F9FC;
}
html .login-pupup-modal .modal-body form input::placeholder {
    color: #ccc;
    opacity: 1; /* Firefox */
  }
  
  html .login-pupup-modal .modal-body form input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #ccc;
  }.banner-area-one.v-2 .banner-content-one .title-banner {
    color: var(--primaryColor) !important;
}   .right-course-details .course-side-bar .price-area .title {
  
    color: var(--primaryColor); 
    line-height: 26px;
}.rts-btn.btn-primary {
    background: var(--secondaryColor) !important; 
  }.category-search-input button {
    background: var(--secondaryColor);
}html .rts-btn.btn-primary:hover,html .category-search-input button:hover {
    background: var(--secondaryColor) !important;
    opacity:0.7;
    color:#ffd !important;
}html .btn-outline-secondary:hover {
    color: var(--secondaryColor) ;
    background-color: #fff;
    border-color: var(--secondaryColor) ;
}
.bg-of-img-banner img,.inner-top-ad img,article.course-item a.course-photo img,html .single-category-2 img{transition: 1s ease;}
.bg-of-img-banner img:hover,.inner-top-ad:hover img,article.course-item:hover a.course-photo img,html .single-category-2:hover img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: 1s ease;
    }.of-four-childs { 
        overflow: hidden;
    }
    .inner-top-ad:hover a,article.course-item:hover a.course-title,.single-category-2:hover .title { color:var(--primaryColor);opacity:0.8;}
    .abs-link {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 111;
        bottom: 0;
        width: 100%;
        height: 100% !important;
    }.inner-top-ad,article.course-item{ position:relative; }
    article.course-item  a.course-photo {
        
        overflow: hidden;
    }
    article.course-item:hover   a.course-category,article.course-item:hover a.course-learn-more,article.course-item:hover span.current-price{ color:var(--secondaryColor)}
    .save-icon {
     
        z-index: 111111;
    }
    .modal-open  .save-icon {
     
        z-index: 1;
    }.single-category-2 .information .title {
        font-size: 16px;
    }
    html .login-pupup-modal .modal-body form input {
       
        border-color: #ccc !important;
    }html .bg-choose-us-one {
        background-image: unset;
        background-color: #2d70c6 !important;
    }html .footer-callto-action-area.bg-dark-footer-1 .call-to-sction {
        
        background-color: var(--secondaryColor);
        background-image: url();
    }
    html .single-category-2 { 
        padding: 0; 
        padding-right: 30px;
    }html .single-category-2 img {
        width: 100%;
        height:100%; 
    }
    html .single-category-2 .icon {
        width: 160px;
        height:90px; overflow:hidden;
    }
    .the-grid-cate{
    
            gap: 10px;
            display: grid;
            grid-gap: 13px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
         
    }.single-category-2:hover {
        border: 1px solid #ccc;
        /* border-color: inherit !important; */
    }html .btn-primary.rts-btn.hov--white:hover {
        background: #fff !important;
        border: 1px solid var(--secondaryColor) !important;
        color: var(--secondaryColor) !important;
    }.rts-btn:hover { 
        color: var(--secondaryColor);
    }
    .site-footer__help{
        
    display: flex;
    flex-wrap: nowrap;
    gap: 5px 10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;

    }  .site-footer__help a {
        color: var(--primaryColor);
    }.course-card:hover {
        /* border-color: var(--primaryColor); */
        -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 116, 228, 0.32);
        -moz-box-shadow: 0px 0px 50px 0px rgba(0, 116, 228, 0.32);
        -o-box-shadow: 0px 0px 50px 0px rgba(0, 116, 228, 0.32);
        box-shadow: 0px 0px 50px 0px rgba(0, 116, 228, 0.32);
    }.of-one-childs { 
        overflow: hidden;
        border-radius: 20px;
    }.item-at-home .bg-of-img-banner img { 
        width: 100%;
    }.form-group input { 
        border: 1px solid #ccc; 
    }
    .c-dashboard .checkcontainer input[type=radio] { 
        position: unset;
        opacity: 1;
        width: 20px;
        height: 20px;
        min-width: unset;
        min-height: auto;
        padding: 0;
        margin: 0;
    }.single-course-left-align-wrapper .title { 
        font-size: 31px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        margin-top: 5px;
    }