.wbanner {
    background-image: url('../images/whyelitelearning/wbgimg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.mt-10 {
    margin-top: 5%;
}

.wcon1 {
    padding-bottom: 10%;
}

.w_col1 {
    margin-top: 10%;
}

.wmain-txt1 {
    color: #fff;
    font-size: 25px ;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700;
    padding-top: 15px !important;
}
.wmain-txt2 {
    color: #fff;
    font-size: 55px ;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700;
    padding-top: 0px !important;
}

.wsub-txt1 {
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif !important;
    
    line-height: 28px;

}
.demobtn {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #E7C15F;
    border-radius: 5px;
    border: none;
    padding: 15px 40px;
    display: inline-block;
}
.mt-5 {
    margin-top: 4% !important;
}
.section2w{
    margin-left: 6%;
    margin-right: 6%;
    padding-bottom: 3%;
    margin-top: 5%;
    background: rgba(95, 187, 151,0.05);
    border-radius: 42px;
}

.image-align img {
    margin-left: -140px;
}
.section2w .wmain-txt2{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
.section3w{
    margin-left: 6%;
    margin-right: 6%;
    padding-bottom: 0;
    background: rgba(232, 50, 93,0.05);
    border-radius: 42px;
}
.section4w{
    background: rgba(82, 169, 249,0.05);
    border-radius: 42px;
}
.section3w img.w-100 {
    margin-top: -20px !important;
}
.image-align{
    display:block;
    text-align: center;
}
.wcon2{
    padding-top: 5%;
}
.wbanner3{
    background-image: url(../images/whyelitelearning/sectionbg4.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 5%;
}
.htxt {
    font-size: 40px;
    font-family: 'Roboto', sans-serif !important;
    color: #242326;
    font-weight: 700;
    padding-top: 11%;
}
.htxt1 {
    font-size: 40px;
    font-family: 'Roboto', sans-serif !important;
    color: #242326;
    font-weight: 700;
    
}
.htxt2 {
    font-size: 32px;
    font-family: 'Roboto', sans-serif !important;
    color: #52A9F9;
    font-weight: 600;
    
}
.wbanner3 .col-lg-2 img {
    width: 100%;
}
section.section2w .wsub-txt2 {
    margin-top: 1rem !important;
}
.wsub-txt2 {
    color: #535259 !important;
    font-size: 18px;
    line-height: 1.5em;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    padding-left: 8%;
    padding-right: 8%;

}
.section3w .wsub-txt2 {
    padding-left: 7%;
    padding-right: 7%;
}
.hsub-txt4 {
    color: #535259 !important;
    font-size: 18px;
    line-height: 1.5em;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    text-align: left;
    padding-bottom: 5%;
    margin: 0 auto;
    max-width:1000px;
}
.carousel-dots [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 0px;
    height: 11px;
    border-radius: 52%;
    margin-right: 5px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color:#9D99BF;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.carousel-dots .active {
    opacity: 1;
   
}
.carousel-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}


.hsub-txt3 {
    color: #535259 !important;
    font-size: 16px;
    line-height: 32px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    padding-right: 5%;
    padding-top: 5%;
}
.carousel-inner1 {
    position: relative !important;
    width: 87% !important;
    overflow: hidden !important;
    margin-left: 8%;
}

.mt-15 {
    margin-top: 15%;
}

.col_11{
    background-size: 95% 98%;
}
.carousel-item{
    background-size: 100%;
}
.wbanner2{
    background-image: url('../images/whyelitelearning/wbgimg2.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 9%;
    padding-top: 9%;
}
.col21{
    background-size: 96% 100%;
    padding-bottom: 3%;
}
.hsub-txt12 {
    color: #fff !important;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    padding-right: 6%;
    padding-left: 6%;
    padding-top: 5%;
    line-height: 24px;
}


.icimg{
    padding-left: 15px;
}



.img-fluid {
    max-width: 100%;
    height: auto;
}



/* tabs css */
.img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}











/* responsive css */

@media(max-width:767px){
    .image-align img {
        margin: 0;
    }
    .section3w img.w-100 {
        margin-top: 0 !important;
    }
    .section3w{
        border-radius: 20px;
    }
    .wcon2 .col-lg-2.col-md-2.col-sm-2 {
        width: 100%;
        text-align: center;
    }
    
    .wcon2 .col-lg-10.col-md-10.col-sm-10 {
        width: 100%;
    }
    .wbanner .col-lg-6,
    .wbanner2 .col-lg-6{
        width: 100%;
    }
    .wbanner3 .col-lg-2 img {
        width: auto;
        margin-bottom: 20px;
    }
}

@media (max-width:480px){
    .wbanner {
        background-size: cover !important;
        padding-bottom: 10%;
      
      }
       .hcon1{
          padding-bottom: 23%;
       }
       .h_col1{
          margin-top: 15%;
       }
       .wmain-txt1{
        font-size: 20px !important;
        padding-left: 10px !important;
        margin-top: 8%;
      }
        .wmain-txt2{
          font-size: 35px !important;
          padding-left: 10px !important;
        }
        .wsub-txt1{
          font-size: 16px;
          padding-left: 10px;
          padding-top: 10px;
          padding-bottom: 20px;
          
        }
        .demobtn {
            margin-left: 4%;
        }
        .section2w {
            margin-left: 2%;
            margin-right: 2%;
            padding-bottom: 10%;
            margin-top: 15%;
        }
        .main-wbtn{
          margin-left: 10px;
          margin-top: 10px;
        }
        .htxt{
          font-size: 30px;
          padding-left: 10px;
          padding-top: 11%;
      }
      .htxt1{
        font-size: 30px;
        padding-top: 10%;
    }
    .htxt2{
        font-size: 24px;
    }
    .carousel-item{
        background-size: 100% 100%;
    }
    .arrowbtn{
        width: 35px;
    }
    .p1{
        margin-left: 40px;
    }
    .n1{
        margin-right: 50px;
    }
    .carousel-inner1 {
        width: 89% !important;
        margin-left: 6%;
    }
    .col_11{
        background-size: 100% 100%;
    }
    .hbanner2 {
        background-size: auto;
    }
    .col21 {
        background-size: 100% 100%;
        padding-bottom: 10%;
        margin-top: 5%;
    }
      .col_1 {
        background-size: 100% 100%;
        margin-top: 5%;
      }
     
      
     
}

@media(max-width:400px){
    .slick-slide img {
        width: auto;
        max-width: 100%;
    }
   
}