@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Oswald:wght@200..700&display=swap');

/* custom fonts */
@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-Bold.eot');
    src: url('../fonts/CreatoDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CreatoDisplay-Bold.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-Bold.woff') format('woff'),
        url('../fonts/CreatoDisplay-Bold.ttf') format('truetype'),
        url('../fonts/CreatoDisplay-Bold.svg#CreatoDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-Medium.eot');
    src: url('../fonts/CreatoDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CreatoDisplay-Medium.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-Medium.woff') format('woff'),
        url('../fonts/CreatoDisplay-Medium.ttf') format('truetype'),
        url('../fonts/CreatoDisplay-Medium.svg#CreatoDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Creato Display';
    src: url('../fonts/CreatoDisplay-MediumItalic.eot');
    src: url('../fonts/CreatoDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CreatoDisplay-MediumItalic.woff2') format('woff2'),
        url('../fonts/CreatoDisplay-MediumItalic.woff') format('woff'),
        url('../fonts/CreatoDisplay-MediumItalic.ttf') format('truetype'),
        url('../fonts/CreatoDisplay-MediumItalic.svg#CreatoDisplay-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}




:root{
    --heading-font: 'Creato Display';
    --body-font: 'Creato Display';
    --common-transition: all 0.3s ease 0s;
    --primary: #f1612d;  
    --secondary:#1a9b9f;
    --accent: #777777;
    --black: #000000;  
    --gray: #444444;
    --white: #FFFFFF; 
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */ 
body, html{overflow-x: hidden;}
body { margin: 0; padding: 0; font-family: var(--body-font); font-size:clamp(1rem, 0.769rem + 0.615vw, 1.5rem); line-height: 1.4;  color: var(--accent); overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; padding: 0; line-height: 1.2;  font-family: var(--body-font); color: var(--black); font-weight: 700;}
h1{ font-size: clamp(1.75rem, 0.683rem + 2.846vw, 4.063rem); /* 65px-30px */ }
h2{ font-size: clamp(1.375rem, 0.567rem + 2.154vw, 3.125rem); /* 50px-28px */ }
h3{ font-size:clamp(1.125rem, 0.779rem + 0.923vw, 1.875rem);  /* 32px-26px */ }
h4{ font-size:clamp(1rem, 0.769rem + 0.615vw, 1.5rem); /* 24px-18px */   font-family: "Oswald", sans-serif;}
h5{ font-size: clamp(1rem, 0.915rem + 0.177vw, 1.125rem); /* 18px-16px */ } 
h6{ font-size: clamp(0.875rem, 0.79rem + 0.177vw, 1rem); /* 16px */ }
p{ margin: 0 0 20px; padding: 0; line-height: 1.3; }
.fw-600 { font-weight: 600;}
ul{padding: 0; margin: 0; list-style: none;}
img { max-width: 100%; }
figure { margin: 0;}
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover {  outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }
 
textarea, select, .form-control, input { border-radius: 0;   }
/* input[type="submit"] { font-family: var(--poppins); font-weight: 400; font-size: 16px; transition: all 0.3s ease 0s; outline: none; } */
textarea:focus, select:focus, .form-control:focus { outline: none; box-shadow: inherit;}

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: 95% center; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; }
/* .btn-check:focus+.btn, .btn:focus { box-shadow: inherit;} */
/* --- for placeholder color --- */

input::-moz-placeholder , .form-control::-moz-placeholder { color: rgba(119, 119, 119, 1); opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: rgba(119, 119, 119, 1); }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: rgba(119, 119, 119, 1); }
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft, .alignnone { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { margin: 10px auto; display: block; }
/* --- only use for wordpress (Image alignment) --- */

/*..............common styles..............*/
.common-padding{ padding-top: 100px; padding-bottom: 100px; }
.common-small-padding{ padding-top: 80px; padding-bottom: 80px; } 

.sm-margin{margin-top: 50px;}
.lg-margin{margin-top: 100px;}

.btn, .talk-btn a {min-width: 170px;justify-content: space-between;overflow: hidden;position: relative;z-index: 1;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;color: var(--white) !important;padding: 16px 19px!important;line-height: 1;border-radius: 29px;font-weight: 500;background: var(--primary);font-size: 16px !important;text-transform: uppercase;text-align: center;border: 0;letter-spacing: 3px;box-shadow: 0px 15px 30px 0px rgba(241, 97, 45, 0.25); font-family: 'Oswald';}

.btn{letter-spacing: 3px; font-size: clamp(0.875rem, 0.702rem + 0.462vw, 1.25rem) !important; min-width: 190px;}
.btn:hover {transform: translate(0px, 0px); transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease;  color: #fff !important; background: var(--secondary); box-shadow: 0px 15px 30px 0px rgba(26, 155, 159, 0.25);}
.btn:active{background-color: var(--secondary) !important;}
.btn-grey { background: var(--gray); color: var(--white); }
.btn-grey:hover{background: var(--black);}

.line-btns a {border: 1px solid var(--primary) !important;background: transparent;color: var(--primary) !important;box-shadow: none;position: relative;padding: 16px 20px 16px 37px!important;}
.line-btns a:hover { border: 1px solid var(--secondary) !important; }
.line-btns a:before{position: absolute;content: '';background: url(../images/login.svg) no-repeat;width: 18px;height: 18px;left: 15px;}
.log-btns a:before {background: url(../images/logout.svg) no-repeat;}
/* ============ header Start ============ */
body.open { height: 100vh; overflow: hidden; }
body.fixed-gap { margin-top: 87px; }
  
/*top menu*/
.top-header { background: var(--primary); padding: 10px 0; } 
.top-header ul { display: flex; justify-content: flex-end; align-items: center; } 
.top-header ul li:not(:last-child) { margin-right: 15px; } 
.top-header ul li a { color: var(--white); font-size: 15px; text-transform: uppercase; letter-spacing: 0;  padding-left: 10px; }
.top-header ul li:not(:first-child) a { border-left: 1px solid var(--white); }

.main-header { width: 100%; z-index: 90; position: relative; top: 0; left: 0; right: 0; transform: translateY(0); transition: all .3s ease-in-out; opacity: 1; pointer-events: all; padding: 21px 0; background: #fff; box-shadow: 0 0 50px #0000001a;}
.navigation-bar { display: flex; align-items: center; }
.main-menu { margin-left: auto;}
.mobile-menu{ display:none; transition:all 0.45s ease-in-out; }

.logo-block{ border: 1px solid var(--secondary);    background: #ffffff; box-shadow: -1px 7px 13px 0px rgb(57 139 214 / 35%); padding: 12px; border-radius: 10px;  display: flex ; align-items: center; justify-content: center; }
.logo-block a{ display: block; }
.logo-block a img{ width: 100%; height: 100%; }
.main-menu ul{align-items: center;}
.main-menu ul li { margin-right: 20px; position: relative; }
.main-menu ul li:first-of-type{ margin-left: 0; }
.main-menu ul li:last-of-type{ margin-right: 0; }
.main-menu ul li a { font-size: 14px; line-height: 1.2; color: #555; font-weight: 500; display: inline-block; padding: 11px 0; /* transition: var(--common-transition); */ font-family: 'Oswald'; text-transform: uppercase; }
.main-menu ul li.current-menu-item a { color: var(--primary); }
/* .main-menu ul li::after{content: '';background: var(--white);position: absolute; width: 23px; height: 2px; bottom: 0;left: 0;right: 0;display: none;transition: 0.3s ease;     margin: 0 auto;}   */
 .main-menu ul li:hover a{color: var(--primary); }
/* .main-menu ul li:hover::after, .main-menu ul li.current-menu-item::after, .main-header.fixed .main-menu>ul>li.current-menu-item::after{display: block;transition: 0.3s ease;} */
.talk-btn a { text-transform: capitalize; }
.talk-btn a:hover { background: var(--secondary) !important; color: var(--white) !important; border: 1px solid var(--secondary);}
.talk-btn.line-btns a:hover:before{filter: brightness(0) invert(1);}
.logout-link{min-width: 140px !important;}    
/* dropdown */
li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a{margin-right: 15px;}
li.menu-item-has-children > a::after { position: absolute; top: 52%; transform: translate(0%, -50%); content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 13px; margin-left: 3px; color: var(--green); /*transition: var(--common-transition);*/ } 
li.menu-item-has-children > ul.sub-menu {    box-shadow: 0 0 50px #0000001a; display: block ;flex-wrap: wrap; width: 242px; visibility: hidden; opacity: 0; position: absolute; top: 70px; left: -1rem; background-color: #fff; padding: 1rem; transition: top .3s ease 0s, opacity .3s ease 0s, visibility 0s ease .3s;}
li.menu-item-has-children ul.sub-menu a{    display: block; color: #343434; font-weight: 500; margin-right: 0; padding: 10px 0; font-size: 14px;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{    color: var(--primary);  }
li.menu-item-has-children:hover ul.sub-menu {    display: flex ; opacity: 1; top: 50px; visibility: visible; transition: top .3s ease 0s, opacity .3s ease 0s, visibility 0s ease 0s;  list-style: none;}
 li.menu-item-has-children:hover a::after { transform: translate(0%, -53%) rotate(180deg);  } 
li.menu-item-has-children > ul.sub-menu li { margin: 0;     list-style: none;}
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0;}

.minus, .plus{display: none;} 

 .header-sticky{ left: 0; position: fixed; top: 0; width: 100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; background: var(--white); padding-top: .5rem; padding-bottom: .5rem; box-shadow: 0 0 50px #0000001a;} 

/* .nav_btn { display: none; } */
.nav_close { display: none; color: var(--black); }
 
/*.home main:before{display: none;}
main:before { content: ''; height: 10rem; display: block; }*/

.common-heading h4{color: var(--secondary); font-weight: 500; text-transform: uppercase; letter-spacing: 6.5px; display: inline-block; margin-bottom: 30px; }
/* banner */

.banner { background-position: center center; padding: 87px 0; position: relative; z-index: 1; overflow: hidden; z-index: 1; background-repeat: no-repeat; min-height: 845px; background-size: cover ; display: flex; align-items: center;  }
.banner:after{position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(96.83deg, rgba(21, 89, 92, 0.9) 4.48%, rgba(21, 89, 92, 0.7) 48.89%, rgba(21, 89, 92, 0) 84.59%); top:0; left: 0; right: 0; bottom: 0; z-index: -1;}
.banner-content *{color: var(--white);}
.banner-content {  z-index: 2;     max-width: 920px; }
 .banner-content h4 { font-weight: 500; letter-spacing: 7.4px; text-transform: uppercase; display: inline-block; }
.banner-content h1 {margin-bottom: 2rem;font-weight: 600;font-family: 'Creato Display';} 
.banner-content  h3 { font-family: 'Creato Display'; margin-bottom: 50px; }
/* banner */
/*vision & mission  */
.vision-box {box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1);border: 1px solid rgba(220, 237, 255, 1);background: var(--white);border-radius: 30px;padding: 0 45px 75px;margin-top: 70px;height: calc(100% - 70px);margin-bottom: 0px;} 
.vision-box .common-heading{margin-bottom: 0;}
.vision-img {position: relative;padding-bottom: 50%;border-radius: 30px;overflow: hidden;margin-top: -70px;margin-bottom: 60px;box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.25);} 
.vision-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; } 
/* .vision-box h4 { color: var(--secondary); font-weight: 500; text-transform: uppercase; letter-spacing: 6.5px; display: inline-block; margin-bottom: 30px; }  */
.vision-btn {margin-top: 50px;}
.vision-box p { color: #444; font-weight: 500; font-family: 'Creato Display'; font-weight: 500; } 
.vision-box h5 { font-family: 'Creato Display'; color: #777; } 
.vision-box h2 { color: #444; font-size: clamp(1.25rem, 0.558rem + 1.846vw, 2.75rem); font-style: italic; font-weight: 500;} 
.vision-box h2 strong { font-weight: 700; font-style: italic; }
.vision-box .btn { margin: 0 auto; text-align: center; }
/*vision & mission  */

/* epidemic */
.epidemic-box { box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.25); background: rgb(33 118 122); border-radius: 30px; text-align: center; padding: 38px 60px; max-width: 1320px; margin: 0 auto; position: relative; z-index: 1;} 
.epidemic-box:after{position: absolute; content: ''; background: url(../images/quote.svg) no-repeat; width: 215px; height: 154px; top: 38px; right: 36px; z-index: -1;} 
.epidemic-box h2 { font-weight: 700; font-family: 'Creato Display'; } .epi-log { margin-bottom: 40px; } 
.epidemic-box * { color: var(--white); } 
.epidemic-box p {  font-weight: 700; font-family: 'Creato Display'; }
/* epidemic */
/* counter */
.single-counter { aspect-ratio: 1; background: linear-gradient(77.59deg, #F3FAFA 3.27%, rgba(243, 250, 250, 0) 49.93%, #F3FAFA 95.57%); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } 
.single-counter h3 { font-size: clamp(1.625rem, -0.798rem + 6.462vw, 6.875rem); color: var(--primary); font-family: 'Oswald'; font-weight: 400; margin-bottom: 30px; } 
.single-counter p {  max-width: 420px; }
/* counter */

/* strain */
.strain-wrap { background: linear-gradient(74.85deg, #F3FAFA 8.39%, rgba(243, 250, 250, 0) 53.2%, #F3FAFA 97.02%); position: relative;     padding: 225px 0 230px;}
.strain-line-img1 img{position: absolute;  width: 56.13%; height: auto; top: 46px; right: 0; z-index: 2;}
.strain-line-img2 img{position: absolute;  width: 55.5%; height: auto; bottom: 56px; left:0; z-index: 2;}
.strain-content { max-width: 670px; }
.strain-content ul li { background: rgba(255, 255, 255, 1); box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); border-radius: 30px; padding: 30px 20px 30px 59px; margin-bottom: 30px;  position: relative; } 
.strain-content ul li:before{position: absolute; content: ''; background: url(../images/tick.svg) no-repeat; top: 37px; left: 20px; width: 24px; height: 24px;}
.stain-img { position: relative; border-radius: 20px; padding-bottom: 76.4%; overflow: hidden; width: calc(50% - 24px);} 
.stain-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.stain-images { display: flex; column-gap: 24px; flex-wrap: wrap; align-items: center; justify-content: space-between;} 
.stain-img:last-child { margin-top: 49px; } 
.strain-wrap  .table-responsive { overflow-y: hidden; }
.strain-wrap .table {    z-index: 3;  position: relative;  width: 100%; margin-top: 100px; border-collapse: separate; border-spacing: 0; border: 2px solid #e9e5f3; border-radius: 22px; overflow: hidden; box-shadow: 0px 4px 40px 0px rgba(100, 60, 220, 0.06); margin-bottom: 30px;} 
.strain-wrap .table tr th { font-size: 16px; font-weight: 500; vertical-align: top; background: #E8F8F8;  padding: 25px;     color: var(--black);} 
.strain-wrap .table thead { background: #E8F8F8;  overflow: hidden; border-radius: 22px; } 
.strain-wrap .table thead th:first-child { border-top-left-radius: 22px !important; } 
.strain-wrap .table thead th:last-child { border-top-right-radius: 22px !important; } 

.strain-wrap .table tr td{padding: 22px; color: rgba(119, 119, 119, 1); font-size: 16px; font-weight: 700; background: var(--white); vertical-align: middle;}
.strain-wrap .table tr:last-child td{border-bottom: 0;}
.strain-upper-img { position: absolute; top: 0; } 
.strain-upper-img { position: absolute; top: 0; width: 100%; overflow: hidden; } 
.strain-upper-img img , .strain-lower-img { width: 100%; vertical-align: bottom; margin-bottom: -1px; } 
.strain-lower-img { position: absolute; bottom: 0; width: 100%; overflow: hidden; }

.average-zigzag .row{margin-bottom: 67px;}
.average-zigzag .row:nth-child(even){flex-direction: row-reverse;}
.average-zigzag .row:nth-child(even) .average-img {margin-right: inherit;  margin-left: 30px;}
.average-img { position: relative; padding-bottom: 60%; border-radius: 30px; overflow: hidden; margin-right: 30px; } 
.average-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
.average-content h3 strong { color: red; }
/* strain */
/* disease */
.disease-wrap { text-align: center; } 
.disease-wrap .common-heading{margin-bottom: 0;}
.disease-wrap .common-heading h4 { margin-bottom: 20px; } 
.disease-wrap .common-heading h2 {  margin-bottom: 30px; } 
.disease-wrap .common-heading a {  text-decoration: underline; color: #444444;}
.disease-wrap .common-heading p { color: var(--gray); font-weight: 700;}
/* disease */



/* lifestyle */
.lifestyle-box { background: rgba(243, 250, 250, 1); border-radius: 38px; padding: 30px 26px;  margin: 50px 0;} 
.lifestyle-row { display: flex; flex-wrap: wrap; column-gap: 24px; justify-content: space-between;}  
.lifestyle-col { width: calc(33.3% - 24px); } 
.lifetime-img { border-radius: 20px; position: relative; padding-bottom: 59%; overflow: hidden; margin-bottom: 26px; } 
.lifetime-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; } 
.lifestyle-col h3 { color: #444444; } 
/* lifestyle */

/* tbut */
.tbut-wrap { padding-bottom: 60px; }
.tbut-img { box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.25); width: 77.6%; border-radius: 30px; position: relative; padding-bottom: 44.2%; overflow: hidden; margin-left: 40px;}
.tbut-img img{position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
.tbut-content p { font-weight: 500; color: #444; }
/* tbut */

/*Reflex */
.reflex-wrap { background: linear-gradient(81.74deg, #F3FAFA 3.12%, rgba(243, 250, 250, 0) 52.83%, #F3FAFA 101.46%); position: relative;     padding: 179px 0 251px;}
.reflex-upper-img { position: absolute; top: 0; } 
.reflex-upper-img { position: absolute; top: 0; width: 100%; overflow: hidden; } 
.reflex-upper-img img , .reflex-lower-img { width: 100%; vertical-align: bottom; margin-bottom: -1px; } 
.reflex-lower-img { position: absolute; bottom: 0; width: 100%; overflow: hidden; }

.reflex-wrap:before{position: absolute; content: ''; background: url(../images/tbut-after.svg) no-repeat;     width: 1057px;
    height: 74px; bottom: 146px; left: 0; z-index: 2;}
.reflex-bg { background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 38px; min-height: 407px; display: flex; align-items: center; justify-content: flex-end; padding: 30px; position: relative; z-index: 1; overflow: hidden; } 
.reflex-content { max-width: 470px; } 
.reflex-bg:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(276.62deg, rgba(61, 170, 174, 0.9) 33.69%, rgba(61, 170, 174, 0) 67.35%, rgba(61, 170, 174, 0) 94.41%); z-index: -1; } 
.reflex-content h2 { color: var(--white); margin-bottom: 30px; }
/*Reflex */

/* blog */
.blog-slider-box { box-shadow: 2px 2px 17px 6px rgb(57 139 214 / 16%); border-radius: 30px; overflow: hidden; height: 100%;} 
.blog-img { position: relative; padding-bottom: 69.2%; overflow: hidden; } 
.blog-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; -webkit-transition: 0.4s ease; transition: 0.4s ease; -moz-transition: 0.4s ease; -ms-transition: 0.4s ease; -o-transition: 0.4s ease; } 
.image-zoom:hover .blog-img img {-webkit-transform: scale(1.1); transform: scale(1.1);} 
.blog-text-wrapper { padding: 36px 32px 30px; }

.blog-text-wrapper h3 a { color: #444; } 
.blog-text-wrapper .btn-text { text-transform: uppercase; font-family: 'Oswald'; font-weight: 500; color: var(--primary); font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); letter-spacing: 3px; }
/* blog */

/* get in touch */
.touch-wrap { padding: 0px 0 130px; }
.touch-width { max-width: 1320px; margin: 0 auto; box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); border: 1px solid rgba(220, 237, 255, 1); border-radius: 30px; overflow: hidden; }
.touch-form { padding: 53px 65px; height: 100%;}
.touch-form p {  max-width: 520px; margin-bottom: 30px; } 
.touch-form form input { border: 1px solid rgba(220, 237, 255, 1); padding: 17px 30px; box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); border-radius: 30px; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); color: rgba(111, 136, 150, 1); } 
.contact-form .form-control::-webkit-input-placeholder {
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
 .contact-form .form-control::-moz-placeholder {
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
 .contact-form .form-control:-ms-input-placeholder {
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
  .contact-form .form-control:-moz-placeholder { 
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
.form-group { margin-bottom: 20px; }
.touch-form form textarea { width: 100%; height: 120px; border: 1px solid rgba(220, 237, 255, 1); padding: 17px 30px; box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); border-radius: 30px; font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); color: rgba(111, 136, 150, 1); }
.touch-img { height: 100%; } 
.touch-img img { width: 100%; height: 100%; }


/* get in touch */

/* footer */
footer.footer-wrap { background: var(--secondary); } 
.header-footer { padding: 130px 0 50px; }
.ftr-heading h5 { font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); color: var(--white); font-weight: 500; letter-spacing: 3px; font-family: 'Oswald'; text-transform: uppercase; margin-bottom: 11px; } 
.footer-menu ul li a {color: rgba(221, 221, 221, 1); font-size: clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem); font-weight: 700;} 
.footer-menu ul li a:hover{color: var(--primary);}
.footer-menu ul li p { color: rgba(221, 221, 221, 1); font-size: clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem);  font-weight: 700; margin-bottom: 0; }
.foot-row .col-xl-3:first-child { width: 20%; } 
.foot-row .col-xl-3:nth-child(2) { width: 20%; } 
.foot-row .col-xl-2:nth-child(3) { width: 18.3%; }
.footer-menu ul li { line-height: 1; margin-bottom: 8px; }
.ftr-newsletter input { border-radius: 50px; background: rgba(245, 245, 245, 1); padding: 7px 30px; margin-bottom: 16px; }
.ftr-newsletter .btn{min-width: 100%;}
.ftr-newsletter .btn:hover { background: var(--gray); }

.ftr-newsletter .mc4wp-response{margin-top: 20px;}
.ftr-newsletter .mc4wp-response p { color: var(--white); font-size: 14px; border: 1px solid yellow; text-align: center; padding: 6px; }

.copyright-panel { padding: 20px 0; } 
.copyright-panel .row{border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 20px;}
.copyright-panel p {    color: rgba(255, 255, 255, 0.78); margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 1px;}
.privay-link { text-align: right; } 
.privay-link ul { list-style: none; display: flex; align-items: center; justify-content: flex-end;     margin: 0; padding: 0;} 
.privay-link ul li a {color: rgba(255, 255, 255, 0.78); font-size: 14px; position: relative; display: block; padding-left: 12px; font-weight: 500; letter-spacing: 1px; line-height: 1;} 
.privay-link ul li a:hover{color: var(--primary);}
.privay-link ul li a:before{position: absolute;content: '';width: 1px;height: 100%;background: rgba(255, 255, 255, 0.78);left: 0;top: 50%;transform: translateY(-50%);} 
.privay-link ul li:first-child a:before{display: none;}
.privay-link ul li:not(:first-child) { margin-left: 20px; }
.privay-link ul li:first-child a{padding-left: 0;}
/* footer */

/* inner-banner */
.inner-banner { min-height: 390px; display: flex; align-items: center; position: relative; z-index: 1; background-size: cover; background-position: center center;} 
.inner-banner:before { position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(96.83deg, rgba(21, 89, 92, 0.9) 4.48%, rgba(21, 89, 92, 0.7) 48.89%, rgba(21, 89, 92, 0) 84.59%); top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } 
.inner-banner h1 { color: var(--white); }
/* inner-banner */

/*contact-page*/
.contact-information{background: url(../images/contact-wave.png) no-repeat; background-position: center bottom;}
.contact-wrap { max-width: 1330px; margin: 0 auto; }
.contact-box > p {  max-width: 510px; margin-bottom: 42px; } 
.contact-box ul li { margin-bottom: 34px; } 
.contact-box ul li { display: flex; align-items: center; } 
.contact-box p span { display: inline-block; vertical-align: middle; margin-right: 10px; width: 30px; } 
.contact-box ul li p {  margin-bottom: 0; }
.contact-box ul li a { color: var(--accent); }

.contact-form { backdrop-filter: blur(54px); background: rgba(229, 245, 245, 1); border: 1px solid rgba(255, 255, 255, 1); border-radius: 20px; padding: 40px 30px; } 
.contact-form h3 { margin-bottom: 35px; }
.contact-form .form-control { border: 1px solid rgba(27, 89, 91, 0.2); background: rgba(255, 255, 255, 1); border-radius: 50px; height: 56px; padding: 13px 20px; } 
.contact-form textarea { width: 100%; border: 1px solid rgba(27, 89, 91, 0.2); background: rgba(255, 255, 255, 1); border-radius: 15px; font-size: 16px; font-weight: 400; height: 100px; padding: 13px 20px; color: #777; }
.wpcf7-not-valid-tip{display: none;}
.wpcf7-not-valid { border: 1px solid #dc3232 !important; }
.wpcf7-response-output{text-align: center; font-size: 16px;}
.contact-form .form-control::-webkit-input-placeholder {
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
 .contact-form .form-control::-moz-placeholder {
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
 .contact-form .form-control:-ms-input-placeholder {
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
  .contact-form .form-control:-moz-placeholder { 
    color: rgba(119, 119, 119, 1); font-size: 16px;
  }
/*contact-page*/

/* blog details */
.blog-details-img { position: relative; padding-bottom: 46%; border-radius: 20px; overflow: hidden; margin-bottom: 40px; } 
.blog-details-img img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }
.blog-details-content ul { list-style: disc; padding-left: 20px; margin-bottom: 30px; }
/* blog details */

/* dry- eye-science */
.eye-diagram-img {  border-radius: 0px; width: 48%; overflow: hidden; margin: 0 auto; position: relative; padding-bottom: 30.6%; } 
.eye-diagram-img img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; object-fit: cover; }

.eye-box { box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); border-radius: 30px; padding: 36px 50px; border: 1px solid rgba(220, 237, 255, 1); height: 100%;}
/* .tear-box { margin-top: 100px; } */
.eye-box figure { height: 105px; margin-bottom: 20px; }
.eye-box p { margin-bottom: 0; }



.etiology-row { border: 1px solid rgba(121, 201, 204, 1); background: rgba(242, 255, 255, 1); border-radius: 30px; padding: 60px; margin-bottom: 40px;} 
.etiology-row:not(:last-child){margin-bottom: 40px;}
.etiology-img figure{ border-radius: 20px; position: relative; padding-bottom: 69%; overflow: hidden; } 
.etiology-img figure img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: contain; } 
.etiology-content p { font-weight: 700; }

.zigzag-sec .row { border-top: 1px solid #0000001a; padding-top: 40px; margin-bottom: 20px; } 
.zigzag-sec .row:nth-child(even) { flex-direction: row-reverse; }
.zigzag-sec .row .etiology-col { margin-left: 60px; } 
.zigzag-sec .row:nth-child(even) .etiology-col { margin-left: inherit; margin-right: 60px; }


.etiology-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #E6E6E6; }
.etiology-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #E6E6E6; }
.etiology-content::-webkit-scrollbar { width: 3px; background-color: #E6E6E6; }
.etiology-content::-webkit-scrollbar-thumb { background-color: #000000; border: 2px solid var(--secondary); }

.eye-features { border-top: 1px solid #79C9CC; border-bottom: 1px solid #79C9CC;  margin-top: 100px; }
.img-reverse { position: relative; margin-left: 40px; padding-bottom: 50%; border-radius: 20px; overflow: hidden; } 
.img-reverse img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }
.eye-features .row:not(:last-child) { margin-bottom: 40px; }
.eye-features .row:nth-child(even) { flex-direction: row-reverse;}
.eye-features .row:nth-child(even) .img-reverse{margin-right: 40px; margin-left: inherit;}


.green-bg { box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); background: rgba(121, 201, 204, 1); border: 1px solid rgba(220, 237, 255, 1); height: 100%; border-radius: 30px; padding: 65px 50px; } 

.green-bg * { color: var(--white); }
.terminology-wrap { background: linear-gradient(74.85deg, #F3FAFA 8.39%, rgba(243, 250, 250, 0) 53.2%, #F3FAFA 97.02%); position: relative; padding: 225px 0 230px; }

.treatment-img { position: relative; border-radius: 20px; overflow: hidden; margin-left: 47px; padding-bottom: 126.1%; } 
.treatment-img img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover;}
.treatment-content ul { list-style: disc; margin: 0; padding-left: 31px; } 
.treatment-content ul li { font-size: clamp(1rem, 0.769rem + 0.615vw, 1.5rem); } 
.treatment-content ul li ul { margin: 20px 0; }

.treatment-wrap{padding-bottom: 100px;}
.treatment-info { margin-bottom: 60px; }
.treatment-info figure { position: relative; padding-bottom: 48%; border-radius: 30px; overflow: hidden; margin-bottom: 44px; } 
.treatment-info figure img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; } 
.treatment-info h4 { font-family: 'Creato Display'; color: var(--gray); margin-bottom: 27px; font-weight: 500; } 
.treatment-info p { max-width: 94%; } 
.common-heading { margin-bottom: 60px; }


.tab-wrapper {display: flex;align-items: center;justify-content: center;margin-bottom: 60px;position: relative;padding-bottom: 60px;border-bottom: 1px solid hsl(0deg 0% 0% / 10%);} 
.tabs { display: flex; overflow-x: auto; scroll-behavior: smooth; } 
.tabs::-webkit-scrollbar-track , .tabs::-webkit-scrollbar{display: none;}
.tab-btn {flex: 0 0 auto;margin: 0 0.5rem;padding: 0.5rem 1rem;border: 1px solid #91C0EB;background: white;color: var(--primary);border-radius: 50px;cursor: pointer;transition: background 0.3s, color 0.3s;} 

.tab-wrapper .arrow.left {     margin-left: -54px;} 
.tab-wrapper .arrow.right {    margin-right: -54px;}

.tab-btn.active , .tab-btn:hover { background: #ff6347; color: #fff; border:1px solid #ff6347; box-shadow: 0 4px 8px rgba(255, 99, 71, 0.3); } 
.tab-wrapper .arrow {background: var(--white);border: none;font-size: 2rem;cursor: pointer;color: #999;padding: 0 0.5rem;width: 54px;height: 54px;border: 1px solid #E2E2E2;border-radius: 50%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center;} 
.tab-wrapper .arrow:hover{background: var(--primary); }
.tab-wrapper .arrow:hover img{filter: brightness(0) invert(1);}
.tab-content { margin-top: 0; } 
.tab-content h3 { margin-top: 1.5rem; }

/* dry- eye-science */

/* clinic */
.blue-box { background: rgba(121, 201, 204, 1); box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); border-radius: 30px; padding: 60px; } 
.blue-box { max-width: 1170px; margin: 0 auto; } 
.blue-box h2 { color: var(--white); text-align: center; } 
.blue-box p{ color: var(--white)}
.clinic-form { max-width: 810px; margin: 0 auto; } 
.clinic-form label { font-size: clamp(1rem, 0.942rem + 0.154vw, 1.125rem); color: var(--white); margin-bottom: 14px; } 
.clinic-form .form-control { border-radius: 70px; height: 70px; padding: 0px 30px; color: rgba(119, 119, 119, 1); border: 0; }
.clinic-form h3{color: var(--white);}


.clinic-chart a p { color: var(--accent); font-size: 15px; } 
.clinic-list { background: var(--white); border-radius: 12px; box-shadow: 0px 15px 30px 0px rgba(57, 139, 214, 0.1); padding: 30px; max-width: 1170px; margin: 30px auto 0; } 
.clinic-chart:not(:last-child) { padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } 
.clinic-chart a h4 { font-weight: 600; }
/* clinic */

/* score */
.nil-bg{background: rgba(242, 255, 255, 1); }

.eye-health { position: relative; padding-bottom: 81%; width: 70%; margin: 0 auto;} 
.eye-health img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; }

.blue-box  .step.active{padding: 0; background: transparent; border: 0;}
.btn-flex{display: flex; justify-content: center;}
.btn-flex button{margin: 0 8px;}


.score-table table { border-collapse: separate; width: 100%;  border-radius: 20px; overflow: hidden; border: 1px solid rgba(121, 201, 204, 1); box-shadow: 0px 20px 40px 0px rgba(26, 155, 159, 0.1); border-spacing: 0; padding: 0 !important; } 
.score-table thead th { background-color: #fff; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); font-weight: normal; color: #000; padding: 20px 10px; text-align: center; border-bottom: 1px solid rgb(201 213 214 / 43%); border-right: 1px solid rgb(121 201 204 / 51%);} 
.score-table thead tr th:first-child { background-color: rgba(121, 201, 204, 1); padding: 20px; }
.score-table tbody td { text-align: center; padding: 22px 10px; background-color: #ffffff; border-bottom: 1px solid rgb(121 201 204 / 51%); border-right: 1px solid rgb(121 201 204 / 51%); } 
.score-table tbody tr td:first-child, .score-table thead tr th:first-child { background-color: rgba(121, 201, 204, 1); color: white; text-align: left; font-weight: 700; font-size: clamp(1rem, 0.885rem + 0.308vw, 1.25rem); padding-left: 20px; position: relative; border-bottom: 1px solid rgb(201 213 214 / 43%); } 
.score-table tbody tr:first-child th:first-child { border-top-left-radius: 20px; } 
.score-table tbody tr:last-child td:first-child { border-bottom-left-radius: 20px; } 
.score-table tbody tr:last-child td:last-child { border-bottom-right-radius: 20px; } 
.score-table input[type="radio"] { appearance: none; width: 18px; height: 18px; border: 2px solid #00b3c8; border-radius: 50%; position: relative; outline: none; cursor: pointer; transition: box-shadow 0.2s ease-in-out; } 
.score-table input[type="radio"]:checked { background-color: #00b3c8; box-shadow: 0 0 10px rgba(0, 179, 200, 0.6); } 
.score-table input[type="radio"]::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: white; border-radius: 50%; display: none; } 
.score-table input[type="radio"]:checked::before { display: block; }
.score-table tbody tr td label span { margin-right: 20px;    flex: 0 0 auto; }
.score-qustn { max-width: 1040px; margin: 0 auto 60px; }
.line-btn { background: transparent; border: 1px solid var(--primary); color: var(--primary) !important; }
.score-table tbody tr td label { display: flex; }
.score-table .btn-flex { margin-top: 40px; }
/* score */

/* login */
.card-header .nav-tabs { justify-content: center; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); border-radius: 100px; padding: 6px; width: fit-content; margin: 0 auto 60px; } 
.card-header .nav-tabs li button { padding: 19px; min-width: 233px; font-weight: 700; font-size: clamp(0.938rem, 0.851rem + 0.231vw, 1.125rem); color: var(--primary); border: 0; border-radius: 100px !important; } 
.card-header .nav-tabs li button.active , .card-header .nav-tabs li button:hover { background-color: var(--primary) !important; color: var(--white); } 
.card-header .nav-tabs li:not(:last-child) { margin-right: 6px; }
.contact-form label{font-size: 16px; color: var(--black); margin-bottom: 15px;}
.fr-pswd p { font-size: 20px; } 
.fr-pswd p a { color: var(--primary); }
.togglePassword{right: 30px; position: absolute; top: 38% !important; transform: translateY(60%) !important;}
/* login */

/* thank you */
.sada-bg { background: var(--white); box-shadow: 0px 20px 40px 0px rgba(26, 155, 159, 0.1); border: 1px solid rgba(121, 201, 204, 1); border-radius: 30px; padding: 60px; } 
.sada-bg h2 span { color: var(--secondary); }
/* thank you */

/* strain-page */
.strain-box { border: 1px solid #79c9cc; border-radius: 30px; background: rgba(242, 255, 255, 1); padding: 40px 30px; margin-bottom: 45px; height: calc(100% - 45px);} 
.strain-box h4 { font-family: 'Creato Display'; }
.strain-wrapper {border-bottom: 1px solid #79c9cc; padding-bottom: 100px;}
.cause-box { border-bottom: 1px solid rgb(0 0 0 / 10%); padding-bottom: 20px; margin-bottom: 30px; }
.cause-box h4 { font-family: 'Creato Display'; } 
.cause-box p{margin-bottom: 0;}
.treatment-content .cause-box:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.screen-listing ul li {position: relative;padding-left: 28px;} 
.screen-listing ul li:before { position: absolute; content: ''; width: 16px; height: 16px; background: var(--secondary); border-radius: 50%; top: 8px; left: 0; } 
.screen-listing ul li h4 { font-family: 'Creato Display'; font-weight: 700; }

.preventing-list ul { display: flex; flex-wrap: wrap; } 
.preventing-list ul li { width: 50%; margin-bottom: 50px; padding-left: 56px; position: relative;} 
.preventing-list ul li:before{position: absolute; content: '\f058'; font-family: Font Awesome\ 5 Free; left: 0; top: 0; font-weight: 900; color: var(--secondary);}
.preventing-list ul li h4 { font-family: 'Creato Display'; } 
.preventing-list ul li p { margin: 0; }
.table-ul ul{text-align: left; list-style: disc;}
/* strain-page */

/* Assessment */
.assessment-content ul li { margin-bottom: 12px; padding-left: 30px; position: relative; } 
.assessment-content ul li:before { position: absolute; content: ''; width: 12px; height: 12px; left: 0; background: var(--secondary); border-radius: 50%; top: 6px; }
.assessment-content h2 { padding-bottom: 60px; border-bottom: 1px solid rgba(121, 201, 204, 1); margin-bottom: 40px; }
.assessment-content ul {margin-bottom: 40px;}

.blinking-box { border: 1px solid rgba(121, 201, 204, 1); background: rgba(242, 255, 255, 1); border-radius: 30px; padding: 30px; position: relative;}
.blinking-box figure { position: relative; padding-bottom: 96%; border-radius: 30px; overflow: hidden; z-index: 1; } 
.blinking-box figure img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;     object-fit: cover; object-position: 0 -14px;} 
/* .blinking-box figure:after { position: absolute; content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 100%) 90%, rgba(0, 0, 0, 1) 100%); top: 0; bottom: 0; left: 0; right: 0; } */
.blinking-box h3 {  text-align: center; color: var(--black);  }
.test-sec { position: absolute; top: 83%; transform: translateY(-50%); z-index: 3; left: 0; right: 0;  padding: 0 37px;}
#countdown { font-size: 5rem; margin-bottom: 20px; } 
#startBtn { padding: 10px 20px; font-size: 1.2rem; cursor: pointer; } 
.cntdwn { border: 10px solid var(--primary); width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--primary);}
/* Assessment */

.locator-disc span { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; align-content: center; background: var(--secondary); border-radius: 50%; margin: 0 auto 30px; } 
.locator-disc span i { color: var(--white); font-size: 30px; } 
.locator-disc { text-align: center; border-radius: 8px; background: #fff; box-shadow: 0px 0px 5px #d6eeed; height: 100%; padding: 20px;} 
.locator-disc p , .locator-disc a { color: var(--accent); }
.card-body iframe { width: 100%; height: 100%; }
.map-sec { height: 100%; }

/* disclaimer */
#cookieDisclaimer{text-align: center;}
#cookieDisclaimer ul { display: flex; align-items: center; justify-content: center; }
/* disclaimer */

/* media query */
@media only screen and (min-width:1799px) {  

    .container { max-width: 1600px; } 


}

@media only screen and (max-width:1799px) {  
    .main-menu ul li a { font-size: 12px;}
    .main-menu ul li { margin-right: 16px;}
    .main-menu ul .line-btns a{padding: 14px 14px 14px 33px !important;}
    .main-menu ul .line-btns a:before{background-size: 62%;}
    .talk-btn a{font-size: 12px !important;min-width: 152px;padding: 14px 14px !important;}


    .single-counter p { max-width: 370px; }

    .strain-wrap{padding: 195px 0 190px;}
    .stain-images{column-gap: 12px;}
    .stain-img{width: calc(50% - 12px);}
    .strain-content { max-width: 570px; }

    .reflex-wrap{padding: 169px 0 221px;}

    .footer-menu ul li a{font-size: 16px;}

    .logout-link { min-width: 110px !important; }
}

@media only screen and (max-width:1599px) { 
	.eye-box{padding: 25px 20px;}
    .eye-features{margin-top: 40px;}
    .green-bg{padding: 55px 30px;}
    .eye-health {width: 90%;}
    .eye-box{padding: 30px 27px;}
 
}
@media only screen and (max-width:1399px) {  
    
    .logo-block { width: 116px; }
    .main-menu ul li { margin-right: 10px; }
    .talk-btn a{min-width: 136px;}
    li.menu-item-has-children > a::after{   font-size: 11px;}
}


@media only screen and (max-width:1356px) {
    
    .single-counter p{max-width: 318px;} 
    .strain-wrap { padding: 174px 0 147px; }

    .tbut-img{width: 85%;     padding-bottom: 53%;}
    
    .foot-row .col-xl-3:first-child , .foot-row .col-xl-3:nth-child(2) ,  .foot-row .col-xl-2:nth-child(3) , .foot-row .col-xl-2:nth-child(4) , .foot-row .col-xl-3:last-child{ width: 33.3%; }

    .score-table tbody td{padding: 13px 10px;}
    .terminology-wrap{padding: 135px 0 170px;}
    .common-padding { padding-top: 80px; padding-bottom: 80px; }
    .header-footer { padding: 80px 0 50px; }
    .footer-menu { margin-bottom: 30px; }

}
@media only screen and (max-width:1199px) {
    

    .header-right-btn { margin: 0 0 0 auto; }
    .nav_btn { width: 30px; height: 30px; position: relative; ; transition: .5s ease-in-out; cursor: pointer; right: 0;    z-index: 9999; }
    .nav_btn span { display: block; position: absolute; height: 2px; width: 100%; background: var(--accent); border-radius: 0; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out;}
    .main-menu.open { transform: translateX(0);}
    .main-menu { position: fixed; transform:translateX(-100%); left: 0; top: 0; bottom: 0; z-index: 999; max-width: 100%; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: var(--white); padding:92px 30px 0; margin:0; display:block; height: 100vh; width: 100%; transition: 250ms ease-in;}
    .main-menu ul{max-width: 300px; margin: 0 auto;}
    .main-menu ul li { width: 100%; margin: 0; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu ul li a { display: block; padding: 10px; border-bottom: 1px dashed var(--accent);}
    .nav_close { display: block; position: absolute; top: 8px; right: 10px; z-index: 999; font-size: 30px; }

    .plus, .minus { display: block; padding: 6px 5px 6px 30px; font-weight: 700; color: #000; font-size: 20px; cursor: pointer; position: absolute; right: 0; left: 0; top: 0; font-size: 25px; z-index: 9; text-align: right; } 
    .plus { display: inline-block; width: 30px; left: 80%; top: -4px; }
    .minus {display: none;} 
    .open-sub > .minus {width: 30px; left: 80%; top: 5px;} 
    .menu-item-has-children.open-sub > .plus {display: none;} 
    .menu-item-has-children .open-sub > .minus {display: block;} 
    .menu-item-has-children.open-sub > ul.sub-menu { display: block; } 
    .open-sub>.minus { display: inline-block; width: 30px; left: 80%; top: -5px; }
    li.menu-item-has-children ul.sub-menu a{padding-left: 20px; width: 100%; font-size: 12px;}
    .main-menu ul li.menu-item-has-children a { margin-right: 0; }
    li.menu-item-has-children ul.sub-menu li{width: 100%;}
    .main-menu ul .line-btns a{border-bottom: 0;}

    .menu-dropdown .plus {  display: block;} 
    .menu-dropdown .minus {  display: none;} 
    .menu-dropdown.open-sub > .plus {display: none;} 
    .menu-dropdown.open-sub > .minus {display: block;} 
    .main-menu ul li.menu-item-has-children li.menu-dropdown ul.super-sub-menu { display: none !important;} 
    .main-menu ul li.menu-item-has-children li.menu-dropdown.open-sub ul.super-sub-menu { display: none} 
    .menu-item-has-children:after , .menu-item-has-children > a::after{ display: none; } 
     li.menu-item-has-children > ul.sub-menu { position: inherit; top: 0; min-width: 100%; box-shadow: none; display: none; left: 0;}
     .main-header{   padding: 17px  0;}
     li.menu-item-has-children:hover ul.sub-menu { display: none;}
     li.menu-item-has-children.open-sub ul.sub-menu {display: block; background: var(--white); opacity: 1; visibility: visible; width: 100%; top: 0; left: 0; padding: 0;}
     .nav_btn span:nth-child(1) { top: 4px; } 
     .nav_btn span:nth-child(2) { top: 14px; } 
     .nav_btn span:nth-child(3) { top: 24px; } 
     .nav_btn.open span:nth-child(3) { top: 14px; transform: rotate(-135deg); } 
     .nav_btn.open span:nth-child(2) { opacity: 0; left: -30px; } 
     .nav_btn.open span:nth-child(1) { top: 14px; transform: rotate(135deg); }
     .talk-btn a{display: block !important; width: 100%; margin-top: 16px;}
     .main-menu ul li:last-of-type { margin-top: 0; }


     .banner{min-height: calc(100vh - 67px);}
     .banner-content{max-width: 730px;}
     .strain-wrap .table{margin-top: 40px;}

    .common-padding { padding-top: 80px; padding-bottom: 80px; }
    .strain-wrap { padding: 134px 0 130px; }
    .stain-img{padding-bottom: 100%;}
    .strain-content ul li{padding: 30px 20px 30px 45px;}
    .strain-content ul li:before{left: 12px;}

    .reflex-content { max-width: 350px; }

    .blog-text-wrapper { padding: 25px 17px; }

    .touch-form { padding: 30px 36px;}

   .footer-menu{margin-bottom: 30px;}
   .header-footer { padding: 80px 0 50px; }

   .single-counter{padding: 10px;}
   .single-counter p{font-size: 16px;}

   .card-header .nav-tabs{border-radius: 8px; margin: 0 auto 30px;}
   .card-header .nav-tabs li button{border-radius: 8px !important; min-width: 217px;}

   .eye-health { width: 100%; }
   .main-menu ul .line-btns a:before{display: none;}

   .cntdwn{width: 80px; height: 80px;     border-width: 6px ;}

   .assessment-content h2{padding-bottom: 30px;  margin-bottom: 30px;}
   .assessment-content h2 br{display: none;}

    .body-open { overflow: hidden; }
}


@media only screen and (max-width:991px) { 
    
    .banner-content { max-width: 600px; }
    .vision-box{padding: 50px 30px; margin-top: 0; height: auto; margin-bottom: 30px;}
    .vision-img{margin-top: 0;}
    .epidemic-box{padding: 38px 30px;}
    .single-counter{margin-bottom: 30px;}

    .strain-wrap { padding: 80px 0; }
    .strain-line-img1 , .strain-line-img2 , .strain-upper-img , .strain-lower-img , .reflex-wrap:before , .reflex-upper-img , .reflex-lower-img{display: none;}
    .strain-content { max-width: 100%; } 
    .strain-wrap .table tr th{white-space: nowrap;}
    .reflex-wrap { padding: 80px 0; }

    .lifestyle-col { width: calc(50% - 24px); }

    .tbut-img { width: 100%; padding-bottom: 53%; margin-left: 0; }
    .touch-wrap { padding: 0px 0 80px; }

    .contact-box ul li { margin-bottom: 22px; }
    
    .foot-row .col-xl-3:first-child, .foot-row .col-xl-3:nth-child(2), .foot-row .col-xl-2:nth-child(3), .foot-row .col-xl-2:nth-child(4){ width: 50%; }
    .foot-row .col-xl-3:last-child{width: 100%;}

    .copyright-panel p{text-align: center; margin-bottom: 20px;}
    .privay-link ul{justify-content: center;}

    .locator-img img { width: 100%; } 
    .locator-img { margin-bottom: 20px; }

    .locator-disc{margin-bottom: 20px; height: calc(100% - 20px);}

    .map-sec iframe { height: 600px; } 
    .map-sec { margin-bottom: 30px; height: auto; }

 
    .eye-health{margin-bottom: 30px;}
    .common-heading { margin-bottom: 40px; }

    .clinic-form .form-control{height: 50px;}

    .sada-bg{padding: 30px;}
    .sada-bg img { max-width: 130px; margin-bottom: 30px; }

    .eye-box { text-align: center; margin-bottom: 50px; height: auto; }
    .lg-margin { margin-top: 40px; }
    .green-bg{margin-bottom: 20px; height: auto;}
    .terminology-wrap { padding: 80px 0; }
    .img-reverse{margin-left: 0;}
    .eye-features .row:nth-child(even) , .eye-features .row { flex-direction: column-reverse; }
    .img-reverse{margin-bottom: 20px;}
    .eye-features .row:nth-child(even) .img-reverse { margin-right: 0;}
    .zigzag-sec .row .etiology-col { margin-left: 0px; }
    .etiology-img{margin-bottom: 20px;}
    .etiology-row{padding: 30px}
     .treatment-img{margin-bottom: 20px; margin-left: 0;}
     .tab-wrapper{padding-bottom: 40px; margin-bottom: 40px;}
     .tab-wrapper .arrow{width: 34px; height: 34px; font-size: 30px;}
     .tab-wrapper .arrow.left { margin-left: -34px; }
     .tab-wrapper .arrow.right { margin-right: -34px; }
     .zigzag-sec .row:nth-child(even) .etiology-col{margin-right: 0;}
     .treatment-info p{max-width: 100%;}
     .average-content{margin-top: 30px;}
     .average-zigzag .row:nth-child(even) .average-img{margin-left: 0;}
     .average-img{margin-right: 0px;}
     .strain-box{height: auto; border-radius: 20px; margin-bottom: 25px;}
     .strain-wrapper{padding-bottom: 60px;}
     .common-padding { padding-top: 60px; padding-bottom: 60px; }
     .preventing-list ul li{margin-bottom: 30px; padding-left: 26px;}
    .assessment-content{margin-bottom: 30px;}
    .score-table table{overflow: auto; border-radius: 0;}
    .score-table tbody td, .score-table thead th {min-width: 300px; }
    .score-table tbody tr td:first-child, .score-table thead tr th:first-child{    position: sticky; left: 0; z-index: 1;}
     .score-table tbody tr:last-child td:first-child{  border-bottom-left-radius: 0px;}
     .score-table tbody tr:last-child td:last-child { border-bottom-right-radius: 0px; }
     .score-table tbody tr td label span { margin-right: 7px;}
     .btn-flex{flex-direction: column-reverse;}
     .btn-flex .btn{min-width: 100%;  margin-bottom: 12px; margin-left: 0; margin-right: 0;}
}

@media only screen and (max-width:767px) { 
	.container { max-width: 95%; }
    .top-header ul li a{font-size: 13px;}
    .top-header ul li:not(:last-child) { margin-right: 10px; }
    .vision-img{padding-bottom: 59%; margin-bottom: 30px;}
    .common-heading h4{margin-bottom: 16px;}
    .vision-box { padding: 30px}
    .epidemic-box:after{width: 100px; height: 100px; top: 58px; right: 36px; z-index: -1; background-size: 74%; background-position: right 100%;}
    .single-counter { margin-bottom: 30px; max-width: 250px; height: 250px; margin: 0 auto 30px; aspect-ratio: inherit;}
    .single-counter p { max-width: 200px; }
    .single-counter h3{margin-bottom: 20px;}
    .common-small-padding { padding-top: 40px; padding-bottom: 40px; }
    .strain-wrap { padding: 40px 0; }
    .lifestyle-row{column-gap: 0px;}
    .lifestyle-col { width: 100%; }
    .lifestyle-box{margin: 20px 0;}
    .reflex-wrap { padding: 40px 0; }
    .reflex-bg{min-height: 306px; align-items: flex-end; text-align: center; justify-content: center; border-radius: 18px; background-position: left 33% center;}
    .reflex-bg:before{background: linear-gradient(5deg, rgba(61, 170, 174, 0.9) 35.69%, rgba(61, 170, 174, 0) 95.35%, rgba(61, 170, 174, 0) 0.41%);}
    .sm-margin { margin-top: 20px; }
    .foot-row .col-xl-3:first-child, .foot-row .col-xl-3:nth-child(2), .foot-row .col-xl-2:nth-child(3), .foot-row .col-xl-2:nth-child(4) { width: 100%; }
    .touch-wrap { padding: 0px 0 60px; }
    .touch-form { padding: 30px 20px; }
    .banner-content h3{margin-bottom: 30px;}
    .btn{letter-spacing: 2px;padding: 16px 14px !important;}
    .common-padding { padding-top: 60px; padding-bottom: 60px; }
    .vision-img{border-radius: 20px;}
    .banner {background-position: 62% center;}
    .card-header .nav-tabs{width: 100%;         display: block;}
    .card-header .nav-tabs li button{min-width: 100%;}
    .contact-form .btn{min-width: 100%;}

    .blue-box{padding: 30px 20px;}
    .clinic-form .form-control{height: 50px; padding: 0px 30px;}

    .locator-disc{margin-bottom: 20px; height: auto;}
    .locator-disc span { width: 60px; height: 60px; margin: 0 auto 16px;}
    .locator-disc span i{font-size: 20px;}

    .btn-flex{flex-wrap: wrap;}
    .btn-flex .btn{min-width: 100%;  margin-bottom: 12px; margin-left: 0; margin-right: 0;}
    .tab-wrapper .arrow{display: none;}

    .preventing-list ul li{width: 100%;}
    .screen-listing ul li:before{width: 10px; height: 10px; top: 5px;}

    .eye-diagram-img{padding-bottom: 62.6%; width: 100%;}
    .blinking-box{padding: 10px;}
    .test-sec{padding: 0 19px;}

    .score-table tbody td, .score-table thead th { min-width: 190px; }
}

@media only screen and (max-width:413px) { 

}