@charset "UTF-8";
/*  Base CSS Start */
:root{
  /* Color Variables */
  --main-site-color:#0d4068;
  --Deepblue-color:#0d4068;
  --hskblue-color:#52a6b2;
  --btn-color:var(--Deepblue-color);
  --light-blue:#8fe1f5;
  --light-blue-100:#50a4b0;
  --orange-color:#eeaf06;
  --black-color:#000000;
  --black-rgba:rgba(0, 0, 0,0.8);
  --darkblue:#0e4169;
  --white-color:#ffffff;
  --txt-color:#2b2b2b;
  --light-gray-color:#f1f2f8;


  /* Gradient Colors */
  --gradientbg:linear-gradient( 90deg, rgb(17,69,108) 0%, rgb(81,165,177) 100%);

  /* Shadow */

  --shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);

  /* Font Sizes */
  --h1-lg-size:60px;
  --h1-size:50px;
  --h1-size-sm:40px;
  --h2-size:30px;
  --h3-size:26px;
  --h4-size:22px;
  --h5-size:20px;
  --h6-size:18px;
  --p-size:16px;  

  /* Font Families */
  --heading-fonts: "Playfair Display", serif;
  --body-fonts: "Roboto", sans-serif;
  --poppins-fonts: "Poppins", sans-serif;
  --opensans-fonts: "Open Sans", sans-serif;

}



*{margin:0;padding:0;box-sizing: border-box;}
html{-webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;scroll-behavior: smooth;}
body::-webkit-scrollbar {width:10px;background:rgba(255,255,255,0);}
body::-webkit-scrollbar-track {background-color:rgba(255,255,255,0);}
body::-webkit-scrollbar-thumb {background:var(--main-site-color);width:2px;border-radius:2px;}

/* Body and Heading Fonts */
body{color:var(--txt-color);background:var(--white-color);font-style:normal;font-weight: 400; font-size:16px;overflow-x:hidden;font-family: var(--body-fonts);}
h1,h2,h3,h4,h5,h6,button,.btn,li,a{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--black-color);line-height:1.2;padding: 0px 0px 10px 0px;margin:0;font-family: var(--heading-fonts);}
p{color:var(--txt-color);font-size:16px;line-height:26px;font-weight:400;font-family: var(--body-fonts);}
a{text-decoration:none;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a:hover, a:focus,a:active{outline:none;text-decoration:none;}
ul, li{list-style:none;padding:0; margin:0;}
.clearfix:after{content: " ";display: block;clear: both;height: 0;visibility: hidden;}
.img-res{max-width: 100%;height: auto;}

.graybg{background-color: var(--light-gray-color);}

.button{position: relative;min-width:195px;min-height:40px;border:0;border-radius:5px;background-color: var(--main-site-color);color:var(--white-color);display: inline-flex;align-items: center;justify-content: center;padding: 8px 20px; font-weight:500;font-size:12px;}
.button:hover{background-color: var(--white-color);color: var(--main-site-color);}
.mobile{display:none;}
.desktop{display:block;}



.section h1{font-size:var(--h1-size);}
.section h2{font-size:var(--h2-size);}
.section h3{font-size:var(--h3-size);}
.section h4{font-size:var(--h4-size);}
.section h5{font-size:var(--h5-size);}

.section{padding:60px 0;position: relative;}

.heading{position: relative;margin-bottom:50px;text-align: center;}
.heading h2{color: var(--black-color);margin-bottom: 20px;font-size: var(--h2-size);display: inline-block;position: relative;}
.heading p{color: var(--txt-color);font-size: 16px;line-height:30px;font-family: var(--heading-fonts);text-align: left;}

.menu-overlay{position:fixed;width: 100%;height: 100%;left:0;top:0;background-color:rgb(0, 0, 0, 0.6);z-index: 999;opacity: 0;visibility:hidden;display:none;}
.menu-open .menu-overlay{display: block;visibility:visible;opacity: 1;}

.headerwrap{min-height:190px;display: flex;align-items: center;width: 100%;background-image:var(--gradientbg);}
.menu-navbar{width: 100%;display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 99;}
.svg-logo{height:60px;}
.phone-numbers{display: flex;flex-direction: column;justify-content:space-between;align-items:flex-start;gap:10px;}
.phone-btn{font-size: 15px;color:var(--white-color);display: flex;gap: 8px;margin-bottom: 10px;}
.phone-btn:last-of-type{margin-bottom: 0;}
.phone-btn > img{width: 20px;height: 20px;}
.phone-btn > span > small{font-size: 15px;}

.btn-group{display: flex;flex-direction: column;justify-content:space-between;align-items:flex-start;gap: 10px;}
.top-btnsec{display: flex;gap: 15px;position: relative;}
.lightblue{background-color: var(--light-blue);color:var(--main-site-color);}
.menu-toggle{width: 44px;height: 100%;display: flex;gap:5px;border-radius: 5px;border:1px solid var(--white-color);min-height: 136px;flex-direction: column;align-items: center;justify-content:space-between;cursor: pointer;}
.menu-txt{width:100%;height:calc(100% - 40px);font-size:14px;font-weight: 700;color:var(--white-color);white-space: nowrap;transform: rotate(-90deg);position: relative;bottom:18px;display: inline-flex;}
.toggle-btn{position:relative;width:30px;height:30px;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;cursor:pointer;margin:10px 0 0;}
.toggle-btn span{display:block;position:absolute;height:3px;width:100%;background:var(--white-color);border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
.toggle-btn span:nth-child(1){top:0px;}
.toggle-btn span:nth-child(2){top:10px;}
.toggle-btn span:nth-child(3){top:20px;}
.closemenu{width: 30px;height:30px;display:inline-flex;justify-content: center;align-items: center;font-size:30px;color:var(--white-color);background-color: transparent;border:0;position: absolute;right: 15px;top:15px;cursor: pointer;}
.main-menu{position:fixed;top:0;right:-400px;width:100%;height:100%;background-color:var(--main-site-color);z-index: 9999;flex-direction: column;align-items: center;justify-content: center;max-width:400px;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.main-menu.main-menu-open{transform:translateX(0);right:0;}
.main-menu .navbar-nav{display: block;width: 100%;margin-top: 60px;direction: ltr;}
.main-menu .navbar-nav li{padding: 0;margin: 0;border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;}
.main-menu .navbar-nav li a {font-size: 16px;color:var(--white-color);font-weight: 500;padding: 12px 45px 12px 35px;display: block;text-transform: uppercase;text-align: left;}
.main-menu .navbar-nav li:hover>a {background-color:var(--light-blue);}
.dropdown-toggle {position: absolute;right: 0;top: 0;width: 50px;height: 50px;padding: 0;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-bottom: 0;border-top: 0.4em solid #fff;border-right: 0.4em solid transparent;border-left: 0.4em solid transparent;}
.main-menu .navbar-nav .dropdown-menu {background-color: transparent;border-radius: 0;border: 0;padding: 0 30px;text-align: right;margin-bottom: 15px;margin-top: 15px;position: static;}
.dropdown-menu.show {display: block;}



.bannerwrap{position: relative;padding:0;max-height: 500px;overflow: hidden;}
.bannerwrap img{width: 100%;height:auto;}
.banner-content{position: absolute;width:100%;height:100%;top:0;left:0;display: flex;align-items: center;justify-content: center;}
.banner-content .banner-title{font-size: var(--h1-lg-size);color:var(--white-color);text-align: left;line-height: 1.2;margin-bottom:30px;font-family: var(--heading-fonts);font-weight: 700;}
.banner-content p{font-size: 18px;color:var(--white-color);text-align: left;line-height: 1.5;margin-bottom:30px;}
.banner-content hr{width: 68px;height:4px;background-color:var(--light-blue);border:0;padding:0;margin:0 0 30px;}

.ba-titlesec{background-image: var(--gradientbg);position: relative;padding:35px 0 70px;}
.ba-titlesec h1{font-size: var(--h1-size);color:var(--white-color);text-align: center;line-height: 1.2;font-family: var(--heading-fonts);font-weight: 700;padding-bottom: 0;}
.ba-titlesec p{font-size: 18px;color:var(--white-color);text-align: left;line-height: 1.5;}
.ba-titlesec p a{color:#00d7e8;}
.btn-pos{position: absolute;bottom:-15px;left:25%;transform: translateX(-25%);display:inline-flex;align-items: center;justify-content: center;padding-bottom: 30px;}
.ba-titlesec .button{min-width:390px;height:70px;font-size: 20px;font-weight: 700;padding: 10px 30px;background-color:var(--hskblue-color);color:var(--white-color);}
.ba-titlesec .button img{width:20px;height: 20px;margin-left: 10px;}

.doctor-img figure{max-width:100%;max-height:355px;border-radius:0 0 60px 0;overflow: hidden;margin:0 auto 0 0; aspect-ratio:4/4;margin-right:20px;}
.doctor-img img{width: 100%;height:100%;object-fit: cover;}
.doctor-sliders .slick-slide{margin:0 15px;}
.doctor-sliders legend{font-size: 16px;color:#000000;}
.slick-arrow{width:30px;height:30px;}
.slick-arrow:before{content:'';}
.slick-arrow.slick-prev{left:-40px;background-image: url(../images/slider-left-arrow.svg);}
.slick-arrow.slick-next{right:-40px;background-image: url(../images/slider-right-arrow.svg);}


.cataract-sec{position: relative;background-size:cover;max-height: 500px;}
.cataract-sec h2{font-size: var(--h1-size);color:var(--black-color);text-align: left;line-height: 1.2;font-family: var(--heading-fonts);font-weight: 700;padding-bottom: 0;margin-bottom: 20px;}
.cataract-sec p{font-size: 18px;color:var(--txt-color);text-align: left;line-height: 1.5;margin-bottom:30px;}
.cataract-sec hr{width: 68px;height:4px;background-color:#50a4b0;border:0;padding:0;margin:0 0 30px;box-shadow: none;}
.cataract-sec .button{min-width:390px;height:60px;font-size: 16px;font-weight: 700;padding: 8px 20px;color:var(--white-color);}
.cataract-sec .button img{width:20px;height: 20px;margin-left:20px;}



.eye-care-video-sec{position: relative;background-color:#52a6b2;padding:120px 0;}
.eye-care-video-sec .container{position: relative;z-index: 1;}
.eye-care-video-sec::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../images/CEC-Background-Pattern.svg);opacity:0.3;}

.video-card {position: sticky;top: 80px;height: 450px;margin-bottom: 40px;border-radius:0 0 60px 0;background:var(--white-color);box-shadow:var(--shadow);padding:40px}
.video-card:nth-child(1) { top: 80px; }
.video-card:nth-child(2) { top: 100px; }
.video-card:nth-child(3) { top: 120px; }
.video-row{height: 100%;}
.videos{display: flex;height: 100%;width:100%;;position: relative;background-size: cover;}

.video-col{display: flex;align-items: center;}

.video-content h3{font-size: var(--h3-size);color:var(--main-site-color);padding-bottom: 5px;}
.video-content small{color:#5db7be;font-size: 16px;display: block;margin-bottom:40px;}
.video-content p{color:#2b2b2b;font-size:16px;}

.reverse-card .video-row .video-col:first-of-type{order:6;}


.service-sec{background-color:var(--light-gray-color);}
.service-sec .service-col:first-of-type{padding-right:30px;border-right: 1px solid rgb(89, 89, 89, 0.3);}
.service-sec .service-col:last-of-type{padding-left:30px;}
.service-card {border: 0.5px solid #00244a;border-radius:3px;position: relative;background-color: rgb(255, 255, 255);padding:30px;z-index: 1;margin:0 0 30px;display: flex;align-items: center;gap: 20px;}
.service-sec .service-col .service-card:last-of-type{margin-bottom: 0;}
.service-card .service-img{background-image: -moz-linear-gradient( 128deg, rgb(93,183,190) 0%, rgb(0,44,90) 100%);background-image: -webkit-linear-gradient( 128deg, rgb(93,183,190) 0%, rgb(0,44,90) 100%);background-image: -ms-linear-gradient( 128deg, rgb(93,183,190) 0%, rgb(0,44,90) 100%); width: 75px;height: 75px;display:flex;justify-content: center;align-items: center;margin:0 15px 0 0;}
.service-card .service-img img{width: 40px;height: 40px;}
.service-card .service-content{width:calc(100% - 90px);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.service-card .service-content h4{font-size: var(--h4-size);color:var(--main-site-color);margin-bottom: 10px;padding:0;}
.service-card .service-content p{color:#2b2b2b;font-size:16px;line-height: 26px;margin-bottom:0;} 

.service-img-card{display: flex;gap: 20px;flex-wrap: wrap;position: relative;}
.img-services{width:calc(100% / 2 - 20px);height:245px; overflow: hidden;position: relative;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(123,123,123,0.3) 25%, rgba(128,128,128,0.29) 26%, rgba(255,255,255,0.1) 63%, rgb(255,255,255) 81%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(123,123,123,0.3) 25%, rgba(128,128,128,0.29) 26%, rgba(255,255,255,0.1) 63%, rgb(255,255,255) 81%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(123,123,123,0.3) 25%, rgba(128,128,128,0.29) 26%, rgba(255,255,255,0.1) 63%, rgb(255,255,255) 81%);}
.img-services > img{width:100%;height: 100%;object-fit:cover;}
.img-services > .img-caps{width:100%;height:100%;position: absolute;right:0px;bottom:0px;display: flex;justify-content: flex-end;align-items:flex-end;padding-right:10px;padding-bottom: 10px;color:#fff; background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(123,123,123,0.3) 25%, rgba(128,128,128,0.29) 26%, rgba(255,255,255,0.1) 63%, rgb(255,255,255) 81%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0.3) 26%, rgba(255,255,255,0) 63%, rgb(255,255,255,0) 81%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.6) 0%, rgba(123,123,123,0.3) 25%, rgba(0,0,0,0.3) 26%, rgba(255,255,255,0) 63%, rgb(255,255,255,0) 81%);}
.img-services > .img-caps > span{display: flex;align-items: center;}
.img-services > .img-caps > span > img{width: 20px;height: 20px;margin-left:10px;}


.hospital-loc-sec{padding-bottom: 200px;}
.hospital-loc-sec .h-loc-col:first-of-type{padding-right:50px;}
.hospital-loc-sec .h-loc-col > h3{font-family: var(--poppins-fonts);}
.h-loc-img-inner{position: relative;display: flex;width: 100%;height: 100%;aspect-ratio:1/1;max-height: 600px;}
.h-loc-col .h-loc-img{width:100%;height:100%;border-radius: 0 0 90px 0;overflow: hidden;transition: all 0.3s ease-in-out;position: relative;}
.h-loc-col .h-loc-img.active{display: flex;}
.h-loc-col .h-loc-img img{width:100%;height: 100%;object-fit: cover;}
.h-loc-col .h-loc-img span{position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0);z-index: 1;transition: all 0.3s ease-in-out;display: flex;align-items: flex-end;justify-content:flex-end;color:#fff;font-size: 16px;padding:0 60px 30px 0;font-family: var(--poppins-fonts);text-transform: uppercase;font-weight: 700;}
.h-loc-col .h-loc-img {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.h-loc-col .h-loc-img.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.h-loc-col:first-child {
    position: relative;
}

.h-loc-img img {
    width: 100%;
    display: block;
}


.h-loc-col{position: relative;}
.h-loc-col h2{color: var(--black-color);font-size: var(--h2-size);margin-bottom:10px;padding-bottom:0px;}


.loc-accordion{position: relative; margin-bottom: 30px;}
.accorion-item{border-bottom: 1px solid #5db7be;position: relative;}
.accordion-header{cursor: pointer;display: flex;align-items: center;justify-content: space-between;position: relative;border:0;margin:0;padding:0;}
.accordion-header .accordion-button{color: var(--black-color);font-size: 18px;font-weight: 700;margin-bottom:0px;border:0;background-color: transparent;box-shadow: none;padding:20px 0;}

.accorion-item:last-child{border:0;}
.accordion-body{padding:0 0 40px;}
.accordion-body p{font-size: 16px;color:var(--black-color);margin-bottom: 0;}
.accordion-body p a{color: var(--black-color);}
.accordion-body p a:hover{color: var(--light-blue-100);}
.accordion-button::after{background-image: url(../images/accordion-plus.svg);}
.accordion-button:not(.collapsed)::after{background-image: url(../images/accordion-minus.svg);}
.h-loc-col .btndiv{text-align: center;}
.h-loc-col .btndiv .button{width: 100%;height:60px;font-size: 16px;background-color:var(--hskblue-color);color:var(--white-color);}
.h-loc-col .btndiv .button img{padding-left: 30px;}

.blockquote{position: absolute; background-color: rgb(255, 255, 255);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);max-width:calc(70% - 100px);left:0;right:0;margin:auto;top:-120px;padding:80px 50px;text-align: center;}
.blockquote p{font-size: 28px;font-family: var(--heading-fonts);color:#0d3f68;line-height: 1.5;}
.blockquote span{font-size:16px;color: var(--black-rgba);font-weight: 500;}

.footerwrap{background-image: var(--gradientbg);padding:300px 0 0px;position: relative;}
.ft-address{text-align: center;}
.ft-address h4{font-family: var(--poppins-fonts);font-size: var(--h6-size);padding:0;margin:0 0 15px;color:var(--white-color);font-weight: 500;}
.ft-address p{font-size: 16px;color:var(--white-color);padding:0;margin:0;text-align: center;}
.ft-address p a{color: var(--white-color);}


.btmfooter{background-color:var(--main-site-color);padding:15px 0;margin-top: 50px;display: flex;min-height: 55px;;}
.btmfooter p{font-size: 14px;color:var(--white-color);margin: 0;padding:0;}
.btmfooter p a{color:#fff}



.inner-default{padding-bottom:280px;}


.inner-banner-sec{background-color:var(--main-site-color);padding:30px 0;}
.inner-banner-sec h1{color: var(--white-color);}

.list-style ul{padding-left:50px;margin-bottom: 40px;}
.list-style ul li{font-size: 16px;line-height: 24px;color: var(--txt-color);position: relative;margin-bottom:5px;}
.list-style ul li:before{content:'';width:6px;height:6px;position: absolute;left:-20px;top:10px;background-color: var(--main-site-color);}




.breadcrumbsec{min-height:60px;background-color: var(--light-gray-color);display: flex;align-items: center;position:relative;padding:20px 0;}
.breadcrumb{margin:0;}
.breadcrumb li,
.breadcrumb span,
.breadcrumb span a,
.breadcrumb li a{color:var(--black-color);font-size: 14px;font-weight: 400;text-transform: capitalize;}

.breadcrumb li,
.breadcrumb li.active,
.breadcrumb span.current-item{color:#246080;}

.breadcrumb-item+.breadcrumb-item::before {content: "  ";display: inline-block;width: 0;height: 0;border-top: 1px solid var(--black-color);border-right: 1px solid var(--black-color);transform: rotate(45deg);margin-right: 12px;padding: 3px;margin-top: 8px;}


.alignnone{display: block;width: 100%;height:auto;float:none;}
.alignleft{display:block;width:50%;height:auto;float:left;margin-bottom:15px;margin-right:15px;}
.alignright{display:block;width:50%;height:auto;float:right;margin-bottom:15px;margin-left:15px;}
.alignleft:after,
.alignright:after{content: '';clear:both;width: 0;height: 0;display: table;visibility: hidden;}







.sidebar h3{padding-bottom:10px;margin-bottom: 20px;border-bottom: 1px solid #7f7f7f;}
.sidebar ul li a{font-size: 14px;color: var(--black-color);font-family: var(--heading-fonts);}
.sidebar ul li:before{transition: 0.5s;transition-delay: 0s;}
.sidebar ul li:hover:before{transition-delay: 0.5s;transform: rotate(45deg) scale(1.5);}
.sidebar ul li:hover a{color: var(--main-site-color);}
.sidebar .btndiv{display: flex;}
.sidebar .btndiv .btn{border:1px solid var(--main-site-color);width:100%;min-height:55px;color:var(--white-color);background:var(--main-site-color);}
.sidebar .btndiv .btn:hover{border-color: var(--black-color);}




.searchbox{position: relative;}
.searchbox form{display: flex;align-items: center;}
.searchbox input{width:calc(100% - 115px);height: 40px;padding:0 15px;border:1px solid var(--main-site-color);border-radius: 0;background-color: var(--white-color);color: var(--txt-color);margin-right: 15px;}
.searchbox input::placeholder{color: var(--txt-color);font-size: 14px;}
.searchbox button{width:100px;height: 40px;border:0;border-radius: 0;background-color: var(--main-site-color);color: var(--white-color);display: flex;align-items: center;justify-content: center;}
.searchbox button:hover{background-color: var(--main-site-color);color: var(--white-color);}


.paginations{background-color:var(--light-gray-color);padding:30px 0;}
.paginations .paginationbtn {display:block;padding: 10px;}
.paginations .paginationbtn:after{content: '';clear: both;width: 0;height: 0;display: table;visibility: hidden;opacity: 0;}
.paginations .paginationbtn a{font-size: 18px;color: var(--main-site-color);display: inline-block;}
.paginations .paginationbtn a.next_page {float: right;}


.blog-page{padding-bottom:100px;}
.blog-row{background-color: var(--white-color);border:1px solid #ddd;position: relative;transition: all 0.3s ease-in-out;margin-bottom:30px;}
.blog-img{width:100%;height:300px;overflow: hidden;transition: all 0.3s ease-in-out;}
.blog-img img{width:100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;}
.blog-content{position: relative;padding:20px 30px 20px 20px;}
.blog-content small{color: var(--txt-color);font-size: 14px;line-height: 24px;font-family: var(--body-fonts);text-align: left;margin-bottom:10px;display:block;}
.blog-content h3 a{color: var(--black-color);font-size:var(--h3-size);font-weight: 700;margin-bottom:10px;}
.blog-content p{color: var(--txt-color);font-size: 14px;line-height: 24px;font-family: var(--heading-fonts);text-align: left;margin-bottom:0px;display:block;}  
.blog-content .btnwrap{margin-top:20px;display: flex;align-items: center;justify-content: flex-start;}
.blog-content .btnwrap .button{background-color: transparent;padding:0;border:0;color:var(--main-site-color);min-width:inherit;min-height: inherit;font-weight: bold;padding-left:15px;}
.blog-row:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.2);background-color: var(--light-gray-color);}
.blog-row:hover .blog-img img{transform: scale(1.1);}

.innerpagefooter{padding-top: 60px;}

/* =========================================================
   Custom Buttons
   ========================================================= */

/* Primary (Dark) Button */
.button-dark{
    display:inline-block;
    background:var(--main-site-color);
    color:var(--white-color);
    border:2px solid var(--main-site-color);
    border-radius:4px;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:all .3s ease;
}

.button-dark:hover,
.button-dark:focus{
    background:var(--hskblue-color);
    border-color:var(--hskblue-color);
    color:var(--white-color);
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.15);	
}

/* Secondary (Light) Button */
.button-light{
    display:inline-block;
    background:var(--hskblue-color);
    color:var(--white-color);
    border:2px solid var(--hskblue-color);
    border-radius:4px;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:all .3s ease;
}

.button-light:hover,
.button-light:focus{
    background:var(--main-site-color);
    border-color:var(--main-site-color);
    color:var(--white-color);
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.15);	
}

/* Full Width (Dark) Button */
.button-full{
    display:block;
    width:100%;
    background:var(--main-site-color);
    color:var(--white-color);
    border:2px solid var(--main-site-color);
    border-radius:4px;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    text-align:center;
    transition:all .3s ease;
    box-sizing:border-box;
    transform:translateY(0);
}

.button-full:hover,
.button-full:focus{
    background:var(--hskblue-color);
    border-color:var(--hskblue-color);
    color:var(--white-color);
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.15);
}



/* =========================================================
   Gradient Callout Box
   ========================================================= */

.callout{
    background:var(--gradientbg);
    color:var(--white-color);
    border:1px solid rgba(255,255,255,.15);
    border-radius:8px;
    padding:40px 45px;
    margin:40px 0;
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}

.callout h2,
.callout h3,
.callout h4,
.callout h5,
.callout h6{
    color:var(--white-color);
    margin-bottom:15px;
}

.callout p{
    color:rgba(255,255,255,.95);
    margin-bottom:18px;
}

.callout a{
    color:var(--white-color);
    text-decoration:underline;
    transition:opacity .3s ease;
}

.callout a:hover{
    opacity:.8;
}

.callout ul,
.callout ol{
    margin:20px 0;
    padding-left:28px;
}

.callout ul{
    list-style:disc;
}

.callout ol{
    list-style:decimal;
}

.callout li{
    color:rgba(255,255,255,.95);
    margin-bottom:10px;
}

.callout li::marker{
    color:var(--white-color);
}

.callout strong{
    color:var(--white-color);
}

.callout hr{
    border:0;
    border-top:1px solid rgba(255,255,255,.25);
    margin:25px 0;
}

/* =========================================================
   Gray Callout Box
   ========================================================= */

.gray-callout{
    background:#f5f7f9;
    border:1px solid #dde3e8;
    border-radius:8px;
    padding:40px 45px;
    margin:40px 0;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.gray-callout h2,
.gray-callout h3,
.gray-callout h4,
.gray-callout h5,
.gray-callout h6{
    margin-bottom:15px;
}

.gray-callout p{
    margin-bottom:18px;
}

.gray-callout a{
    transition:opacity .3s ease;
}

.gray-callout a:hover{
    opacity:.8;
}

.gray-callout ul,
.gray-callout ol{
    margin:20px 0;
    padding-left:28px;
}

.gray-callout ul{
    list-style:disc;
}

.gray-callout ol{
    list-style:decimal;
}

.gray-callout li{
    margin-bottom:10px;
}

.gray-callout hr{
    border:0;
    border-top:1px solid #dde3e8;
    margin:25px 0;
}

/* =========================================================
   Footer Locations
   ========================================================= */

.footer-locations{
    max-width:1100px;
    margin:0 auto;
}

.footer-locations .row{
    justify-content:center;
}

.footer-locations .ft-address{
    position:relative;
    text-align:center;
    padding-left:35px;
    padding-right:35px;
}

.footer-locations .ft-address::before{
    content:"";
    display:block;
    width:70px;
    height:3px;
    margin:0 auto 25px;
    background:rgba(255,255,255,.35);
    border-radius:3px;
}

/* =========================================================
   Homepage Visu-Med Video Players
   ========================================================= */

.eye-care-video-sec .videos{
    position:relative;
    display:block;
    width:100%;
    min-height:370px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
}

.eye-care-video-sec .player-frame-wrapper{
    position:relative;
    display:block;
    width:100% !important;
    min-width:100% !important;
    height:370px;
    z-index:2;
}

.eye-care-video-sec .player-frame-wrapper iframe,
.eye-care-video-sec iframe.player-frame{
    display:block;
    width:100% !important;
    height:100% !important;
    border:0;
}

/* =========================================================
   Homepage Videos – Mobile Aspect Ratio Fix
   ========================================================= */

@media (max-width:767px){

    .eye-care-video-sec .videos{
        width:100%;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16 / 9;
        position:relative;
        overflow:hidden;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
    }

    .eye-care-video-sec .player-frame-wrapper{
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16 / 9;
        position:relative;
        display:block;
    }

    .eye-care-video-sec iframe.player-frame{
        position:absolute;
        top:0;
        left:0;
        width:100%!important;
        height:100%!important;
        display:block;
        border:0;
    }

}

/* =========================================================
   Gravity Forms – Cokingtin Eye Center
   ========================================================= */

/* Form-wide Gravity Forms framework variables */
.gform-theme--framework{
    --gf-ctrl-border-color:#d6dce2;
    --gf-ctrl-border-radius:6px;
    --gf-ctrl-border-width:1px;
    --gf-ctrl-bg-color:#ffffff;
    --gf-ctrl-color:var(--txt-color);
    --gf-ctrl-focus-border-color:var(--main-site-color);
    --gf-ctrl-focus-shadow:0 0 0 3px rgba(13,64,104,.12);

    /* Tighten vertical spacing between fields */
    --gf-form-gap-y:14px;
    --gf-field-gap-y:6px;
}

/* Inputs, select fields and textareas */
.gform-theme--framework input[type="text"],
.gform-theme--framework input[type="email"],
.gform-theme--framework input[type="tel"],
.gform-theme--framework input[type="url"],
.gform-theme--framework input[type="number"],
.gform-theme--framework input[type="password"],
.gform-theme--framework input[type="search"],
.gform-theme--framework input[type="date"],
.gform-theme--framework select,
.gform-theme--framework textarea{
    border:1px solid #d6dce2!important;
    border-radius:6px!important;
    background:#ffffff!important;
    box-shadow:none!important;
}

/* Focus state */
.gform-theme--framework input[type="text"]:focus,
.gform-theme--framework input[type="email"]:focus,
.gform-theme--framework input[type="tel"]:focus,
.gform-theme--framework input[type="url"]:focus,
.gform-theme--framework input[type="number"]:focus,
.gform-theme--framework input[type="password"]:focus,
.gform-theme--framework input[type="search"]:focus,
.gform-theme--framework input[type="date"]:focus,
.gform-theme--framework select:focus,
.gform-theme--framework textarea:focus{
    border-color:var(--main-site-color)!important;
    box-shadow:0 0 0 3px rgba(13,64,104,.12)!important;
    outline:none!important;
}

/* Tighten spacing between individual fields */
.gform-theme--framework .gform_fields{
    row-gap:14px!important;
}

/* Tighten label spacing */
.gform-theme--framework .gfield_label{
    margin-bottom:5px!important;
}

/* Textarea height */
.gform-theme--framework textarea{
    min-height:150px;
}

/* Submit button */
.gform-theme--framework .gform_footer input[type="submit"],
.gform-theme--framework .gform_footer .gform_button,
.gform-theme--framework button[type="submit"]{
    background:var(--main-site-color)!important;
    color:var(--white-color)!important;
    border:2px solid var(--main-site-color)!important;
    border-radius:6px!important;
    padding:14px 30px!important;
    font-family:var(--body-fonts);
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.2!important;
    box-shadow:none!important;
    cursor:pointer;
    transition:all .25s ease;
}

/* Submit button hover */
.gform-theme--framework .gform_footer input[type="submit"]:hover,
.gform-theme--framework .gform_footer .gform_button:hover,
.gform-theme--framework button[type="submit"]:hover{
    background:var(--hskblue-color)!important;
    border-color:var(--hskblue-color)!important;
    color:var(--white-color)!important;
}

/* Reduce space above the submit button */
.gform-theme--framework .gform_footer{
    margin-top:16px!important;
    padding-top:0!important;
}

/* =========================================================
   Mobile Header Spacing
   ========================================================= */

@media (max-width:767px){

    /* Keep the location row in its current position */
    .headerwrap .phone-numbers{
        margin-bottom:0;
    }

    /* Move both the logo and hamburger down together */
    .headerwrap .svg-logo,
    .headerwrap .menu-toggle{
        margin-top:20px;
    }

}

/* =========================================================
   Homepage Banner Text Shadow
   ========================================================= */

.banner-content .banner-title{
    text-shadow:0 3px 12px rgba(0,0,0,.45);
}

.banner-content p{
    text-shadow:0 2px 7px rgba(0,0,0,.35);
}

/* =========================================================
   Doctor Table of Contents
   ========================================================= */

.gray-callout .doctor-toc{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow:row;
    gap:12px 18px;
    width:100%;
    margin-top:25px;
}

/* WordPress may automatically insert these between links */
.gray-callout .doctor-toc > br{
    display:none !important;
}

.gray-callout .doctor-toc a{
    display:block !important;
    grid-column:auto !important;
    width:100%;
    min-width:0;
    padding:12px 16px;
    background:#fff;
    border:1px solid #dde3e8;
    border-radius:6px;
    color:var(--primary-color);
    font-weight:600;
    text-decoration:none;
    transition:.25s ease;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    box-sizing:border-box;
}

.gray-callout .doctor-toc a:hover{
    background:var(--gradientbg);
    color:#fff;
    border-color:transparent;
    transform:translateY(-2px);
}



@media(max-width:767px){
    .gray-callout .doctor-toc{
        grid-template-columns:1fr !important;
    }


}

h3[id]{
    scroll-margin-top:120px;
}