*{

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

body{

    margin: 0px;
    padding: 0px;
}

.mt-30{

    margin-top: 30px;
}

.mt-60{

    margin-top: 60px !important;
}

.mt-90{

    margin-top: 90px;
}

.mt-120{

    margin-top: 120px;
}

.mt-150{

    margin-top: 150px;
}

.mt-180{

    margin-top: 180px;
}

:root{

    --themecolor1:#e21212;
    --themecolor2:#071d9e;
}


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

.headertopbody{

    margin: 0px;
    padding: 0px 0px;
    display: flex;
    align-items: center;
    border-bottom: dotted 2px var(--themecolor1);
    background-color: var(--themecolor1);
}

.headertopbodyleft{

    margin: 0px;
    padding: 0px;
}

.headertopbodyleft ul{

    margin: 0px;
    padding: 0px;
    display: flex;
    margin-top: 10px;

}

.headertopbodyleft ul li{

margin: 0px;
padding: 0px 15px;
list-style: none;

}

.headertopbodyleft ul li .headertopbodylefticon{

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

.headertopbodylefticon i{

    color: white;
    line-height: 25px;
    font-size: 16px;
}

.headertopbodylefticon p ,.headertopbodylefticon p a {

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

.headertopbodyright{

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

}

.headertopbodyright ul{

    margin: 0px;
    padding: 0px;
    display: flex;
    margin-top: 10px;
}

.headertopbodyright ul li{

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

.headertopbodyright ul li a i{

    color: white;
}

/*--------logo&navigation------*/

.navbox{

    margin: 0px;
    padding: 6px 0px;
    display: flex;
    align-items: center;
    background-color: white;
}

.logobox{

    margin: 0px;
    padding: 0px;
}

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

.navigationbox{

    margin: 0px;
    padding: 0px;
}

.navigationbox ul{

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

.navigationbox ul li{

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

.navigationbox ul li a{

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

.navigationbox ul li a:hover{

    color: var(--themecolor1);
}


.navigationbutton{

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

.navigationbutton button{

    background-color: var(--themecolor2);
    color: white;
    border-radius: 15px;
}



/*----banner----------*/

.bannerbox{

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

.bannerboxmain{

    width: 100%;
    height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: scale(1);
    transition: all 0.8s ease-in-out;
} 

.banner .owl-item.active .bannerboxmain
{
    animation: grow 8s linear infinite;
}

@keyframes grow
{
    0% ,20%{
        transform: scale(1);

    }
    75%,100%
    {
        transform: scale(1.15);
    }
}

.bannerboxmain h2{

    color: white;
    text-shadow: 2px 2px #4e4e4e;
    font-size: 36px;
    font-weight: 600;
}

.bannerboxbutton{

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

.bannerboxbutton button {

    color: white;
    background-color: var(--themecolor1);
    text-decoration: none;
}

.bannerboxbutton button:hover{

    color: white;
    background-color: var(--themecolor1);
}



/*-------enquireybox--------*/

.enquirybox{

    background-color: var(--themecolor1);
    padding: 20px;
    border-radius: 15px;
    color: white;

}

.enquirybox h4{

    color: white;
    text-align: center;
}

.enquiryboxleft{

    margin: 0px;
    padding: 0px;
}

.enquiryboxleft input{

    width: 100%;
    display: block;
    border-radius: 15px;
    border: solid 1px var(--themecolor1);
    margin: 10px 0px;
    padding: 10px;
}

.enquiryboxleft input:focus{

    outline: none;
}

.enquiryboxleft select{

    width: 100%;
    display: block;
    border-radius: 15px;
    border: solid 1px var(--themecolor1);
    margin: 10px 0px;
    padding: 10px;

}

.enquiryboxleft textarea{

    width: 100%;
    display: block;
    border-radius: 15px;
    border: solid 1px var(--themecolor1);
    margin: 10px 0px;
    padding: 10px;
}

.enquiryboxleft button{

    width: 100%;
    display: block;
}

/*--------aboutus----------*/


.aboutusleft{

    margin: 0px;
    padding: 0px;
}

.aboutusleftpic{

    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 450px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/aboutuspic.jpg);
    position: relative;
    border-radius: 15px;
}

.aboutusleftpic::before{

    position: absolute;
    content: "";
    bottom: -60px;
    left: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/aboutuspic2.jpg);
    width:50%;
    height: 250px;
    border-radius: 15px;
    border: solid 5px white;
}


.aboutusright{

    margin: 0px;
    padding: 0px;
}

.aboutusright h4{

    color: var(--themecolor1);
}

.aboutusright h2{

    color: var(--themecolor2);
}

.aboutusright p{

    color: black;
    font-weight: 500;
}

.aboutusright button{

    background-color: var(--themecolor1);
    color: white;
    border-radius: 15px;
}

.aboutusright button:hover{

    background-color: var(--themecolor1);
    color: white;
}

.aboutusright1{

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

.aboutusright1iconbox{

    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--themecolor1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutusright1iconbox i{

    color: white;
    font-size: 24px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--themecolor1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutusright1iconboxtext{

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

.aboutusright1iconboxtext p{

    color: var(--themecolor2);
    font-size: 24px;
}

.aboutusright1iconboxtext p span{

    color: var(--themecolor1);
}

/*-----cousees-----*/


.coursesbg{

    margin: 0px;
    padding: 80px 0px;
    width: 100%;
    display: block;
    background-color: #e9e9e9;
}

.coursetext{

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

.coursetext h4{

    color: var(--themecolor1);
    font-weight: 600;
}

.coursetext h2{

    color: var(--themecolor2);
}

.coursebox1{

    margin: 0px;
    padding: 0px 0px 15px 0px;
    width: 100%;
    display: block;
    background-color: white;
    border-radius: 15px;
}


.coursebox1img{

    width: 100%;
    display: block;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
}

.coursebox1img img{

    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 15px;

}

.coursebox1text{

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

.coursebox1text h4{

    color: var(--themecolor1);
}


.coursebox1text p{

    color: black;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.coursebox1text h6 a{

    color: var(--themecolor1);
    text-decoration: none;
}



/*couseboxpage1*/

.coursebox1text_1{

    margin: 15px 0px;
    padding: 0px 15px;
 
    padding: 20px; 
    width: 100%;
    height:200px;
    resize: vertical;
    overflow: auto;
    scrollbar-width: none;
}

.coursebox1text_1 h4{

    color: var(--themecolor1);
}


.coursebox1text_1 p{

    color: black;

 
}

.coursebox1text_1 h6 a{

    color: var(--themecolor1);
    text-decoration: none;
}

/*Limited seats*/


.limitedseats{

    margin: 0px;
    padding: 0px;
}

.limitedseatsbox{

    margin: 0px;
    padding: 20px;
    background-color: #fdfdfd;
    border-radius: 15px;
    box-shadow: 6px 8px 8px #a7a7a7;
}

.limitedseatsboxleft{

    margin: 0;
    padding: 0px;
}

.limitedseatsboxleft h2{

    color: var(--themecolor2);
}

.limitedseatsboxleft h2 span{

    color: var(--themecolor1);
}

.limitedseatsboxleft p{

    color: black;
    font-size: 16px;
}

.limitedseatsboxright{

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

.limitedseatsboxright button{

    background-color: var(--themecolor1);
    color: white;
    border-radius: 15px;
    font-size: 36px;
}

.limitedseatsboxright button:hover{

    background-color: var(--themecolor1);
    color: white;
}


/*--------whychooseUs---------*/

.whychooseus{

    margin: 0px;
    padding: 20px;
    border-radius: 15px;
    transition: all 0.5s ease-in-out;

}

.whychooseus:hover{

    transform: translateY(-10px);
}

.whychooseus h4{

    color: white;
    text-align: center;
    font-weight: 600;
}

.whychooseus p{

    color: white;
    text-align: justify;
}

.whychooseusbg{

    background-color: var(--themecolor1);
}

.whychooseusbg1{

    background-color: var(--themecolor2);
}


/*---testimonial---*/

.testimonialbox{

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


.testimonialbox::before{

    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.705);
    z-index: -1;
}


.testimonialbox1{

    background-color: white;
    margin: 0px;
    padding: 20px;
    border-radius: 20px;
    margin: 60px 0px;

}

.testimonialbox1img{

    width: 100%;
    display:table;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: dotted 1px var(--themecolor1);

}

.testimonialbox1img img{

    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: dotted 1px var(--themecolor1);

}

.testimonialbox1text{

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

.testimonialbox1text i{

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

.testimonialbox1text p{

    color: black;
    font-size: 16px;
    min-height: 246px;
}

.testimonialbox1text h6{

    color: #071d9e;
}

/*------gallery--------*/

.gallerybox{

    margin: 0px;
    padding: 0px;
}


.gallerybox img{
    width: 100%;
    height: 300px;
    border-radius: 15px;
    object-fit: cover;
}

/*-----collaboration------*/

.collaborationbox{

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

.collaborationbox img{

    width: 100%;
    display: block;
    height: 100px;
  
}



/*----footer-----*/

.footerbody
{

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

.footerbody::before{

    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.897);
    z-index: -1;
}

.footerleft{
    margin: 0px;
    padding: 0px;
    margin-top: 60px;
}


.footerleft p{

    color: white;
    font-size: 16px;
    margin-top: 20px;
}

.footermiddle{

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

.footermiddle h2{

    color: white;
    font-size: 32px;
    margin-bottom: 20px;
}


.footermiddlenav{

    margin: 0px;
    padding: 0px;
}

.footermiddlenav ul{

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


.footermiddlenav ul li{

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

.footermiddlenav ul li a{

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

.footermiddlenav ul li a:hover{

    color: var(--themecolor1);
    padding-left: 10px;
}

.footerright{

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

.footerright h2{

    color: white;
    font-size: 32px;
    margin-bottom: 30px;
}

.footersocialicon{

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

.footersocialicon i{

    color: white;
    font-size: 20px;
    line-height: 25px;
}

.footersocialicon p , .footersocialicon p a{

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

.footercopyright{

    border-top: dotted 2px var(--themecolor1);
    margin-top: 20px;
    text-align: center;
}

.footercopyright1{

    margin: 0px;
    padding: 0px;

}

.footercopyright1 p , .footercopyright1 p a{

    color: white;
    text-decoration: none;
    margin-top: 20px;
}


.sticky{

    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    background-color: white;
    border-bottom: dotted 1px var(--themecolor1);
}

.resnav{

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


/*------------aboutuspage----------*/

.aboutuspagebox{


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

.aboutuspagebox::before{

    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.685);
    z-index: -1;
}

.aboutuspagebox h2{


    color: white;
}

.aboutuspagebox h4, .aboutuspagebox h4 a{

color: white;

text-decoration: none;

}



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

.contactusleft{

    margin: 0px;
    padding: 20px;
    display: block;
    width: 100%;
    border: solid 1px var(--themecolor1);
    border-radius: 15px;

}

.contactuslefticon{

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

.contactusleft i{

color: var(--themecolor1);
font-size: 36px;

}

.contactusbox{

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

.contactusbox h4{

    color: var(--themecolor1);
}

.contactusbox p ,.contactusbox p a {

    color: black;
    font-size: 18px;
    text-decoration: none;
}

.contactusmap{

    margin: 0px;
    padding: 0px;
}


.contactusmap iframe{

    width: 100%;
    display: block;
    border-radius: 15px;
}

.contactusform{

    margin: 0px;
    padding: 20px;
    width: 100%;
    display: block;
    background-color: white;
    border-radius: 15px;
}


.contactusform input{

    width: 100%;
    display: block;
    padding: 15px;
    margin: 10px 0px;
    border: solid 1px var(--themecolor1);
    font-size: 16px;
    color: black;
    border-radius: 15px;
}


.contactusform input:focus{

    outline: none;
}


.contactusform textarea{

    width: 100%;
    display: block;
    padding: 15px;
    margin: 10px 0px;
    border: solid 1px var(--themecolor1);
    font-size: 16px;
    color: black;
    border-radius: 15px;
    height: 150px;
}


.contactusform button{
    background-color: var(--themecolor1);
    color: white;
    border-radius: 15px;
}

.contactusform button:hover{
    background-color: var(--themecolor1);
    color: white;
}




@media (max-width:991px){

    .resnav{

        display: block; 
    }

    .dis-none{

        display: none;
    }

    .navigationbox{

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

    .navigationbox ul{

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

    }

    .navigationbox ul li{

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


    .navigationbox.main{

        left: 0;
    }

    .bannerboxmain h2{

        font-size: 24px;
        text-align: center;
    }

    .mt-80{

        margin-top: 80px !important;
    }
}