/* -- New Design Update css--*/

body, p, a, ul, li {
  font-family: 'Poppins', sans-serif; font-weight: 300;
}
.row {
    max-width: 1300px;
 }
h1, h2, h3, h4, h5, h6{
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}
h2 {
    font-size: 40px;
    line-height: 48px;
    color: #236092;
}
h3 {color: #236092;}
ul, li, p, ol {
    font-weight: 300;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    line-height: 27px;
    color: #3b3b3b;
}
.text-center{text-align: center;}

/*---- Hide Placeholder Text ----- */

input:not([type="date"])::placeholder,
textarea::placeholder {
  color: transparent;
}

/*---- button ----*/
.button {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #326189;
    display: inline-block;
    text-align: center;
    padding: .4rem 2.4rem;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
}
 
#loginform .ginput_container_radio label:hover, .gform_wrapper .ginput_container_radio label:hover, .navigation .wp-paginate li a:hover, .navigation .wp-paginate li span.page:hover, .pagination__next a:hover, .pagination__prev a:hover {
    background: rgb(255 255 255 / .18);
}
.button:before {
    content: "";
    z-index: 2;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.button:after {
    content: "";
    position: absolute;
    transition: all .2s ease-in-out;
    border: 1px solid #fff;
    z-index: 0;
    top: -6px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% + 12px);
    display: block;
}

.banner .button:after {
    border: #fff solid 1px !important;
}
.banner .button:hover:after{
    border: #fff solid 3px !important;
}

.banner .navigation .wp-paginate li a, .banner .pagination__next a, .banner .pagination__prev a, .banner a.button, .navigation .wp-paginate li .banner a, .pagination__next .banner a, .pagination__prev .banner a {
    margin: 0;
    border: 0;
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 1rem 2.5rem;
    margin-left: 35px;
    background: rgb(255 255 255 / .18);
    border-radius: 0;
}
.banner .navigation .wp-paginate li a:hover, .banner .pagination__next a:hover, .banner .pagination__prev a:hover, .banner a.button:hover, .navigation .wp-paginate li .banner a:hover, .pagination__next .banner a:hover, .pagination__prev .banner a:hover {
    background: rgb(255 255 255 / .18);
    color: #fff;
    text-decoration: none;
}
.button:hover::after {
    border: 3px solid #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out;
}

/*
.banner .button {
    margin-left: 35px;
    padding: 1rem 2.5rem;
	background: rgb(255 255 255 / .18);
}*/
/*---- End button ----*/

.home .page-header>.row {
    flex: 0;
    margin: 0;
}
.home .procedure_header, .bc {
    display: none;
}


header.header .primary_nav {
    justify-content: flex-end !important;
}

.header {
    background: #fff !important;
    color: #1779ba;
}
header.header::after {
	content: none;
}
.sticky-nav.stuck .banner, .sticky-nav.stuck .blog-title-section {
    display: none;
}
.sticky-nav header .columns.shrink .logo {
    display: none;
}
.sticky-nav header.header .logo{margin-bottom: 0}
.home .sticky-nav .header .columns.shrink {
    display: none;
}
.banner {
    background: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    max-width: 1300px;
    padding: 53px 32px;
    margin: 0 auto;
}
.home .banner {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.header + .containerfull {
    background: linear-gradient(90deg,#23445f 0,#316088 45.92%,#193145 100%);
}
.home .header + .containerfull {background: none;}
.banner span{text-decoration: none !important;}
.banner > div {
    display: flex;
    margin: 0;
}
/*
.banner a.button, .banner a.button:hover {
    box-shadow: none;
    background: #1779ba;
    color: #fff;
    padding: 5px 20px 8px;
    border: 0;
}
*/
.banner .column {
    padding: 5px 0 5px;
    flex: none;
}
.home .banner, .page-template-page-home .banner{background: none;}
.page-header {
    display: none;
}

.home .page-header {
    display: flex;
}
.home .video-bg:after {
    background: rgb(0 0 0 / .15);
}
.page-template-page-home .page-header>.row {
    flex: none;
    width: 100%;
    padding: 60px 40px;
}
header.header {
    padding: 10px 0;
}
header.header .physician_nav .nav li a, header.header .primary_nav .nav li a {
	font-weight: 500;
    color: #1779ba;
	letter-spacing: 0;
}
header.header .primary_nav .nav li a{
	font-size: 18px;
    padding: 8px 16px !important;
}
.nav li.menu-item-has-children:after{content: none;}
header.header .primary_nav {
    justify-content: center;
}
header.header .physician_nav .nav>li>a, header.header .primary_nav .nav>li>a {
    padding: 0.6rem 0.5rem;
}
.header .primary_nav {
    justify-content: center;
    align-items: center;
}
.top-logo .logo {
    margin: 0;
}

.video-bg .containerfull {
    display: block;
    position: relative;
    z-index: 12;
    border: 1px solid #fff;
    margin: 33px;
    padding: 20px 40px;
}
.video-bg .page-clients{
	display: none;
}

/* --- Extraordinary Vision --- */

.main_layout {
    position: relative;
    z-index: 3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-attachment: fixed;
    padding-top: 120px;
}
.main_layout .leadblock {
    padding-bottom: 94px;
}
.main_layout .careblock .topbar img {
    position: absolute;
    top: -30px;
}
.boxes-containersmall {
    padding-inline: 2rem;
    margin-inline: auto;
    width: min(100% - 2rem,992px);
}
.main_layout .leadblock h2 {
    margin-bottom: 30px;
}
.main_layout .careblock {
    padding-bottom: 140px;
}
.main_layout .careblock .boxes-container {
    background: #fdfbf9;
    box-shadow: 0 16px 16px rgb(0 0 0 / .1);
    padding: 0;
    position: relative;
    padding-bottom: 30px;
}


.boxes-container {
    padding-inline: 2rem;
    margin-inline: auto;
    width: min(100% - 2rem,1300px);
}
.main_layout .careblock .topbar {
    width: 100%;
    display: flex;
    background: linear-gradient(45deg,#23445f 0,#316088 45.92%,#193145 100%);
    justify-content: center;
    height: 1rem;
    position: relative;
    margin-bottom: 24px;
}
.main_layout .careblock .cnt {
    outline: 1px solid #236092;
    outline-offset: -2rem;
    display: flex;
    justify-content: space-between;
    padding: 60px 70px 87px 70px;
}
.main_layout .careblock .single {
    display: flex;
    flex-direction: column;
    max-width: 33%;
}
.main_layout .careblock .single .imgwrap {
    display: flex;
    margin-bottom: 2.5rem;
    align-self: flex-start;
}
.main_layout .careblock .subheading {
    font-weight: 400;
    font-size: 27px;
    text-align: left;
    color: #236092;
    margin-bottom: 25px;
}
.main_layout .careblock .blist {
    flex-grow: 1;
    margin-top: auto;
}
.main_layout .careblock .blist ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}
.main_layout .careblock .blist li {
    background: url(/wp-content/themes/milaneyecenter/assets/images/bullet.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 2rem;
    padding-bottom: 10px;
}
.main_layout .cta {
    font-size: 27px;
    line-height: 29px;
    text-align: center;
    color: #236092;
    position: absolute;
    bottom: 44px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fdfbf9;
    padding-inline: 2rem;
    margin: 0;
    font-weight: 300;
}

/* ---- Slider ---- */
.home-slider-wrap {display: flex;}
.banner-text {
    flex: 0 0 40%;
    padding: 8% 5%;
    max-width: 40%;
}
.banner-text h2 {
    font-weight: 400;
}
.slider-wrap {
    flex: 0 0 60%;
    max-width: 60%;
}
.slick-prev, .slick-next{	position: absolute;	left: -70px;}
.slick-prev { left: -125px !important;}
.home-slider-wrap img{margin-bottom: 2em;}
.home-slider-wrap h4 {
    font-size: 33px;
    text-transform: capitalize;
}
.home-slider-wrap p{
	font-size: 1em;
}
.slick-prev::before, .slick-next::before {
    content: url(/wp-content/themes/milaneyecenter/assets/images/slider-arrow.svg) !important;
    display: block;
    position: relative;
    top: 2px;
    opacity: 1 !important;
}
 
.slick-next:before {
    transform: rotate(180deg);
}

/* ---- chicago_land_block ---- */

.chicago_land_block {
    background: #fff;
    padding-block: 90px 80px;
    position: relative;
}
.chicago_land_block .containerfull {
    max-width: 1300px;
    display: grid;
    grid-template-columns: 453px 1fr;
/*    grid-column-gap: 160px;
    margin-right: 5vw;*/
    margin: 0 auto;
}
.chicago_land_block .chi {
    position: absolute;
    bottom: 110px;
    left: 0;
    display: block;
    width: 100%;
    aspect-ratio: 16/5;
}
.chicago_land_block .cnt {
    padding-top: 2rem;
    padding-bottom: 20%;
    max-width: 713px;
}
.chicago_land_block .mobileeye {
    display: none;
}

/*--- First Block ---*/
.first_block {
    background: linear-gradient(45deg,#23445f 0,#316088 45.92%,#193145 100%);
    display: block;
    position: relative;
    z-index: 3;
}
.first_block .containerfull {
    display: flex;
    padding-block: 88px 100px;
    max-width: 100%;
    align-items: flex-start;
    padding-inline: 2rem;
}
.first_block img {
    display: block;
    margin-top: -160px;
    margin-right: 40px;
    max-width: 235px;
}
.first_block .cntwrapper {
    padding: 2rem;
    border-left: 1px solid #5072A7;
    flex-basis: 33%;
}
.first_block .heading {
    font-size: 31px;
    line-height: 36px;
    color: #fff;
    margin-bottom: 10px;
}
.first_block .heading span {
    color: #b5996c;
}
.first_block .afirst {
    fill: #5072A7;
}
strong {
    font-weight: 700;
}
.first_block p {
    color: #fff;
}

/*--- location-map-setion ---- */

.location-map-setion {
    padding-block: 100px 130px;
    text-align: center;
}
#locations-map {
  width: 100%;
  height: 420px;
}
.location-map-setion  .locs .locswrap{margin-bottom: 60px; gap: 0;}
.location-map-setion .locs .locswrap .location-item {
    width: 25%;
    padding: 30px 10px;
}

/*--- Review Block ---*/
.reviews_block {
    position: relative;
    z-index: 3;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 144px;
    background-image: url("/wp-content/themes/milaneyecenter/assets/images/k-bg-2.webp");
}
.reviews_block .containerfull {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: auto;
    min-width: 100%;
}
.reviews_block .imgwrap {
    min-width: 50%;
}
.reviews_block .imgwrap img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.reviews_block .wrp {
    display: flex;
    justify-content: center;
    align-items: center;
}
.reviews_block .reviewrp {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    padding: 40px 60px 120px;
    width: 65%;
    top: 50%;
    position: absolute;
    right: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    box-shadow: 0 16px 16px rgb(0 0 0 / .1);
}
.reviews_block figure {
    width: 100%;
}
.reviews_block .quoto {
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}
.reviews_block .reviewslider {
    max-width: 100%;
}
.reviews_block #reviewnav {
    margin-top: 30px;
    display: inline-flex;
    gap: 10px;
    margin-right: auto;
    width: 100%;
}
.reviewrp.wrp .slick-prev, .reviewrp.wrp .slick-next {
    left: 0px !important;
    bottom: -70px;
    top: auto;
}
.reviewrp.wrp .slick-next{left: 50px !important;}
.reviews_block blockquote {
    font-family: "Spectral", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 25px;
    line-height: 45px;
    text-align: left;
    color: #0d0d0d;

    display: -webkit-box;
    -webkit-line-clamp: 6;   /* 👈 LIMIT TO 5 LINES */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reviews_block blockquote .pers {
    margin-top: 20px;
    font-style: normal;
    font-size: 25px;
}
.google-rating-text p {
    font-size: 12px;
    font-weight: 500;
}

/*--- globalfooter ---*/
.globalfooter {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.globalfooter .upperbg {
    padding-top: 574px;
	  background-image: url(https://kovacheye.b-cdn.net/wp-content/uploads/2023/03/cta-top.webp);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    aspect-ratio: 16/9;
}
.globalfooter .lowerbg {
/*	background: linear-gradient(45deg,#23445f 0,#316088 45.92%,#193145 100%);*/
    width: 100%;
    height: 100%;
    /*display: flex;
    justify-content: center;
    flex-wrap: wrap;*/
}
.globalfooter .footerform {
    background: #fdfbf9;
    flex-basis: min(100% - 6rem,1300px);
    position: relative;
    z-index: 3;
    margin-top: -300px;
/*    box-shadow: 0 16px 16px rgb(0 0 0 / .1);*/
}
.globalfooter .container {
    padding-block: 100px 70px;
    padding-bottom: 0;
	padding-inline: 2rem;
    margin-inline: auto;
    width: min(100% - 2rem, 1300px);
}
.globalfooter .footerform {
    background: #fff;
    margin-bottom: 0px;
}
.globalfooter .footerform .wrpper {
    outline: 1px solid #305e86;
}
.globalfooter .flwrap {
    display: block;
    width: 100%;
    position: relative;
    top: -50px;
    margin: 0 auto;
    text-align: center;
}
.globalfooter .flwrap:before {
    content: "";
    background: #fdfbf9;
    width: 100px;
    height: 2rem;
    display: block;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 30px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.globalfooter .flwrap img {
    position: relative;
    z-index: 3;
}
.globalfooter .containersmall {
    padding-bottom: 60px;
}
.globalfooter .heading {
    font-size: 45px;
    line-height: 58px;
    text-align: center;
    color: #305e86;
}
.globalfooter .subheading {
    font-size: 21px;
    line-height: 58px;
    text-align: center;
    color: #305e86;
}
.locs {
    padding-block: 170px 130px;
    padding-inline: 2rem;
    margin: 0 auto;
    width: 100%;
}
.locs h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.locs .locswrap {
    display: flex;
    list-style: none;
    gap: 60px;
    justify-content: center;
    max-width: 1000px;
    flex-wrap: wrap;
    margin: 0 auto;
}

.locs .locswrap a {
    /* font-size: 25px;
    line-height: 48px;
    text-align: center;
     padding: 12px 24px;
   color: #fff;*/
    font-weight: 400;
    text-decoration: none;
    position: relative;
}
.locs .locswrap a span {
    position: relative;
    z-index: 3;
}
/*.locs .locswrap a:after {
    content: "";
    border: 1px solid #5072A7;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 20%;
    height: 1px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    z-index: 0;
    -webkit-animation-name: reset;
    animation-name: reset;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
}*/
.footerform .gform_wrapper {
    background: none;
    max-width: 650px;
    margin: 0 auto;
    box-shadow: none;
}
.footerform .gform_wrapper h3.gform_title {
    display: none;
}
.footerform label.gfield_label.gform-field-label, .footerform label {
    color: #4f4f4f;
    font-weight: 300;
    font-size: 14px;
}
.footerform input, .footerform select {
    padding: 8px 15px 8px 15px;
    font-size: 12px;
    color: #2c2c2c;
    border: #999999 solid 1px;
    box-shadow: none;
    border-radius: 0;
}
.footerform select {
    padding: 0 0 0 15px;
}
.footerform ::placeholder{
	opacity:1; color: #2c2c2c;
}
.footerform .gform-footer .button:after {
    content: none;
}

footer.footer{
	margin-top: 20px;
	background: linear-gradient(120deg,#23445f 0,#316088 45.92%,#193145 100%);
}
.container .basic-info {
    display: flex;
	  justify-content: space-between;
	    padding-inline: 2rem;
    margin-inline: auto;
    width: min(100% - 2rem, 1300px);
}
footer.footer .basic-info{
	background: none;
}
footer.footer .basic-info:after {
    content: none;
}
footer.footer .basic-info .footer_logo {
    display: block;
    padding: 1em 0;
    margin-bottom: 0;
    box-shadow: none;
    max-width: 250px;
    background: none;
}
.locs.footer-map-location {
    padding: 0;
    max-width: 500px;
    margin: 0;
}
.locs.footer-map-location .locswrap li {
    width: calc(25% - 20px);
}
.locs.footer-map-location .locswrap {
    justify-content: flex-start;
	  gap: 20px;
}
.locs.footer-map-location li a {
    font-size: 15px;
    color: #fff;
    text-align: left;
    font-weight: 600;
    padding: 0 0 10px;
}
p.copyright-text {
    font-size: 12px;
    color: #fff;
    margin: 40px 0 0;
    max-width: 82%;
}
.locs.footer-map-location .locswrap a:after {
    bottom: 0;
    left: 0;
    width: 40%;
    transform: none;
}
footer .button {
    font-weight: 600;
    font-size: 18px;
    padding: .4rem 1.5rem;
    line-height: 50px;
    text-align: center;
    color: #fff;
    margin-left: 20px;
    text-decoration: none;
}
.basic-info__footer-text > div > div span {
    color: #fff;
    text-decoration: none !important;
}
footer.footer .basic-info__content {
    max-width: 60%;
}
footer.footer .basic-info__footer-text {
    max-width: 38%;
    flex: 1;
}
.basic-info__footer-text > div > div span a {
    color: #fff !important;
    font-weight: 600;
    font-size: 18px;
}
.footer-social-icons {
    margin-bottom: 40px;
}
.basic-info__footer-text > div > div {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    font-weight: 600;
}
.basic-info__footer-text > div > div a {
    font-weight: 700;
}


/* --- inner pages --- */
.inner-container {
    padding-inline: 2rem;
    margin-inline: auto;
    width: min(100% - 2rem,1300px);
}
.columns.shrink {
    padding: 0;
}
.procedure_header {
    background: linear-gradient(90deg,#23445f 0,#316088 45.92%,#193145 100%);
}
.header .columns.shrink {
    display: none;
}
.sticky-nav .header .columns.shrink {
    display: block;
}
.inner-whitebox {
    background-color: #fdfbf9;
    padding: 40px;
    box-shadow: 0 16px 16px rgb(0 0 0 / .1);
    position: relative;
    z-index: 3;
}
.inner-whitebox .cnt {
    outline: 1px solid #305e86;
    padding: 60px 2rem 50px 2rem;
    text-align: center;
}

.bc {
    font-size: 14px;
    display: flex;
    width: 100%;
    max-width: 1300px;
    margin: 1rem auto;
}
.bc a {
    align-items: center;
    display: flex;
}
.bc a span {
    padding: 0 2px;
}
.bc .inner-container {
    display: flex;
    align-items: center;
}
/*.bc p {
    margin: 0 0 0 5px;
}*/
.home .bc {
    display: none;
}
.banner-breacrum{display: flex; justify-content: center;}
.banner-breacrum .bc {
    width: auto;
    margin: 0;
    white-space: nowrap;
}
.globalfooter .bc {
    font-size: 14px;
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
    max-width: 1300px;
    margin: 0 auto;
    clear: both;
    padding: 0 0 30px;
    display: flex;
    justify-content: flex-start;
}
.footer-bc .banner-breacrum {
    justify-content: flex-start;
    display: none;
}
/*.globalfooter .bc a, .globalfooter .bc svg path {
    color: #fff;
    fill: #fff;
}*/
.globalfooter .bc a{display: flex;}
.globalfooter .bc span {
    padding-left: 2px;
}
.inner-whitebox .cnt h1 {
    margin-bottom: 1rem;
    font-size: 52px;
    line-height: 57px;
    color: #326189;
}
.inner-whitebox .cnt .subheading {
    font-size: 31px;
    line-height: 48px;
    text-align: center;
    color: #305e86;
    margin-bottom: 12px;
}
.procedure_header .bottom {
    background-size: cover;
    aspect-ratio: 1600/860;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -50px;
}
.procedure_header .bottom::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(28 55 78 / .58);
    z-index: 2;
}
.procedure_header .mobileheader {
    display: none;
}
.procedure_header .headingbox {
    display: flex;
    padding-block: 180px 120px;
    position: relative;
    z-index: 3;
    max-width: 560px;
    gap: 25px;
}
.procedure_header .headingbox * {
    color: #fff;
}
.procedure_header .medalwrap {
    min-width: 75px;
}
.procedure_header .headingbox .heading {
    font-weight: 500;
    font-style: italic;
    font-size: 34px;
    line-height: 41px;
    text-align: left;
    margin-bottom: 1rem;
}
.procedure_header .headingbox .subheading {
    font-weight: 300;
    font-size: 16px;
    line-height: 34px;
    text-align: left;
    margin-bottom: 30px;
}
.procedure_header .headingbox .button {
    background-color: #1c364c;
    padding: 1.5rem 2rem;
}

.anchor_block {
    padding-block: 30px 50px;
}
.anchor_block .cnt {
    outline: 1px solid #305e86;
    padding-block: 60px;
    display: flex;
    justify-content: center;
}
.anchor_block ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    -moz-columns: 2;
    columns: 2;
}
.anchor_block li {
    background: url(/wp-content/uploads/2026/01/milan-icon.webp);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 2rem;
    color: #305e86;
    padding-bottom: 10px;
}
.anchor_block a {
    color: #305e86;
}

.boxwithdots {
    background: linear-gradient(#23445f 0,#316088 45.92%,#193145 100%);
    position: relative;
}
.boxwithdots .dots {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    background-position: top;
    background-repeat: no-repeat;
}
.boxwithdots .containerfull {
    outline: 1px solid #65849f;
    padding: 45px;
    outline-offset: -45px;
    position: relative;
    z-index: 3;
}
.boxwithdots .containersmall {
    position: relative;
    z-index: 3;
    padding-block: 60px;
}
.boxwithdots .cnt * {
    color: #fff;
}

/* ---- doctors_block --- */

.doctors_block {
    padding-block: 40px;
}
.doctors_block .inner-container {
    background-color: #fdfbf9;
    padding: 48px;
}
.doctors_block .cnt {
    padding: 48px;
    border: 1px solid #305e86;
}
.doctors_block h2 {
    text-align: center;
    margin-bottom: 30px;
}
.doctors_block .drflex {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}
.doctors_block .singledoc {
    display: flex;
    justify-content: center;
    flex-direction: column;
/*    max-width: 277px;*/
    width: calc(33.3333% - 20px);
}
.doctors_block .singledoc img {
    margin-bottom: 1rem;
    flex-grow: 1;
}
.doctors_block .singledoc .secondbutton {
    min-width: 100%;
}
.doctors_block .subheading {
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #305e86;
}
.doctors_block .location {
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    color: #3b3b3b;
    margin-bottom: 54px;
}
.btnwrap.center {
    justify-content: center;
    display: flex;
}
.button.white, .secondbutton {
    display: inline-block;
    margin-bottom: 1rem;
    background-color: #fff;
    font-size: 16px;
    padding: 10px 1rem;
    line-height: 1.3;
    text-align: center;
    color: #305e86;
    font-weight: 300;
    text-decoration: none;
    border: 1px solid #707070;
    box-shadow: 3px 3px #5072A7;
    transition: all .3s ease-in-out;
    text-transform: inherit;
}
.button.white:after{content: none;}
.button.white:hover {
    background: #fff;
}

.sixty {
    display: flex;
    justify-content: flex-start;
    position: relative;
    padding-block: 60px;
    margin-block: 60px;
}
.sixty.reverse {
    justify-content: flex-end;
    flex-direction: row-reverse;
}
.sixty.reverse .cnt {
    margin-right: 30px;
    margin-left: 0;
}
.sixty .cnt {
    display: flex;
    flex-wrap: wrap;
    padding: 8vw 12vh;
    width: 68%;
    outline: 1px solid #305e86;
    background-color: #fff;
    position: relative;
    outline-offset: 10px;
    min-height: 450px;
    z-index: 9;
}

.sixty .imgwrap {
    max-width: 32%;
    margin-top: -50px;
    margin-right: -30px;
    margin-bottom: -50px;
}
/*.sixty.reverse .imgwrap {
    right: unset;
    left: 0;
}*/
.sixty.reverse .imgwrap p, .sixtyblue.before-surgery-video-block .imgwrap p {
    height: 100%;
    margin: 0;
}
.sixty .imgwrap img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.sixtyblue {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin-block: 60px;
    padding-block: 60px;
}
/*.sixtyblue.before-surgery-video-block {
    align-items: center;
}*/
.sixtyblue.before-surgery-video-block .imgwrap {
    aspect-ratio: inherit;
}
.during-surgery-block {
    flex-direction: row-reverse;
    margin-top: 60px;
    margin-bottom: 60px;
}
.during-surgery-block .cnt.wrp {
    margin-left: -30px;
}

.sixtyblue .cnt {
    display: flex;
    flex-wrap: wrap;
    padding: 8vw 12vh;
    margin-left: 0;
    width: 68%;
    background: linear-gradient(#23445f 0,#316088 45.92%,#193145 100%);
    min-height: 450px;
    position: relative;
    z-index: 9;
}
.sixtyblue .cnt :where(ul,p,li,a,h2,h3):not(.button.white) {
    color: #fff;
}
.sixtyblue .imgwrap {
    max-width: calc(32% + 30px);
    margin-top: -50px;
    margin-bottom: -50px;
    margin-left: -30px;
}
.during-surgery-block .imgwrap {
    margin-left: 0;
}
.sixtyblue .imgwrap img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.just_content .inner-container {
    background-color: #fdfbf9;
    padding: 40px;
    outline: 1px solid #305e86;
    outline-offset: -40px;
}
.just_content .containersmall {
    padding-block: 60px;
}
.containersmall {
    padding-inline: 2rem;
    margin-inline: auto;
    width: min(100% - 2rem,992px);
}
.just_content iframe {
    min-width: 100%;
    min-height: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    aspect-ratio: 16/9;
    max-width: 100%;
}

.full_width_image {
    background-size: cover;
    position: relative;
}
.full_width_image:before {
    content: "";
    background: linear-gradient(-45deg,#23445f 0,#316088 45.92%,#193145 100%);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 82%;
}
.full_width_image .mobe {
    display: none;
}
.full_width_image .containerfull {
    position: relative;
    z-index: 3;
    padding: 40px;
    outline: 1px solid #65849f;
    outline-offset: -40px;
}
.full_width_image .cnt {
    padding-block: 80px 180px;
}
.full_width_image .cnt * {
    color: #fff;
}

/*Inner page Faq*/

.faq {
    margin-block: 100px 70px;
}
.faq .container {
    background-color: #fdfbf9;
    padding: 40px;
    outline: 1px solid #305e86;
    outline-offset: -40px;
    padding-inline: 2rem;
    margin-inline: auto;
    width: min(100% - 2rem, 1300px);
}
.faq .cnt {
    padding-block: 120px;
    max-width: min(100% - 2rem,980px);
    padding-inline: 2rem;
    margin: 0 auto;
}
.faq .singlefaq {
    border-bottom: 1px solid #5072A7;
}
.faq .question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.faq button {
    font-size: 29px;
    line-height: 48px;
    text-align: left;
    color: #305e86;
    width: 100%;
}
.faq .question.is-active svg .plustwo {
    display: none;
}
.faq .question span {
    flex-grow: 1;
}
.faq .answer {
    display: none;
}
.singlefaq svg path {
    fill: #5072A7;
}
.faq .singlefaq:first-of-type {
    border-top: 1px solid #5072A7;
}
.two-col {
    -moz-columns: 2;
    padding: 0;
    columns: 2;
}
.eye-care-services {
    background: linear-gradient(45deg,#23445f 0,#316088 45.92%,#193145 100%);
    padding: 60px 0;
    margin: 30px 0 60px;
}
.eye-care-services > div {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* add gap here */
}
.eye-care-services-list {
    background: #fff;
    padding: 30px;
    display: flex;
    width: calc(33.3333% - 20px);
    text-align: center;
    box-shadow: 0 3px 15px rgba(0,0,0,.2);
    flex-direction: column;
}
.eye-care-services-list h2 {
    font-size: 26px;
    margin-bottom: .5rem;
    line-height: 1.42;    
}
.eye-care-services-list a {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.eye-care-services-list .learn-more-cataract-surgery{
    margin-top: auto;
}

.lasik-chart {
    padding: 30px;
    font-weight: 400;
    color: #323232;
}
.lasik-chart h3{
    font-size: 32px;
    line-height: 42px;
    color: #236092;
    padding-bottom: 20px;
}
.lasik-chart thead th {
    background: #236092;
    color: #fff;
}
.lasik-chart thead th h3 {
    color: #fff; 
    padding: 10px;
    margin: 0;
}
.lasik-chart th{min-width: 160px;}

.aesthetic-short-contact-form h2.gsection_title {
    display: none;
}
.eye-care-services-list.half-col {
    width: calc(50% - 20px);
}
.eye-care-services-list img {
    height: 280px;
    object-fit: cover;
    margin-bottom: 20px;
}

/*location page*/
.page-template-page-location .procedure_header {padding-bottom: 50px !important;}
.map-section {margin: 60px auto 0;text-align: center;}
.locations-block {margin-top: 20px;}
.locations-block .container {
    background: #fdfbf9;
    padding-top: 50px;
    padding-bottom: 60px;
    box-shadow: 0 16px 16px #0000001a;
    width: min(100% - 2rem, 1300px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    padding-left: 2rem;
    padding-right: 2rem;
}
.locations-block .map-title-wrap {
    margin: 0 0 30px;
    text-align: center;
}
.locations-block .map-title-wrap a {
    text-align: center;
    color: #305e86;
    padding: 12px 24px;
    font-size: 25px;
    line-height: 48px;
    text-decoration: none;
    position: relative;
}
.locations-block .map-title-wrap a:after {
    content: "";
    z-index: 0;
    border: 1px solid #305e86;
    width: 20%;
    height: 1px;
    animation-name: reset;
    animation-duration: .2s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.locations-block .singlelocation {
    border: 1px solid #305e86;
    justify-content: space-between;
    margin-bottom: 50px;
    padding: 60px;
    display: flex;
}
.locations-block .singlelocation h3, .sixtyblue .cnt h3 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
    color: #236092;
}
.locations-block .singlelocation:last-of-type {
    margin-bottom: 0;
}
.locations-block .singlelocation .col.cnt {
    width: 60%;
}
.locations-block .singlelocation .wrap {
    gap: 7vw;
    max-width: 620px;
    display: flex;
}
.locations-block .singlelocation .wrap .left {
    width: 50%;
}
.locations-block .singlelocation .phone {
    margin-bottom: 0;
}
.locations-block .imgwrap {
    border-top: 1px solid #305e86;
    gap: 20px;
    max-width: 620px;
    margin-top: 40px;
    padding-top: 2rem;
    display: flex;
}
.locations-block .imgwrap img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
}
.locations-block .singlelocation .col {
    flex-grow: 1;
}
.locations-block .singlelocation h3.hours {
    text-align: left;
    color: #305e86;
    font-weight: 300;
    font-size: 25px; 
    line-height: 58px;
}
.faq-sub-title{
    text-align: left;
    color: #305e86;
    font-weight: 300;
    font-size: 25px; 
    line-height: 36px;
}
.locations-block .hourswrap p {
    line-height: 34px;
}

.bottom-call-action-block h2, .bottom-call-action-block h3, .bottom-call-action-block p {
    color: #fff;
}
.breadcrum-backlink {
    display: flex;
    font-size: 20px;
    margin-top: 6px;
    align-items: center;
}
.breadcrum-backlink img {
    margin: 6px;
    max-width: 20px;
}
/*.breadcrum-backlink:before {
    content: "";
    background: #326189;
    width: 1px;
    height: 12px;
    margin-right: 3px;
}*/
.page-introduction {
    display: none;
}
.custom-header-section .page-introduction {
    display: block;
}

.banner > div.mobile-view-logo {
    display: none;
}

/*Yoast seo plugin breadcrun*/
.home .footer-breadcrumb {display: none;}
.footer-breadcrumb .container {max-width: 1300px;margin: 20px auto 0;padding: 20px 0;}

.two-col-text {
    padding-left: 50px;
}

.gform_wrapper form h2 {
    color: #fff;
}
.physicians-portal-form h3{color: #fff;}


/* -- End New Design Update css--*/

.treatment-options-section .inner-container{
    display: flex; justify-content: center;
}


@media screen and (max-width: 1199px) {
    header.header .primary_nav .nav li a {
        font-size: 14px;
        padding: 8px 10px !important;
    }
}



@media screen and (max-width: 63.9375em) {
    .two-col-text {
        padding-left: 10px;
    }
    .banner > div.mobile-view-logo {
        display: block; 
    }
    .home .page-header {min-height: 58vw;height: auto;    }

	.h1, h1 {font-size: 44px;}
	header.header {padding: 22px 0;background: #1779ba !important;}
    .sticky-nav header .columns.shrink .logo {
        display: block;
    }
    .menu_open .logo {
        display: none;
    }
    .banner>div {
        width: 100%;
    }
	.hamburger span.bar {background-color: #fff;}
    .logo {top: -5px;left: 20px;position: absolute;z-index: 99999;}
    .video-bg .containerfull{z-index: 9999;}
    .home-slider-wrap {flex-direction: column;}
    .banner-text, .slider-wrap {flex: 0 0 100%;max-width: 100%;}
    .banner .navigation .wp-paginate li a, .banner .pagination__next a, .banner .pagination__prev a, .banner a.button, 
    .navigation .wp-paginate li .banner a, .pagination__next .banner a, .pagination__prev .banner a {font-size: 1rem;line-height: 1;padding: 0.8rem 2rem;}
    .banner .column {text-align: left;}
    .video-bg .containerfull {margin: 15px;width: calc(100% - 30px);padding: 20px 20px;}
    .banner .button {margin-top: 30px !important;margin-left: 0 !important;margin-bottom: 30px !important;}
    .home .banner {background: none;align-items: flex-start;flex-direction: column;}
    .main_layout{padding-top: 60px;}
    .chicago_land_block .mobileeye {display: block;width: 100%;bottom: 20px;position: absolute;}
    .main_layout .careblock .cnt {flex-wrap: wrap;padding: 50px 50px 140px;}
    .main_layout .cta {font-size: 20px;padding-inline: 0;}
    .main_layout .careblock .single {max-width: 100%;}
    .main_layout .careblock {padding-bottom: 40px;} 
    .banner-text {padding: 8% 5% 0;}
    .chicago_land_block {padding-block: 0px 100px;}
    .chicago_land_block .containerfull {grid-template-columns: 100%;grid-column-gap: 0;margin-right: 0px;padding: 20px;}
    .chicago_land_block .cnt {padding-top: 0;padding-bottom: 0;}
    .chicago_land_block .chi{display: none;}
    .first_block .containerfull {padding-block: 220px 100px;flex-wrap: wrap;}
    .first_block .cntwrapper {padding: 2rem 0;border-left: 0;flex-basis: 100%;}
    .reviews_block .reviewrp {padding: 20px 20px 90px;width: 100%;right: 0;}
    .reviews_block blockquote {font-size: 16px;line-height: 26px;}
    .first_block .containerfull { padding-block: 140px 250px; flex-wrap: wrap;}
    .first_block svg {margin-top: -80px;height: 120px;margin-bottom: 10px;display: flex;width: 100px;min-width: inherit;}

/*inner pages new desing*/

    h2 {font-size: 24px;line-height: 36px;font-weight: normal;}
    .button {font-size: 14px; padding: .4rem 1rem; }
    .two-col { columns: 1;}
    .banner {padding: 20px;}
    .globalfooter .upperbg{	padding-top: 450px;}
    .globalfooter .footerform {flex-basis: min(100% - 2rem,1300px);}
    .globalfooter .container {padding-inline: 1rem;width: min(100% - 0rem, 1300px);}
    .globalfooter .containersmall {padding: 0 10px 60px;}
    .globalfooter .heading {font-size: 24px;line-height: 32px;text-align: center;color: #305e86;}
    .globalfooter .subheading {font-size: 18px;line-height: 24px;text-align: center;color: #305e86;}
    .footerform .gform_wrapper {padding: 10px;}
    .locs {padding-block: 60px 130px;}
    .locs .locswrap {gap: 30px;flex-direction: column;justify-content: center;text-align: center;}
    .location-map-setion  .locs .locswrap {flex-direction: row;}
    .location-map-setion .locs .locswrap .location-item{width: 50%;}

    .inner-container {padding-inline: 1rem;margin-inline: auto;width: min(100% - 1rem,1300px);}
    .containersmall {
        padding-inline: 1rem;
        width: min(100% - 1rem,992px);
    }
    .inner-whitebox{padding: 20px;}
    .inner-whitebox .cnt h1{font-size: 44px;}
    .procedure_header .headingbox{flex-wrap: wrap;}
    .lasik-chart {padding: 30px;overflow-x: scroll;}
    .procedure_header .headingbox {
        padding-block: 100px 50px;
     }
     .anchor_block ul{columns: 1;}
     .banner{padding: 20px;}
     .boxwithdots .containerfull{padding: 15px;}
    .boxwithdots .containerfull {
        outline-offset: -25px;
    }
    .boxwithdots .containersmall {
        padding-block: 40px;
     }
     .doctors_block {
        padding-block: 12px;
    }
     .doctors_block .inner-container {
        padding: 20px;
    }
     .doctors_block .cnt {
        padding: 20px;
     }
     .doctors_block .singledoc { width: 100%;}
     .doctors_block .drflex{flex-wrap: wrap;}
    .doctors_block .subheading {
        font-size: 24px;
        line-height: 36px;
     }
     .sixty .cnt {
        padding: 20px;
        width: 80%;
    }
    .sixty .cnt{min-height: 300px;}
    .sixtyblue {
        margin-block: 40px;
    }
    .sixtyblue .cnt {
        padding: 26px;
        width: 95%;
     }
     .just_content .inner-container {
        padding: 10px;
        outline-offset: -20px;
    }
    .just_content .containersmall {
        padding-block: 40px;
    }
    .lasik-chart {
        padding: 20px;
     }
     .eye-care-services-list{width: 100%;}
     .faq {
        margin-block: 40px;
    }
     .faq .container {
        padding: 20px;
        outline-offset: -15px;
        padding-inline: 0;
     }
     .faq .cnt {
        padding-block: 20px;
        max-width: 100%;
        padding-inline: 2rem;
    }
    .faq .cnt ul{margin: 0;}
    .faq button {
        font-size: 18px;
        line-height: 24px;
    }
     .full_width_image .containerfull {
        padding: 20px;
        outline-offset: -30px;
    }
    .reviews_block .reviewrp {
        padding: 20px 20px 240px;
     }
     .full_width_image .cnt {
        padding-block: 80px 280px;
    }
    .anchor_block .cnt{padding: 20px;}


    .sixty {
        display: flex;
        justify-content: flex-start;
        position: relative;
        padding-block: 0;
        margin-block: 0;
        flex-direction: column-reverse;
    }
    .sixty.reverse {
        justify-content: flex-end;
        flex-direction: column;
    }
    .sixty.reverse .cnt {
        margin: 0 30px;
        width: calc(100% - 60px);
    }
    .sixty .imgwrap {
        height: 100%;
        max-width: 100%;
        position: static;
        margin: 30px 0;
        transform: none;
        padding: 0 20px;
    }
    .sixty .imgwrap iframe, .sixtyblue.before-surgery-video-block .imgwrap iframe{
      max-width: 100%;
      height: auto;
      min-height: 240px;
    }
    .sixtyblue.before-surgery-video-block {
        align-items: center;
        margin-top: 20px;
    }
    .sixtyblue .cnt {
        padding: 26px;
        width: calc(100% - 40px);
        margin: 20px;
    }
    .during-surgery-block .cnt.wrp {
        margin-left: 20px;
    }
    .sixtyblue .imgwrap {
        aspect-ratio: inherit;
        min-height: 100%;
        max-width: 100%;
        position: static;
        transform: none;
        margin: 0;
        padding: 0 20px;
    }
    .sixtyblue.before-surgery-video-block .imgwrap {
        aspect-ratio: inherit;
    }
    .sixtyblue {
        display: flex;
        justify-content: flex-start;
        position: relative;
        padding-block: 10px;
        margin-block: 0;
        flex-wrap: wrap;
        flex-direction: column;
        flex-direction: column-reverse;
    }
    .eye-care-services-list.half-col {
        width: calc(100% - 20px);
    }

    .locations-block .singlelocation .col.cnt{width: 100%;}
    .locations-block .singlelocation{flex-wrap: wrap; padding: 20px;}
    .locations-block .imgwrap{flex-wrap: wrap;}
    .locations-block .singlelocation .wrap {gap: 0; flex-wrap: wrap; }
    .locations-block .singlelocation .wrap .left { width: 100%;}
    .map-section { margin: 30px auto 0; }

    .footer-breadcrumb .container { padding: 20px 15px;}

/*footer*/
    footer.footer .basic-info {flex-wrap: wrap;}
    footer.footer .basic-info__content {max-width: 100%;}
    footer.footer .basic-info .footer_logo{margin: 0;}
    .locs.footer-map-location .locswrap {flex-direction: inherit;text-align: left;}
    .locs.footer-map-location .locswrap li {width: calc(50% - 20px);}
    footer.footer .basic-info__footer-text{max-width: 100%;}
    .basic-info__footer-text > div > div{flex-wrap: wrap;}
    .basic-info__footer-text > div > div span{margin-top: 10px;}


/*end new design */
	
	
/** Responsive video **/
    .video-container {position: relative;width: 100%;padding-bottom: 56.25%; /* 16:9 aspect ratio */height: 0;overflow: hidden;margin-bottom: 30px;}
    .video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
    .table-scroll {overflow-x: auto;-webkit-overflow-scrolling: touch;margin-top: 20px;}
    .comparison {border-collapse: collapse;width: 100%;border: none;}
    .comparison caption {text-align: left;padding: 8px 0;font-weight: 600;}
    table tbody tr {border-bottom: 1px solid #3d629c;}
    table tbody tr:nth-child(even) {background-color: transparent;border-bottom: 1px solid #3d629c;}
    table tbody, table tfoot, table thead {border: none;}
    .comparison th,.comparison td {padding: 8px;vertical-align: top;text-align: left;line-height: 1.4;}
    .comparison thead th {background: #3d629c;color: #fff;}  	

}




@media (max-width: 480px) {
    .comparison th,.comparison td {padding: 6px;}
    .comparison {min-width: 760px;}
}