@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Gloria+Hallelujah&family=Lexend&family=Maitree:wght@600&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Prompt:ital@1&family=Roboto+Mono:wght@400;500&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&family=Saira+Condensed:wght@700&display=swap');

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

.mt-220{

    margin-top: 28px;
}

.whatsapp{
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}

.whatsapp img{
    width: 60px;
    height: 60px;
    cursor: pointer;
}

/*headertop*/

.hedaertopbox{

    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    background-color:#28305f;
}

.headertopleft{
    margin: 0px;
    padding: 0px;
}

.headertopleft ul{

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

.headertopleft ul li{
    margin: 0px;
    padding: 0px 12px;
    list-style: none;
}

.headertopleftaddress{

    display: flex;
    gap: 5px;
}

.headertopleftaddress1{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #007cba;
}

.headertopleftaddress1 i{
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headertoplefttext{
    margin: 0px;
    padding: 0px;
}

.headertoplefttext p a ,.headertoplefttext p {
    font-size: 16px;
    color: white;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    line-height: 50px;
}

.headertoptight{
    margin: 0px;
    padding: 0px;
    
}

.headertoptight ul{
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
    margin-top: 13px;
}

.headertoptight ul li{

    margin: 0px 12px;
    padding: 0px;
    list-style: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #007cba;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headertoptight ul li a i{

    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #007cba;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;

}

.headertoptight ul li a{
    font-size: 16px;
    color: white;
    text-decoration: none;
}

/*navigation*/

.navbox{
    background-color: white;
    padding: 12px;
    display: flex;
    align-items: center;
    transition: all 0.4s ease-in-out;
}

.navboxleft{
    margin: 0px;
    padding: 0px;
}

.navboxleft h2{
    font-size: 24px;
    color: #fd9678;
}

.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;
    position: relative;
}

.navigationbox ul li ul.submenu{
    position: absolute;
    width: 200px;
    margin: 0px;
    padding: 15px;
    display: none;
    background-color: rgb(255, 255, 255);
    top: 140%;
    left: 0;
    transition: all 0.4s ease-in-out;
    border-top: solid 6px #022557;
    border-bottom: solid 6px #022557;
    z-index: 99;
}


.navigationbox ul li:hover  ul.submenu{
    display: block;
}

.navigationbox ul li ul.submenu li{
    margin: 0px;
    padding: 12px 0px;
    list-style: none;
}

.navigationbox ul li ul.submenu li a{
    font-size: 16px;
    margin: 0px;
    padding: 18px 0px;
    color: black;
    text-decoration: none;
    list-style: none;
    transition: all 0.4s ease-in-out;

}

.navigationbox ul li ul.submenu li a:hover{
    color: #022557;
}


.navigationbox ul li a{
    color: black;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px 12px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    padding-bottom: 80px !important;
}

.navigationbox ul li a:hover{
    color: #022557;
}

.navappoinmentbutton{
    margin: 0px;
    padding: 0;
}
.navappoinmentbutton  button{
    background-color: #007cba;
    color: white;
}

.navappoinmentbutton  button:hover{
    background-color: #007cba;
    color: white;
}



/*banner*/

.bannerbox
{
margin: 0px;
padding: 0px;
}
.bannerbox1{
    width: 100%;
    height: 650px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img1/bannerbg.jpg);
    position: relative;
display: flex;
justify-content: center;
align-items: center;

}

.bannerbox1 h2{

    color: #022557;
    font-size: 84px;
}


.bannerboxeyes{

    position: absolute;
    top: 33%;
    left: 42.9%;
    z-index: 1;
    animation: myanimate 8s linear infinite;
}

.bannerboxeyesimg{

    /* width: 100px;
    height: 100px; */
}



@keyframes myanimate{

0%  {

    transform: rotate(0);
}100%{

    transform: rotate(360deg);
}

}

/*qualification*/

.qualificationbox{
    background-color: #28305f;
    padding: 20px;
    border-radius: 12px;
    transition: all  0.4s ease-in-out;
}

.qualificationbox:hover{
    transform: translateY(-12px);
}

.qualificationboxicon{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: table;
}

.qualificationboxicon i{

    color: white;
    font-size: 48px;
}
.qualificationboxicon_1{
    width: 70px;
    height: 70px;
}

.qualificationboxicontext{
    margin: 10px 0px;
    padding: 0px;
}

.qualificationboxicontext h4{
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-family: 'Maitree', serif;
    text-align: center;
    text-transform: capitalize;

}

.qualificationboxicontext p{
    font-size: 13px;
    color: white;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    text-align: center;
}

.qualificationboxicontext p span{
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.qualificationbox1{
    background-color: #007cba;
    padding: 20px;
    border-radius: 12px;
    transition: all  0.4s ease-in-out;

}

.qualificationbox1:hover{
    transform: translateY(-12px);
}

.qualificationbox2{
    background-color: #28305f;
    padding: 20px;
    border-radius: 12px;
    transition: all  0.4s ease-in-out;
    
}

.qualificationbox2:hover{
    transform: translateY(-12px);
}

/*aboutus*/

.mt-80{
    margin-top: 80px !important;
}

.aboutbg
{
    background-color: #fffaf9;
    margin: 0px;
    padding: 0px;
}


.aboutbg_main{

    width: 100%;
    min-height: 550px;
    background-image: url(../img1/row-bgimage-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 60px 20px;
}


.aboutbg_mainbox{

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

.aboutbg_mainbox h2{

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

.aboutbg_mainbox h4{

    color: #007cba;
    font-size: 24px;
    margin: 15px 0px;
}

.aboutbg_mainbox button{
    background-color: #007cba;
    color: white;
}

.aboutbg_mainbox button:hover{
    background-color: #007cba;
    color: white;
}

/*service*/

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

.aboutustightheader1{
    margin: 0px;
    padding: 0px;
}


.aboutustightheader1 h2{
    font-size: 26px;
    color: #007cba;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    display: table;
}

.aboutustightheader1 h2::before{
    position: absolute;
    content: '';
    top: 15px;
    right: -60px;
    background-color: #007cba;
    width: 45px;
    height: 3px;
}

.servicebox{
    padding: 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 #eee;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    transition: 0.3s;
}

.servicebox:hover{
    box-shadow: 3px 3px 0 5px rgb(0, 124, 186 /15%); 
}

.servicebox1{
    background-color: #022557;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    width: 180px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.servicebox1_img{
    width: 80px;
    height: 80px;
}

.servicebox1text{
    margin: 18px 0px;
    padding: 0px;
    text-align: center;
}

.servicebox1text h4{
    color: black;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
}

.servicebox1text p{
    color: black;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;

}

.servicebox1text h6 a{
    color: #1abc9c;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
    font-style: italic;
}

.servicebox1text h6:hover{

    color: #022557;
}

.servicebox2{
    background-color: #007cba;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    width: 180px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.servicebox3{
    background-color: #022557;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    width: 180px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*facilities*/


.faciltiesbox{
    padding: 100px 0;
    margin: 0px;
}

.faciltiesbox1{
    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    height: 350px;
    background-color: #022557;
    border: solid 1px #007cba;
    position: relative;
}

.faciltiesbox2{
    background-color: #022557;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.faciltiesbox2 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
    z-index: 2;
}

.faciltiesbox2:hover img{
    opacity: 0;
}

.faciltiesbox2 h4{
    text-align: center;
    position: relative;
color: white;
font-size: 24px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
padding: 20px;
}

.faciltiesbox2  p{
    font-size: 16px;
    color: white;
    font-family: 'Roboto', sans-serif;
    padding:0 15px;
}

/*contact*/

.contactleft{
    margin: 0px;
    padding: 0px;
}

.contactright{
    margin: 0px;
    padding: 0px;
}

.contactright h2{
    color: black;
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.contactright1{
    margin: 10px 0px;
    padding: 0px;
}

.contactright1 input{
    width: 100%;
    padding: 15px;
    background-color: white;
    color: black;
    margin: 10px 0px;
    font-family: 'Roboto', sans-serif;
    border: solid 1px #022557;
}

.contactright1 input:focus{
    outline: none;
}

.contactright1  textarea{

    width: 100%;
    padding: 15px;
    background-color: white;
    color: black;
    margin: 10px 0px;
    font-family: 'Roboto', sans-serif;
    border: solid 1px #022557;
    height: 150px;

}

.contactright1  textarea:focus{
    outline: none;
}

.contactright1 button{
    background-color: #007cba;
    color: white;
}
.contactright1 button:hover{
background-color: #;
color: white;
}

/*testimonailbox*/

.testbox{
    margin: 0px;
    padding: 0px;
}

.testbox1{
    margin-top: 20px;
    padding: 15px;
    border: solid 1px #022557;
}

.testbox1image{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: solid 1px #022557
}

.testbox1image1{
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.testbox1text{
    margin: 10px;
    padding: 0px;
}

.testbox1text p{
    color: black;
    font-family: 'Roboto', sans-serif;
}

.testbox1text h6{
    color: #007cba;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}



/*protectcheckup*/

.protectcheckupleft{

    margin: 0px;
    padding: 0px;
}

.protectcheckuplefttoptext{

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


.protectcheckuplefttoptext h2{

    color: #007cba;
    margin: 20px 0px;
}

.protectleftdown{

    margin: 0px;
    padding: 0px;
}


.protectleftdownleft{

    width: 100%;
  display: block;
}

.protectleftdownleftimg{

    width: 100%;
    height: 350px;
}

.protectleftdownleftimg1{

    width: 100%;
    height: 400px;
}

.protectleftdownright{

    margin: 0px;
    padding: 0px;
}


.protectleftdownright h4{

    color: #007cba;
}

.protectleftdownright p{

    color: black;
}


.protectcheckupright{

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


.imgheight{

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


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

.footerbox{
    background-color: #1f2732;
    padding: 100px 0px; 
}

.footerleft{
    margin: 0px;
    padding: 0px;
}

.footerleft h2{
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
}

.footerleft p{
    font-size: 16px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.footermiddle{
    margin: 0px;
    padding: 0px;
}

.footermiddle h2{

color: white;
font-size: 26px;
font-family: 'Roboto', sans-serif;
}

.footermiddlenav{
    margin: 12px 0px;
    padding: 0px;
}
.footermiddlenav ul{
margin: 0px;
padding: 0px;
display: block;

}

.footermiddlenav ul li{
    margin: 0px;
    padding: 10px;
    display: block;
    list-style: none;
}

.footermiddlenav ul li a{
    color: white;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.footermiddlenav ul li a:hover{
    color: #fd9678;
    padding-left: 8px;
}

.footerright
{
    margin: 0px;
    padding: 0px;
}

.footerright h2{
    font-size: 26px;
    color: white;
    font-family: 'Roboto', sans-serif;
}

.footerrighticon{
    margin: 20px 0px;
}

.footerrighticon1{
    margin: 8px 0px;
    display: flex;
    gap: 12px;
}

.footerrighticon1 i{
    color: white;
    line-height: 25px;
}

.footerrighticon1 p , .footerrighticon1 p a{
    color: white;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

.footercopyright{
    background-color:#283240 ;
    padding: 20px;
    display: flex;
    align-items: center;
    text-align: center;
 
   
}

.footercopyright p, .footercopyright p a{
    color: white;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    margin: 0 auto;
  

}

.sticky  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    z-index: 99999;
}

.resnav{
    float: right;
    margin: 0px;
    padding: 0px;
    display: none;
    margin-top: -38px;
}

.appointment{

    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    margin-right: 20px;
}

.app_btn{
    display: none;
}


/*aboutuspage*/

.aboutus{
margin: 0px;
padding: 0px;
width: 100%;
height: 450px;
display: block;
background-position: center;
/*background-size: cover;*/
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
background-attachment: fixed;
}

.aboutus h2{
    color: #007cba;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
}

.aboutus h2 a{
    color: #022557;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    font-size: 36px;
}


/*<-----------------------imagegallerybox--------------------------------------------->*/


.imagebox{
    width: 100%;
    display: block;
    height: 450px;
    object-fit: cover;
    border-radius: 6px;
    border: solid 1px #022557;
}


.imagebox1{

    height: 450px;
    object-fit: cover;
    border-radius: 6px;
    border: solid 1px #1abc9c;
}




/*<------------------------blogpost------------------------------>*/

.mt-300{
    margin-top: 200px;
}



.blogbox{

    margin: 0px;
    padding: 0px;
    width: 100%;
    display: block;
    position: relative;
    transition: all 0.4s ease-in-out;
}

.blogboximage{

    width: 100%;
    height: 300px;
    display: block;
    border-radius: 10px;
}

.blogboximage1{
    width: 100%;
    display: block;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}
.blogboximagetextbox{

    width: 80%;
    background-color: white;
    padding: 20px;
    position: absolute;
    bottom: -170px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px #eee;
}

.blogbox:hover .blogboximagetextbox{

 box-shadow:   3px 3px 0 5px rgba(2, 37, 87, 0.264);
}

.blogboximagetextbox1{

    display: flex;
    justify-content: space-between;
}

.blogboximagetextbox1text{
    margin: 0px;
    padding: 0px;
}

.blogboximagetextbox1text p{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;

}

.blogboximagetextbox1text1{
    display: flex;
    gap: 15px;
}

.blogboximagetextbox1text1icon{
    width: 40px;
    height: 40px;
    background-color: white;
    box-shadow: 8px 10px 8px #eee;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blogboximagetextbox1text1icon a i{

    color: black;
}

.blogboximagetextbox1text_1{
    margin: 12px 0px;
    padding: 0;
}

.blogboximagetextbox1text_1 h4{

    font-size: 22px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blogboximagetextbox1text_1 p{

    font-size: 18px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blogboximagetextbox1text_1 h6 a{

    color: #007cba;
    text-decoration: none;
}

.paginationbox{

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

.page-link {

    color: #022557 !important;
}
/*blogdetails*/

.blogdetailslefttop{

    width: 100%;
    height: 350px;
    background-image: url(../img1/post_03.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y:-32px ;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 30px;
}

.blogdetailslefttop h2{

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

.blogdetailslefttoptext{

    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    text-align: center;
}
.blogdetailslefttoptext h2{

    font-size: 32px;
  
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blogdetailslefttoptext h5{

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

.blogdetailslefttop::before{

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


.blogdetailstext1{

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

.blogdetailstext1 p{

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

.blogdetailstext1 i{

    font-size: 36px;
}


.blogdetailstext1 h2{
    color: black;
    font-weight: bold;
}


.blogtag{

    margin: 15px 0px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

.blogtag1{

    display: flex;
    gap: 20px;
}
.blogtag1box{
    background-color: #aeaeae;
    border-radius: 10px;
    padding:5px 10px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blogtag1box p a{

    color: white;
    text-decoration: none;
  
    line-height: 20px;
}

.blogtag1boxsocial{

    display: flex;
    gap: 20px;
}

.blogtag1boxsocial i{

    color: #022557;
    text-decoration: none;
    font-size: 24px;
}

.blogdetailsright{

    margin: 0px;
    padding: 0px;
}
.blogdetailsrighttext{

    margin: 0px;
    padding: 0px;
}
.blogdetailsrighttext h2{

    color: #022557;
}

.blogdetailsrightdown{

    margin: 0px;
    padding: 0px;
}

.blogdetailsrightdownimg{

    width: 100%;
    height: 100px;
}

.blogdetailsrightdownimg1{

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

.blogdetailsrightdowntext{

    width: 100%;
    display: block;
}

.blogdetailsrightdowntext h5{

    color: #022557;

}

.blogdetailsrightdowntext p{

    font-size: 16px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: black;
}

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


.contactleft{
    margin: 0px;
    padding: 80px;
    border-radius: 10px;
    border: dotted 1px #1abc9c;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 600px;
    background-image: url(../img1/contactpic.png);
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contactleft_1{

    margin: 0px;
    padding: 20px;
border: dotted 2px #1abc9c;
border-radius: 10px;
}




.contactlefticon{
    margin: 0px;
    padding: 0px;
    transition: all 0.2s ease-in-out;
}
.contactlefticon1{
    margin: 0px;
    padding: 0px;
}

.contactlefticon1 i{
    color: #1abc9c;
    font-size: 28px;
}

.contactlefticon1textbox
{
margin: 15px 0px;
padding: 10px 30px;
box-shadow: 8px 6px 8px 0px #eee;
background-color: white;
opacity: 0;

}

.contactlefticon1textbox p span{
    color: #1abc9c;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;

}

.contactlefticon1textbox p{
    color: black;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}


.contactlefticon:hover .contactlefticon1textbox{

  opacity: 1;
} 


.contactleft1{
    margin: 0px;
    padding: 0px;
}

.contactleft1location{
    margin: 0 auto;
    display: table;
}

.contactleft1location i{
    color: #007cba;
    font-size: 28px;
}

.contactleft1locationtext{
    margin: 30px 0;
    padding: 0px;
}

.contactnumber{

    margin: opx;
    padding: 20px;
    border-radius: 15px;
    background-color: #007cba;
}

.contactnumber1{

    margin: opx;
    padding: 20px;
    border-radius: 15px;
    background-color: #022557;
}


.contactnumbericon{

  margin: 120px;
  height: 120px;
  margin: 0 auto;
  display: table;
    padding: 0px;
    width: 80px;
    height: 80px;
}


.contactnumbericon i{

    font-size: 36px;
}

.contactnumbericontext{

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

.contactnumbericontext h4{

    color: white;
}

.contactnumbericontext p , .contactnumbericontext p a{

    color: white;
    text-decoration: none;
}

/*<!--------------------Diabetic Retinopathy start-------------------------------------------------------->*/


.DiabeticRetinopathy{

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


.DiabeticRetinopathy p{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
}

.DiabeticRetinopathyvideo{
    margin: 0px;
    padding: 0px;
}

.DiabeticRetinopathytext
{
    margin: 10px 0px;
    padding: 0px;
}

.DiabeticRetinopathytext p{

    color: black;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}


.DiabeticRetinopathytext_video{

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

}

.DiabeticRetinopathytext_1{

    margin: 12px 0px;
    padding: 0px;
}


.DiabeticRetinopathytext_1_video{
margin-top: 10px 0px;
padding: 0px;
}

.DiabeticRetinopathytext_2{

    margin: 0px;
    padding: 0px;
}


.DiabeticRetinopathytext_2 h6{

  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  margin: 10px 0px;
  color: black;

}

.DiabeticRetinopathytext_2 p{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0px;
}


.DiabeticRetinopathytext_2 ul{
    margin: 0px;
    padding: 0px;
    display: block;
}

.DiabeticRetinopathytext_2 ul li{

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

.DiabeticRetinopathytext_2 ul li p{

    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: black;

}


/*glucoma*/

.detailsbutton{

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

.detailsbutton button{

    background-color: #022557;
    padding: 10px 15px;
    color: white;
    outline: none;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    border: none;
    transition: all 0.4s ease-in-out;
    margin: 10px 0px;
}

.detailsbutton button:hover,.detailsbutton button.active {
    background-color: #007cba;
}

.tabcontent{

    margin: 0px;
    padding: 15px;
    width: 100%;
    display: block;
    margin-top: 15px;
    display: none;
}


.tabcontent img{
    margin: 0 auto;
  
    display: table;
}

.tabcontent h6{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
text-transform: capitalize;
margin: 15px 0px;
}

.tabcontent p{
    font-size: 16px;
    color: black;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    margin: 10px 0px;

}

.tabcontent p span{
    color: #007cba;
}


.dis_block{

    display: none !important;
}






@media (max-width:991px){
    .resnav{
        display: block;
    }
    .headertopleft ul{
        display: block;
    }
    .headertoptight ul{
        justify-content: left;
        margin-bottom: 8px;
    }
    .bannerres{
        width:100%;
        margin:0;
        padding:0;
        height:auto;
    }

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

    .navigationbox ul{
        margin: 0px;
        display: block;
    }

    .navigationbox ul li{
        display: block;
        padding: 10px 0px;
    }
    .navigationbox ul li ul.submenu{

        position: relative;
    }
    .navigationbox.main{
        left: 0;
    }
    .dis_none{
        display: none;
    }

    .dis_block{

        display: block !important;
    }

    .app_btn{
        display: block;
      
        margin-top: 16px;
        padding-left: 0px;

    }

    .app_btn  button {
        background-color: #fd9678;
        color: white;
    }
    .app_btn  button:hover{
        background-color: #1abc9c;
        color: white;
    }
    .aboutustight{
        padding: 0px;
    }
    .aboutusleft{
        padding: 50px;
    }
    .aboutusleft::before{
        right: 16px;
    }
    .aboutusleft::after{
        left: 17px;
    }
    .mt-100{
        margin-top: 217px !important;
    }
    .aboutus h2 a{

        font-size: 24px;
    }
    .aboutus h2{
        font-size: 24px;
    }

    
.aboutustightheader h2{
    font-size: 18px;
    color: #1abc9c;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    position: relative;
    display: inline-block;
}
.contactlefticon1textbox{
    margin-left: -17px;
}

.protectcheckupright{

    text-align: center;
}

.imageReveal{

    width: 307px !important;
}

.bannerbox1 h2{

    font-size: 36px;
}

.bannerboxeyes{

    width: 60px;
    height: 60px;
}


.bannerboxeyes{

    position: absolute;
    top: 38%;
    left: 55%;
    z-index: 1;
    animation: myanimate 8s linear infinite;
}

.blogtag{

    flex-direction: column;
}
.mt-40{

    margin-top: 40px !important;
}
  .logo-Size{
      
      width:150px;
      height:50px;
  }
}
@media (max-width:766px){

    .mt_100{
        margin-top: 217px !important;
    }
}

@media only screen and (min-width:360px) and (max-width:420px){
    .logo-width{

width: 160px;
    }

}