/*----------------------------------------------------
    site main structure
------------------------------------------------------*/

.site_wrapper {
    width: 100%;
    margin: 0 auto 0 auto;
}


/*---------------------------------------------------
    header
------------------------------------------------------*/
.cursor-pointer{
    cursor: pointer;
}
/* logo */
#logo {
    float:left;
    display:block;
    width:100%;
    min-height: 73px;
    margin-top:6px;
    position: relative;
    text-indent:-999em;
    background:url(../images/logo11.png) no-repeat left top;    
}




/* header area adinationals */
.logo {
    float: left;
    width: 25%;
    margin-top: 5px;
}



.mstslider {
    width: 100%;
    float: left;
}


.top_section {
    float: left;
    width: 100%;
    height:90px;
    background: #fff;position: fixed; z-index: 900000!important
}
.top_section .left {
    float: left;
    width: 40%;
}
.top_section .right {
    float: left;
    width: 60%;
    margin-top: 27px;
    text-align: right;
    color: #fff;
    font-size: 13px;
}
.top_section .right a {
    color: #fff;
    font-size: 13px;
    transition: all 0.3s ease;
}
.top_section .right a:hover {
    color: #ccc;
}
.top_section .right i {
    color: #999;
    margin-left: 22px;
}
.top_section ul.topsocial {
    float: right;
    padding: 0px;
    margin: 0px 0px 0px 20px;
}
.top_section .topsocial li {
    float: left;
    padding: 0px;
    margin: 0px 5px 0px 0px;
}
.top_section .topsocial li a {
    float: left;
    color: #fff;
    font-size: 11px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease;
    margin: 0;
    background: #333;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    line-height: 20px;
}
.top_section .topsocial li a:hover {
    background: #999;
}
.top_section .topsocial li a i {
    color: #fff;
    margin: 0;
}
.slidermar {
    margin-top: 115px;
}


.slidermar9 {
    margin-top: 135px;
}

/*----------------------------------------------------
   feature sections
------------------------------------------------------*/



/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:87px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
    z-index: 9001;
}


.top-categories h3{ font-family: "poppins", serif;  }

.top-categories p{ color: var(--bs-body-color-light); font-family: "poppins", serif; letter-spacing: 0.3px }

.top-categories-box{cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ededed;
    border-radius: 8px;
    
}
.top-categories-icon{display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    flex-shrink: 0;
}

.top-categories-text h6{font-family: "poppins", serif;}

.trending-courses h3{ font-family: "poppins", serif;  }

.trending-courses p{ color: var(--bs-body-color-light); font-family: "poppins", serif; letter-spacing: 0.3px }

.drop-media-login li{border-bottom:1px solid #ddd; padding:10px;}
.drop-media-login li:hover a{ color:#005fd3;}
/*======== card-item =========*/
.card-item {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
  border: 0; }
  .card-item .card-title {
    color: #000;
    line-height: 25px;
    margin-bottom: 8px;
    font-size: 15px;font-family: "poppins", serif; }
    .card-item .card-title a {
      color: #000;font-family: "poppins", serif;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; text-decoration: none;}
      .card-item .card-title a:hover {
        color: #ec5252; }
  .card-item .card-text a {
    color: #7f8897;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .card-item .card-text a:hover {
      color: #ec5252; }
  .card-item .card-body {
    padding: 1.2rem; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .card-item .card-body.d-flex {
        flex-direction: column;
        text-align: center; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .card-item .card-body.d-flex {
        flex-direction: column;
        text-align: center; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      .card-item .card-body.d-flex {
        flex-direction: column;
        text-align: center; } }



/*====== card-preview =======*/
.tooltip_templates {
  display: none; }

.tooltipster-sidetip {
  width: 380px !important;
  height:390px;
}
  .tooltipster-sidetip .tooltipster-box {
    background: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 10px rgba(82, 85, 90, 0.2);
    -moz-box-shadow: 0 0 10px rgba(82, 85, 90, 0.2);
    box-shadow: 0 0 10px rgba(82, 85, 90, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
  .tooltipster-sidetip .tooltipster-content {
    color: inherit;
    line-height: inherit;
    padding: 0; }
  .tooltipster-sidetip .card-item {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
    top: 2px; }
  .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
    left: 0; }
  .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    top: 50% !important;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    margin-top: 0;
    left: -1px; }
  .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    left: 0;
    border-left-color: #fff; }
  .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    top: 50% !important;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    margin-top: 0;
    right: -1px; }
  .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
    top: -2px; }
  .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border: none;
   
  }

.course-time ul{margin: 0; padding: 0}

.course-time ul li{width: 50%; float: left; color: #233d63;font-family: "poppins", serif; 
/*font-size: 15px;*/
font-size: 13px;
    
}
.review-stars {
    display: flex;
    align-items: center;
}
.review-stars span{font-size: 12px;
margin-right:3px;
    
}


.enroll-course a{color: #fff;font-family: "poppins", serif; font-size: 14px;}

.course-details{color: #000;font-family: "poppins", serif; font-size: 13px;}

.abroad_banner-body {
    padding: 32px 16px;
    position: relative;
    background-color: #e8f0fc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 16px;
    overflow: hidden;
    transition: all .2s;
}

.abroad_banner-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    overflow: hidden;
    top: 0;
}

.abroad_banner-img:before {
        content: "";
        height: 835px;
        width: 835px;
        position: absolute;
        left: -606px;
        border-radius: 50%;
        background-color: rgba(94, 150, 237, .4);
        opacity: .3;
        top: 50%;
        transform: translatey(-50%);
}
.abroad_banner__image-bg {
    position: absolute;
    font-size: 0;
    width: auto;
    top: -20px;
    right: 0;
    height: 312px;
}

.abroad_banner__image {
    position: absolute;
    font-size: 0;
    bottom: -42%;
    height: 148%;
    width: 297px;
    left: -10px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
}

    .abroad_banner {
        display: flex;
        align-items: center;
        grid-gap: 40px;
        gap: 40px;
        margin-left: 246px;
    }

  .abroad_banner__cta {
    display: flex;
    width: fit-content;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    border-radius: 4px;
    background: #196ae5;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 56px;
    white-space: nowrap;font-family: "poppins", serif;
    border:0;
}

.abroad_banner__overline {
    color: #060f2f;
   font-size: 12px;
        line-height: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;font-family: "poppins", serif;
    text-decoration: none;
}

.abroad_banner__title {
    color: #060f2f;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 8px;font-family: "poppins", serif;
}
.abroad_banner__subtitle {
    color: #060f2f;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 8px;font-family: "poppins", serif;
}
.icon-section h5{    font-family: "poppins", serif;
    font-size: 18px;
    color: #000;
    font-weight: 400;}

.icon-section p{font-family: "poppins", serif;    line-height: 27px;}

.icon-bg i{background-color: #f4f8ff; width: 95px; height: 95px; line-height: 95px; border-radius: 100%; display: inline-block;}

.icon-bg-1 i{background-color: #fdf8eb;}

.icon-bg-2 i{background-color: #eff9fe;}

.icon-bg-3 i{background-color: #fdf2eb;}

.icon-section .col-md-6{
   margin-bottom: 30px;
}
.single-feature {
    /*padding: 60px 20px;*/
    padding: 40px 20px;
    background-color: #fff;
    /*margin-bottom: 30px;*/
    box-shadow: 0 5px 40px rgb(0 0 0 / 5%);
    border-radius: 10px;
    transition: 0.4s;
        height: 100%;
}
.single-feature:hover{transform: translatey(-8px);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);}
.counter{border-left: 1px solid #fff09f; padding-left: 15px;}

.counter h4{font-family: "poppins", serif; color: #000; line-height: 36px;}

.counter h3{font-family: "poppins", serif; color: #000;}

.counter p{font-family: "poppins", serif; color: #000; letter-spacing: 0.5px;}

.five-reasons-box {
    background-color: #fff3f4;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.five-reasons-box span {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    font-family: "poppins", serif;
    /*float: left;*/
    margin-right: 18px;
    /*margin-top: 5px;*/
    line-height:20px;
}

.five-reasons-box p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins", serif;
    margin-bottom:0px;
    overflow:hidden;
}

.enroll-ad {
    background: #f2f2f2 url(../images/enroll-now.png) no-repeat scroll right top;background-size: 51%;
}

.enroll-ad h4{font-family: "poppins", serif; color: #fff; line-height: 46px; width: 50%}

.enroll-ad h6{font-family: "poppins", serif; color: #fff; }

.enroll-ad p{font-family: "poppins", serif; color: #fff; }

.enroll-btn{
     background-color: #ffd600;
    color: #000;
    font-family: "poppins", serif;
    font-size: 18px;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    cursor:pointer;
}

.enroll-btn:hover{
    color:#454545;
}

.blog-user ul{margin: 0; padding: 0}

.blog-user ul li{width: 50%; float: left; color: #233d63;font-family: "poppins", serif; font-size: 12px;      white-space: nowrap;}
.blog-user ul li + li{ text-align:right;}



.blog-section h4{font-family: "poppins", serif; color: #000; line-height: 30px; font-size: 16px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:45px;
}

.blog-section h6{font-family: "poppins", serif; color: #000;}

.blog-section{padding: 20px;}

.search-icon {
    color: #233d63;
    padding: 15px;
    top: -9%;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 18px;
    background-color: transparent;
    border: none;
    position: absolute;right: 0;
}

.form--control {
    height: 45px;
    padding-left: 45px;
    font-size: 14px;
    color: #233d63;
    border-color: rgba(127, 136, 151, 0.2);
    font-weight: 400;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
.ps-3 {
    padding-left: 1rem !important;
}

.form-group {
    position: relative;
}

.header-btn {
    display: flex;
    gap: 10px;
   justify-content: flex-end;
}
.header-btn a{
    text-decoration: none;
    
}
 .header-inner .header-text {
    font-size: 14px;
    font-weight: 400;font-family: "poppins", serif;
}

.tf-button-default {
    display: flex;
    align-items: center;
    width: max-content;
    border: 1px solid #e4e4e7;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 15px;
    transition: all .3s ease;
    font-family: "poppins", serif;
    font-size: 14px;
}

.tf-button-default.active {
    background-color: #131836;
    border-color: #131836;
    color: #fff;
}
.become-btn{
    background-color: #43abf5;
    border-color: #43abf5;
    color: #fff !important;
        font-weight: 400;
}

.footer-bg{background-color: #131836}

.footer-links h4{font-family: "poppins", serif;font-size: 18px; color: #fff; margin-bottom: 20px; font-weight: 500}

.footer-links ul{padding-left: 0rem;}

.footer-links ul li{
  width: 100%;
  float: left;
  font-family: "poppins", serif;
  font-size: 14px; 
  color: #fff; padding-bottom: 17px; font-weight: 400; letter-spacing: 0.5px}

.social-icons ul{padding-left: 0rem;margin-bottom: 0rem;}

.social-icons ul li{float: left; width: inherit;}

.social-icons ul li i{
    background-color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #000;
    font-size: 16px;
    border-radius: 100%;
    display: block; margin-right: 15px;}
    

.copyrights p{ font-family: "poppins", serif;
  font-size: 14px; 
  color: #fff;font-weight: 400; letter-spacing: 0.5px;padding-top: 17px;}

  .copyrights{
      border-top: 1px solid #2a3576;
      justify-content: center;
      align-items:center;
      display:flex;
  }

/*  popup start*/

#once-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.65);
    text-align: left;
    z-index: 10000;
}
#once-popup .inner {
        background: #f7f4ef;
    padding: 40px 60px 50px 100px;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    }
#once-popup #popup-close {
    float: right;
    font-size: 38px;
    line-height: 10px;
    padding: 5px;
    cursor: pointer;
    }
/*.popup-content{justify-content: center; display: grid;}*/

.popup-content h5{font-family: "merriweather", serif; color: #0d6efd}

.popup-content h1{font-family: "merriweather", serif;}

.popup-content p{font-family: "merriweather", serif; text-underline-offset: .35rem;}

.sign-up-btn{
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
    text-decoration: none;;
    border: 1px solid #e4e4e7;
    border-radius: 25px;
    padding: 12px 56px;
    transition: all .3s ease;
    font-family: "merriweather", serif;
    font-size: 16px;
}

.pt-4p{padding-top: 17%}
/*  popup start*/

.top-categories-box:hover .top-categories-icon {
  background-color: #0c67ed !important;
}

.top-categories-box:hover .top-categories-icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.top-categories-box:hover .top-categories-text i{color: #0c67ed!important;}

.course-details-banner{ background: #e8f0fc url(../images/bg-pattern.png) repeat center bottom;}

.pagination  {font-family: "poppins", serif; color: #000; letter-spacing: 0.2px }

.pagination a {text-decoration: none; color: #000}

.pagination span i {padding-left: 10px; padding-right: 10px; }

.couese-heading{font-family: "merriweather", serif;}

.course-details-banner ul{margin: 0; padding: 0}

.course-details-rating li{ float: left; margin-right: 15px; border-right: 1px solid #aaa; padding-right: 15px; font-family: "poppins", serif;}

.course-details-rating li:last-child{  border-right: 0px solid #aaa;}

.enroll-box{
    box-shadow: 0 0 15px 0 rgba(19, 24, 54, .08);
    border-radius: 12px;
    padding: 20px;
    margin-top: -205px;
    background-color: #fff;
    display: inline-block;
    
}

.sticky-part{ position: sticky;
    top: 50px;display: inline-block;}

.enroll-box img{width: 100%;border-radius: 12px;}

.enroll-btn-1{
    background-color: #131836!important;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    padding: 12px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
    border:0;
  }

.curriculum-btn{
    background-color: #fff!important;
    color: #000!important;
    font-family: "poppins", serif;
    font-size: 16px;
    padding: 12px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 300;
    width: 100%!important;
    border:0;
    border:1px solid #131836!important;
  }

.course-includes h6{font-family: "poppins", serif;}

.course-includes ul{margin: 0; padding: 0}

.course-includes ul li{
    width: 100%; 
    float: left; 
    font-family: "poppins", serif;}

.course-details-text h1{font-family: "merriweather", serif; color: #000; letter-spacing: 0.5px;}

.course-details-text p{font-family: "poppins", serif; color: #000; letter-spacing: 0.5px; line-height: 28px; font-weight: 300;     text-align: justify;}

.course-details-text h4{font-family: "merriweather", serif; color: #000; letter-spacing: 0.5px;}

.course-details-text ul {padding: 0}

.course-details-text ul li{
    width: 48%; 
    float: left;  
    margin-right: 4%;
    font-family: "poppins", serif;}

.course-details-text ul li:nth-child(2n+2){
     
    margin-right: 0%;
    }

.flexible-batches{font-family: "poppins", serif;}

.batch-box{    border-radius: 6px;
    -webkit-box-shadow: 0 3px 40px 0 rgba(0, 9, 75, .12);
    box-shadow: 0 3px 40px 0 rgba(0, 9, 75, .12);
    background-color: #fff;     display: -webkit-box;
    padding: 0;
}

.batch-timings{border-right: 1px solid #eee; width: 68%; float: left}

.pricedetails{width:100%; float: left; background-color: #fdf9f3}

.enroll-btn-2 {
    background-color: #ffd600;
    color: #000;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 9px 60px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
}

.skills-coverd-box{background-color: #eef5ff; border-left: 5px solid #0d6efd; padding: 15px 10px 15px 20px; margin-bottom: 30px;}

.accordion-box{    
    border-radius: 6px !important;
    -webkit-box-shadow: 0 3px 50px 0 rgba(0, 12, 105, .08);
    box-shadow: 0 3px 50px 0 rgba(0, 12, 105, .08);
    background-color: #fff;
}

.toll-free-box{
        background: #0d6efd;
        padding: 25px 30px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
        border-radius: 4px;
        border: 1px solid #f3f3f3;
        color: #fff;
}

.enquiry-box{
        background: #fff;
        padding: 25px 30px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
        border-radius: 4px;
        border: 1px solid #f3f3f3;
}

.enquiry-form label{
    width: 100%; 
    font-family: "poppins", serif; 
    font-size: 14px;
    padding-bottom: 8px;}

.enquiry-form input{
    width: 100%; 
    font-family: "poppins", serif; 
    font-size: 14px;
    margin-bottom: 15px; 
    border:1px solid #ddd; 
    border-radius: 3px;
    height: 43px;
}

.enquiry-form textarea{
    width: 100%; 
    font-family: "poppins", serif; 
    font-size: 14px;
    margin-bottom: 25px; 
    border:1px solid #ddd; 
    border-radius: 3px;
    
}

.enquiry-btn {
    background-color: #0d6efd;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    padding: 10px 60px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 400;
    border:0;width: 100%;
}

.enquiry-btn:hover{
    background:#264cc9;
}

.enquiry-btn i{
   color: #fff;
    font-size: 16px;
    font-weight: 700;
    
}

.view-more{background-color: #196ae5;
    color: #fff;
    border:0;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;}

.view-more:hover{
    color: #fff;}

.accordion-section h3 {
    font-family: "merriweather", serif;
    color: #000;
    letter-spacing: 0.5px;
}

.abroad_banner__title_1 {
    color: #060f2f;
    font-size: 18px;
    font-weight: 600;
    line-height:24px;
    margin-top: 8px;
    font-family: "poppins", serif;
    margin-bottom: 15px;
}

.abroad_banner__subtitle_1 {
    color: #060f2f;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    font-family: "poppins", serif;
}

.abroad_banner__overline_1 {
    color: #060f2f;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: "poppins", serif;
    text-decoration: none;
    margin-bottom: 5px;
    margin-top:5x;
}
.abroad_banner-body_1 {
    padding: 14px 16px 10px;
    position: relative;
    background-color: #e8f0fc;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 16px;
    overflow: hidden;
    transition: all .2s;
}



.banner-section{        background: #fff url(../images/banner-bg-1-11.png) no-repeat scroll right bottom;
    height: 80vh;
    position: relative;
    background-size: 39%;}

.banner-text {position: absolute;top:100px;}

.banner-text h1{       font-family: "merriweather", serif;
    background: linear-gradient(to left, #8761b7 0%, #ec605a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 42px;
    font-weight: 600;
    width: 55%;
    line-height: 75px;
    margin-bottom: 20px;}

.banner-text p {
    font-family: "poppins", serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    width: 43%;
    line-height: 34px;
    padding-bottom: 25px;
}


/*.about-section{background: #fff url(../images/about-bg-image.jpg) no-repeat scroll right bottom;}*/

@media only screen and (min-width: 1366px) and (max-width: 1600px){

    .banner-section{    background: #fff url(../images/banner-bg-1-11.png) no-repeat scroll right bottom;
    height: 100vh;
    position: relative;
    background-size: 43%;}

.banner-text {
    position: absolute;
    top: 80px;
}

.banner-text h1{   font-family: "roboto slab", serif;
    background: linear-gradient(to left, #8761b7 0%, #ec605a 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    font-size: 32px;
    font-weight: 500;
    width: 50%;
    line-height: 52px;
    margin-bottom: 35px;}

.banner-text p{font-family: 'lora', serif; color: #000; font-size: 24px; font-weight: 500; width: 43%; line-height: 40px; padding-bottom: 35px;}

}

.section-br{
    /*background-image: url(../images/topic.png); */
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat:no-repeat;
    background-position:100% 0;
    background-position: center;padding: 70px 0px 0px;
}

.question-box{
    width: 32%; 
    float: left; 
    margin-right:2%;
    background: rgb(252,201,198);
    background: linear-gradient(135deg, rgba(252,201,198,0.5) 0%, rgba(253,190,123,0.5) 46%, rgba(201,167,228,0.5) 100%);
    border-radius: 15px; padding: 12px; }

.question-box:last-child{margin-right:0% }

.question-inner-box{border-radius: 15px; padding: 12px; background-color: #fff;font-family: 'merriweather', serif;height: 246px;}

.question-inner-box span {
    float: left;
    margin-right: 18px;
    margin-top: 5px;    padding-bottom: 125px;
}

.question-inner-box h5 {font-family: 'merriweather', serif;}


.question-inner-box span img{opacity: 0.75;}

.question-inner-box p {
    font-family: 'poppins', serif;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 5px; 
}

.tutoring-credentials h3{font-family: 'merriweather', serif;}

.tutoring-credentials p{font-family: 'poppins', serif;
    color: #000;
width: 65%; margin: 0 auto; line-height: 32px;}

.how-to-begin h2{font-family: 'merriweather', serif; color: #000;}

.how-to-begin h4{font-family: 'merriweather', serif;}

.how-to-begin p{font-family: 'poppins', serif;
    color: #000;
  line-height: 32px;}

  .how-to-begin-box{
      /*width: 75%;*/
      width:100%;
  margin: 0 auto;
  }


#heading {
    text-transform: uppercase;
    color: #0d6efd;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform input, #msform select,
#msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'poppins', serif;
    color: #000 !important;
    
    font-size: 14px;
    
}

#msform input:focus,
 #msform select:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #0d6efd;
    outline-width: 0
}

#msform .action-button {
    width: 135px;
    background: #0d6efd;
    font-weight: 500;
    color: #fff !important;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 8px 20px;
    margin: 10px 0px 10px 5px;
    float: right;
    font-family: 'poppins', serif;
    font-size: 16px;
    letter-spacing: 0.5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    /*background-color: #311b92;*/
    background-color:#264cc9;
}

#msform .action-button-previous {
    width: 150px;
    background: #e6e6e6;
    font-weight: 500;
    color: #000 !important;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 8px 20px;
    margin: 10px 5px 10px 0px;
    float: right;
    font-family: 'poppins', serif;
    font-size: 16px;
    letter-spacing: 0.5px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #d2d2d2
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #0d6efd;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #0d6efd;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
        color: #000000;
    text-align: left;
    font-weight: 400;font-family: 'poppins', serif;
        font-size: 15px;
}
.fieldlabels span{
        color: #ff0000;
    text-align: left;
    font-weight: 400;font-family: 'poppins', serif;
        font-size: 15px;
}
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #000;
    font-family: 'poppins', serif;

}

#progressbar .active {
    color: #0d6efd
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 33.333%;
    float: left;
    position: relative;
    font-weight: 400;
    letter-spacing: 0.3px;
}

#progressbar #account:before {
    font-family: fontawesome;
    content: "\f13e"
}

#progressbar #personal:before {
    font-family: fontawesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: fontawesome;
    content: "\f030"
}

#progressbar #confirm:before {
    font-family: fontawesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #0d6efd
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #0d6efd
}

.fit-image {
    width: 100%;
    object-fit: cover
}



.create-course{width: 71%; margin: 0 auto;}

.create-course h1{font-family: "merriweather", serif; color: #196ae5}

.creat-course-section{}

.creat-course-left{width: 22% !important; float: left; margin-right: 2%}

.creat-course-right{width: 76% !important; float: left; margin-right: 0%}

.creat-course-leftside{
        width: 100%;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.16);    display: inline-block;
}

.creat-course-list p{
    font-family: 'poppins', serif;
    color: #fff; letter-spacing: 0.5px
}
.creat-course-list ul{padding: 0; margin: 0}

.creat-course-list ul li a{
    width: 100%; 
    float: left; 
    border-bottom: 1px solid #eee; 
    color: #000;
    font-family: 'poppins', serif; 
    font-size: 14px;
    padding-left: 3px solid #fff;border-left: 5px solid #fff;
}



.creat-course-list ul li a:hover{
   border-left: 5px solid #196ae5;
}

.creat-course-rightside{
        width: 100%;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.16);    display: inline-block; padding: 25px;
}

.accessibility-box{border:1px solid #c5dcff; background-color: #f0f6ff; padding: 15px;     display: inline-block; width: 100%;}

.accessibility-box p {float: left;color: #000;
    font-family: 'poppins', serif; padding-left: 50px; margin-bottom: 0 }

.accessibility-box p i{ margin-left:-50px;    margin-right: 10px;  margin-top: 6px; color: #fff; background-color: #000; border-radius: 50%;     padding: 8px 13px; }

.checkbox-ul ul {padding: 0; margin: 0}

.checkbox-ul ul li{float: left;
    width: 100%;
    color: #000;
    font-family: 'poppins', serif;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ddd;
        
}
.checkbox-ul ul li:last-child{ border:0; margin-bottom:15px;}

.checkbox-ul ul li i{float: left;     font-size: 6px;     margin-top: 8px;}

.upload-img{width: 100%; border:1px solid #eee; margin-bottom: 10px;  width: 315px;   height: 315px;object-fit: cover;}

.refer-students{border:1px solid #eee; padding: 15px;}

.curriculum-box{background-color: #fff; border:1px solid #aaa; padding: 25px; text-align: left; }

.section-name p{    font-family: 'poppins', serif;
    font-size: 15px;
    font-weight: 600; }

.section-name p span{float:right;}

.curriculum-inner-box{
    /*border:1px solid #aaa;*/
padding: 0px;}

.inner-section-name p {font-family: 'poppins', serif;font-weight: 500;}

.content-btn{background-color: #}

.course-active{    color: #fff !important;
    background-color: #0d6efd;
    border-left: 5px solid #0d6efd !important;}



.creat-course-btn{width: 100%; background-color: #9e0bff;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;}

.creat-course-btn:hover{
    color: #fff;}

.togglesearch{
     background: #fff;
    top: -10px;
    right: 0;
    width: 100%;
    display: none;
    padding-right: 0px;
    position: absolute;
}

.togglesearch input{width: 94% !important;
    height: 42px;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    float: left;padding: 6px 12px 6px 12px!important;
}

.okbtn{    background-color: #009a34;
    width: 6%;
    float: left;
    border: 0;
    color: #fff;
    height: 42px;
    font-size: 30px;
    line-height: 38px;
    border-radius: 3px !important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.section-name {position: relative;}

.upload-btns{width: 23.875%; float: left; margin-right: 1.5% ; position:relative;}

.upload-btns:last-child{margin-right: 0%}

.upload-btns a{    background-color: #e9e9e9;
    padding: 8px 4px;
    width: 100%;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px;
        display: block;
        text-align: center;
}


.upload-btns input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.topic-active{background-color: #0d6efd !important;
    color: #fff !important;
    font-family: "poppins", serif;
    font-size: 13px !important;
}

.add-section-btn{
    background: #019c36;
    font-weight: 400;
    color: #fff !important;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 20px;
    margin: 10px 0px 10px 5px;
    float: right;
    font-family: 'poppins', serif;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.fbut-remove-text-2 {
    margin-bottom: 0px;
    margin-right: 0px;
    font-size: 14px;
    text-transform: none;
    color: #ce1616;
    margin-top: 9px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 8px 10px;
    margin-left: 10px;
    float: right;
    text-align: center;
    cursor: pointer;
}

/*loginpage*/

  
.brand-wrapper {
  padding-top: 7px;
  padding-bottom: 8px; }

  .brand-wrapper .logo {
    height: 73px;    width: auto; }

.login-section-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 68px 100px !important;
  background-color: #fff; }
  @media (max-width: 991px) {
    .login-section-wrapper {
      padding-left: 50px;
      padding-right: 50px; } }
  @media (max-width: 575px) {
    .login-section-wrapper {
      padding-top: 20px;
      padding-bottom: 20px;
      min-height: 100vh; } }

.login-wrapper {
  width: 400px;
  max-width: 100%;
  padding-top: 24px;
  padding-bottom: 24px; }
  @media (max-width: 575px) {
    .login-wrapper {
      width: 100%; } }
  .login-wrapper label {
    font-size: 14px;
    font-weight: 600;
    color: #000; }
  .login-wrapper .form-control {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
    padding: 9px 5px;
    min-height: 40px;
    font-size: 15px;
    font-weight: normal; }
    .login-wrapper .form-control::-webkit-input-placeholder {
      color: #b0adad; }
    .login-wrapper .form-control::-moz-placeholder {
      color: #b0adad; }
    .login-wrapper .form-control:-ms-input-placeholder {
      color: #b0adad; }
    .login-wrapper .form-control::-ms-input-placeholder {
      color: #b0adad; }
    .login-wrapper .form-control::placeholder {
      color: #b0adad; }
  .login-wrapper .login-btn {
    padding: 7px 20px;
    background-color: #0d6efd;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 14px;font-family: "poppins", serif;
    width: 100%;
    border-radius: 5px; }
    .login-wrapper .login-btn:hover {
      border: 1px solid #0043a6;
      background-color: #0043a6;
      color: #fff; }
  .login-wrapper a.forgot-password-link {
    color: #080808;
    font-size: 14px;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 20px; }
    @media (max-width: 575px) {
      .login-wrapper a.forgot-password-link {
        margin-bottom: 16px; } }
  .login-wrapper-footer-text {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
        width: 100%;
    float: left;
    margin-top:  15px;
  }
  .login-wrapper-footer-text a{ color: #0d6efd !important;}
  
.login-title {
  font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 25px; }

.login-img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left; }



.login-icons{margin: 0 auto; padding:0; width: 100% }

.login-icons ul{    margin: 0 auto; width: 100%; display: table-cell;}

.login-icons ul li{float: left; margin-right: 25px; border:1px solid #eee; padding: 8px 16px;  font-size: 24px;}

.dropdown-2 {
 background: #0d6efd;
    color: #fff;
    cursor: pointer;
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    text-align: center;
    text-decoration: none;
    z-index: 1;
    transform: perspective(1000px);
    border-radius: 50%;
    /* padding: 10px; */
    align-items: center;
    justify-content: center;
}

.dropdown-menu-2 {
  background-color: #fff;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  opacity: 0;
  text-align: center;
  top: 0;
  visibility: hidden;
  z-index: -99999;width: 320px;
  /*padding-top: 10px;*/
}

.dropdown-menu-2 li:first-child {
  border-bottom: 1px solid #eee
}

.dropdown-menu-2 a {
  color: #000;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  -webkit-transition: all 1s;
  transition: all 1s;width: 320px;
  padding: 10px 20px;
  text-align: left;font-family: "poppins", serif;
  font-size: 14px;
}

.dropdown-menu-2 a:hover {
  /*background: #ba68c8;*/
  /*color: #ff0000;*/
  color:#0d6efd;
}

.dropdown-2:hover .dropdown-menu-2 {
  background: #fff;
  opacity: 1;
  visibility: visible;
  top: 100%;
  width: 100%;
  -webkit-transition: all .5s, background, 2s .5s linear;
  transition: all .5s, background 2s .5s linear;
  width: 320px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
      overflow-y: auto;
    height: 550px;
    overflow-x: hidden;
}
.dropdown-2:hover .dropdown-menu-2::-webkit-scrollbar {
  width: 5px;
}
.dropdown-menu-2 li a .menu-cart{
    background-color: #0d6efd; 
     color: #fff; 
     height: 25px; width: 25px; text-align: center;
     line-height: 25px;
    font-size: 16px; 
    border-radius: 50%; float: right
}


/*my account*/

.profile-name{
    background-color: #0d6efd; 
    width:40px;
    height:40px;
    justify-content:center;
    border-radius: 50%; 
    color: #fff; 
    font-size: 20px;
    font-weight: 600;
    padding: 13px;
    display: flex;
    float: left;
    margin-right: 10px;
    line-height:16px;
}

.profile-text{
    color: #000; 
    font-size: 15px;
    display: block;
    float: left;
    font-weight: 500;
    font-family: "poppins", serif;
    /*padding-top: 7px;*/
   }
.profile-text span{float: left;font-weight: 400;}

.my-learning-banner{ background: #e8f0fc url(../images/bg-pattern.png) repeat center bottom;}

.my-learning-banner-heading{font-family: "merriweather", serif;}

.my-learing-section{background-color: #fff}

.my-learing-menu ul{margin: 0; padding: 0;    float: right;}

.my-learing-menu ul li{float: left; margin-right: 45px;}

.my-learing-menu ul li:last-child{margin-right:0px;}

.my-learing-menu ul li a{ font-weight: 400;font-family: "poppins", serif;color: #000; 
    font-size: 16px;}

.my-learing-menu-active{color: #0d6efd !important; border-bottom: 4px solid #0d6efd; padding-bottom: 5px;}

.my-learing-menu ul li a:hover{color: #0d6efd !important;}

.filters{margin: 0; padding: 0}

.filters ul{margin: 0; padding: 0}

.filters ul li{width: 23%; float: left; margin-right:2.6666%;  }

.filters ul li p{font-weight: 400;font-family: "poppins", serif;color: #000; 
    font-size: 16px;  }

.filters ul li:last-child{ margin-right:0% }

.filters ul li select{border:1px solid #ddd; width: 100%; height: 44px; padding: 5px; border-radius: 4px}

.my-learning-box{
    margin-bottom:35px;
}
.my-learning-course{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  /*margin-bottom: 35px;*/
  height: 100%;
  position:relative;
      border-radius: 0.375rem;
    overflow: hidden;
}
.pb-45{
        padding-bottom: 40px;
        
}
.my-learning-course-footer{
    position:absolute;
    bottom:0px;
    width:100%;
    left:0;
    padding:10px 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.my-learning-course img{width: 100%}

.my-learning-course-text h6{    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:45px;
}
.my-learning-course-text p{line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height:24px;
}
.tooltip{
   border: 1px solid #000;
   display: inline-block;
   padding: 12px;
   -webki-transition: all .3s ease;
   -moz-transition: all .3s ease;
   transition: all .3s ease;
   visibility: hidden;
   opacity: 0;
}
.tooltip.abierto{
   visibility: visible;
   opacity: 1
}

.tooltip-ul ul{padding-left: 0}

.tooltip-ul ul li{width: 100%; float: left; font-size: 13px;font-weight: 400;font-family: "poppins", serif;color: #000; padding-bottom: 5px}

.tooltip-ul ul li:last-child{padding-bottom: 0px}

.learning-reminders-btn{
    background-color: #0d6efd;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;}

.learning-reminders-btn:hover{
    background-color: #005fd3;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
}

.mobile-notifications  select{padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-top: 2px;
    box-sizing: border-box;
    font-family: 'poppins', serif;
    color: #000 !important;
    font-size: 14px;}

.mobile-notifications input {padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 25px;
    margin-top: 2px;
    box-sizing: border-box;
    font-family: 'poppins', serif;
    color: #000 !important;
    font-size: 14px;
    width: 75%}

.mobile-notifications-btn{
    background-color: #0d6efd;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;}

.mobile-notifications-btn:hover{
    background-color: #005fd3;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
}
.my-list-head{
    padding:0.8rem 1rem 0;
}
.click-here {
  cursor: pointer;
  
}
.click-here:hover{
  
}
.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}
.custom-model-main2 {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}
.model-open {
  z-index: 9999999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin: 0px auto;
  max-width: 99.7%;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 4% 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

   
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.model-open .bg-overlay2 {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay2 {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
    position: absolute;
    right: 13px;
    top: -5px;
    cursor: pointer;
    z-index: 999999999999;
    font-size: 35px;
    color: #000;
    /*font-weight: 900;*/
}
.close-btn2 {
    position: absolute;
    right: 13px;
    top: -5px;
    cursor: pointer;
    z-index: 999999999999;
    font-size: 35px;
    color: #000;
    /*font-weight: 900;*/
}

@media screen and (min-width:800px){
    .custom-model-main:before {
      content: "";
      display: inline-block;
      height: auto;
      vertical-align: middle;
      margin-right: -0px;
      height: 100%;
    }
    .custom-model-main2:before {
      content: "";
      display: inline-block;
      height: auto;
      vertical-align: middle;
      margin-right: -0px;
      height: 100%;
    }
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}

.form-check-label{font-size: 14px; font-weight: 400; font-family: "poppins", serif; letter-spacing: 0.5px;}

.boxed label {
      display: inline-block;
    /* width: 200px; */
    padding: 7px 15px;
    border: solid 1px #eee;
    background-color: #f8f8f8;
    transition: all 0.3s;
    color: #000;
    border-radius: 25px;font-size: 14px; font-weight: 400; font-family: "poppins", serif; letter-spacing: 0.5px;
}

.boxed input[type="radio"] {
  display: none;
}

.boxed input[type="radio"]:checked + label {
  border: solid 1px #0d6efd;
  background-color: #0d6efd;color: #fff
}

.sign-in-with ul{padding: 0; margin: 0;}

.sign-in-with ul li{float: left; margin-right: 25px; border:1px solid #ddd; padding: 8px 15px;}

.sign-in-with ul li a{font-size: 14px; font-weight: 400; font-family: "poppins", serif; letter-spacing: 0.5px; color: #000}

.account-setting label{text-align: left;}

.account-setting-left{width: 92%; float: left}

.account-setting-right{width: 8%; float: left}

.account-setting-icon i{background-color: #0d6efd;
  background-color: #0d6efd;
    padding: 5px 15px 5.1px 15px;
    border: 1px solid #0d6efd;
    color: #fff;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    margin-left: -5px;
}
.mt-10{margin-top: 10px}

.pop-up-content-wrap span{ font-family: "poppins", serif; letter-spacing: 0.5px; color: #000}

.email-save{background-color: #196ae5;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding:9px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
border:0;}

.email-save:hover{
    color: #fff;}

.notifications-box{border:1px solid #ddd; padding: 15px 10px;}

.close-account p{font-family: "poppins", serif; letter-spacing: 0.5px; color: #000; line-height: 27px;}




.temp-styling-left.chat-left {
    width: 35%; float: left; margin-right: 2%;
}
.temp-styling-left.chat-left .chat-left-main{
    border: 1px solid #ddd ;
    height: calc(100vh - 130px);
}
.temp-styling-left.chat-left .chat-left-main .chat-btns{
    background: #f5f5f5;
    padding: 10px 15px;
}
.temp-styling-left.chat-left .chat-left-main .chat-btns .btn{
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 100px;
    background: transparent;
    min-width: auto;
    padding: 5px 15px;
}
.temp-styling-left.chat-left .chat-left-main .chat-btns .btn:active{
    box-shadow: none;
    border: 1px solid #df6d8d;
    background: #fff2f6;
    color: #9a0000;
}
.temp-styling-left.chat-left .chat-left-main .chat-btns .btn:focus{
    box-shadow: none;
    border: 1px solid #df6d8d;
    background: #fff2f6;
    color: #9a0000;
    outline: none;
}
.temp-styling-left.chat-left .chat-left-main .filter{
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.temp-styling-left.chat-left .chat-left-main .filter h2{
    font-size: 14px !important;
    color: #000000;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.temp-styling-left.chat-left .chat-left-main .filter h2 span{
    font-size: 12px;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.temp-styling-left.chat-left .chat-left-main .filter h2 span img{
    margin-left: 5px;
    width: 15px;
}
.temp-styling-left.chat-left .chat-left-main .filter img{
    width: 25px;
}
.temp-styling-left.chat-left .chat-left-main .mail-details{
    padding: 15px;
    background: #f5f5f5; 
}
.temp-styling-left.chat-left .chat-left-main .mail-details .media{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.temp-styling-left.chat-left .chat-left-main .mail-details .media img{
    width: 70px;
    height:70px;
    margin-right: 15px;
    border-radius:100px;
}
.temp-styling-left.chat-left .chat-left-main .mail-details .media .media-body{
    width: 100%;
}
.temp-styling-left.chat-left .chat-left-main .mail-details .media .media-body h5{
    font-size: 14px;
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.temp-styling-left.chat-left .chat-left-main .mail-details .media .media-body h5 span{
    font-size: 12px;
    margin: 0;
}
.temp-styling-left.chat-left .chat-left-main .mail-details .media .media-body p{
    font-size: 12px;
    margin: 0;
}
.temp-chat-right {
    width: 63%;
    border: 1px solid #ddd ;
    height: calc(100vh - 130px);
    position: relative;
    float: left;
}
/*.temp-styling-right.chat-right {*/
/*    width: 63%;*/
/*    border: 1px solid #ddd ;*/
/*    height: calc(100vh - 130px);*/
/*    position: relative;*/
/*    float: left;*/
/*}*/
/*.temp-styling-right .match-profile-card{
    border: 0;
    margin: 0;
}*/
.temp-styling-right .match-profile-card .chat-right-main{
    width: 100%;
}
.temp-styling-right .match-profile-card .chat-right-main .media{
    display: flex;
    padding: 15px;
    background: #f2f2f2;
    width: 100%;
}
.temp-styling-right .match-profile-card .chat-right-main .media .media-body{
    width: 100%;
}
.temp-styling-right .match-profile-card .chat-right-main .media .more-icon.dropdown .dropdown-menu{
        min-width: 150px;
    padding: 10px 15px;
}
.temp-styling-right .match-profile-card .chat-right-main .media .more-icon.dropdown .dropdown-menu .dropdown-item{
    font-size: 14px;
    margin: 7px 0px;
    color: #454545;
}
.temp-styling-right .match-profile-card .chat-right-main .media .more-icon.dropdown img{
    width: 30px;
    margin: 0;
    cursor: pointer;
}
.temp-styling-right .match-profile-card .chat-right-main .media .more-icon.dropdown .dropdown-menu .dropdown-item{
    float: left;
    width: 100%;
}
.temp-styling-right .match-profile-card .chat-right-main .media img{
    width: 50px;
    border-radius: 100px;
    margin-right: 15px;
    height: 50px;
}
.temp-styling-right .match-profile-card .chat-right-main .media h5{
    margin: 0;
}
.temp-styling-right .match-profile-card .chat-right-main .media p{
    font-size: 12px;
}

.temp-styling-right.chat-right .mess-main{
    width: 100%;
    clear: both;
    padding: 0px 15px;
}
.temp-styling-right.chat-right .mess-main .mess-row{
    display: flex;
    padding: 0px 20px;
}
.temp-styling-right.chat-right .mess-main .mess-row .date{
    margin: 20px 0px 10px 0px;
}
.temp-styling-right.chat-right .mess-main .mess-row .date p{
   font-size: 12px;
   text-align: center;
}
.temp-styling-right.chat-right .mess-main .mess-row .chat-profile{
    margin-right: 15px;
}
.temp-styling-right.chat-right .mess-main .mess-row .chat-profile img{
    width: 30px;
    border-radius: 100px;
}
.temp-styling-right.chat-right .mess-main .mess-row  .chat-text{
    background: #f5f5f5;
    padding: 15px;
    font-size: 12px;
    border-radius: 0px 8px 8px 8px;
}
.temp-styling-right.chat-right .mess-main .mess-row  .chat-text p{
    font-size: 12px;
    margin: 0;
    line-height:normal;
}
.temp-styling-right.chat-right .mess-main .mess-row  .chat-text .time{
    font-size: 12px;
    margin: 0;
    text-align: right;
}
.temp-styling-right.chat-right .footer{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 15px 15px;
    background:transparent;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:90px;
}
.temp-styling-right.chat-right .footer input{
    width: 100%;
    margin-right: 15px;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
    height: 50px;
}
.temp-styling-right.chat-right .footer i{
    
    /* width: 50px; */
    /* height: 50px; */
    /* line-height: 50px; */
    background: #005fd3;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 50%;
    padding: 12px;
    -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);

}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting{
    background: transparent;
    border-bottom: 1px solid #ddd;
}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting.active{
    background: #ecf6ff;
}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting .media .media-body p{
    font-size: 13px;
}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting .media .media-body p img{
    width: 20px;
    margin-right: 5px;
    border-radius:100px;
}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting .media .media-body .interest{
    display: flex;
    align-items: center;
    position: relative;
}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting .media .media-body .interest p{
    font-size: 12px;
    margin-right: 10px;
}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting .media .media-body .interest i{
    width: 15px;
    /* display: flex; */
    margin: 0;
    border-radius: 50%;
    border: 1px solid #ababab;
    text-align: center;
    height: 15px;
    color: #ababab;
    padding-top: 2px;
    font-weight: 100;
    font-size: 10px;
}
.temp-styling-left.chat-left .chat-left-main .mail-details.awaiting .media .media-body .interest .dropdown-menu{
    background: #f8b7cd;
    padding: 5px;
    color: #000000;
}
.temp-styling-left.chat-left .chat-left-main .call-details{
    text-align: center;
}
.temp-styling-left.chat-left .chat-left-main .call-details img{
    width: 100px;
}
.temp-styling-left.chat-left .chat-left-main .call-details p{
    font-size: 14px;
}
.temp-styling-left.chat-left .chat-left-main .call-details p span{
    font-weight: bold;
    display: block;
}
.temp-styling-left.chat-left .chat-left-main .call-details .btn-exp{
    font-size: 12px;
    border-radius: 100px;
    min-width: auto;
    padding: 5px 15px;
    box-shadow: none;
    border: 1px solid #df6d8d;
    background: #fff2f6;
    color: #9a0000;
    outline: none;
    margin-top: 20px;
}

.mail-right-main-box {
    width: 100%;
    float: left;
    
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.mail-right-main {
    width: 100%;
}

 .mail-right-main .mail-media{
    display: flex;
    
    width: 100%;
}
.mail-right-main .mail-media .mail-media-body{
    width: 100%;
}
.mail-right-main .mail-media .mail-media-body h5{
    color: #000;
    margin-bottom: 1px;
    letter-spacing: 0.3px;
    font-size: 20px;
    font-weight: 600;
}
.mail-right-main .mail-media .mail-more-icon.dropdown .dropdown-menu{
        min-width: 200px;
    padding: 10px 15px;
}
.mail-right-main .mail-media .mail-more-icon.dropdown .dropdown-menu .dropdown-item{
    font-size: 14px;
    margin: 7px 0px;
    color: #454545;
}
.mail-right-main .mail-media .mail-more-icon.dropdown img{
    width: 30px;
    margin: 0;
    cursor: pointer;
}
.mail-right-main .mail-media .mail-more-icon .dropdown-menu .dropdown-item{
    float: left;
    width: 100%;
}
 .mail-right-main .media img{
    width: 50px;
    border-radius: 100px;
    margin-right: 15px;
}
 .mail-right-main .media h5{
    margin: 0;
}
 .mail-right-main .media p{
    font-size: 12px;
}

.match-profile-actions .interest{
    display: flex;
    align-items: center;
    position: relative;
}
.match-profile-actions .interest p{
    font-size: 13px;
    margin-right: 10px;
}
.match-profile-actions .interest i{
    width: 15px;
    /* display: flex; */
    margin: 0;
    border-radius: 50%;
    border: 1px solid #ababab;
    text-align: center;
    height: 15px;
    color: #ababab;
    padding-top: 2px;
    font-weight: 100;
    font-size: 10px;margin-top: 9px;
}
.match-profile-actions .interest .dropdown-menu{
    background: #f8b7cd;
    padding: 5px;
    color: #000000;    width: 100px;
}

.match-profile-actions .interest .dropdown-menu p{
    font-size: 13px;
    margin-right: 0px;    padding-top: 0px;
}

.temp-styling-right .filter {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.temp-styling-right .filter h2 {
    font-size: 16px;
    line-height: 23px;

    color: #000000;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.temp-styling-right .filter img {
    width: 25px;
}

.match-profile-card {
    width: 100%;
    float: left;
    border: 1px #ddd solid;
    margin-bottom: 15px;
    border-radius: 8px;
    background-color: transparent;
    padding: 15px 15px 15px 15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    position:sticky;
    top:0;
}


.notification-section{}

.notification-box{
        border: 1px solid #c5dcff;
    background-color: #f0f6ff;
    padding: 15px;
        display: flex;

}

.notification-box p {
    float: left;
    color: #000;
    font-family: 'poppins', serif;
    padding-left: 55px;
    margin-bottom: 0;
}

.notification-box p img {
    float: left;
    margin-left: -55px;
    margin-top: 6px;
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 50%;
}

.my-cart-section{ font-family: "poppins", serif;}

.my-cart{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  /*margin-bottom: 35px;*/
  height:100%;
}
.my-cart-text{
    padding:20px;
}
.my-cart img{width: 100%; height:170px; object-fit:contain; object-position:top;}

.my-cart-text h6{line-height: 22px;}

.cart-footer{display: flex;     justify-content: flex-end; position: relative;}

.cart-footer ul{margin: 0; padding: 0}

.cart-footer ul li{ float: left; padding-right: 8px; font-size: 14px;}

.cart-footer ul li a{ font-size: 14px; color: #000}

.cart-footer ul li a:hover{ font-size: 14px; color: #9e0bff}

.cart-box{
    border: 1px solid #c5dcff;
    background-color: #f0f6ff;
    padding: 15px;
    border-radius:15px;
}
.promotions-left{width: 70%; float: left; margin-right: 1%}

.promotions-right{width: 29%; float: left; margin-right: 0%}

.promotions-box{    display: inline-block;
    border-bottom: 1px solid #c5dcff;
    padding-bottom: 16px;
    /*border-top: 1px solid #c5dcff;
    padding-top: 14px;*/}
.cart-box input{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.apply-btn{
   background-color: #0d6efd;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 14px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    border: 0;
}

.checkout-btn{
    width: 100%;
    background-color: #0d6efd;
    color: #fff;
    font-family: "poppins", serif;
    font-size: 16px;
    display: block;
    padding: 6px 12px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    border: 0;
}

.code-text.{float: right !important;
    right: 72px !important;
    position: relative !important;
    top: 26px !important;}


table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-family: "poppins", serif;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: left;
  border-right: 1px solid #ddd;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
      
    display: flex;
    justify-content: space-between;
}
 
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}


.recipt-btn{border:1px solid #aaa;
padding: 4px 20px; margin-right: 12px; color: #000; font-weight: 600; font-size: 15px;}

.invoice-btn{border:1px solid #aaa;
padding: 4px 20px; color: #000; font-weight: 600; font-size: 15px;}

.credit-btn{border:1px solid #aaa;
padding: 4px 10px; color: #000; font-weight: 500; font-size: 14px;}

.note-btn{border:1px solid #aaa;
padding: 4px 34px; color: #000; font-weight: 500; font-size: 14px;}

.refund-icon{color: #169d00}

.refund-icon1{color: #ff0000}


.purchase-course-text{align-items: center; display: flex;}

.purchase-course-box{border:1px solid #ddd;    display: flow-root;}

.purchase-course-box:last-child{border-bottom:0px solid #ddd; }

.purchase-course-left{width: 75%; float: left; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd; padding: 8px; font-family: "poppins", serif;}

.purchase-course-right{width: 25%; float: left;border-bottom: 1px solid #ddd; padding: 8px; font-family: "poppins", serif;}

/*.payment-methods-box{border:1px solid #ddd; padding: 15px; border-radius: 5px;  display: flow-root;}

.card-icon{width: 15%; float: left; margin-right: 3%;}

.card-icon img{border:1px solid #ddd; padding: 12px 10px; border-radius: 5px; height: 45px}

.card-num{width: 53%; float: left; margin-right: 3%}

.card-set{width: 15%; float: left; margin-right: 3%}

.card-remove{width: 8%; float: left; margin-right: 0%}

.default-btn{background: #181f2d; color: #fff;font-family: "poppins", serif; padding: 3px 8px; font-size: 13px;border-radius: 3px;}

.card-num{color: #000;font-family: "poppins", serif; font-size: 15px; font-weight: 400}

.card-num span{color: #808da7;font-family: "poppins", serif; font-size: 13px; font-weight: 400}*/

.instructor-info{border:1px solid #ddd;  display: flow-root; margin-bottom: 20px;}

.instructor-info-details h4{font-family: "poppins", serif; color: #0055ff;}

.instructor-info-details h4 span{font-family: "poppins", serif; color: #000;}

.instructor-info-details ul{padding: 0; margin: 0}

.instructor-info-details ul li{float: left;     font-family: "poppins", serif;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 10px 10px;
    margin-right: 20px;
    font-size: 1.2rem;
    font-weight: 600;
}
.instructor-info-details ul li span{font-weight: 400; font-size: 14px;}

.instructor-info-details ul li:last-child{margin-right: 0px;}

.instructor-info-details ul li i{font-size: 1.2rem;}

.instructor-info-details ul li .star{color: #e7b913;}
.instructor-info-details ul li .chat{color: #e7b913;}
.instructor-info-details ul li .people{color: #e7b913;}
.instructor-info-details ul li .play {color: #e7b913;}

.instructor-logo{border: 1px solid #ddd; width: 175px; height: 175px; border-radius: 50%;  background: #fff;
    display: flex; align-items: center;justify-content: center;}

.instructor-logo img{width: 150px; height: auto; object-position: center;}

.instructor-info-details{border-bottom: 1px solid #ddd; padding: 25px; background: #f9f9f9;}

.instructor-info-text{ font-family: "poppins", serif;; color: #000; padding: 45px 25px 30px;}

 .instructor-info-text h3{

 }
 .instructor-info-text h6{
    color: #264cc9;
    background: #e9eff9;
    display: block;
    padding: 12px 26px;
    font-size: 19px;
    text-transform: capitalize;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom: 1px solid #9db0f1;
    margin-bottom: 14px;
    text-align: center;

}
/*========================================================*/

.line-through-text{
   text-decoration: line-through;
    font-size: 15px !important;
    color: #bbb;
    font-weight: 400;
}

/*====================================*/
.post-job-info{
    width: 100%;
    float: left;
}
.post-job-left{
    width: 65%;
    float: left;
    margin-right: 5%;
    position: sticky;
    top: 165px;
}
.post-job-right{
    width: 30%;
    float: left;
        padding-top: 30px;
    
}
.post-jobtitle-left {
    display: flex;
    align-items: center;
    border-bottom: 5px solid #eee;
    margin-bottom: 20px;
}
.post-jobtitle-left .icon{
        color: #0d6efd;
    font-size: 4rem;
    margin-right: 20px;
}
.post-jobtitle-left h4{
    font-size:16px;
}
.post-jobtitle-left  h3{
    margin-bottom: 3px;
    color: #264cc9;
    font-weight: 600;
}
.post-job-left li{
    padding-left:26px;
    position: relative;
    padding-bottom: 10px;
}
.post-job-left li i{
    margin-left: -26px;
    margin-right: 10px;  color: #0d6efd;
}

.job-post-form{
        width: 100%;
    float: left;
    background: #ecf2fb  url(../images/blue-banner-bg.png) no-repeat;
    padding: 30px;
}
.form-group-row{
    margin-bottom: 10px;
}
.job-post-form input, textarea, select{ width:100% !important}

.job-post-form .button{
      background: #264cca;
    color: #fff;
    padding: 10px;
    display: block;
    border: 0;
    font-weight: 600;
    transition: all 0.5s ease-in;
}
.job-post-form .button:hover{
      background: #1a1a1a;
}
.job-post-form h4{
        margin: 20px 0 10px !important;
    width: 100%;
    float: left;
    font-size: 17px;
    font-weight: 500;
    color: #264cc9;
}
@media (min-width: 768px){
.navbar-nav {
    float: unset !important;
}
}

.sliding-menu .slick-prev {
    left: -15px;
}
.sliding-menu .slick-next {
    right: -15px;
}
.sliding-menu  .slick-prev:before, .sliding-menu  .slick-next:before {
       font-size: 18px;
    color: #fff;
}
/*================cour========================================*/

.small-header.top_section {
    float: left;
    width: 100%;
    height: 75px;
   
    }
.header-row{
       display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.4rem;
    height: 100%;
}
.header-logo #logo {
    width: 140px;
    background-size: contain;
}
.header-divider {
    height: 40px;
    border-left: 2px solid #c5bebe;
    
}
.course-header-title{
    flex:1;
    color: #3c3f43;
    font-weight: 500;
    transition: all 0.5s ease;
}
.course-header-title a{
    color: #3c3f43;
    font-weight: 500;
    transition: all 0.5s ease;
}
.header-right-btns{
    display: flex;
    flex-wrap: wrap;
    flex:1;
        justify-content: flex-end;
}
.header-right-btns .border-btn{
    background-color: #f1f1f1;
    color: #000;
    font-family: "poppins", serif;
    font-size: 15px;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    border: 1px solid #ddd;
    margin-right: 10px;
}
.header-right-btns .btn{font-size: 15px;}


.header-right-btns .border-btn:hover{
    color: #0a58ca;
}
.w-drop{
    width: 250px;
    border-bottom: 2px solid #0a58ca !important;
}
.more-drop{
    left:unset !important;
    right:0 !important;
}
.more-drop li a{
    color: #000;
    
    display: block;
    transition:  all .5 ease-in;
}
.more-drop li:last-child a{
    border:0;
}
.more-drop li a:hover{
    background-color: #0a58ca;
    color: #fff;
}
.course-video .video-player{
    height: 400px;
    width: 100%;
    object-fit: cover;

}
#header-rating{
    z-index: 999999;
}

/*======course-content-main========*/
.course-content-main{
    margin-top:75px;
}
.inner-course-container{
    width:100%;
    float: left;
border-radius: 6px !important;
    -webkit-box-shadow: 0 3px 50px 0 rgb(0 12 105 / 8%);
    box-shadow: 0 3px 50px 0 rgb(0 12 105 / 8%);
    background-color: #fff;
    padding:30px;
    margin-bottom: 40px;
}
.course-content-main .form-control { font-size: 14px !important;}

.course-content-block {
    padding: 40px 0px 10px;
}
.banner-slider .slick-next {
    right: 0px;
    z-index: 9999;
    background:rgb(255 255 255/0.6);
}
.banner-slider .slick-prev {
    left: 0px;
    z-index: 9999;
    background:rgb(255 255 255/0.6);
}
.banner-slider img{ 
    width: 100%; object-fit: cover; 
    object-position: center; padding: 0 !important;
    height: 400px;
     }


.courrse-left-tab li   button {
       color: #000;
    border: 1px solid #ddd !important;
    font-weight: 600;
    padding: 10px 26px;

}
.courrse-left-tab.nav-tabs .nav-item.show .nav-link, .courrse-left-tab.nav-tabs .nav-link.active {
 color: #0a58ca !important;
border: 1px solid #0a58ca !important;
border-bottom: 3px solid #0a58ca !important;
}

.overviewlist-inlineli li{float: left;     font-family: "poppins", serif;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 10px 10px;
    margin-right: 20px;
    font-size: 1.2rem;
    font-weight: 600;
}
.overviewlist-inlineli li span{font-weight: 400; font-size: 14px;}

.overviewlist-inlineli li:last-child{margin-right: 0px;}

.overviewlist-inlineli li i{font-size: 1.2rem;}

.overviewlist-inlineli li .star{color: #e7b913;}
.overviewlist-inlineli li .chat{color: #e7b913;}
.overviewlist-inlineli li .people{color: #e7b913;}
.overviewlist-inlineli li .play {color: #e7b913;}


.schedule-learning{
    box-shadow: 0px 0px 5px 0px rgb(0 0 0/0.2);
    padding: 20px;
    border-left: 2px solid #0a58ca
}

.schedule-learning .icon{float: left;; margin-right: 20px; color: #e7b913; font-size: 35px;}

.blue-bg-btn {
    background-color: #196ae5 !important;
    color: #fff !important;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
        opacity: 1 !important;
}
.border-btn{
    background-color: transparent;
    color: #000;
    font-family: "poppins", serif;
    font-size: 16px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    border: 1px solid #ddd;
}
div{font-family: "poppins", serif;}

.course-overview-grid-row {
        border-top: 1px solid #d1d7dc;
    padding: 2.4rem 0;
    /*display: flex;*/
    width: 100%;
    float: left;
    gap: 25px;
    clear: both;
}

.course-btn-disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.course-overview-grid-row  td{
    font-size: 14px;
}
.li-before-arrow{padding: 0}

.li-before-arrow li{
    position: relative;
    padding-left: 23px;
    font-size: 14px;
    padding-bottom: 6px;
}
.li-before-arrow li:before{
    position: absolute;
    content: "\f134";
    left:0;
    font-family: bootstrap-icons !important;
   
}
.instructor-social-icons li i{
        background-color: #d7e9fb;
    color: #264cc9;
    padding: 5px;
    display: inline;
}
.featured-instructor{
    background-color: #eef5ff;
    padding: 10px;
    border-radius: 10px;
}

.instructor-social-icons li i:hover{ color: #196ae5;}
/*=================================================*/


.course-content-main input, .course-content-main select .course-content-main li, .course-content-main p,
.course-content-main {
    font-size: 14px !important;
}
.tab-qa-filters{
    border: 1px solid #c5dcff;
    background-color: #f0f6ff;
    padding: 20px;
    display: block;
    border-radius: 10px;
}

.cd-panel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.6s;
    transition: visibility 0s 0.6s;
    z-index: 9999;
}
 .cd-panel::after {
  /* overlay layer */
  content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: transparent;
 cursor: pointer;
 -webkit-transition: background 0.3s 0.3s;
 transition: background 0.3s 0.3s;
}
.cd-panel.cd-panel--is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
    z-index: 999999;
}
 .cd-panel.cd-panel--is-visible::after {
 background: rgba(0, 0, 0, 0.8);
 -webkit-transition: background 0.3s 0s;
 transition: background 0.3s 0s;
}
.cd-panel__header {
    position: fixed;
    width: 90%;
    height: 50px;
    line-height: 50px;
    background: rgba(255, 255, 255, 0.96);
    z-index: 2;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-transform 0.3s 0s;
    transition: -webkit-transform 0.3s 0s;
    transition: transform 0.3s 0s;
    transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
.cd-panel__header h1 {
    padding-left: 25px;
    font-size: 20px;
    margin:10px 0px 0px 0px;
    color:  #264796;
    font-weight: 500;
}
.cd-panel--from-right .cd-panel__header {
    right: 0;
}
.cd-panel--from-left .cd-panel__header {
    left: 0;
}
.cd-panel--is-visible .cd-panel__header {
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
 @media only screen and (min-width: 768px) {
 .cd-panel__header {
 width: 70%;
}
}
 @media only screen and (min-width: 1170px) {
 .cd-panel__header {
 width: 28%;
}
}
.cd-panel__close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    /* image replacement */
  display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
 .cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: '';
 position: absolute;
 top: 22px;
 left: 20px;
 height: 3px;
 width: 20px;
 background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
 .cd-panel__close::before {
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}
 .cd-panel__close::after {
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.cd-panel__close:hover {
    background-color: #424f5c;
}
 .cd-panel__close:hover::before, .cd-panel__close:hover::after {
 background-color: #ffffff;
 -webkit-transition: -webkit-transform 0.3s;
 transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 transition: transform 0.3s, -webkit-transform 0.3s;
}
 .cd-panel__close:hover::before {
 -webkit-transform: rotate(220deg);
 -ms-transform: rotate(220deg);
 transform: rotate(220deg);
}
 .cd-panel__close:hover::after {
 -webkit-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 transform: rotate(135deg);
}
 .cd-panel--is-visible .cd-panel__close::before {
 -webkit-animation: cd-close-1 0.6s 0.3s;
 animation: cd-close-1 0.6s 0.3s;
}
 .cd-panel--is-visible .cd-panel__close::after {
 -webkit-animation: cd-close-2 0.6s 0.3s;
 animation: cd-close-2 0.6s 0.3s;
}
 @-webkit-keyframes cd-close-1 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
 @keyframes cd-close-1 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
}
 @-webkit-keyframes cd-close-2 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
 @keyframes cd-close-2 {
 0%, 50% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
}
.cd-panel__container {
    position: fixed;
    width: 90%;
    height: 100%;
    top: 0;
    background: #ffffff;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.cd-panel--from-right .cd-panel__container {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.cd-panel--from-left .cd-panel__container {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.cd-panel--is-visible .cd-panel__container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
 @media only screen and (min-width: 768px) {
 .cd-panel__container {
 width: 70%;
}
}
 @media only screen and (min-width: 1170px) {
 .cd-panel__container {
 width: 28%;
}
}
.cd-panel__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 70px 0%;
    overflow: auto;
    /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.cd-panel__content h4{
    font-size: 1.2rem;
    color: #f23801;
    line-height: 1.4;
    margin: 1.5em 0 1.2em;
    text-align: left;
    font-weight: 600;
}

.cd-panel__content h5{
    font-size: 1.2rem;
    color: #f23801;
    line-height: 1.4;
    margin: 1.5em 0 1.2em;
    text-align: left;
    font-weight: 600;
}
.cd-panel__content p  i{
        font-size: 2.5rem;
    color: #14133b;
    float: left;
    padding-right: 18px;
}

.cd-panel__content p {
    font-size: 0.95rem;
    color: #14133b;
    margin: 1em 0;
    text-align: left;
    font-weight: 600;
}
.cd-panel__content p span{
        float: left;
    padding-top: 8px;
}
.cd-panel__content p:first-of-type {
    margin-top: 0;
}
 @media only screen and (min-width: 768px) {
 .cd-panel__content p {
 font-size: 0.95rem;

 text-align: left;
 font-weight: 600;
}
}
/*===============*/
.right-fixed-btn {
  display:inline-block;

  /*height: 50px;*/
  position: fixed;
  right: 0;
  text-align: center;
  top: 50%;
 transform: translateY(-50%);
  width: 170px;
  z-index: 99999;
  margin-top: -70px;
}
.right-fixed-btn a{
  background: #264cc9;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
    font-size: 1rem;
    line-height: 50px;
     text-decoration: none;
  text-transform: uppercase;
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  transform-origin: bottom right;
  display: block;
}

.yellow-fill {
    color: #e7b913;
}
.popup-social li {
      display: inline-flex;
    width: 70px;
    height: 70px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 26px;
    margin: 10px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
    background-size: 100% 200%;
    background-position: 0% 5%;
    transition: background-position 0.5s, color 0.5s;
}

.popup-social li:nth-child(1) {
  color: #1976d3;
  background-image: linear-gradient(#fff 50%, #1976d3 50%);
}
.popup-social li:nth-child(1) a {
  color: #1976d3;
}
.popup-social li:nth-child(2) {
  color: #000;
  background-image: linear-gradient(#fff 50%, #000 50%);
}
.popup-social li:nth-child(2) a {
  color: #000;
}
.popup-social li:nth-child(3) {
  color: #ff4917;
  background-image: linear-gradient(#fff 50%, #ff4917 50%);

}
.popup-social li:nth-child(3) a {
  color: #ff4917;
}
.popup-social li:hover {
  background-position: 0% 100%;
  color: #fff;
}
.popup-social li:hover a{color:#fff;}

.noClick[aria-disabled="true"] {
    cursor: not-allowed;
    color: gray !important;
    background: transparent !important;
    text-decoration: none !important;
}
.noClick[aria-disabled="true"]:active {
      pointer-events: none;
    }
.header-more li{    
    position: relative;
    border-bottom: 1px solid #ddd;
padding: 10px 20px;
padding-left: 15px;
}
.header-more li i{
    position: absolute;
    content: "";
    left: 15px;
}

.header-more li a{ 
    padding-left:20px;
}
.header-more li:last-child{ border-bottom:0px;}

.qa-box{
    border-bottom: 1px solid #c5dcff;
    padding:20px 0px 10px;
}
.qa-box:last-child{
    border-bottom: 0px solid #c5dcff;
    }
.qa-avatar{
    width: 3.2rem;
    height: 3.2rem;
    background: #1d1e27;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100rem;
    object-fit: cover;
    color: #fff;
    margin-right: 20px;
}
.qa-content-box p {
width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 22px;
    color: #0a0a0a;
    font-weight: 400;
    text-align: start;
}
/*.ck.ck-editor__main {
    height: 250px;
}*/

.bg-note-bx{
        background: #f8fafd;
    padding: 20px;
}
/*=============================================*/

.average-rating{
float:left;
text-align: center;
width:22%;
}
.average-rating h2{
margin:0px;
text-align:left;
font-size:55px;
}
.average-rating p{
    margin:0px;
    font-size:20px;
    text-align:left;
}
.average-rating i{
color:#FDC91B;
font-size:16px !important;
}
.start-part i{
    color:#FDC91B;
font-size:16px !important;
}
.comment-part .bi-star-fill , .comment-part .bi-star, .comment-part .bi-star-half-fill{
color:#FDC91B;
font-size:16px !important;
}
.progress-1,.progress-2,.progress-3,.progress-4,.progress-5{
background:#F5F5F5;
border-radius: 13px;
height:18px;
width:97%;
padding:3px;
margin:5px 0px 3px 0px;
}
.progress-1:after,.progress-2:after,.progress-3:after,.progress-4:after,.progress-5:after{
content: '';
display: block;
background: #337AB7;
width:80%;
height: 100%;
border-radius: 9px;
}
.progress-2:after{
width: 49%;
}
.progress-3:after{
width:24%;
}
.progress-4:after{
width:20%;
}
.progress-5:after{
width:10%;
}
.loder-ratimg{
display: inline-block;
width:60%;
}
.start-part{
float:right;
/*width:30%;*/
text-align: left;
}
.start-part span{
color:#337AB7;
font-size:16px;
margin-left:10px;
}
.reviews h1{
margin:10px 0px 20px 30px;
}
.user-img img{
height: 65px;
width: 65px;
border:1px solid #264cc9;
border-radius: 50%;
}
.user-img-part{
width:30%;
float:left;
    border-right: 1px solid #eee;
    padding-right: 10px;
}
.user-img{
width:48%;
float:left;
text-align: left;
}
.user-text {overflow: hidden;}
.user-text h4{font-size: 16px ; font-weight: 600}

 

.comment{
width:68%;
float:right;
padding-left:10px;
   
}
.comment-part{
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
}
.comment-part:last-child{
    border-bottom: 0px solid #ddd;
    }
.comment:last-child{
    border-bottom: 0px solid #ddd;
    }
    
.two-lines-text{
        width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.popup-video-thumbs-box{
      float:left;
width:100%;
    border-bottom:1px solid #ddd;
    padding:20px 0px;
    /*display:flex;*/
    /*justify-content:space-between;*/
}
.col-img{
 width: 75px;
 float:left;
    margin-right: 20px;
}
.col-img img{
    
}
.col-content{
    width:calc(100% - 160px);
     float:left;
   padding-left:20px;
}
.col-time{
    float:right;
width:65px;
text-align:right;
}
.col-content i{
    margin-left: -24px;
    margin-right: 6px;
}

.scroll-d-none::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scroll-d-none {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.my-cart-box {
    /*-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);*/
    /*box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);*/
    margin-bottom: 35px;
    padding: 15px;
    width: 100%;
    float: left;
    transition:all 0.5s ease-in;
    border: 1px solid #ddd;
    border-radius:15px;
}
.cart-col-img{
    width:18%;
    float:left;
    margin-right:3%;
    height:110px;
}
.cart-col-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.cart-col-text{
    width:64%;
    float:left;
}
.cart-col-price{
    width:15%;
    float:left;
       display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.cart-time ul li {
    /* width: 50%; */
    float: left;
    color: #233d63;
    font-family: "poppins", serif;
    font-size: 15px;
    margin-right:20px;
}
.my-cart-box:hover{
    border: 1px solid #c5dcff;
    background-color: #f8fbff;
}
/*=========================================*/
.reviewspage-box{border-bottom: 1px solid #ddd;}
.reviewspage-box .user-img {   width: 24% ;}
.reviewspage-box  .comment {    width: 70%; float:left; padding-left:10px;}
/*========================*/

.reviews .user-img {   width: 30% ;}

.blog-page-box h4{
  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.blog-user ul li + li {text-align:right;}

/*--------------------------------------------------------------
# Blog Details Section
--------------------------------------------------------------*/
.blog-details {
  padding-bottom: 30px;
}

.blog-details .article {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog-details .post-img {
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

.blog-details .title {
  color: #333;
  font-size: 26px;
  font-weight: 600;
  padding: 0;
  margin: 30px 0;
}

.blog-details .content {
  margin-top: 20px;
}

.blog-details .content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.blog-details .content blockquote {
  background-color: #fff;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
  border-left: 3px solid #005fd3;
}

.blog-details .content blockquote p {
  color:  #000;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}


.blog-details .meta-top {
  margin-top: 20px;
  color: #333;
}

.blog-details .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;  
    gap: 15px;
}

.blog-details .meta-top i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-details .meta-top a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}



/*--------------------------------------------------------------
# Blog Comments Section
--------------------------------------------------------------*/
.blog-comments {
  padding: 10px 0;
}

.blog-comments .comments-count {
  font-weight: bold;
}

.blog-comments .comment {
  margin-top: 30px;
  position: relative;
  width: 100%;
    float: left;
}

.blog-comments .comment .comment-img {
  margin-right: 14px;
}

.blog-comments .comment .comment-img img {
  width: 60px;
}

.blog-comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}

.blog-comments .comment h5 a {
  font-weight: bold;
  color: #333;
  transition: 0.3s;
}

.blog-comments .comment h5 a:hover {
  color: #264cc9;
}

.blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #333;
}

.blog-comments .comment h5 .reply i {
  font-size: 20px;
}

.blog-comments .comment time {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}

.blog-comments .comment.comment-reply {
  padding-left: 40px;
}

/*--------------------------------------------------------------
# Comment Form Section
--------------------------------------------------------------*/
.comment-form {
  padding-top: 10px;
}

.comment-form form {
  background-color:#fff;
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.comment-form form h4 {
  font-weight: bold;
  font-size: 22px;
}

.comment-form form p {
  font-size: 14px;
}

.comment-form form input {
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 10px;
}



.comment-form form .form-group {
  margin-bottom: 25px;
}

.comment-form form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: #264cc9;
  color: #fff;
}

.comment-form form .btn-primary:hover {
  color:#fff;
  background-color: #1a1a1a;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
  background-color: #fff;
  padding: 30px;
  margin: 0px 0 30px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.widget-title {
  color: #264cc9;
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 20px 0;
}

.widget-item {
  margin-bottom: 40px;
}

.widget-item:last-child {
  margin-bottom: 0;
}

.search-widget form {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
  transition: 0.3s;
}


.search-widget form button {
  background: #264cc9;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}

.search-widget form button i {
  line-height: 0;
}

.categories-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.categories-widget ul li {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.categories-widget ul a {
  color: #333;
  transition: 0.3s;
}

.categories-widget ul a:hover {
  color: var(--accent-color);
}

.categories-widget ul a span {
  padding-left: 5px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 14px;
}

.recent-posts-widget .post-item {
  display: flex;
  margin-bottom: 15px;
}

.recent-posts-widget .post-item:last-child {
  margin-bottom: 0;
}

.recent-posts-widget .post-item img {
  width: 60px;
  margin-right: 15px;
}

.recent-posts-widget .post-item h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}

.recent-posts-widget .post-item h4 a {
  color: var(--default-color);
  transition: 0.3s;
}

.recent-posts-widget .post-item h4 a:hover {
  color: var(--accent-color);
}

.recent-posts-widget .post-item time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: #aaa;
}

.tags-widget {
  margin-bottom: -10px;
}

.tags-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tags-widget ul li {
  display: inline-block;
}

.tags-widget ul a {
  color: #333;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #eee;
  display: inline-block;
  transition: 0.3s;
}

.tags-widget ul a:hover {
  background: #264cc9;
  color: #fff;
  border: 1px solid #264cc9;
}

.tags-widget ul a span {
  padding-left: 5px;
  color: #eee;
  font-size: 14px;
}
/*================================*/
.trending-courses-box .card-image{
    height:170px;
}
.trending-courses-box .card-image a{text-align:center;}

.trending-courses-box .card-image img{
    height: 170px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}
.card-item .card-title a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.card-item .card-title {
    height: 45px;
}
.my-learning-course .image{
    text-align:center;
}

.my-learning-course img{height:175px; object-fit:cover; object-position: top;}


/*========================*/
.blog-page-box h4{
  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.blog-user ul li + li {text-align:right;}

/*--------------------------------------------------------------
# Blog Details Section
--------------------------------------------------------------*/
.blog-details {
  padding-bottom: 30px;
}

.blog-details .article {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  position:relative;
}
.blog-details .article:before {
    position:absolute;
    content:"";
    right:15px;
    bottom:0%;
    width:50px;
    height:3px;
    background:#196ae5;
}
.blog-details .post-img {
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

.blog-details .title {
  color: #333;
  font-size: 26px;
  font-weight: 600;
  padding: 0;
  margin: 30px 0;
  position:relative;
  }
.blog-details .title:before {
    position:absolute;
    content:"";
    left:0px;
    top:100%;
    width:50px;
    height:3px;
    background:#196ae5;
}
.blog-details .content {
  margin-top: 20px;
}
.blog-details .content h2{
  font-size: 17px;
  margin-top: 25px;
  font-weight: 00;
}
.blog-details .content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.blog-details .content blockquote {
  background-color: #fff;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
  border-left: 3px solid #005fd3;
}

.blog-details .content blockquote p {
  color:  #000;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}
.blog-details .content p{    
    line-height: 1.65rem;
    text-align: justify;
}

.blog-details .meta-top {
  margin-top: 20px;
  color: #333;
}

.blog-details .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;  
    gap: 15px;
}

.blog-details .meta-top i {
  font-size: 13px;
  margin-right: 8px;
  line-height: 0;
  color: color-mix(in srgb, var(--default-color), transparent 40%);
}

.blog-details .meta-top a {
  color: color-mix(in srgb, var(--default-color), transparent 40%);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}



/*--------------------------------------------------------------
# Blog Comments Section
--------------------------------------------------------------*/
.blog-comments {
  padding: 10px 0;
}

.blog-comments .comments-count {
  font-weight: bold;
}

.blog-comments .comment {
  margin-top: 20px;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.blog-comments .comment:last-child {  border-bottom: 0px solid #ddd;}

.blog-comments .comment .comment-img {
  margin-right: 14px;
}

.blog-comments .comment .comment-img img {
      width: 60px;
    height: 60px;
    object-fit: cover;
}

.blog-comments .comment h5 {
  font-size: 16px;
  margin-bottom: 2px;
}

.blog-comments .comment h5 a {
  font-weight: bold;
  color: #333;
  transition: 0.3s;
}

.blog-comments .comment h5 a:hover {
  color: #264cc9;
}

.blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #333;
}

.blog-comments .comment h5 .reply i {
  font-size: 20px;
}

.blog-comments .comment time {
      display: block;
    font-size: 13px;
    color: #838181;
    margin-bottom: 5px;
    font-style: italic;
}

.blog-comments .comment.comment-reply {
  padding-left: 40px;
}

/*--------------------------------------------------------------
# Comment Form Section
--------------------------------------------------------------*/
.comment-form {
  padding-top: 10px;
}

.comment-form form {
  background-color:#fff;
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.comment-form form h4 {
  font-weight: bold;
  font-size: 22px;
}

.comment-form form p {
  font-size: 14px;
}

.comment-form form input {
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 4px;
  padding: 10px 10px;
}



.comment-form form .form-group {
  margin-bottom: 25px;
}

.comment-form form .btn-primary {
  border-radius: 4px;
  padding: 10px 20px;
  border: 0;
  background-color: #264cc9;
  color: #fff;
}

.comment-form form .btn-primary:hover {
  color:#fff;
  background-color: #1a1a1a;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widgets-container {
  background-color: #fff;
  padding: 30px;
  margin: 0px 0 30px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.widget-title {
  color: #264cc9;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 10px 0;
}

.widget-item {
  margin-bottom: 40px;
}

.widget-item:last-child {
  margin-bottom: 0;
}

.search-widget form {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
  transition: 0.3s;
}


.search-widget form button {
  background: #264cc9;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}

.search-widget form button i {
  line-height: 0;
}

.categories-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.categories-widget ul li {
  padding: 8px 0px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  position:relative;
  padding-left:15px;
}
.categories-widget ul li:before {
       position: absolute;
    content: "\F285";
    left: 0;
    top: 8px;
    font-family: bootstrap-icons !important;
    color: #264cc9;
    font-size: 12px;
}
.categories-widget ul a {
  color: #333;
  transition: 0.3s;
}

.categories-widget ul a:hover {
  color: var(--accent-color);
}

.categories-widget ul a span {
  padding-left: 5px;
  color: color-mix(in srgb, var(--default-color), transparent 50%);
  font-size: 14px;
}

.recent-posts-widget .post-item {
  display: flex;
  margin-bottom: 15px;
}

.recent-posts-widget .post-item:last-child {
  margin-bottom: 0;
}

.recent-posts-widget .post-item img {
    width: 60px;
    height: 55px;
    object-fit: cover;
    margin-right: 15px;
}

.recent-posts-widget .post-item h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}

.recent-posts-widget .post-item h4 a {
  color: var(--default-color);
  transition: 0.3s;
  font-size:14px;
}

.recent-posts-widget .post-item h4 a:hover {
  color: var(--accent-color);
}

.recent-posts-widget .post-item time {
  display: block;
  font-style: italic;
  font-size: 14px;
  color: #aaa;
}

.tags-widget {
  margin-bottom: -10px;
}

.tags-widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tags-widget ul li {
  display: inline-block;
}

.tags-widget ul a {
  color: #333;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #eee;
  display: inline-block;
  transition: 0.3s;
}

.tags-widget ul a:hover {
  background: #264cc9;
  color: #fff;
  border: 1px solid #264cc9;
}

.tags-widget ul a span {
  padding-left: 5px;
  color: #eee;
  font-size: 14px;
}
.login-right-block{
        position: sticky;
    top: 0;
    height: 100vh;
}
.cd-panel__content .st-accordion-five .st-content {
    padding-left:20px !important;
}
.cd-panel__content .st-accordion-five li p { margin:0px !important;}
.cd-panel__content .st-accordion-five ul li > a {padding-top:3px !important; padding-bottom:6px !important;}
.cd-panel__content .st-accordion-five ul li {
    height: 70px;
    border-bottom: 0px solid #fff !important;
    margin-bottom: 3px !important;
}
.st-accordion-five ul li > a span {  top: 15px !important;}

.chat-users-list{  height: calc(86vh - 140px); overflow-y:auto;}


.notification-box:last-child {margin-bottom:0px !important}


.generic-list-item li{padding-left:20px !important}

.generic-list-item li i{margin-left:-20px !important}

/*.bi-star-fill{margin-right:1.5px !important;}*/

.review-stars h4{margin-bottom:0px;}

/*==================================*/
.dt-header-btn{}
.mobile-header-btn{display:none}

.dt-search{}
.mobile-search{display:none}

.dt-menu-list{}
.mobile-menu{display:none !important}

.mobile-header-btn{
        position: absolute;
    top: 15px;
    right: 0px;
    border: 1px solid #edecec;
    padding: 0px 7px;
    border-radius: 5px;
    height: 38px;
}
.mobile-search{
  position: absolute;
    top: 15px;
    right: 80px;
    border: 1px solid #edecec;
    padding: 0px 7px;
    border-radius: 5px;
        height: 38px;
}
.mobile-profile-icon{
    color:#a5a0a0;
    font-size:  14px;
}
.btn-mobile-serch i{
    color:#a5a0a0;
    font-size: 22px;
}
.sliding-menu {
    padding: 0px 8px;
    width: 100%;
    padding-left: 10px !important;
}

.sliding-menu .slick-slide {
  margin:0px 10px;
}
.navbar-header{display:none !important;}

.top-header-block{ 
    width:100%;
    float:left;
    position:relative;
}
.mobile-browse-block{
   display:none;
   width: 50%;
    float: left;
    margin-top: 11px;
}
.mobile-browse-cat{
    display:none;
    
}
.navbar-header-link{
     display:none;
   width: 50%;
    float: left;
    margin-top: 9px;
    text-align:right;
    
}
.navbar-header-link i{
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
.mobile-menu-list{
       margin:0 !important;
}
.mobile-menu-list li{
   border-bottom: 1px solid #ddd;
    padding-left:20px;
    
}
.mobile-menu-list li a:before{
     position: absolute;
  content: "\F280";
  left:0px;
  font-family: bootstrap-icons!important;
  color: #000;
  font-size: 12px;
  font-weight: 600;
      top: 50%;
    transform: translateY(-50%);
}
.mobile-menu-list li a{
    color:#000;
     position:relative;
    font-size: 15px;
    padding:10px 0  10px !important;
     padding-left:20px !important;
   
}
.mobile-menu-list li a :hover{color:#005fd3;}
/*===*/
.mobile-browse-cat .st-accordion-four ul li .main-a { line-height:55px !important; padding-left: 25px !important;}

.browse-list-li li{
    height: unset !important;
    border-bottom: 1px solid #e3e3e3;
    overflow: unset !important; 
  
}
.browse-list-li li:last-child{border: 0px !important;}

.browse-list-li li a:before{
        position: absolute;
    content: "\F280";
    left: 0px;
    font-family: bootstrap-icons!important;
    color: #000;
    font-size: 12px;
    font-weight: 500;
}
.browse-list-li li  a{
  color: #000;
    position: relative;
    background-color: transparent !important;
    display: block;
    line-height: 22px !important;
    padding: 8px;
    padding-left: 22px !important;
    font-size: 14px !important;
}
.mobile-browse-cat .st-content {
    /* padding: 5px 0px 30px 0px; */
    padding: 2px 25px 20px !important;
}
.review-stars a {
    display:flex;
    align-items:center;
    /*gap:3px;*/
}

.rating-total{    line-height: 17px;}

.review-tating {display:flex; gap:2px;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.border-bottom-row{
    border-bottom: 1px solid #edecec;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.border-bottom-row p{
    margin-bottom:0px;
}
.border-bottom-row:last-child {
    border-bottom:0px; margin-bottom: 0px; padding-bottom: 0px;}

#toast{
    text-align:center;
    /*background:#cddc39;*/
    background:#0d6efd;
    padding: 30px 30px;
    border-radius :5px;
    position:fixed;
    bottom:50%;
    right:0;
    width:350px;
    left:0;
    margin:0 auto;
    color:#fff;
    box-shadow:0px 0px 16px 0px rgb(0 0 0 /0.2);
    
}
.nodata_found{
    text-align:center;
    margin-bottom:40px;
    color:#ff0000;
    font-size:28px;
}
.shaka-video-container{
    display:block!important;
}
#video{
    max-width:100%!important;
}
.bi.bi-play-circle-fill{
    color: #005fd3!important;
    font-size: 18px!important;
}
.topic_btn{
    color: #fff;
    cursor: pointer;
    background:#0d6efd;
    padding: 5px;
    border-radius: 3px;
}
.topic_btn:hover{
    color:#fff;
}
.upload_btns{
    display:flex;
}
.tutor_img{
    margin-top:112px;
}
.success_bg{
    background:#e4f2f8;
}
.success_bg i{
    position: absolute;
    left: 42%;
    top: -29px;
    color: #008ac9;
    font-size: 90px;
}
.color_blue{
   color:#015fd3;    
}
.color_gray{
  color:#a2a2a2;   
}