@import url('../font/generalsans.css');


/* scroll */
::-webkit-scrollbar {
    width: 6px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c2c2c2;
    background: #c2c2c2;
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background:#FEC53A;
    border-radius: 10px;
  }
  
  /* Handle on hover */
  /* ::-webkit-scrollbar-thumb:hover {
    background: green; 
  } */



body{
    font-family: 'generalSans';
    font-weight: 400;
    font-style: normal;
}
hr{
    margin: 0;
}
.center{
    text-align: center;
}
.hr-pdd{
    margin: 13px 15px 16px;
}
a{
    text-decoration: none;
}
p, h3, h6{
    padding: 0;
    margin: 0;
}
.yellow{
    color: #FEC53A;
}
.bg-gray{
    background-color: #F4F4F4;
}
.section-bottom-space{
    margin-bottom:150px!important;
}
.section-bottom-sm-space{
    margin-bottom: 60px;
}
.section-pdd-in{
    padding: 32px 0;
}
.in-pdd-33{
    padding: 33px;
}
.mar-t-20{
    margin-top: 20px!important;
}
.mar-t-40{
    margin-top: 40px!important;
}
.mar-b-10{
    margin-bottom: 10px;
}
.mar-b-30{
    margin-bottom: 30px;
}
.pdd-b-30{
    padding:30px;
}
.radius-10{
    border-radius: 10px;
}
.align-start{
    display: flex;
    align-items: flex-start;
}
.all-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.align-left{
    text-align: end;
}
.mob-show{
    display: none;
}
.desk-hide{
    display: none;
}
.align-ib{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mx{
    max-width: 100%!important;
}
/* .container{
    max-width: 1316px;
} */

/*whatsapp*/
    .whatsapp{
        z-index: 1000;
        position:fixed;
        bottom: 40px;
        right: 40px;
    }
    .whatsapp img{
        width: 55px;
        box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
        border-radius: 50%;
    }
/*whatsapp*/

.carousel-control-prev, .carousel-control-next{
    display: none;
}

/*top*/
.top-follow{
    background: #FFF4D9;
    padding: 20px 0;
}
.top-follow .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-right{
    display: flex;
    align-items: center;
}
.top-links{
    font-family: 'GeneralSans';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.03em;
    color: #404040;
    margin-right: 20px;
}
.top-links:hover{
    cursor: pointer;
    color: #404040;
}
.top-links img{
    margin: 0 10px;
    width: 20px;
    position:relative;
    top:-2px;
}
.follow-group img{
    margin-right: 20px;
}
/* .arrow-right{
    transition: 0.8s;
}
.move-arrow:hover > .arrow-right{
    position: relative;
    left: 10px;
} */
/*top*/
/*navbar*/
.navbar-brand img{
    width: 77px;
}
/* .navbar-toggler{
    display: none;
} */
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler{
    border: none;
    margin: 0 15px;
}
.btn-close:focus {
    box-shadow: none;
}
.nav-links a, .nav-link{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #404040;
    margin: 0 15px;
}
.offcanvas-title{
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    color: #404040;
    margin: 0 15px;
}
.offcanvas-header, .offcanvas-body{
    padding: 30px 20px;
}
.offcanvas-end{
    width: 350px;
}
.action-enquiry{
    background: #FEC53A;
    border-radius: 10px;
    padding: 13px 30px;
    margin-right: 0!important;
    transition: 0.3s;
}
.action-enquiry:hover{
    opacity: 0.8;
}
.carousel-indicators [data-bs-target] {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #FFDC86!important;
}
/*navbar*/

/**/
.downarrow{
    margin: 5px auto;
    text-align: center;
}
/**/

/*sub-head-area*/
.sub-section{
    margin: 37px 0;
}
.sub-head-area{
    max-width: 768px;
    margin: 0 auto;
}
.sub-head{
    max-width: 605px;
    margin: 0 auto;
    text-align: center;
}
.sub-head h2{
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    color: #404040;
}
.sub-head2{
    max-width: 650px;
}
.sub-head3{
    max-width: 600px;
}
.sub-head3-left{
    margin: 0;
    text-align: start;
}
.sub-head-left{
    margin: 0;
}
.sub-p{
    max-width: 752px;
    margin: 0 auto;
    text-align: center;
}
.main-p{
    margin: 0 auto;
    max-width: 1045px;
}
.pr, .checkbox{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.02em;

    color: #808080;
}
.main-p p{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    text-align: center;
    letter-spacing: 0.02em;

    color: #545454;
}
.sub-p-left{
    text-align: start;
}
.sub-p p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #545454;
}
.action-btn-group{
    max-width: 328px;
    margin: 24px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.action-btn-group div a{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #404040;
}
.action-btn-enquire, .action-btn-know-more{
    width: 152px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.action-btn-enquire{
    background: #FEC53A;
    border: 0.5px solid #FEC53A;
    border-radius: 10px;
}
.action-btn-enquire:hover{
    opacity: 0.8;
}
.action-btn-know-more{
    background: #FFFFFF;
    border: 0.5px solid #E82720;
    border-radius: 10px;
    transition: 0.3s;
}
.action-btn-know-more:hover{
    background-color: #E82720;
}
.action-btn-know-more a{
    color: #E82720!important;
    transition: 0.3s;
}
.action-btn-know-more:hover a{
    color: #fff!important;
}
/*sub-head-area*/

/*owl*/
.owl-dots{
    text-align: center;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 10px;
}
.owl-carousel button.owl-dot {
    padding: 7px!important;
    border-radius: 50%!important;
    background-color: #E7E7E7!important;
    margin: 0 7px!important;
}
.owl-carousel button.active{
    background-color:rgba(254, 197, 58, 0.63)!important;
}
    .owl-nav{
        text-align: center;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
        padding: 15px!important;
        border-radius: 50%!important;
        background-color: #efefef!important;
        margin: 0 7px!important;
    }
/*owl*/

/*section-m*/
.divider{
    border: 1px solid #B8B8B8;
    background-color: #B8B8B8;
    
    border-left: none;
    margin: 0 8px;
}
.ss-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.ss-cards div{
    display: flex;
    justify-content: space-around;
    padding: 15px 0;
}
.ss-img{
    padding: 7px;
    margin-right: 20px;
}
.ss-img img{
    width: 30px;
}
.ss-lines{
    display: flex;
    flex-direction: column;
}
.ss-lines h3{
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #7B7B7B;
    padding-bottom: 8px;
}
.ss-lines p{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #7B7B7B;
}
/*section-m*/

/*cards*/
.choose{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.card-choose{
    width: 204px;
    margin: 35px 100px;
    text-align: center;
    background: #FFF1CF;
    border-radius: 10px;
    padding: 30px 10px;
}
.card-choose img{
    border-radius: 50%;
    background-color: #fff;
    padding: 24px;
    margin-bottom: 18px;
}
.card-choose h3{
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #5F5F5F;
}
.card-choose p{
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #5F5F5F;
}
.cards-calendar{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}
.cards-calendar .card{
    padding: 35px 0;
    max-width: 18rem;
    border: none;
    text-align: center;
}
.card-bb h5{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #404040;
}
.card-bb .f-line{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.02em;

    color: #545454;
}
.card-bb p{
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #9F9F9F;
}
.get-btn{
    max-width: 152px;
    margin: 0 auto;
    padding: 13px 30px;
    background-color: #FEC53A;
    border-radius: 10px;
    transition: 0.3s;
}
.get-form{
    text-align: center;
    max-width: 200px;
}
.get-btn:hover{
    opacity: 0.8;
}
.get-btn a{
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #404040;
}
.cards-calendar .card img{
    border-radius: 5px;
}

.founders{
    display: flex;
    flex-wrap: wrap;
}
.founders .card{
    border: none;
    width: 424px;
    margin: 35px 50px 0 0;
}
.founders .card img{
    border-radius: 5px;
}
.founder-p{
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;

    color: #545454;
}
.founder-body{
    padding: 0;
}
.founder-body p{
    padding: 15px 0;
}
.founder-body h3{
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;

    color: #404040;
}
.founder-pos{
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #9F9F9F;
}
/*cards*/

/*map*/
.mappic{
    width: 100%;
    height: 500px;
    margin: 35px auto;
}
/*map*/

.get-button-left{
    text-align: center;
}
.get-button-left{
    margin:  20px 0;
}

/*footer*/
.foot-logo img{
    width: 80px;
}
.f-sm-group{
    margin: 35px auto;
}
.f-sm-group h4{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;

    color: #404040;
}
.f-sm-group p, .f-sm-group a{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;

    color: #545454;
    padding-right: 20px;
}
.f-sm-group a{
    line-height: 32px;
}
.copyright{
    padding-top: 30px;
    text-align: center;
}
/*footer*/


/*carousle*/
.m-carousle{
    margin: 35px 50px 0;
    text-align: center;
}
.m-carousle .card{
    border:none;
}
.l-carousle{
    margin: 35px 35px 15px;
}
.card-ll{
    text-align: start;
    padding: 20px 0;
}
.inst-link{
    display: flex;

    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #FEC53A!important;
}
.inst-link img{
    width: 20px!important;
    margin-left: 13px;
    position: relative;
    top:1px;
}
.slick-arrow{
    background-color: #404040!important;
    border-radius: 60%;
    opacity: 0.2;
}

/*update*/
    .updates{
        margin: 0 auto;
        max-width: 880px;
        border-radius: 10px;
    }
    .up-head{
        display: flex;
        align-items: center;
        padding: 20px 20px;
    }
    .up-head img{
        width: 40px;
        padding: 10px;
        background-color: #fff;
        border-radius: 50%;
    }
    .up-head h2{
        font-weight: 600;
        font-size: 24px;
        line-height: 48px;
        letter-spacing: 0.02em;
        color: #404040;
        margin: 0 20px;
    }
    .update{
        max-height: 350px;
    }
    .update-box{
        padding: 0 20px;
    }
    .new{
        width: 60px;
        height: 19px;

        background: rgba(232, 39, 32, 0.63);
        border-radius: 15px;

        font-weight: 600;
        font-size: 8px;
        line-height: 16px;
        letter-spacing: 0.02em;

        color: #FFFFFF;
    }
    .update-lines{
        margin-top: 5px;
        display: flex;
        justify-content: space-between;
    }
    .update-lines div{
        max-width: 70%;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.02em;
        
        color: #404040;
    }
    .update-lines .dd{
        font-weight: 600;
        font-size: 15px;
        line-height: 16px;
        letter-spacing: 0.02em;
        margin: 10px 10px 0 0;

        color: #ED746F;
    }
/*update*/

/*app card*/
.app-card{
    text-align: center;
    width: 150px;
    margin: 25px auto;
}
.app-card img{
    width: 93px;
    padding: 30px;
    border-radius: 50%;
    background-color: #fff;
    transition: 0.5s;
}
.app-card:hover > img{
    box-shadow: 0px 0px 15px #FEC53A;
}
.app-card h6{
    margin-top: 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.02em;

    color: #5F5F5F;
}
.apps{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}
/*app card*/

/*wall img*/
.wall-img{
    margin: 0;
    padding: 0;
}
.wall-img img{
    width: 100%;
}
/*wall img*/

/*achiv*/
.achiv-card{
    margin-top: 40px;
}
.achiv-icon{
    width: 100px;
    padding: 30px;
    background-color: #fff;
    border-radius: 50%;
}
.achiv-h3{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 64px;
    letter-spacing: 0.02em;

    color: #404040;
}
.achiv-p{
    max-width: 500px;
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;

    color: #545454;
}
/*achiv*/

.submit-btn{
    border: none;
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 13px 48px;
    margin: 50px 0 0 0 ;

    color: #404040;
}
.underline-sm{
    width: 138px;
    border: 0.5px solid #9E9E9E;
    margin: 10px 0 0 0 ;
}

/*opening*/
.openings{
    margin: 60px 0 0 0 ;
}
.openings hr{
    margin-top: 30px;
}
    .openf h2{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;

        color: #404040;
    }

    .sm-head{
        margin-bottom: 35px;
    }
    .sm-head h3{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;

        color: #404040;
    }

    .sm-head p{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;

        letter-spacing: 0.02em;

        color: #545454;
    }
    .esr{
        display: flex;
    }
    .esr img{
        width: 20px;
        margin: 0 10px;
    }
/*opening*/

/*know-more*/
.know-more{
    margin: 10px 0;
}
.know-more a{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    color: #FEC53A;
}
.know-more img{
    width: 20px;
    margin-left: 10px;
}
/*know-more*/

/*img-head*/
.img-head{
    display: flex;
    align-items: center;
}
    .img-head img{
        width: 80px;
        padding: 22px;
        box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(63, 119, 255, 0.12);
        border-radius: 50%;
    }
    .img-head h2{
        margin: 0 0 0 15px;
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 32px;
        line-height: 64px;
        letter-spacing: 0.02em;

        color: #404040;
    }
/*img-head*/

/*d-area*/
.d-area{
    max-width: 900px;
}
.d-links{
    margin-top: 40px;
    border-radius: 10px;
}
.d-head{
    display: flex;
    align-items: flex-end;
    padding: 15px 60px;
}
.d-head h2{
    margin: 0 10px 0 0;
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;

    color: #404040;
}
.d-head h6{
    margin: 0;
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.02em;

    color: #797979;
}

.d-box{
    padding: 30px 60px;
}
.d-item{
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 8px 0;
}
.d-item h4{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.02em;

    color: #404404;
}
.d-item a{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;

    color: #FEC53A;
}
.n-scroll{
    padding: 40px 20px;
}
.scroll-box{
    height: 350px;
    overflow-y: scroll;
}
/*d-area*/

/*para*/
.para ,.para ul li{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.02em;

    color: #545454;
}
.para ul li{
    line-height: 35px;
}
.p-head h3{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;

    padding: 20px 35px;
    color: #404040;
}
.p-points{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0.02em;

    padding: 20px 35px;
    color: #404404;
}
.p-points .row{
    margin: 15px 0;
}
.policy-card{
    background: #FFF1CF;
    border-radius: 10px;
}
/*para*/

/*slill*/
.skill-area{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}
.skill-card{
    max-width: 280px;
}
    .skill-img{
        border-radius: 10px;
        padding: 75px;
        background-color: #FFF1CF;
    }
    .skill-img img{
        padding: 32px;
        background: #FFFFFF;
        box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(63, 119, 255, 0.12);
        border-radius: 50%;
        }
    .skill-name{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 27px;

        color: #505050;
    }
/*slill*/

/*criteria*/
    .criteria h3{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.02em;

        color: #404040;
    }
    .criteria .row{
        margin: 20px 0;
    }

    .p-l{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.02em;

        color: #545454;
    }
    .p-r{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 28px;
        letter-spacing: 0.02em;

        color: #545454;
    }
    .age-bar{
        border-radius: 10px;
        border: none;
        border-top: 7px solid rgba(254, 197, 58, 0.63);
    }
    .c1{
        width:11.1%;
    }
    .c2{
        width:22.2%;
    }
    .c3{
        width:33.3%;
    }
    .c4{
        width:44.4%;
    }
    .c5{
        width:55.5%;
    }
    .c6{
        width:66.6%;
    }
    .c7{
        width:77.7%;
    }
    .c8{
        width:88.8%;
    }
    .c9{
        width:99.9%;
    }


    .fees{
        padding: 30px;
    }
    .fee-card{
        background-color: #FFF1CF;
        border-radius: 10px;
    }
    .feess{
        margin: 10px 0;
    }

    /*gallery*/
    .gallery-row img{
        width: 100%;
        height: 281px;
    }
    .gallery div, .d-arrow{
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 32px;

        color: #404040;
    }
    .gallery div:hover{
        cursor: ew-resize;
    }
    .gallery span:hover{
        cursor: pointer;
    }
    .gactive{
        color: #FEC53A!important;

        border-bottom: 3px solid #FEC53A;
    }
    .d-arrow{
        font-size: 16px;
    }
    .down-arrow:hover{
        cursor: pointer;
    }
    .down-arrow img{
        width: 25px;
        position: relative;
        top:-10px;
    }
    .lg-img{
        display: none;
        z-index: 999;
        position: fixed;
        top:0;
        left: 0;
        height: 100vh;
        width: 100%;
        background-color: rgb(255, 241, 207,0.5);
    }
    .lg-img img{
        width: 50%;
        box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    }
    /*gallery*/

   /*pay*/
   .qr-card{
    padding: 30px;
    margin: 0 auto;
    max-width: 1000px;

    background: #FFFFFF;
    box-shadow: 0px 6px 14px -6px rgba(24, 39, 75, 0.12), 0px 10px 32px -4px rgba(24, 39, 75, 0.1);
    border-radius: 10px;
   }
   .pay-logo img{
    width: 100px;
   }
   .pay-text img{
    width: 25px;
    margin: 0 20px 0 0;
   }
   .pay-text p, .bank-d p{
    font-family: 'General Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.02em;

    color: #404040;
   }
   .qr-box{
    margin: 20px auto;
   }
   .bank-d{
    padding: 30px!important;
   }
   /*pay*/

/*responcive*/
@media only screen and (max-width: 1180px){
    .card-choose {
        margin: 35px 40px;
    }
}
@media only screen and (max-width: 1080px){}
@media only screen and (max-width: 992px){
    .sub-head h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .desk-show{
        display: none;
    }
    .mob-show{
        display: block;
    }
    /* .follow-group img{
        display: none;
    } */
    .wapp{
        display: none;
    }
    .w-num{
        display: none!important;
    }
    .div1, .div2{
        display: none!important;
    }
    .ss-cards{
        flex-direction: column;
        align-items: flex-start;
    }
    .ca2{
        display: none;
    }
    .all-left{
        justify-content: flex-start;
    }

    .fast-contact {
        margin: 50px 10px 0!important;
    }
    .card-choose {
        width: 180px;
        margin: 20px;
    }
}
@media only screen and (max-width: 990px){}
@media only screen and (max-width: 880px){}
@media only screen and (max-width: 768px){
    .navbar-brand img {
        width: 50px;
    }
    .navbar-toggler img{
        width: 30px;
    }
    .sub-head h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .rev {
        display: flex;
        flex-direction: column-reverse;
    }
    .in-pdd-33 {
        padding-bottom: 0;
    }
    .top-20{
        margin-top: 20px;
    }
    .gallery-row img {
        width: 100%;
        height: auto;
    }
    .achiv-icon {
        width: 80px;
        padding: 20px;
    }
    .mob-hide{
        display: none;
    }
    .skill-img {
        padding: 50px;
    }
    .skill-img img {
        width: 80px;
        padding: 20px;
    }
    .desk-hide{
        display: block;
    }
    .offcanvas{
        width: 300px!important;
    }
}
/*mobile*/
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 522px){}
@media only screen and (max-width: 485px){
    .sub-head h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .update-lines {
        flex-direction: column-reverse;
    }
    .update-lines div {
        max-width: 100%;
    }
    .update-lines .dd {
        margin: 5px 0;
    }
    .card-choose {
        width: 150px;
        margin: 20px;
    }
    .card-choose h3 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.04em;
    }
    .m-form {
        padding: 20px!important;
    }
    .form-head {
        width: 300px!important;
    }
    .m-form .form-control {
        margin: 20px 0 0 0!important;
    }
    .whatsapp {
        bottom: 25px;
        right: 25px;
    }
    .offcanvas{
        width: 250px!important;
    }
    .img-head img {
        width: 70px;
        padding: 15px;
    }
    .img-head h2 {
        font-size: 24px;
        line-height: 50px;
    }
    .d-head, .d-box{
        padding: 20px;
    }
    .d-head h2 {
        font-size: 18px;
        line-height: 32px;
    }
    .d-item h4, .d-item a{
        font-size: 16px;
        line-height: 22px;
    }
}
@media only screen and (max-width: 420px){
    .follow-group img {
        margin-right: 10px;
        width: 20px;
        position: relative;
        bottom: 3px;
    }
    .ss-cards div {
        padding: 8px 0;
    }
    .section-bottom-space {
        margin-bottom: 100px!important;
    }
    .top-links {
        font-size: 12px;
        line-height: 18px;
        margin-right: 10px;
    }
    .navbar-brand img {
        width: 40px;
    }
    .navbar-toggler {
        margin: 0 0px;
    }
    .ss-img img {
        width: 20px;
    }
    .ss-lines h3 {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 6px;
    }
    .ss-lines p {
        font-size: 14px;
        line-height: 16px;
    }
    .sub-head h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .sub-p p {
        font-size: 14px;
        line-height: 22px;
    }
    .action-btn-enquire, .action-btn-know-more {
        width: 125px;
        height: 50px;
    }
    .action-btn-group {
        max-width: 270px;
    }
    .action-btn-group div a {
        font-size: 14px;
        line-height: 20px;
    }
    .up-head h2 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 10px;
    }
    .update-lines div {
        font-size: 12px;
        line-height: 16px;
    }
    .update-lines .dd {
        font-size: 12px;
        line-height: 16px;
    }

    .card-choose {
        width: 120px;
        margin: 10px;
    }
    .card-choose img {
        width: 60px;
        padding: 18px;
        margin-bottom: 16px;
    }
    .card-choose h3 {
        font-size: 14px;
        line-height: 18px;
    }
    .card-choose p {
        font-size: 10px;
        line-height: 16px;
    }
    .get-btn {
        max-width: 125px;
        padding: 10px 20px;
    }
    .get-btn a {
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
    }
    .founder-p {
        font-size: 12px;
        line-height: 16px;
    }
    .founder-body h3 {
        font-size: 14px;
        line-height: 16px;
    }
    .founder-pos {
        font-size: 12px;
        line-height: 14px;
    }
    .founder-body p {
        padding: 8px 0;
    }
    .card-bb .f-line {
        font-size: 12px;
        line-height: 16px;
    }

    .app-card img {
        width: 70px;
        padding: 20px;
    }
    .app-card {
        width: 100px;
        margin: 20px auto;
    }
    .app-card h6 {
        margin-top: 15px;
        font-size: 12px;
        line-height: 16px;
    }


    .carousel-indicators {
        bottom: -20px;
    }
    .owl-carousel button.owl-dot {
        padding: 3px!important;
        margin: 0 5px!important;
    }
    .inst-link img {
        width: 15px!important;
        margin-left: 8px;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        padding: 10px!important;
        margin: 0 5px!important;
    }

    .form-head {
        width: 250px!important;
    }
    .form-head h3{
        font-size: 16px;
    }
    .para p {
        font-size: 14px;
        line-height: 22px;
    }


    .skill-img {
        padding: 30px;
        margin: 10px;
    }
    .skill-img img {
        width: 50px;
        padding: 15px;
    }
    .skill-name {
        font-family: 'General Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 0;
        color: #505050;
    }

    .mar-t-20{
        margin-top: 10px!important;
    }
    .para ul li {
        line-height: 22px;
        font-size: 14px;
    }
    .p-l {
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
    }
    .p-head h3 {
        font-size: 18px;
        line-height: 25px;
        padding: 10px 20px;
    }
    .feess {
        margin: 6px 0;
        font-size: 14px;
    }
    .p-points {
        font-size: 15px;
        line-height: 28px;
        letter-spacing: 0.02em;
        padding: 10px 20px;
        color: #404404;
    }
    .get-btn {
        max-width: 150px;
        padding: 10px 20px;
    }
    .openf p{
        font-size: 14px;
    }
    .know-more a {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-form input {
        border-bottom: 1px solid #808080;
        padding: 8px 0;
        margin: 50px 0 0!important;
        font-size: 14px!important;
        line-height: 20px;
    }
    .contact-form{
        text-align: center;
    }

    .gallery div, .d-arrow {
        font-size: 14px;
        line-height: 20px;
    }
    .mar-t-40 {
        margin-top: 20px!important;
    }

    .img-head img {
        width: 50px;
        padding: 13px;
    }
    .img-head h2 {
        font-size: 18px;
        line-height: 25px;
    }
    .d-head h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .d-head h6 {
        font-size: 12px;
        line-height: 20px;
    }
    .d-head {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .d-item h4, .d-item a {
        font-size: 12px;
        line-height: 18px;
    }

    .main-p p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0.02em;
    }
    .achiv-icon {
        width: 50px;
        padding: 13px;
    }
    .achiv-h3 {
        font-size: 22px;
        line-height: 50px;
    }
    .achiv-p {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }
    .n-scroll {
        padding: 30px 10px;
    }
    .sm-head p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.02em;
    }
    .check input {
        margin: 10px 10px 0 0!important;
    }
    .pr,.checkbox {
        text-align: start;
        font-size: 12px;
        line-height: 20px;
    }


    .f-sm-group h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .f-sm-group p, .f-sm-group a {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        padding-right: 20px;
    }
    .d-links {
        margin-top: 20px;
        border-radius: 10px;
    }
    .bank-d p{
        font-size: 16px!important;
    }
}
@media only screen and (max-width: 400px){}
@media only screen and (max-width: 320px){}
@media only screen and (max-width: 280px){}