@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


*{

    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body{

    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    font-family: "Roboto", sans-serif;
}


.mt-30{

    margin-top: 30px !important;
}

.mt-60{

    margin-top: 60px !important;
}

.mt-90{

    margin-top: 90px;
}

.mt-120{

    margin-top: 120px;
}


/*------headertop------*/

.headertopbg{

    margin: 0px;
    padding: 6px 0px;
    background-color: #383838;
    display: flex;
    align-items: center;
    font-size:12px;
}

.headertopleft{

    margin: 0px;
    padding: 0px;
}


.headertopleft ul{

    margin: 0px;
    padding: 0px;
    display: flex;
}

.headertopleft ul li{

    margin: 0px;
    padding: 0px 14px;
    list-style: none;
    margin-top: 8px;
}


 .headericon{

    display: flex;
    gap: 15px;
}

.headericon i{

color: #fdc400;
font-size: 13px;
line-height: 25px;

}

.headericon p ,.headericon p a {

    color: rgb(235, 235, 235);
    text-decoration: none;
}

.headertopright{

    margin: 0px;
    padding: 0px;
    margin-top: 6px;
}


.headertopright ul{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
} 

.headertopright ul li{

    margin: 0px;
    padding: 0px 14px;
    list-style: none;
   
}


.headertopright ul li a{

color: #fdc400;

}

/*----------navigation-----------*/

.navigationbox{

    margin: 0px;
    padding: 5px 0px;
    background-color: rgb(235, 235, 235);
    display: block;
    width: 100%;
}

.headerlogo{

    margin: 0px;
    padding: 0px;

}

.headernavigation{

    margin: 0px;
    padding: 0px;

}

.headernavigation ul{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.headernavigation ul li{

    margin: 0px;
    padding: 0px;
    display: flex;

    list-style: none;
}

.headernavigation ul li a{

    margin: 0px;
    padding: 0px 30px;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    color: #383838;
    transition: all 0.5s ease-in-out;
}

.headernavigation ul li a:hover{

    color: #fdc400;
}

.headertopbtn{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
    margin-top: 20px;
}

.headertopbtn button{

    border-radius: 15px;
}


/*--------headerbanner-----------*/

.headerbanner{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;

}

.headerbannerimg{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 650px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headerbannerimgtext{

    margin: 0px;
    padding: 0px;
   
}

.headerbannerimgtext h2{

    color: white;
    font-size: clamp(24px , 5vw , 72px);
}

.headerbannerimgtext h2 span{

    color: #fdc400;
}

.headerbannerimgtext p{

    color: white;
}

/*-----------teacher-------*/


.teacherbody{

    margin: 0px;
    padding: 15px;
    background-color: #383838;
}

.teacherbody1{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    border-right: dotted 2px #fdc400;
}


.teacherbody1text{

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 25px;
}

.teacherbody1texticon{

    margin: 0px;
    padding: 0px;
}

.teacherbody1texticon i{

    color: #fdc400;
    font-size: 36px;
}

.teacherbody1textmain{

    margin: 0px;
    padding: 0px;
}

.teacherbody1textmain h5  {

    color: white;
    text-align: center;
}

.teacherbody1textmain h3{

    color: white;
}


/*---------abutus-----------*/

.aboutusleft{

    margin: 0px;
    padding: 0px;
}

.aboutusright{

    margin: 0px;
    padding: 0px;
}

.aboutusright h4{

    color: #fdc400;
    font-size: clamp(24px, 5vw, 48px);
}

.aboutusright p{

    color: black;
}

.aboutusrighticon{

    margin: 14px 0px;
    padding: 0px;
    display: flex;
    gap: 14px;
}

.aboutusrighticon1{

    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    background-color: #383838;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutusrighticon1 i{

    color: white;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    background-color: #383838;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutusrighticontext{

    margin: 0px;
    padding: 0px;
}

.aboutusrighticontext button{

    background-color: #383838 !important;
    color: white !important;
    border-radius: 20px;
}

.aboutusrighticontext button:hover{

    background-color: #383838 !important;
    color: white !important;
    border-radius: 20px;
}

/*--------------scedule-------------*/

.scedulebg{

    margin: 0px;
    padding: 20px 0px;
    background-image: url(../img/tt-promo-03.jpg);
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    width: 100%;
    display: block;

}

.scedulebgtext{

    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.scedulebgtext1{

    margin: 0px;
    padding: 0px;
}

.scedulebgtext1 h2{

    color: #fdc400;
    font-size: clamp(24px , 5vw ,36px);
}

.scedulebgtext1 p{

    color: antiquewhite;
    font-size: 16px;
    text-align: center;
}

.scedulebgtext1 h6 a{

    color: white;
    font-size: 24px;
    text-decoration: none;
    margin: 0 auto;
    display: table;
}

.scedulebgright{

    margin: 0px;
    padding: 0px;
    margin-top: 30px;

}

/*-------------------service-------------------------*/


.serviceuppertext{

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serviceuppertext h4{

    color: #383838;
    font-size: clamp(24px , 5vw , 36px);
}

.servicebox{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.serviceboxmain{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.serviceboxmainimg{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.serviceboxtext{

    margin: 6px 0px;
    padding: 0px;
    text-align: center;
}

.serviceboxmain{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    text-align: center;
}

.serviceboxmainicon{

    width: 70px;
    height: 70px;
    background-color: #F5F5F5;
    border-radius: 15px;
    margin: 0 auto;
    display: table;
    display: flex;
    justify-content: center;
    align-items: center;
}

.serviceboxmainicon i{

    color: #fdc400;
    font-size: 48px;
}

.serviceboxmaintext{

    margin: 10px 0px;
    padding: 0px 20px;
}

.serviceboxmaintext h4{

    color: black;
}

.serviceboxmaintext p{

    color: #383838;
}

/*------------testimonial------------*/


.testimonialtext{

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.testimonialtext h4{

    color: white;
    font-size: clamp(24px , 5vw ,36px);
}

.testimonialbg{

    margin: 0px;
    padding: 60px 0px;
    width: 100%;
    display: block;
    background-image: url(../img/testimonial.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.testimonialbg::before{

    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.534);
z-index: -1;
}

.testimonialtextboxmain{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    text-align: center;
}

.testimonialtextboxmain i{

    color: #fdc400;
    font-size: 48px;
}


.testimonialtextboxmain p{

    color: white;
}

.testimonialtextboxmain h6{

    color: #fdc400;
}

/*---------form&map-----------*/

.mapbox{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.mapbox iframe{

    border-radius: 15px;
}

.enquirybox{

    margin: 0px;
    padding: 20px ;
    display: block;
    width: 100%;
    background-color: rgb(235, 235, 235);
    border-radius: 15px;
}

.enquirybox1{

    margin: 0px;
    padding: 0px;
}

.enquirybox1 input{

    width: 100%;
    display: block;
    margin: 12px 0px;
    padding: 10px;
    border-radius: 14px;
    border: solid 1px #fdc400;
}

.enquirybox1 input:focus{
    outline: none;
}


.enquirybox1 textarea{

    width: 100%;
    display: block;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 14px;
    border: solid 1px #fdc400;
    height: 140px;
    resize: none;
}


.enquirybox1 button{

    border-radius: 15px;
}


.footerbg{

    margin: 0px;
    padding-top: 40px;
    padding-bottom: 10px;
    background-image: url(../img/tt-foter-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
}

.footerleft{

    margin: 0px;
    padding: 0px;
}

.footerleft p{

    color: white;
}


.footermiddle{

    margin: 0px;
    padding: 0px;
}

.footermiddle h2{

    color: #fdc400;
    font-size: clamp(20px , 5vw ,32px);
    margin-bottom: 10px;
}

.footermiddlenav{

    margin: 0px;
    padding: 0px;
}

.footermiddlenav ul{

    margin: 0px;
    padding: 0px;
    display: block;
} 

.footermiddlenav ul li{

    margin: 0px;
    padding: 10px 0px;
    display: block;
    list-style: none;
}

.footermiddlenav ul li a{

    margin: 0px;
    padding: 0px;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    color: white;
    transition: all 0.5s ease-in-out;
}

.footermiddlenav ul li a:hover{

    color:#fdc400 ;
}

.footerright{

    margin: 0px;
    padding: 0px;
}

.footerright h2{

    
    color: #fdc400;
    font-size: clamp(20px , 5vw ,32px);
    margin-bottom: 10px;
}

.footerrighticon{

    margin: 15px 0px;
    padding: 0px;
}

.footerrighticon1{

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 15px;
}

.footerrighticon1 i{

    color: #fdc400;
}


.footerrighticon1 p ,.footerrighticon1 p a {

    color: white;
    font-size: 16px;
    text-decoration: none;
}

.footercopyright{

    margin: 0px;
    padding: 0px 0px;
    background-color: #fdc400;
    display: flex;
    align-items: center;

}

.footercopyrighttext{

    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-top: 10px;
}

.footercopyrighttext p , .footercopyrighttext p a{

    color: rgb(0, 0, 0);
    text-decoration: none;
}

.sticky{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
    z-index: 999;
    border-bottom: solid 1px #383838;
}


.resbtn{

    margin: 0px;
    padding: 0px;
    float: right;
    display: none;
    margin-top: -50px;
}


/*======================aboutuspage=======================*/


.aboutusbanner{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/aboutuspage.jpg);
    height: 250px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.aboutusbanner::before{

    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    background-color: rgba(56, 56, 56, 0.699);

}

.aboutusbanner h1{

    color: #fdc400;
    font-size: clamp(24px , 5vw , 30px);
}

.aboutusbanner h4 , .aboutusbanner h4 a{

    color: white;
    text-decoration: none;
}

/*-----------howitwork-------------*/

.howitworktextcenter{

    margin: 0px;
    padding: 0px;
text-align: center;
}

.howitworktextcenter h2{

    color: #383838;
    font-size: clamp(24px , 5vw , 36px);
}

.howitworktextcenter p{

    color: black;
}

.howitworkimg{

    margin: 15px 0px;
    padding: 0px;
}

.howitworkimg img{

    width: 100%;
    display: block;
    height: auto;
    object-fit: cover;
}


/*============================servicepage===============================*/

.servicebox{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.serviceboximg{

    width: 100%;
  margin: 0px;
  padding: 0px;
    display: block;
}

.servicepagetext{

    margin: 10px 0px; 
    padding: 0px;
}

.servicepagetext h4{

    color: #fdc400;
}

.servicepagetext p{

    color: black;
    padding: 20px; 
    width: 100%;
    resize: vertical;
    overflow: auto;
    height: 150px;
    scrollbar-width: none;
}


/*---------------------contactuspage----------------------*/


.conatctusleft{

    margin: 0px;
    padding: 20px;
    width: 100%;
    display: block;
    border: dotted 2px #fdc400;
    border-radius: 15px;
}

.conatctuslefticon{

    margin: 0px;
    padding: 0px;
    text-align: center;
}

.conatctuslefticon i{

    color: #fdc400;
    font-size: 32px;
}

.conatctuslefttext{

    margin: 15px 0px;
    padding: 0px;
}

.conatctuslefttext h4{

    color: #fdc400;
}


.conatctuslefttext p ,.conatctuslefttext p a {

    color: black;
    text-decoration: none;
}



/*=================Contactuspage=================*/





.contactusleftmap{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
}

.contactusleftmap iframe{

    border-radius: 15px;
}


.contactusform{

    margin: 0px;
    padding: 20px;
    background-color: #f1f1f1;
}


.contactusform input{

    width: 100%;
    display: block;
    margin: 10px 0px;
    padding: 10px;
    border: solid 1px #fdc400;
    font-size: 16px;
    color: #383838;
    background-color: white;
    border-radius: 14px;
}

.contactusform textarea{

    width: 100%;
    display: block;
    margin: 10px 0px;
    padding: 10px;
    border: solid 1px #fdc400;
    font-size: 16px;
    color: #383838;
    background-color: white;
    border-radius: 14px;
    height: 140px;
}

.contactusform textarea:focus{

    outline: none;
}

.contactusform input:focus{

    outline: none;
}


@media(max-width:991px){

    .resbtn{

        display: block;
    }  

    .dis-none{

        display: none;
    }

    .headernavigation{

        margin: 0px;
        padding: 0px;
        position: fixed;
        top: 0;
        left: -100%;
        width: 250px;
        height: 100%;
        z-index: 9990;
        transition: all 0.5s ease-in-out;
        background-color: white;
    }

    .headernavigation ul{

        margin: 0px;
        padding: 10px;
        display: block;
    }

    .headernavigation ul li{

        margin: 0px;
        padding: 10px 0px;
        display: block;
        list-style: none;
    }

    .headernavigation ul li a{

        margin: 0px;
        padding: 0px;
        text-decoration: none;
        cursor: pointer;

    }

    .headernavigation.main{

        left: 0;
    }

    .headerbannerimg{

        height: 250px;
    }

    .teacherbody1{

        border-bottom: dotted 2px #fdc400;
        border-right: none;
    }

    .headerbannerimgtext{

        text-align: center;
    }

}