/* reset css start */

.sec-pd{
 
      padding: 50px 0px ;
  }

.text-color{
   color: var(--mainColor)
}
  /* reset css end */


  /* hero-area start */
  .hero-banner-area {
    padding-top: 50px;
    background-image: url(../img/banner/Elearning-Banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* min-height: 100vh; */
    object-fit: cover;
   
}
  /* hero-area end */

.home-page .single-feedback-box p {
    min-height: 172px !important; 
}

.home-page .single-feedback-box {
    padding: 24px !important;
}
.home-page .single-box-item {
    text-align: center;
    border-radius: 8px;
    background-color: var(--whiteColor);
    padding: 20px;
    transition: var(--transition);
    top: unset !important; 
     position: unset !important;
    margin-bottom: unset !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.home-page  .single-features-box h3 {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 800;
}
.subject-bx {
    background-color: #d1d1d163;
    /* border: 1px solid #c22b34 ; */
    /* background-color: rgb(245, 247, 250); */
    padding: 28px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
   
}

.subject-bx h5{
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px !important;
    color: #000;
    font-weight: 700;
}

.op-subscribe-content {
    padding: 50px 30px !important;
}


/* facts-area-start */

.home-page .single-funfacts-box {

    padding-top: 60px !important;
    padding-bottom: 60px !important;
    padding-left: 40px;
    padding-right: 40px;
}


 /* process-area start */

 .home-page .single-features-box {

    padding: 20px 20px !important;
    
}
 /* process-area end */

/* facts-area-end */


/* about us page start */
.about-content h2 {

    font-size: 30px !important;
 
}
/* about us page end */

/* home-contact us start */

.teacher-register-box form input{
    padding-right: 20px !important;
 
}
/* home-contact us end */

/* country code area start */

/* .iti__arrow {
    border-top: 4px solid #fff;
   
} */
.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    /* color: #fff; */
}

label.error{
    display: none !important;
}

/* label.error {
    display: inline-block;
    background: yellow;
    padding: 5px;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 8px;
  
} */

.form-control.has-error {
    border: 1px solid red !important;
    background-color: #ff000017 !important;
}

.form-control {
    padding: 3px 10px 0 15px ;
   
}

.form-control::placeholder {
   color:#000 !important
   
}
.teacher-register-box form .default-btn {
    background-color: var(--blackColor);
    margin-top: 5px;
    padding: 12px 30px;
}
.free-trial-area{
    background-image: url(../img/teacher-register-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.free-trial-form {
    background-color:#f1f1f1;
    padding: 50px 30px 30px 30px ;
    border-radius: 10px;
}

.free-trial-form .sub-title{
    text-transform: capitalize !important;
} 

.free-trial-form form textarea {
    background-color: var(--whiteColor) !important;
}
.single-feedback-box p {
    color: #606060;
    line-height: 1.8;
    font-size: var(--fontSize);
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 172px;
}

.single-feedback-box p {
    color: #606060;
    line-height: 1.8;
    font-size: var(--fontSize);
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 172px;
}

.reviews-page .single-feedback-box {
    padding: 20px !important;
    background-color: #f1f1f1;
}

.reviews-page .single-feedback-box p{
    max-height: 100px;
    overflow-y: auto;
    padding: 15px;

}


/* country code area end */

.about-page .about-content .features-list li span {
    padding-left: 0 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px ;
    /* text-align: left; */
}

.about-page .about-content .features-list img{
    margin-right: 10px !important;
}


.reviews-page .about-content .features-list img{
    margin-right: 10px !important;
}

.funfacts-area-three {
    background-color: #eee8e2 !important;
}


/* .op-features-box:hover .icon, .op-features-box:hover h3, .op-features-box:hover p {
    color: #fff;
    transition: var(--transition);
  } */


  .op-features-box:hover .icon   {
    filter: invert(1) !important;

  }

  .op-features-box{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  }
.op-features-box .step-hd{
    font-size: 18px !important;
}

/* .op-features-box .op-content p{
    max-width: 300px;
    margin-inline: auto;;
} */

 /* .home-page .funfacts-box {
    width: 225px !important;
    height: 225px !important;
} */

/* .home-page .funfacts-box{
    margin-bottom: 10px !important;
} */
.home-page .funfacts-box p {
    font-weight: 700;
    font-size: 14px !important;
}


  /* service-rating-area-start */

.service-rating-area{
    /* background-image: url(../img/cta-bg2.png); */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)), url(../img/cta-bg2.png);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    
}
.services-cnt-bx h2{
    color: #fff;
    font-size: 42px;
    text-align: center;
}
.services-cnt-bx p{
    color: #fff;
    text-align: center;
    font-size: 18px;
}


.client-img-bx{
    list-style-type: none;
    display: flex;
    padding: 0px;

}

.client-img-bx li img{
   height: 50px;
   width: 50px;
   border-radius: 100%;
   /* margin-left:-50px; */
   /* display: inline-block; */
}


.client-img-bx li .cm-img{
    margin-left: -20px;
}


.header-reviews-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    justify-content: center;
    padding: 20px 0px 20px 0px;

}

.community-img-box {
    margin-right: 20px;
}

.cm-img {
    margin-left: -20px;
}

.community-img-box img {
    border: 1px solid #000;
    border-radius: 50px;
    transition: 1s allease-in-out;
    height: 52px;
}

.reviews-txt-box h5{
    margin-bottom: 5px;
    color: #fff;
    font-weight: 700;

}

.reviews-txt-box p{
    margin-top: 0px;
}

.rating-logo-color{
    color: #55b361;
    font-weight: 700;

}

  /* service-rating-area-end */

/* .home-page .header-reviews-wrapper{
   padding: 20px 0px;


} */


 /* about-us page area start */

 .kitchen-about-image img{
    border-radius:8px ;
 }

 .kitchen-about-image::before {
    position: absolute;
    content: "";
    height: 95%;
    width: 95%;
    background-color:#221638;
    left: 0;
    bottom: -30px;
    z-index: -1;
    border-radius: 8px;
}


.about-page .single-features-box.without-bg {
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.features-area .step-cnt-bx p{
    max-width: 280px !important;
    /* margin-inline: auto !important; */
}
 /* about-us page area end */

@media (max-width:992px){
    .hero-banner-area {      
        background-image: none !important;
        /* display: none !important; */
        background-color: #fed4d8;
        padding: 50px 0px;
    }

  }

  @media (max-width:767px){

    .reviews-page .about-content h2{
        text-align: center;

    }

    .reviews-page .about-content p{
        text-align: center;

    }
    .reviews-page .about-content{
        text-align: unset !important;

    }

    .reviews-page .sec-btn {
        text-align: center !important;
    }



  }



@media (max-width:575px){


    /* .about-page .about-content h2,p {
        text-align: center !important;
       
        
    } */

 /* .sec-btn {
        display: flex;
        justify-content: center;
        
    
    } */
    .about-content .features-list {

        display: flex !important;
        flex-wrap: wrap !important;
        flex-direction: column !important;
        align-items: center !important;
    }


    /* .sec-btn a{
        text-align: center !important;
    } */
  
    .about-content .features-list li {
        /* flex: 0 0 50% !important; */
        max-width: 100% !important;
        /* padding-left: 8px; */
        /* padding-right: 8px; */
        padding-top: 16px !important;
        width: 220px !important;
        
    }

    .services-cnt-bx h2 {
        color: #fff;
        font-size: 30px;
        text-align: center;
    }

    .services-cnt-bx p {
        color: #fff;
        text-align: center;
        font-size: 16px;
        padding: 0px 15px;
    }

 
 

}

  @media (max-width:420px){
    .header-reviews-wrapper {
        justify-content: center !important;
 
    }

  }