* {

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

body {

    margin: 0px;
    padding: 0px;
}

:root {

    --themecolor: #f4f9fd;
    --themecolor1: #19ce67;
    --themecolor2: #121521;
}


.mt-30 {

    margin-top: 30px !important;
}

.mt-60 {

    margin-top: 60px;
}

.mt-90 {

    margin-top: 90px;
}

.mt-120 {

    margin-top: 120px;
}

.mt-150 {

    margin-top: 150px;
}

.mt-180 {

    margin-top: 180px;
}

/*--headertop---*/

.headertopbg {

    background-color: var(--themecolor);
    margin: 0px;
    padding: 6px;
    display: flex;
    align-items: center;

}

.headertopleft {

    margin: 0px;
    padding: 0px;
}

.headertopleft ul {

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

.headertopleft ul li {

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

}

.headertoplefticon {

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

.headertoplefticon1 {

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

}

.headertoplefticontext {

    margin: 0px;
    padding: 0px;
}

.headertoplefticontext p,
.headertoplefticontext p a {

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

.headertopright {

    margin: 0px;
    padding: 0px;

}

.headertopright ul {

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

.headertopright ul li {

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

}

.headertoprighticon {

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

/*logo&banner*/

.headernabbox {

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


.headerlogo {

    margin: 0px;
    padding: 5px;
}

.headernavigation {

    margin: 0px;
    padding: 0px;
}

.headernavigation ul {

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

.headernavigation ul li {

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

.headernavigation ul li a {

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

.headernavigation ul li a:hover {

    color: var(--themecolor1);
}

.headerappointment {


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

}

.headerappointment button {

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

.headerappointment button:hover {

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


/*----bannerBox----*/


.bannerbox {

    margin: 0px;
    padding: 0px;
}

.bannerboximg {

    width: 100%;
    height: 650px;
    display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/banner.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
    background-position-y: -60px;

}

.bannerboximg h2{

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



/* .bannerboximg img {

    width: 100%;
    height: 650px;
    display: block;
    object-fit: cover;
} */


/*------qualification--------*/


.qualificationboxmain {

    margin: 0px;
    padding: 0px;
    position: relative;
}

.qualificationbox {

    margin: 0px;
    padding: 0px 0px;

    min-height: 300px;
    position: relative;

}


.qualificationbox1 {

    width: 100%;
    height: auto;
    padding: 15px 45px;
    clip-path: polygon(4.596% 0.565%, 4.596% 0.565%, 3.947% 0.895%, 3.336% 1.309%, 2.766% 1.801%, 2.24% 2.364%, 1.762% 2.994%, 1.336% 3.686%, 0.966% 4.433%, 0.655% 5.23%, 0.407% 6.072%, 0.226% 6.954%, 0.226% 6.954%, 0.176% 7.633%, 0.134% 9.052%, 0.099% 11.243%, 0.071% 14.238%, 0.051% 18.072%, 0.037% 22.777%, 0.03% 28.386%, 0.029% 34.931%, 0.034% 42.447%, 0.045% 50.966%, 0.113% 93.462%, 0.747% 95.156%, 0.747% 95.156%, 0.969% 95.705%, 1.219% 96.23%, 1.495% 96.729%, 1.795% 97.201%, 2.119% 97.644%, 2.466% 98.057%, 2.834% 98.439%, 3.221% 98.786%, 3.628% 99.099%, 4.052% 99.376%, 5.094% 100%, 94.968% 100%, 96.009% 99.376%, 96.009% 99.376%, 96.433% 99.099%, 96.84% 98.786%, 97.228% 98.439%, 97.595% 98.057%, 97.942% 97.644%, 98.266% 97.201%, 98.566% 96.729%, 98.842% 96.23%, 99.092% 95.705%, 99.314% 95.156%, 99.948% 93.462%, 100.016% 62.259%, 100.016% 62.259%, 100.026% 56.181%, 100.03% 50.744%, 100.027% 45.939%, 100.017% 41.754%, 100.002% 38.18%, 99.98% 35.207%, 99.952% 32.824%, 99.919% 31.023%, 99.88% 29.793%, 99.835% 29.123%, 99.835% 29.123%, 99.782% 28.765%, 99.722% 28.409%, 99.657% 28.055%, 99.585% 27.703%, 99.506% 27.353%, 99.421% 27.006%, 99.33% 26.662%, 99.233% 26.32%, 99.129% 25.982%, 99.02% 25.646%, 99.02% 25.646%, 98.694% 24.858%, 98.32% 24.143%, 97.887% 23.492%, 97.382% 22.896%, 96.796% 22.344%, 96.115% 21.827%, 95.33% 21.335%, 94.428% 20.858%, 93.398% 20.387%, 92.228% 19.911%, 92.228% 19.911%, 90.917% 19.385%, 89.803% 18.853%, 88.861% 18.284%, 88.064% 17.642%, 87.387% 16.895%, 86.802% 16.008%, 86.285% 14.949%, 85.808% 13.684%, 85.345% 12.179%, 84.871% 10.401%, 84.871% 10.401%, 84.719% 9.788%, 84.565% 9.183%, 84.412% 8.598%, 84.262% 8.041%, 84.118% 7.522%, 83.984% 7.05%, 83.863% 6.635%, 83.757% 6.286%, 83.669% 6.013%, 83.603% 5.825%, 83.603% 5.825%, 83.404% 5.38%, 83.153% 4.909%, 82.858% 4.424%, 82.528% 3.935%, 82.171% 3.455%, 81.797% 2.994%, 81.414% 2.564%, 81.031% 2.177%, 80.656% 1.843%, 80.298% 1.575%, 80.298% 1.575%, 79.621% 1.141%, 78.889% 0.795%, 77.849% 0.527%, 76.251% 0.327%, 73.84% 0.186%, 70.367% 0.092%, 65.577% 0.037%, 59.22% 0.01%, 51.043% 0.001%, 40.794% -0%, 40.794% 0%, 31.784% 0.009%, 24.453% 0.022%, 18.619% 0.04%, 14.103% 0.066%, 10.725% 0.104%, 8.304% 0.156%, 6.661% 0.225%, 5.615% 0.315%, 4.987% 0.427%, 4.596% 0.565%);
}

.qualificationbox h2 {

    color: white;
    border-bottom: dotted 2px white;
    padding-bottom: 18px;

}


.qualificationboxtext {

    margin: 18px 0px;
    padding: 0px;
    display: flex;
    gap: 6px;
}

.qualificationboxtext i {

    line-height: 25px;
}

.qualificationboxtext p,
.qualificationboxtext p a {

    color: white;
    text-decoration: none;
    cursor: pointer;
}

.qualificationbox p {

    color: white;
}

.qualificationbox2 {

    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.py-6{

    padding: 7px 0px;
}


.qualificationbox2 i {

    font-size: 20px;
}


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


.aboutusleft {

    margin: 0px;
    padding: 0px;
}

.aboutusleft img {

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

.aboutusright {

    margin: 0px;
    padding: 0px;
}

.aboutusright h4 {

    color: var(--themecolor1);
}

.aboutusright h2 {

    color: black;
}

.aboutusrighttext {

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

.aboutusrighttextbox {

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

.aboutusrighttextbox1 {

    width: 25px;
    height: 25px;
    background-color: var(--themecolor);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 6px 5px #d4d4d4;
}

.aboutusrighttextbox1 i{

    width: 25px;
    height: 25px;
    background-color: var(--themecolor);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 6px 5px #d4d4d4;
}

.aboutusrighttextbox1text {

    margin: 0px;
    padding: 0px;
}

.aboutusrighttextbox1text p {

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

.aboutusright button {

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

.aboutusright button:hover {

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


/*----ourservice----*/


.ourservicetext {

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

.ourservicetext h4 {

    color: var(--themecolor1);
}

.ourservicetext h2 {

    color: black;
}


.ourservicebox {

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


.ourserviceboxicon {

    margin-bottom: 21px;
    text-align: center;
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
    background-color: var(--themecolor1);
    font-size: 30px;
    transition: 0.5s;
    box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
}


.ourserviceboxtext {
    margin: 20px;
    padding: 0px;
}



.ourserviceboxtext h4 {

    color: black;
}

.ourserviceboxtext p {

    font-size: 16px;

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

.ourserviceboxtext h6 a {

    color: var(--themecolor1);
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.ourserviceboxtext h6 a:hover {

    letter-spacing: 3px;
}



.ourserviceboxtext1 {
    margin: 20px;
    padding: 0px;
}


.ourserviceboxtext1 h4 {

    color: black;
}

.ourserviceboxtext1 p {

    font-size: 16px;


}

.ourserviceboxtext1 h6 a {

    color: var(--themecolor1);
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.ourserviceboxtext1 h6 a:hover {

    letter-spacing: 3px;
}





/*---whychooseus---*/

.whychooseusleft {


    margin: 0px;
    padding: 0px;

}

.whychooseusleft h4 {

    color: var(--themecolor1);
    text-align: center;
}

.whychooseusleft p {

    color: black;
}

.whychooseusleftbox {

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

}

.whychooseusleftbox1 {

    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--themecolor);
    box-shadow: 6px 6px 5px rgba(148, 148, 148, 0.522);
}

.whychooseusleftbox1 i {

    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--themecolor);
    box-shadow: 6px 6px 5px rgba(148, 148, 148, 0.522);
}

.whychooseusleftbox1text {

    margin: 0px;
    padding: 0px;
}

.whychooseusleftbox1text p {

    color: black;
    font-size: 16px;
    line-height: 35px;
}

.whychooseusright {

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

.whychooseusright img {

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

/*-----gallerty-----*/


.gallerybox {

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

.gallerybox h4 {

    color: var(--themecolor1);
}

.galleryboxmain {

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

.galleryboxmain1 {

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

.galleryboxmain1 img {

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

/*---appointment---*/

.appointmentleft {

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

.appointmentleft img {

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

.appointmentright {

    margin: 0px;
    padding: 20px;
    background-color: var(--themecolor);
    border-radius: 15px;

}

.appointmentright h4 {

    color: var(--themecolor1);
    text-align: center;
}

.appointmentbox {

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

.appointmentbox input {

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

.appointmentbox input:focus {

    outline: none;
}


.appointmentbox textarea {

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

.appointmentbox textarea:focus {

    outline: none;
}

.appointmentbox button {

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

.appointmentbox button:hover {

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


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

.testimonialtext {

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

.testimonialtext h4 {

    color: var(--themecolor1);
}

.testimonialtext h2 {

    color: black;
}

.testimonialbox {

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

.testimonialbox1 {

    margin: 0px;
    padding: 20px;
    background-color: var(--themecolor);
    border: solid 1px #19ce67;
    border-radius: 15px;
}

.testimonialboximg {

    margin: 0px auto;
    padding: 0px;
    display: table;
    width: 70px;
    height: 70px;
    border-radius: 50%;

}

.testimonialboximg img {

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

.testimonialboxtext {

    margin: 15px;
    padding: 0px;
}

.testimonialboxtext i {

    font-size: 36px;
}

.testimonialboxtext p {

    color: black;
    /*min-height: 216px;*/
}

.testimonialboxtext h6 {

    color: var(--themecolor1);
}

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

.footerbg {

    margin: 0px;
    padding: 0px;
    background-color: var(--themecolor2);
    padding-top: 60px;
}


/*---footerleft-----*/

.footerleft {

    margin: 0px;
    padding: 0px;

}

.footerleft p {

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

.footermiddle {

    margin: 0px;
    padding: 0px;
}

.footermiddle h2 {

    color: white;
    font-size: 32px;
}

.footernav {

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

.footernav ul {

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

.footernav ul li {

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

.footernav ul li a {

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

}

.footernav ul li a:hover {

    padding-left: 15px;
}

.footeright {

    margin: 0px;
    padding: 0px;
}

.footeright h2 {

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

.footerighticon {

    margin-top: 15px;
    padding: 0px;
    display: flex;
    gap: 25px;
}

.footerighticon i {

    line-height: 20px;
}


.footerighticon p,
.footerighticon p a {

    color: white;
    text-decoration: none;
}


.footercopyright {

    background-color: var(--themecolor1);
    padding: 5px;
    display: flex;
    align-items: center;
}

.footercopyrightbox {

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

.footercopyrightbox p,
.footercopyrightbox p a {

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

.sticky {

    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
    z-index: 999;
    background-color: white;
    border-bottom: solid 2px var(--themecolor1);

}

.resbtn {

    margin: 0px;
    padding: 0px;
    float: right;
    display: none;
}


/*-------aboutusPage-----*/


.aboutuspagebanner{

    width: 100%;
    display: block;
    height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/aboutuspic3.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}


.aboutuspagebanner h2{


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

.aboutuspagebanner h4, .aboutuspagebanner h4 a{

    color: #121521; 
    text-decoration: none;
    cursor: pointer;
}


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


.contactusleft{

    width: 100%;
    display: block;
    border: solid 1px #19ce67;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
}

.contactusleft i{

    font-size: 36px;
    
}

.contactuslefttext{

    margin: 14px 0px;
    padding: 0px;
}

.contactuslefttext h4  {

    color: black;

}


.contactuslefttext p , .contactuslefttext p a{

    color: black;
    text-decoration: none;
}



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

.mapbox{

    margin: 0px;
    padding: 0px;
}

.mapbox iframe{

    border-radius: 15px;
}

.contactboxcontactuspage{

    background-color: var(--themecolor);
    margin: 0px;
    padding: 20px;
}

.contactboxcontactuspage h4{

    color: var(--themecolor1);
}

.contactboxcontactuspage h2{

    color: black;
}

.contactboxcontactuspageform{

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

.contactboxcontactuspageform input{

    width: 100%;
    display: block;
    border: solid 1px #19ce67;
    border-radius: 15px;
    /*margin: 15px 0px;*/
    padding: 15px;
    font-size: 16px;
    color: black;
}

.contactboxcontactuspageform input:focus{

    outline: none;
}

.contactboxcontactuspageform textarea{

    width: 100%;
    display: block;
    border: solid 1px #19ce67;
    border-radius: 15px;
    margin: 15px 0px;
    padding: 15px;
    font-size: 16px;
    color: black;
    height: 150px;
}


.contactboxcontactuspageform textarea:focus{

    outline: none;
}


.contactboxcontactuspageform button{

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

.contactboxcontactuspageform button:hover{

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






/*----responsive---------*/


@media (max-width:991px) {

    .resbtn {

        display: block;
    }

    .dis_none {

        display: none;
    }

    .headernavigation {

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

    .headernavigation ul {

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

    .headernavigation ul li {

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

    .headernavigation ul li a {

        margin: 0px;
        padding: 0px;
        font-size: 16px;
        color: black;
    }

    .headernavigation.main {

        left: 0;
    }

    .bannerboximg img {

        height: 450px;
    }

    .resbtn {

        margin-top: -30px;
    }

    .bannerboximg {

        height: 450px;
    }

    .aboutusleft img {

        height: 350px;
    }

    .appointmentleft img {

        height: 350px;
    }

    .testimonialboxtext p{

        /*min-height: 312px;*/
    }

    .bannerboximg h2{

        color: #414141;
        font-size: 24px;
    }

}