* {

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

body {

    margin: 0px;
    padding: 0px;

}

html{
    scroll-behavior: smooth;
}



/*-----whatsappfloting------*/


.whatsappfloat{


width: 80px;
height: 80px;
position: fixed;
bottom: 30px;
right: 20px;
z-index: 99;
cursor: pointer;

}

.whatsappfloat i{


    font-size: 72px;
    color: #00ff2a;
}




.mt40{

    margin-top: 60px !important;
}

.mt60 {

    margin-top: 60px;
}

.mt-80 {

    margin-top: 80px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-120 {

    margin-top: 120px;
}

:root {

    --themecolor: #2AA7FF;
}

/*headertop*/

.headertop {

    background-color: #2e3336;
    padding: 0px 0px;
    display: flex;
    align-items: center;
}

.headertopleft {

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

.headertopleft ul {

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

.headertopleft ul li {

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

.headertopleft1 {

    display: flex;
    gap: 15px;
}

.headertopleft1 p,
.headertopleft1 p a {

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

.headertopleft1 i {

    color: white;
    font-size: 24px;
    line-height: 30px;
}

.headertopright {

    margin: 0px;
    padding: 0px;
}

.headertopright ul {

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

.headertopright ul li {

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

.headertopright ul li i {

    color: white;
}

/*nabigation&logo*/

.navigationbox {

    margin: 0px;
    padding: 6px 0px;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 4px 51px 0px rgba(20, 100, 173, 0.10);
}

.headernablogo {
    margin: 0px;
    padding: 0px;

}


.headernav {

    margin: 0px;
    padding: 0px;
}

.headernav ul {

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

.headernav ul li {

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

.headernav ul li a {

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

.headernav ul li a:hover {

    color: #2AA7FF;
}

.headernavright {

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

.headernavright button {
    background-color: #2e3336;
    color: white;
}

.headernavright button:hover {
    background-color: var(--themecolor);
    color: white;
}

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

.bannerbody {

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


.bannerbody img{

    width: 100%;
    display: block;
}

/*----gallerypage----*/

.gallery_page{

    margin: 0px;
    padding: 0px;
    width: 100%;
  ;
    display: block;
    border: solid 1px #2AA7FF;
    border-radius: 10px;
}

.gallery_page1{

    height: 298px;
    object-fit: cover;
    border-radius: 10px;
}


.gallerypagetext{

    margin: 0px;
    padding: 20px;

}


.gallerypagetext h4{

    color: var(--themecolor);
    font-weight: 500;
}

.gallerypagetext p{

    font-size: 18px;
    color: #000;
}




/*----------doctorqualification----------*/



.qualificationbox {

    margin: 0px;
    padding: 0px;
    background-color: #2e3336;
    padding: 60px 0px;

}

.qualificationbox1 {

    min-height: 150px;
    border-radius: 20px;
    border-right: solid 2px white;
    border-bottom: solid 2px white;
    margin: 0px;
    padding: 20px;

}

.qualificationbox1icon {

    margin: 0px auto;
    display: table;
    padding: 0px;
}

.qualificationbox1icon i {

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


.qualificationbox1icontext {

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

.qualificationbox1icontext h4 {

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

.qualificationbox1icontext p,
.qualificationbox1icontext p a {

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

.qualificationbox1icontext1 {

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

.qualificationbox1icontext1 i {

    color: white;
    line-height: 28px;
}

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


.aboutusleft {

    margin: 0px;
    padding: 0px;

}

.aboutusleft h2 {

    color: var(--themecolor);
    font-size: 36px;
    text-align: center;
}

.aboutusleft p {

    color: black;
    font-size: 16px;

}

.aboutusleft button {
    background-color: #2AA7FF;
    color: white;
}

.aboutusleft button:hover {
    background-color: #2AA7FF;
    color: white;
}

.aboutusright {

    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 400px;
}

.aboutusright1 {

    width: 100%;
    display: block;
    height: 400px;
    object-fit: cover;
    clip-path: polygon(23% 1%, 100% 0, 80% 100%, 0 100%);
}

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

.serviceleft {

    margin: 0px;
    padding: 0px;
}

.serviceleft h4 {

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

.serviceleft h2 {

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

.serviceleft button {

    background-color: #2AA7FF;
    color: white;
}

.serviceleft button:hover {

    background-color: #2AA7FF;
    color: white;
}

.serviceeight {

    margin: 0px;
    padding: 0px;
}

.serviceboxmain {

    background-color: #fff;
    border-radius: 20px;
    background-image: url(../image/download.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 40px 30px;
    position: relative;
    transition: all .5s;
    z-index: 1;
    border: solid 2px #2AA7FF;

}

.serviceboxmainicon {

    width: 80%;
    padding: 40px;
    border-radius: 10px;
    margin: 0 auto;
    border: solid 2px #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
}


.serviceboxmainicon i {

    color: #2AA7FF;
    font-size: 48px;
}


.serviceboxmain:hover .serviceboxmainicon {


    animation: myshake 0.5s linear;

}

@keyframes myshake {

    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}


.serviceboxmaintext {

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

.serviceboxmaintext h4 {

    color: #000;
    height: 58px;
}


.serviceboxmaintext p {

    font-size: 16px;
    color: #353535;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.serviceboxmaintext button {

    background-color: #2AA7FF;
    color: #fff;
}

.serviceboxmaintext button {

    background-color: #2AA7FF;
    color: #fff;
}

.serviceboxmaintext button:hover {

    background-color: #2AA7FF;
    color: #fff;
}


/*--------------whychooseus-------*/

.whychooseusleft {

    margin: 0px;
    padding: 0px;
}

.whychooseusleftimg {

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

.whychooseusleftimg::before {


    position: absolute;
    content: '';
    top: 0;
    left: -200%;
    display: block;
    content: '';
    width: 20%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    z-index: 2;
}


.whychooseusleft:hover .whychooseusleftimg::before {

    animation: shine 1.3s;
}

@keyframes shine {

    100% {
        left: 125%;
    }
}


.whychooseusleftimg_img {

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

.whychooseusleftimg1 {

    margin-top: 50px;
    padding: 0px;
    width: 100%;
    display: block;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.whychooseusleftimg1 img {

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



.whychooseusleftimg1::before {


    position: absolute;
    content: '';
    top: 0;
    left: -200%;
    display: block;
    content: '';
    width: 20%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    z-index: 2;
}


.whychooseusleft:hover .whychooseusleftimg1::before {

    animation: shine 1.3s;
}

@keyframes shine {

    100% {
        left: 125%;
    }
}


.whychooseusright {

    margin: 0px;
    padding: 0px;
}

.whychooseusright h4 {

    color: black;
    font-size: 28px;
    text-align: center;

}

.whychooseusright h2 {

    color: var(--themecolor);
    font-size: 36px;
}

.whychooseusright1 {

    margin: 30px 0px;
}

.whychooseusright2 {

    margin: 0px;
    padding: 0px;
}

.whychooseusright2 ul {

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

.whychooseusright2 ul li {

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


.whychooseusright2 ul li p {

    font-size: 16px;
    color: #000;
}

/*---testimonial---*/


.testimonialmaintext {


    margin: 0px;
    padding: 0px;
}

.testimonialmaintext h2 {

    color: #000;
    font-size: 32px;
    text-align: center;
}

.testimonialmainbox {

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

.testimonialmainbox1 {

    margin: 0px;
    padding: 20px;
    border-radius: 20px;
    border: solid 1px var(--themecolor);
    min-height: 410px;
}


.testimonialmainbox1img {

    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: dotted 1px var(--themecolor);
    margin: 0 auto;
}

.testimonialmainbox1imgunder {

    margin: 0px;
    padding: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.testimonialmainboxtext {

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

.testimonialmainboxtext h6 {

    color: #2AA7FF;
    font-size: 24px;
}

.testimonialmainboxtext h6 span {

    color: #000;
    font-size: 18px;
}


/*-------contactdetails-------*/

.contactdetailsleft {

    margin: 0px;
    padding: 20px;
    border: solid 1px #ececec;
    border-radius: 10px;
}

.contactdetailsleft h2 {

    color: var(--themecolor);
    font-size: 36px;
    margin-bottom: 20px;
}

.contactdetailsleft1 {

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

.contactdetailsleft1 i {

    color: #2AA7FF;
    font-size: 24px;
}

.contactdetailsleft1 p,
.contactdetailsleft1 p a {

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

.contactdetailsright {

    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #ececec;
}

.contactdetailsright input {

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


.contactdetailsright textarea {

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

.contactdetailsright button {

    background-color: #2AA7FF;
    color: white;
}

.contactdetailsright button:hover {

    background-color: #2AA7FF;
    color: white;
}

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

.footerbody {

    margin: 0px;
    padding-top: 80px;
    background-color: #000;
}

.footerbodyleft {

    margin: 0px;
    padding: 0px;
}

.footerbodyleft p {
    color: white;
    font-size: 18px;
}

.footerbodymiddle {

    margin: 0px;
    padding: 0px;
}

.footerbodymiddle h2 {

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

.footerbodymiddlenav {

    margin: 0px;
    padding: 0px;
}

.footerbodymiddlenav ul {

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

.footerbodymiddlenav ul li {

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

}

.footerbodymiddlenav ul li a {

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

}


.footerbodymiddlenav ul li a:hover {


    color: #2AA7FF;
    padding-left: 10px;


}

.footerbodyright {

    margin: 0px;
    padding: 0px;
}

.footerbodyright h2 {
    color: white;
    font-size: 32px;
    margin-bottom: 20px;
}

.footerbodyrightsocial {

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

}


.footerbodyrightsocial i{

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

.footerbodyrightsocial p ,.footerbodyrightsocial p a {
    font-size: 18px;
    color: white;
    text-decoration: none;
}

.footercopyright{

  margin-top: 20px;
    padding: 0px;
    border-top: solid 1px var(--themecolor);
    padding: 20px;
    display: flex;
    align-items: center;
    text-align: center;
}

.footercopyright p , .footercopyright p a {

    color: white;
    text-decoration: none;
}

.resnav{

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


.sticky{

    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    box-shadow: 0 0 2em 0 rgba(42, 166, 255, 0.596);
}


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


.aboutusbanner{

    width: 100%;
    display: block;
    height: 350px;
    background-color: #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.aboutusbanner h2{
    color: var(--themecolor);
    font-size: 36px;
}


.aboutusbanner h4 a{

    color: #000;
    text-decoration: none;
}

.aboutusbanner h4 span{

    color: #2AA7FF;
}

/*servicepage*/

.servicemainbox{

    margin: 0;
    padding: 20px;
    border: solid 1px var(--themecolor);
    border-radius: 10px;
 
  
    position: relative;
   
}


.servicemainboxicon{

    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #e6e6e6;
    top: -30px;
    left: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.servicemainboxicon i{

    color: var(--themecolor);
    font-size: 36px;
}


.servicemainboxtext{

    margin: 20px 0px;
    padding: 0px;
    height: 350px;
    overflow: hidden;
}


.servicemainbox.active .servicemainboxtext{

    height: auto;
    overflow: visible;
}

.boxdown{

    width: 100%;
    height: 40px;
    z-index: 1;
    background: linear-gradient( 180deg, transparent ,  #2AA7FF );
    display: flex;
    justify-content: center;
    align-items: center;
}

.servicemainboxtext h4{

    color: var(--themecolor);
    font-size: 24px;
    margin-top: 50px;
}

.mapbody{

    width: 100%;
    display: block;
}








@media (max-width:991px){

    .resnav{

        display: block;
    }

    .dis_none{

        display: none;
    }

    .headernav{


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

        margin: 0px;
        display: block;
    }

    .headernav ul li{

        display: block;
        padding: 15px;
    }
    .headernav ul li a{

        margin: 0px;
        padding: 0px;
    }

    .headernav.main{

        left: 0;
    }

    .dis_none{

        display: none;
    }

    .qualificationbox{

        padding: 12px 0px;
    }

    .aboutusleft button{

        margin: 0 auto;
        display: table;

    }

    .serviceleft button{

        margin: 0 auto;
        display: table; 
    }
    .mt-40{

        margin-top: 40px !important;
    }

    .contactdetailsright button{

        margin: 0 auto;
        display: table;
    }
}