/*
Theme Name: The Lasik
Description: Optimal Vision
Theme URI: https://www.thelasik.co.uk/
Author: -
Version: 1.0

/* =Reset
-------------------------------------------------------------- */

@import 'css/reset.css';
@import 'assets/fontawesome/css/all.min.css';
@import 'css/responsive.gs.24col.css';
@import 'css/micromodal.css?v=1121070132';
@import 'css/swipebox.css?v=1121070126';
@import 'css/flickity.css';
@import 'css/validationEngine.jquery.css';
@import 'css/campaigns.css';


/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:wght@400;500;700&display=swap');

:root {
	--first: rgb(0,0,0);
	--second: #005eab;
	--third: rgb(255,255,255);
	--fourth: #03b5f2;
	--fifth: #f9f8f6;
	--sixth: #777;
}

html, body {
	height:100%;
}

/* Body */
body {
	cursor:default;
	background:var(--fifth);
	color:var(--first);
	margin:0;
	padding:0;
	overflow-x:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	font-family: "Poppins", sans-serif;
	font-size:1rem;
	font-weight:400;
	display: table;
	width:100%;
	height:100%;
}

::selection {
	color:var(--third);
	background:var(--second);
/* Safari */
}

::-moz-selection {
	color:var(--third);
	background:var(--second);
/* Firefox */
}
a  {
	color:var(--second);
	text-decoration: none;
}
a:hover {
	color:var(--fourth);
	text-decoration:none;
}

b {
	font-weight:700;
}

strong {
	font-weight:900;
}

sup {
  vertical-align: super;
  font-size: small;
}

/* Loading */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: var(--second);
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 4px;
}

.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px var(--second), 0 0 5px var(--second);
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-moz-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	-o-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	top: 15px;
	left: 15px;
	width: 14px;
	height: 14px;
	border: solid 2px transparent;
	border-top-color: var(--second);
	border-left-color: var(--second);
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.container {
	width: 100%;
	max-width: 1140px;
	padding:2rem 1rem;
	margin: 0 auto;
}

.wrapper {
	width:100%;
	max-width:1140px;
	margin:0 auto;
}

.top-marquee {
	width:100%;
	height:3.25rem;
	padding:0 1rem;
	background-color:var(--second);
}

.top-marquee .wrapper {
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:1rem;
	height: 100%;
	color:var(--third);
}

.top-marquee .wrapper .lnx {
	display:flex;
	align-items: center;
	gap:1rem;
}

.top-marquee a {
	color:var(--third);
}

.top-marquee a:hover i {
	color:var(--fourth);
	border:1px solid var(--fourth);
}

.top-marquee span {
	font-size:.9rem;
	font-weight:500;
}

.top-marquee span i {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width:1.75rem;
	height:1.75rem;
	border:1px solid var(--third);
	border-radius:.5rem;
	margin-right:.5rem;
}

.top-marquee .request-a-call-back {
	display:flex;
	justify-content: center;
	align-items: center;
	height:100%;
	padding:1rem;
	background:var(--fourth);
}

.top-marquee .request-a-call-back a {
	font-size:.9rem;
	font-weight:700;
}

.top-marquee .request-a-call-back:hover {
	background:var(--third);
}

.top-marquee .request-a-call-back:hover a {
	color:var(--second);
}

@media (max-width: 980px) {
.top-marquee {
	display:none;
}
}

header {
	position:relative;
	width:100%;
	padding:.75rem 1rem;
	background:var(--third);
	box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.1);
	transition:top .3s ease-in-out;
	z-index:99;
}

header .logo img {
	display: block;
	width: 100%;
	max-width: 280px;
	height:auto;
}

header .wrapper {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
}

header a.book-a-consultation {
	font-size:.9rem;
	font-weight:700;
	border:2px solid var(--second);
	padding:.75rem 1rem;
	border-radius:5rem;
}

header a.book-a-consultation:hover {
	background:var(--second);
	color:var(--third);
}

header a.book-a-consultation-res {
	display:none;
	width:2.5rem;
	height:2.5rem;
	background-color:var(--fourth);
	padding:.5rem;
	border-radius:.75rem;
	cursor:pointer;
}

header a.book-a-consultation-res:hover {
	background-color:var(--second);
}

header a.book-a-consultation-res svg {
	width:1.5rem;
	height:auto;
	fill:var(--third);
}

header nav .menu a {
	color:var(--first);
}

header nav .menu a:hover {
	color:var(--fourth);
}

header nav .menu ul {
	display:flex;
	align-items: center;
	gap: 1rem;
	font-size:.9rem;
}

header nav .menu ul li {
	position:relative;
}

header nav .menu ul li ul {
	display:none;
}

header nav .menu ul li a {
	position:relative;
	padding:.5rem 0;
	font-weight:500;
}

header nav .menu ul li ul.sub-menu {
	position:absolute;
	width:max-content;
	padding:.5rem 1rem;
	border-radius:1rem;
	background:var(--third);
	box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.1);
}

header nav .menu ul li ul.sub-menu li {
	border-bottom:1px solid #ddd;
}

header nav .menu ul li ul.sub-menu li a:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background:none;
	border-right:2px solid var(--fourth);
	border-top:2px solid var(--fourth);
	border-top-right-radius:2px;
	transform:rotate(45deg);
	margin-top:.05rem;
	margin-right:.5rem;
	transition:all .1s ease-in;
}

header nav .menu ul li ul.sub-menu li a:hover:before {
	border-right:2px solid var(--second);
	border-top:2px solid var(--second);
}

header nav .menu ul li ul.sub-menu li:last-child {
	border-bottom:none;
}

.menu > ul > li.menu-item-has-children a:first-child {
	width:100%;
	display:flex;
	align-items: center;
}

.menu > ul > li.menu-item-has-children a:first-child:after {
	position:inherit;
	display:block;
	content:'';
	width:6px;
	height:6px;
	background:none;
	border-left:2px solid var(--fourth);
	border-bottom:2px solid var(--fourth);
	border-bottom-left-radius:2px;
	transform:rotate(-45deg);
	margin-left:.5rem;
	margin-bottom:.25rem;
	top:0;
	right:0;
	transition:all .1s ease-in;
}

header .menu > ul > li.menu-item-has-children:hover a:first-child:after {
	border-left:2px solid var(--second);
	border-bottom:2px solid var(--second);
	transform:rotate(0deg);
	margin-bottom:.1rem;
}

header .menu > ul > li > ul.sub-menu > li a:after {
	display:none !important;
}

header .menu li.current-menu-item a, header .menu li.current_page_item a, header .menu li.current-menu-parent a {
	color:var(--fourth);
}

header .menu li.current-menu-parent ul li a  {
	color:var(--first);
}

header .menu li.current-menu-parent ul li a:hover, header .menu li.current-menu-parent ul li.current-menu-item a {
	color:var(--fourth);
}


.navbar-checkbox {
	display:none;
}

/* Navbar Handle */
.menu-mobile {
	display:none;
	width:30px;
	height:45px;
	z-index:999;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.15s ease-in-out;
	-moz-transition:.15s ease-in-out;
	-o-transition:.15s ease-in-out;
	transition:.15s ease-in-out;
	cursor:pointer;
	position:absolute;
	top:.55rem;
	right:0;
}

.menu-mobile span {
	display:block;
	position:absolute;
	height:3px;
	width:100%;
	background: var(--second);
	opacity:1;
	left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.15s ease-in-out;
	-moz-transition:.15s ease-in-out;
	-o-transition:.15s ease-in-out;
	transition:.15s ease-in-out;
}

.menu-mobile span:nth-child(1) {
	top:0;
}

.menu-mobile span:nth-child(2),.menu-mobile span:nth-child(3) {
	top:8px;
}

.menu-mobile span:nth-child(4) {
	top:16px;
}

.menu-mobile.open span:nth-child(1) {
	top:18px;
	width:0;
	left:50%;
}

.menu-mobile.open span:nth-child(2) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.menu-mobile.open span:nth-child(3) {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.menu-mobile.open span:nth-child(4) {
	top:18px;
	width:0;
	left:50%;
}


@media (max-width: 1140px) {
header .logo img {
	max-width: 230px;
}

header nav .menu ul {
	gap:.75rem;
}
}

@media (max-width: 1065px) {
header a.book-a-consultation {
	display:none;
}

header a.book-a-consultation-res {
	display:flex;
}
}

@media (max-width: 925px) {
	
header .wrapper {
	flex-direction: column;
	position:relative;
	gap:0;
}

header a.book-a-consultation-res {
	position:absolute;
	top:-.075rem;
	right:3rem;
}

header .logo {
	width:100%;
}

header .logo img {
	width: auto;
	max-width:17rem;
	padding-right:3rem;
}

.menu-mobile {
	display:block;
}

header nav {
	width:100%;
}

header nav .menu ul {
	display:none;
}

header nav .menu ul li {
	width:100%;
	padding:.75rem 1rem;
	border:1px solid #eee;
	border-radius:.75rem;
	background:var(--third);
	box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.1);
	margin-bottom:.25rem;
}

header nav .menu ul li.menu-item-home {
	margin-top:1.5rem;
}

header nav .menu ul li ul.sub-menu {
	position:inherit;
}

header nav .menu ul li a {
	padding:0;
}

header nav .menu ul li ul.sub-menu {
	width:100%;
	box-shadow:none;
	padding:.5rem 0;
}

header nav .menu ul li ul.sub-menu li {
	margin-bottom:.25rem;
	box-shadow:none;
	border:none;
	border-bottom: 1px solid #ddd;
	border-radius:0;
	padding:.75rem 0;
}

header nav .menu ul li ul.sub-menu li:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

}


main {
	
}

main.act {
	margin-top:75px;
}



.meet-our-eye-surgeon {
	
}

.meet-our-eye-surgeon span.subtitle {
	display:block;
	font-family:"Roboto", sans-serif;
	font-size:2rem;
	text-align:center;
	color:var(--second);
	margin:1rem 0;
}

.meet-our-eye-surgeon .moes-bg {
	width:100%;
	/* background:url('img/oner_bg.jpg'); */
	background-size:cover;
	background-repeat:no-repeat;
	background-position:right top;
	background-color:var(--second);
}

.meet-our-eye-surgeon .moes-wrapper {
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap:2rem;
}

.meet-our-eye-surgeon .dr-amir-mani {
	width:33.333%;
}

.meet-our-eye-surgeon .dr-amir-mani img {
	width:100%;
	height:auto;
	border:.25rem solid var(--third);
	box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.1);
}

.meet-our-eye-surgeon .description {
	width:66.666%;
}

.meet-our-eye-surgeon .description span {
	display:block;
	color:var(--third);
}

.meet-our-eye-surgeon .description span.l1 {
	font-family:"Roboto", sans-serif;
	font-size:2rem;
	line-height:2rem;
	margin-bottom:1rem;
}

.meet-our-eye-surgeon .description span.l2 {
	font-weight:500;
}

.buttons {
	display:flex;
	gap:1rem;
	margin-top:1rem;
}

.button {
	display:flex;
	padding: .75rem 1rem;
	background-color: var(--fourth);
	border-radius: 5rem;
	align-items: center;
	justify-content: center;
	gap: .5rem;
}

.button.white {
	padding:.815rem 1rem;
	background-color: var(--third);
}

.button span {
	font-size:1rem;
	font-weight:700;
}

.button.white span {
	font-size:.9rem;
}

.button i {
	color:var(--third);
}

.button.white span {
	color:var(--second);
}

a:hover .button {
	background-color:var(--third);
	color: var(--second);
}

a:hover .button.white {
	background-color:var(--fourth);
	color:var(--third);
}

a:hover .button span, a:hover .button i {
	color:var(--second);
}

a:hover .button.white span {
	color:var(--third);
}

@media (max-width: 815px) {
.meet-our-eye-surgeon .moes-wrapper {
	flex-direction: column;	
}

.meet-our-eye-surgeon .dr-amir-mani {
	width:50%;
}

.meet-our-eye-surgeon .description {
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.meet-our-eye-surgeon .description span.l1, .meet-our-eye-surgeon .description span.l2 {
	text-align: center;
}

.meet-our-eye-surgeon .description .button span {
	font-size:.9rem;
}
}


/* Footer */
footer {
	display: table-row;
	background:#212121;
}

footer .container {
	display:flex;
	justify-content: space-between;
}

.menu-footer-menu-container {
	width:100%;
	padding-right:3rem;
}

.menu-footer-menu-container a {
	color:var(--third);
}

.menu-footer-menu-container .menu {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
}

.menu-footer-menu-container ul li a, footer .get-in-touch span.git {
	display:block;
	font-family:"Oswald", sans-serif;
	font-size:1.5rem;
	text-transform:uppercase;
	margin-bottom:2rem;
	line-height:1.25rem;
	cursor:default;
}

.get-in-touch span.git {
	margin-bottom:1rem !important;
}

.menu-footer-menu-container ul li ul a {
	font-family: "Poppins", sans-serif;
	font-size:1rem;
	text-transform:none;
	display:flex;
	align-items: flex-start;
	gap:.5rem;
	margin-bottom:0;
	cursor:pointer;
	width:max-content;
	max-width: 14rem;
}

.menu-footer-menu-container ul li ul a:before {
	content:'';
	display:block;
	width:.35rem;
	height:.35rem;
	border-top:2px solid var(--third);
	border-right:2px solid var(--third);
	transform:rotate(45deg) translate(2px, 6px);
}

.menu-footer-menu-container ul li ul a:hover, .menu-footer-menu-container ul li.current-menu-item a {
	color:var(--fourth);
}

.menu-footer-menu-container ul li ul {
	display:flex;
	flex-direction: column;
	gap:.5rem;
}

footer .get-in-touch {
	display:flex;
	flex-direction: column;
	gap:1rem;
	color:var(--third);
}

footer .get-in-touch div {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	align-items: flex-start;
	gap:.5rem 1rem;
}

footer .get-in-touch i {
	color:var(--fourth);
	line-height:1.25rem;
}

footer .get-in-touch span {
	line-height:1.25rem;
}

footer .get-in-touch div a {
	color:var(--third);
}

footer .get-in-touch div a:hover {
	color:var(--fourth);
}

footer .footer-divider {
	width:calc(100% - 2rem);
	max-width: 1108px;
	height:1px;
	background:rgba(255,255,255,.1);
	margin:0 auto;
}

footer .footer {
	font-size:.9rem;
	color:var(--third);
}

footer .footer span.copyright {
	width:50%;
}

footer .footer .essential-links {
	width:100%;
	display:flex;
	justify-content: flex-end;
	gap:1rem;
}

footer .footer .essential-links a {
	color:var(--third);
}

footer .footer .essential-links a:hover {
	color:var(--fourth);
}


@media (max-width: 815px) {
.menu-footer-menu-container .menu {
	grid-template-columns: repeat(2, 1fr);
	gap:2rem;
}	
}

@media (max-width: 598px) {
footer .container {
	flex-direction: column;
	gap:2rem;
}

footer .get-in-touch {
	width:50%;
}
.menu-footer-menu-container {
	width:50%;
}
.menu-footer-menu-container .menu {
	grid-template-columns: repeat(1, 1fr);
}	
}

/* Cookies */
#cookies {
  user-select: none;
  -webkit-user-select: none;
  position:fixed;
  display:flex;
  align-items: center;
  justify-content: center;
  gap:.75rem .5rem;
  width: 100%;
  max-width:30rem;
  bottom:1.5rem;
  left:50%;
  transform:translate(-50%, 0);
  font-size:.9rem;
  color:var(--first);
  padding:1rem;
  border-radius:1rem;
  border:1px solid rgba(0,0,0,.04);
  background-color:var(--fifth);
  -webkit-box-shadow: 0px 10px 17px -7px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 10px 17px -7px rgba(0,0,0,0.08);
  box-shadow: 0px 10px 17px -7px rgba(0,0,0,0.08);
  animation: cookies .5s ease;
  z-index:99;
}

@keyframes cookies {
  0% {
	transform:translate(-50%, 10rem);
  }
  100% {
	transform:translate(-50%, 0);
  }
}

#cookies.disabled {
  transform:translate(-50%, 10rem);
  animation: disabled .5s ease;
}

@keyframes disabled {
  0% {
	transform:translate(-50%, 0);
  }
  100% {
	transform:translate(-50%, 10rem);
  }
}

#cookies a {
  position:relative;
  font-weight:700;
}

#cookies a:after {
  position:absolute;
  content:'';
  width:100%;
  height:1px;
  background-color:var(--second);
  left:0;
  bottom:-.05rem;
  transition:width .15s ease;
}

#cookies a:hover:after {
  width:0;
}

@media (max-width: 500px) {
#cookies {
  max-width:17.8rem;
  flex-wrap:wrap;
}
}

#cookies button {
  border:0;
  outline:0;
  padding:.5rem .75rem;
  line-height:1rem;
  background: linear-gradient(-45deg, #03b5f2, #005eab, #03b5f2, #005eab);
  background-size: 400% 400%;
  animation: gradient 10s ease infinite;
  color:var(--third);
  font-family: "Poppins", sans-serif;
  font-weight:700;
  border-radius:.25rem;
  text-transform:uppercase;
  cursor:pointer;
}

#cookies button:hover {
  background:var(--fourth);
}

#cookies button#decline {
  font-weight:400;
  background:var(--third);
  color:var(--first);
}

#cookies button#decline:hover {
  background:var(--fourth);
  color:var(--third);
}

/* Modal */
.modal-offer .modal__overlay {
	background: rgba(255, 255, 255, .3);
}

.modal-offer .modal__close:hover:before, .modal-offer .modal__close:hover:after {
	background-color:var(--first);
}

.modal-offer .modal__container {
	width:max-content;
	padding:0;
	border-radius:1rem;
	margin:0 3rem;
}

.modal-offer .modal__content {
	margin-top:0;
}

.modal-offer .modal__content a {
	display:block;
}

.modal-offer .modal__content a:hover {
	opacity:.8;
}

.modal-offer .modal__content img {
	display:block;
	width:100%;
	max-width:500px;
	height:auto;
}


.home .hero {
	position:relative;
	width:100%;
	height:calc(100vh - 7.84375rem);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:var(--second);
	transition:background-position .5s ease-out;
}

.home .hero:after {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:var(--second);
	opacity:0;
	z-index:1;
	transition:opacity .3s ease-in-out;
}

.home .hero .wrapper {
	height:100%;
	position:relative;
	z-index:2;
}

.home .hero .hero-wrapper {
	display:flex;
	width:62%;
	height:100%;
	flex-direction: column;
	justify-content: center;
	padding:1rem;
}

.home .hero span.title {
	font-family: Oswald, sans-serif;
	color:var(--third);
	text-transform:uppercase;
	font-size:5rem;
	display:block;
	line-height:5rem;
}

.home .hero ul {
	padding:2rem 0 1rem 0;
}

.home .hero ul li {
	font-weight:700;
	list-style: none;
	display: block;
	padding-left: 1.5rem;
	color: var(--third);
	background: url(img/arrow-white.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin-bottom:.5rem;
}

.home .hero p {
	font-size:1.3rem;
	font-weight:500;
	line-height:1.9rem;
	color:var(--third);
}

.home .hero p span {
	display:block;
	margin:.5rem 0 1.5rem 0;
	font-weight:700;
	font-size:2.75rem;
	text-transform:uppercase;
}

.home .hero a.button, .offer a.button, .improve_eye a.button {
	background: var(--fourth);
	font-family: Oswald, sans-serif;
	color: var(--third);
	font-size: 2rem;
	text-transform: uppercase;
	display:block;
	width:max-content;
	padding:.5rem 2rem .65rem 2rem;
	margin-top:1.75rem;
	text-shadow: 1px 2px 0 hsl(0deg 0% 0% / 35%);
	border-radius:5rem;
	transition:all .15s ease-out;
}

.home .hero a.button:hover {
	background:var(--third);
	color:var(--second);
	text-shadow: 0 0 0 hsl(0deg 0% 0% / 0%);
}

.offer a.button:hover {
	background:var(--second);
	text-shadow: 0 0 0 hsl(0deg 0% 0% / 0%);
}

.improve_eye a.button {
	margin:1rem auto 0 auto;
	background-color:var(--second);
}

.improve_eye a.button:hover {
	background:var(--third);
	color:var(--second);
	text-shadow: 0 0 0 hsl(0deg 0% 0% / 0%);
}

@media (max-width: 1120px) {
.home .hero {
	background-position:70% center;
}

.home .hero .hero-wrapper {
	padding:1rem 3rem;
}
.home .hero span.title {
	font-size:4rem;
	line-height:4rem;
}
}

@media (max-width: 1010px) {
.home .hero span.title {
	font-size:3rem;
	line-height:3rem;
}
}

@media (max-width: 796px) {
.home .hero .hero-wrapper {
	width:100%;
	align-items: center;
	padding:1rem 2rem;
}

.home .hero:after {
	opacity:.75;
}

.home .hero span.title {
	text-align:center;
}

.home .hero p {
	font-size:1.15rem;
	line-height:1.75rem;
	text-align:center;
}

.home .hero p span {
	font-size:2.5rem;
	
}
}

@media (max-width: 530px) {
.home .hero {
	background-position:86% center;
}
}

.home .stripe {
	margin:3rem 0;
	padding:1rem 2rem;
}

.home .stripe .wrapper {
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap:1rem;
}

@media (max-width: 580px) {
.home .stripe .wrapper {
	grid-template-columns: repeat(2, 1fr);
}
}

.home .stripe .ftchr {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border:1px dashed var(--fourth);
	padding:1rem .5rem;
	border-radius:5rem;
	gap:.5rem;
}

.home .stripe .icon {
	display:flex;
	justify-content: center;
	align-items: center;
	width:3rem;
	height:3rem;
	min-width:3rem;
	min-height:3rem;
	border:1px solid var(--fourth);
	border-radius:5rem;
}

.home .stripe .icon img {
}

.home .stripe div span {
	font-weight:500;
	font-size:.95rem;
	line-height:1.25rem;
	color:var(--second);
	text-align:center;
}

.home .welcome .wrapper {
	padding:0 2rem;
}

.home .welcome h1 {
	display:block;
	text-align:center;
	font-family:"Roboto", sans-serif;
	color:var(--second);
	font-weight:700;
	font-size:2.25rem;
}
.home .welcome h2 {
	display:block;
	text-align:center;
	font-family:"Roboto", sans-serif;
	color:var(--second);
	font-weight:400;
	font-size:2rem;
}

.home .welcome .welcome_des {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:1rem;
	margin-top:1.5rem;
}

@media (max-width: 780px) {
.home .welcome .welcome_des {
	grid-template-columns: repeat(1, 1fr);
}
}

.home .welcome .welcome_des p {
	color:var(--sixth);
	margin-bottom:1rem;
}

.home .welcome .welcome_des p:last-child {
	margin-bottom:0;
}

.home .welcome .welcome_des img {
	width:100%;
	height:auto;
}

.home .wcol {
	margin:1.5rem 0;
}

.home .wcol .wrapper {
	padding:0 2rem;
}

.home .wcol span.wcol_t {
	display:block;
	text-align:center;
	font-family:"Roboto", sans-serif;
	color:var(--second);
	font-size:2.25rem;
	margin-bottom:1.5rem;
}

.home .wcol .wcol_cols {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:2rem;
}

@media (max-width: 580px) {
.home .wcol .wcol_cols {
	grid-template-columns: repeat(1, 1fr);
}
}

.home .wcol .wcol_cols div {
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	padding:1.5rem;
}

.home .wcol .wcol_cols div span {
	display:block;
	color:var(--second);
	font-size:1.35rem;
	font-weight:700;
	margin-bottom:.75rem;
}

.home .wcol .wcol_cols div p {
	color:var(--sixth);
}

.ayltiyesfcv {
	display:block;
	background-image:url('img/cta_bg.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	margin:2rem 0;
}

.ayltiyesfcv-wrapper {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:1rem;
	padding:3rem 2rem;
}

.ayltiyesfcv .des span {
	display:block;
	color:var(--third);
}

.ayltiyesfcv .des span:first-child {
	font-family: Roboto, sans-serif;
	font-weight:700;
	font-size:2.5rem;
	line-height:3rem;
	margin-bottom:1rem;
}

.ayltiyesfcv .des span:last-child {
	font-size:1.5rem;
	line-height:1.85rem;
	font-weight:500;
}

.ayltiyesfcv .buttons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.ayltiyesfcv .buttons a:first-child div.button {
	background-color:var(--second);
	color:var(--third);
}

.ayltiyesfcv .buttons a:first-child:hover div.button {
	background-color:var(--third);
	color:var(--second);
}

.ayltiyesfcv .buttons a:last-child:hover div.button {
	background-color:var(--second);
}


@media (max-width: 890px) {
.ayltiyesfcv-wrapper {
	padding:3rem 1rem;
}

.ayltiyesfcv .des {
	padding:0 1rem;
}

.ayltiyesfcv-wrapper {
	grid-template-columns: repeat(1, 1fr);
}
.ayltiyesfcv .buttons {
	flex-direction: row;
	gap:.5rem;
}
}

.wiles .wrapper {
	padding:2rem;
}

.wiles .wiles_t, .witrcfles span, .wclesd span {
	display: block;
	font-family: "Roboto", sans-serif;
	color: var(--second);
	font-weight: 700;
	font-size: 2.25rem;
	margin-bottom:1rem;
}

.wiles .wiles_g {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:2rem;
}

@media (max-width: 815px) {
.wiles .wiles_g {
	grid-template-columns: repeat(1, 1fr);
	gap:1rem;
}
}


.wiles .video {
	position:relative;
}

.wiles .video img {
	width:100%;
	height:auto;
	padding:.5rem;
	border:1px solid var(--second);
	border-radius:1rem;
}

.wiles .video .play_button {
	position:absolute;
	display:flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 50px;
	border-radius: 10px;
	background: rgba(255,0,0,1);
	color:var(--third);
	font-size:1.3rem;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.wiles .video:hover .play_button {
	background: rgba(0,0,0,.5);
}

.wiles .wiles_g .des {
	display:flex;
	flex-direction: column;
	justify-content: center;
}

.wiles .wiles_g p, .witrcfles p, .wclesd p {
	color:var(--sixth);
}

.witrcfles {
	background-color:#f3f3f3;
}

.witrcfles .wrapper, .wclesd .wrapper {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:2rem;
	padding:4rem 2rem;
}

@media (max-width: 815px) {
.witrcfles .wrapper, .wclesd .wrapper {
	grid-template-columns: repeat(1, 1fr);
	gap:1rem;
}
}

.witrcfles ul, .wclesd ul {
	margin:2rem 0;
}

.witrcfles ul li, .wclesd ul li, .tabs .tab ul li {
	color:var(--sixth);
	position:relative;
	padding:4px 0 4px 25px;
}

.witrcfles ul li:before, .wclesd ul li:before, .tabs .tab ul li:before {
	content: '';
	background: url(img/arrow.png) no-repeat;
	width: 14px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 10px;
}

.witrcfles iframe, .wclesd iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
	height:auto;
	display: block;
}

.dkoleswp {
	margin:4rem 0;
}

.dkoleswp .wrapper {
	padding:0 2rem;
}

.dkoleswp span.title {
	display: block;
	font-family: "Roboto", sans-serif;
	color: var(--second);
	font-weight: 700;
	text-align:center;
	font-size: 2.25rem;
	margin-bottom:1.5rem;
}

.dkoleswp .grid {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:2rem;
}

@media (max-width: 580px) {
.dkoleswp .grid {
	grid-template-columns: repeat(1, 1fr);
}
}

.dkoleswp .grid .card {
	box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}

.dkoleswp .grid .card figure {
	position: relative;
	padding-bottom: 65%;
	height: 0;
	margin-bottom: 1rem;
}

.dkoleswp .grid .card img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 1;
}

.dkoleswp .grid .card span.subtitle {
	display: block;
	font-family: "Roboto", sans-serif;
	color: var(--second);
	font-weight: 900;
	font-size: 1.5rem;
	padding:0rem 1.25rem .5rem 1.25rem;
}

.dkoleswp .grid .card span.description {
	display:block;
	color:var(--sixth);
	padding:0 1.25rem;
}

.dkoleswp .grid .card a {
	display:block;
	width:max-content;
	margin:1.25rem;
	background-color:var(--second);
	color:var(--third);
	padding:.5rem;
	font-weight:500;
}

.dkoleswp .grid .card a:hover {
	background-color:var(--fourth);
}

.wteitss .wteitss_cols {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 2rem 5%;
	margin:2rem 0;
}

.wteitss .wteitss_cols div {
	display:inline-block;
	width:47.5%;
}

@media (max-width: 580px) {
.wteitss .wteitss_cols div {
	display:block;
	width:100%;
}
}

.wteitss .wteitss_cols span.col_num {
	display:flex;
	width:2rem;
	height:2rem;
	font-weight:700;
	font-size:1.5rem;
	line-height:0;
	padding:2rem;
	border-radius:10rem;
	text-align:center;
	background-color:var(--fourth);
	color:var(--third);
	margin:0 auto;
	justify-content: center;
	align-items: center;
}

.wteitss .wteitss_cols span.col_title {
	display:block;
	text-align:center;
	font-weight:700;
	font-size:1.15rem;
	margin:1rem 0;
}

.wteitss .wteitss_cols p {
	display:block;
	color:var(--sixth);
	font-size:.9rem;
	text-align:center;
}

.wttuflesil .wteitss_cols {
	display: flex;
	flex-wrap: nowrap;
	gap: 2rem;
	align-items: center;
}

.wttuflesil .wteitss_cols div.col {
	display:flex;
	flex-direction: column;
	width:33.333333%;
}

.wttuflesil .wteitss_cols div.col div {
	width:100%;
}

.wttuflesil img {
	width:100%;
	max-width:33.333333%;
	height:auto;
}

 .wttuflesil .wteitss_cols div.col span.col_title {
	 display: block;
	 font-weight: 700;
	 font-size: 1.15rem;
	 line-height:1.45rem;
	 margin: 1rem 0;
	 text-align:left;
 }
 
 .wttuflesil .wteitss_cols div.col span.col_title b {
	 color:var(--second);
	 font-size:1.35rem;
	 padding-right:.25rem;
 }
 
.wttuflesil .wteitss_cols div.col p {
	display: block;
	color: var(--sixth);
	font-size: .9rem;
	text-align:left;
 }
 
@media (max-width: 635px) {
.wttuflesil .wteitss_cols {
	flex-wrap:wrap;
	flex-direction: column;
}
.wttuflesil .wteitss_cols div.col {
	width:100%;
}
.wttuflesil .wteitss_cols div.col div {
	max-width:100%;
}

.wttuflesil img {
	max-width:100%;
 }
 }
 
 
.table_section {
	background-color:var(--third);
}

.table_section .wrapper {
	padding:2rem;
}

.table_section tr .bg-blue {
	background: var(--second);
	color: var(--third);
	border:none;
	font-size: 16px;
	font-weight: 500;
}

.table_section table {
	border-collapse: separate;
	border-spacing: 6px;
}

.table_section table p, .pi_cols table p {
	margin-bottom:0 !important;
}

.table_section tr td,
.table_section tr th, .pi_cols tr td, .pi_cols tr th {
	margin: 4px;
	color: var(--fourth);
	border: 1px solid #dee2e6;
	text-align: center;
	padding: 18px 13px;
	vertical-align: middle;
}

.table_section tr td p, .table_section tr th p, .pi_cols tr td p, .pi_cols tr th p {
	text-align:center;
}

.table_section tr i.fa-check, .pi_cols tr i.fa-check {
	color:#25D366;
	font-size:1.25rem;
}

.table_section tr i.fa-xmark, .pi_cols tr i.fa-xmark {
	color:#ED486B;
	font-size:1.25rem;
}

@media (max-width: 635px) {
.table_section .wrapper {
	padding:1rem;
}
.table_section tr, .table_section tr .bg-blue {
	font-size:.65rem;
	line-height:.9rem;
}

.table_section tr td,
.table_section tr th {
	margin: 0px;
	padding:.5rem;
}

.table_section tr i {
	font-size:.9rem !important;
}
}

.offer {
	display: block;
	background-image: url(img/new_offerbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin:0;
}

.offer .wrapper {
	display:flex;
	gap:2rem;
	align-items: center;
	padding:0 2rem;
}

.offer .new_offer {
	width:50%;
	padding:2rem 0;
}

.offer .new_offer span {
	display:block;
	font-size: 3vw;
	line-height: 3.5vw;
	font-weight:500;
	color:var(--second);
	margin-bottom:1rem;
}

.offer .new_offer span b:first-child {
	font-size: 4.22vw;
	text-transform: uppercase;
}

.offer .new_offer p {
	color:#777;
}

.offer .new_offer p b {
	color:var(--second);
}

.offer .new_offer_image {
	width:50%;
	padding-top:2rem;
}

.offer .new_offer_image img {
	display:block;
	width:100%;
	height:auto;
}

@media (max-width: 860px) {
.offer .wrapper {
	flex-direction: column;
	gap:0;
}

.offer .new_offer, .offer .new_offer_image {
	width:100%;
}

.offer .new_offer {
	padding:2rem 0 0 0;
}

.offer .new_offer span {
	font-size:3.2rem;
	line-height:4rem;
	text-align:center;
}

.offer .new_offer span b:first-child {
	font-size: 4.5rem;
}

.offer .new_offer p {
	text-align:center;
}

.offer .new_offer_image {
	display: flex;
	justify-content: center;
}

.offer .new_offer_image img {
	max-width:400px;
}

.offer a.button {
	margin:1.75rem auto 0 auto;
}	
}

.improve_eye {
	margin-top:0;
}

.improve_eye .wrapper {
	padding:3rem;
}

.improve_eye span {
	display:block;
	text-align:center;
	color:var(--third);
}

.improve_eye span:first-child {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom:.75rem;
}

.improve_eye span:nth-child(2) {
	font-family: "Poppins", sans-serif;
	font-weight:700;
	font-size:1.5rem;
	margin-bottom:.75rem;
}

.improve_eye span:nth-child(3) {
	font-weight:500;
	font-size:1.25rem;
}

.lesf .wrapper {
	padding:2rem;
}

.lesf span.sectitle, .reviews span.sectitle {
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 2rem;
	text-align: center;
	color: var(--second);
	font-weight:700;
	margin: 1rem 0;
}

/* Accordion */
.accordion {
	width:100%;
	margin:0 auto 1rem auto;
	padding:0 2rem;
	border-radius:1.5rem;
	border:1px solid rgba(0,0,0,.04);
	background-color:var(--fifth);
	-webkit-box-shadow: 0px 10px 17px -7px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 10px 17px -7px rgba(0,0,0,0.08);
	box-shadow: 0px 10px 17px -7px rgba(0,0,0,0.08);
}

.accordion i {
	display:block;
	text-align:center;
	font-size:2rem;
	color:var(--second);
}

.accordion span.faq {
	font-size:1.2rem;
	display:block;
	text-align:center;
	margin-top:.5rem;
}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

.accordion .accordion-item:last-child {
	border-bottom:none;
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  font-family: "Lato", sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  color:var(--first);
  border: none;
  background: none;
  outline: none;
}

.accordion button:hover{
	color:var(--second);	
}

.accordion button:hover, .accordion button:focus {
  cursor: pointer;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: var(--second);
}
.accordion button .accordion-title {
	font-size:1.15rem;
	color:var(--second);
	font-weight:700;
	display:block;
	padding: 0 1.5em 0 0;
}

.accordion button:hover .accordion-title, .accordion button[aria-expanded=true] .accordion-title {
	color:var(--fourth);	
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 24px;
  right: 0;
  width: 12px;
  height: 12px;
  border-left:2px solid var(--fourth);
  border-bottom:2px solid var(--fourth);
  border-bottom-left-radius:2px;
  transform:rotate(-45deg);
  transition:all .1s ease-in;
}

.accordion button[aria-expanded=true] .icon {
	top:26px;
	border-left:2px solid var(--second);
	border-bottom:2px solid var(--second);
	transform:rotate(0deg);
}

.accordion button[aria-expanded=true] {
  color: var(--second);
}

.accordion .accordion-content {
  display:none;
  overflow: hidden;
}
.accordion .accordion-content p {
  font-size:1rem;
  margin-bottom:1rem;
  color:#777;
}

.accordion .accordion-content ul {
	list-style-image: url("img/arrow.png");
	list-style-position: outside;
	padding: 0 0 0 1.5rem;
	margin-bottom:1rem;
}

.accordion .accordion-content ul li {
	color:var(--first);
	font-size:1rem;
	margin-bottom:.5rem;
}

.inside .accordion .accordion-content ul li {
	color:#777;
}

.reviews .wrapper {
	padding:2rem;
}


.reviews .thumbnails {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap:3rem;
}

@media (max-width: 810px) {
.reviews .thumbnails {
	gap:1rem;
}
}

.reviews .thumbnails figure {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	margin-bottom: 1rem;
}

.reviews .thumbnails figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 1;
	border-radius:3rem;
}

.c-wrapper .reviews .thumbnails {
	gap:1rem;	
	margin-top:2rem;
}

.c-wrapper .reviews .thumbnails figure img {
	border-radius:2rem;
}

.reviews .thumbnails .play_button {
	position:absolute;
	display:flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 50px;
	border-radius: 10px;
	background: rgba(255,0,0,1);
	color:var(--third);
	font-size:1.3rem;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:3;
}

.reviews .thumbnails div figure:hover .play_button {
	background: rgba(0,0,0,.5);
}

@media (max-width: 635px) {
.reviews .thumbnails figure img {
	border-radius:1.5rem;
}

.reviews .thumbnails .play_button {
	width: 40px;
	height: 25px;
	font-size:.65rem;
	border-radius: 8px;
}
}

.modal-form .modal__content {
	margin-top:0;
}

.modal-form span.title {
	display:block;
	color:var(--second);
	font-weight:700;
	text-align:center;
	font-size:1.75rem;
}

input, textarea, select {
	outline:none;
}

select {
	
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=radio] {
  width:auto;
}

.booking-form input, .booking-form textarea {
	width:100%;
	margin:1rem 0;
}

.booking-form .consultation_type {
	display:flex;
	align-items: flex-start;
	margin:.5rem 0;
}

.booking-form .consultation_type input[type=checkbox] {
	width:1rem;
	margin:.3rem .4rem 0 0;
}

.booking-form .consultation_type label {
	display:inline-block;
	font-size:1rem;
	color:var(--sixth);
	user-select: none;
	-webkit-user-select: none;
}

.booking-form p.iuwltw {
	display:block;
	font-size:.75rem;
	color:#909090;
	font-weight:500;
	margin:1rem 0 1rem 0;
}

.booking-form button[type=submit] {
	width:100%;
	margin-bottom:1rem;
}

.booking-form .successful {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.booking-form .successful span {
	text-align: center;
}

.booking-form .successful svg {
	width: 100%;
	height: auto;
	max-width: 12rem;
	fill: #2de0a9;
	margin-bottom: 1rem;
	margin: 0 0 1rem 0;
}

.booking-form span.error {
	display:block;
	text-align:center;
	color:#ea1854;
}

.booking-form span.error i {
	display:block;
	font-size:3rem;
	text-align:center;
	margin:.5rem 0;
}

input[type=text], input[type=email], input[type=tel], textarea {
	display:block;
	outline:0;
	width:calc(100% - 1rem);
	font-family: "Poppins", sans-serif;
	font-size:1.1rem;
	padding:1rem;
	border:1px solid #eaeaea;
	border-radius:1.5rem;
	margin:1rem 0;
	background-color:var(--third);
	color:var(--second);
}

button[type=submit] {
	outline:0;
	font-family: "Poppins", sans-serif;
	font-size:1rem;
	padding:1rem;
	border:0;
	border-radius:2rem;
	background:var(--fourth);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
	color:var(--third);
	font-weight:700;
	text-transform:uppercase;
	cursor:pointer;
}

button[type=submit]:hover {
	background:var(--second);
}

button[type=submit] span {
	margin:0;
	user-select: none;
	-webkit-user-select: none;
}

button[type=submit] span i {
	font-size:1rem;
}

span.pcypc {
	display:block;
	margin-top:1rem;
	color:var(--sixth);
}

svg.thank-you {
	width:100;
	max-width:300px;
	height:auto;
	fill:var(--second);
	display: block;
	margin: 1rem auto 2rem auto;
}

.successful span, span.error {
	display:block;
	text-align:center;
}

span.error i {
	color: #ED486B;
	display: block;
	margin: 1rem;
	font-size: 3rem;
	text-align: center;
}


.page .hero {
	position: relative;
	height: auto;
}

.page .hero img {
	width:100%;
	height:auto;
}

.page .hero img.mob {
	display:none;
}

.page .hero .title {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.page .hero .title .wrapper {
	padding:0 1rem;
}

.page .hero .title .wrapper span {
	font-family: Roboto, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2.25rem;
	text-transform: uppercase;
	display: block;
	width: 100%;
	max-width: 46%;
}

.page .hero .title .wrapper.light span {
	color:var(--third);
}

@media (max-width: 735px) {
.page .hero img.des {
	display:none;
}

.page .hero img.mob {
	display:block;
}

.page .hero .title span {
	font-size:1.75rem;
	line-height:1.75rem;
}
}

.inside {
	margin-top:2rem;
}

.inside .wrapper {
	padding:1rem;
	display:flex;
	gap:2rem;
	position:relative;
}

.inside .content {
	width:100%;
	max-width:66.666667%;
}

.inside .content.drmani {
	max-width:100%;
}

.inside .content.drmani .two-img-grid {
	display:flex;
	justify-content: center;
	gap: 2rem;
	padding-top: 1rem;
	
}

.inside .content.drmani .two-img-grid img {
	height:100%;
	max-height:25rem;
	width:auto;
	max-width:initial;
	margin:initial;
}

.inside .content.drmani .gimble-eye-center {
	
}

.inside .content.drmani .gimble-eye-center img {
	display:block;
	width:100%;
	max-width:35rem;
}

@media (max-width: 891px) {
.inside .content.drmani .two-img-grid img {
	max-height:20rem;
}
}

@media (max-width: 727px) {
.inside .content.drmani .two-img-grid {
	flex-direction: column;
	align-items: center;
}

.inside .content.drmani .two-img-grid img {
	width:100%;
	max-width:30rem;
	height:auto;
	max-height:inherit;
}

.inside .content.drmani .two-img-grid img:first-child {
	max-width:15rem;
}
}

.inside .content div.c-wrapper {
	margin-top:1rem;
	margin-bottom:2rem;
}

.inside .content div.c-wrapper:last-child {
	margin-bottom:0;
}

.inside .pi_cols span.c_title, .inside .pi_cols h3, .inside .content span.faqs {
	display:block;
	font-family: Roboto, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2rem;
	color:var(--second);
	margin-bottom:1rem;
}

span.c_title.gall-one {
	display:block;
	font-family: Roboto, sans-serif;
	font-size: 2rem;
	font-weight: 400;
	text-align:center;
	line-height: 2rem;
	color:var(--sixth);
	margin:2rem 0 1rem 0;
	
}

span.wdpsah {
	display:block;
	color:var(--fourth);
	margin-top:-1rem;
}

.inside .pi_cols h3 {
	font-size:1.85rem;
}

.inside .content span.faqs {
	margin-top:3rem;
}

.inside .pi_cols p {
	color:#777;
	margin-bottom:1rem;
}

.inside .pi_cols ul {
	margin:20px 0;
	display: flow-root;
}

.inside .pi_cols ul.inline {
	column-count: 3;
}

.inside .pi_cols ol {
	list-style:decimal;
	list-style-position: inside;
	color:#777;
}

.inside .pi_cols ol li {
	margin-bottom:1rem;
}

.inside .pi_cols ul li {
	color:#777;
	padding: 6px 0 6px 25px;
	position: relative;
}

.inside .pi_cols ul li:before {
	content: '';
	background: url(img/arrow.png) no-repeat;
	width: 14px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 10px;
}

.inside .c-wrapper img {
	display:block;
	width:100%;
	max-width:25rem;
	height:auto;
	border-radius:1rem;
	box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.1);
	margin:0 auto;
}


.drmani-exp {
	background-color:#ebeff6;
	padding:3rem 0;
	margin-top:3rem;
}

/**
 * Tabs
 */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.tabs label {
  order: 1;
  display: block;
  padding: 1rem 2rem;
  margin-right: .5rem;
  cursor: pointer;
  background: var(--fourth);
  color:var(--third);
  font-weight: bold;
  transition: background ease 0.2s;
  border-top-right-radius:1rem;
  border-top-left-radius:1rem;
}

.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  max-width:900px;
  display: none;
  padding:3rem;
  background: #fff;
  border-radius:1rem;
}

.tabs .tab p {
	color:var(--sixth);
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label {
  background: #fff;
  color:var(--second);
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
}

@media (max-width: 780px) {
  .tabs .tab,
.tabs label {
	order: initial;
  }

  .tabs label {
	width: 100%;
	margin-right: 0;
	margin-top: 0.5rem;
  }
.tabs label {
	border-radius:1rem;
}
.tabs .tab {
	border-top-right-radius:0;
	border-top-left-radius:0;
	padding:0 3rem 1rem 3rem;
}
.tabs input[type=radio]:checked + label {
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
}

.testimonials {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:2rem;
	width:100%;
	margin-top:1rem;
	align-items: center;
}

.testimonials div:first-child {
	display:flex;
	flex-direction: column;
	align-items: flex-end;
	gap:1rem;
}

.testimonials div p {
	background-color:#00329f;
	color:var(--third) !important;
	padding:11.15242% 14.86989%;
	font-size:1.25rem;
	font-weight:500;
	border-radius:1rem;
}

.testimonials div:nth-child(2) p {
	background-color:#73a434;
}

.testimonials div img {
	margin:inherit !important;
}

@media (max-width: 630px) {
.testimonials {
	grid-template-columns: repeat(1, 1fr);
}
.testimonials div:first-child {
	align-items: center;
}
}

.inside .form {
	max-width:33.333333%;
}

.inside .form .booking-form {
	position: sticky;
	top:7rem;
}

.inside .form .booking-form span.title {
	display:block;
	width:100%;
	padding:1rem;
	background-color:var(--second);
	color:var(--third);
	font-weight:500;
	font-size:1.3rem;
	text-align:center;
	border-top-right-radius:1.5rem;
	border-top-left-radius:1.5rem;
}

.inside .form .booking-form .form-bg {
	padding:.25rem 1rem;
	background-color:var(--fourth);
	border-bottom-right-radius:1.5rem;
	border-bottom-left-radius:1.5rem;
}

.inside .form .booking-form input[type=text], .inside .form .booking-form input[type=email], .inside .form .booking-form input[type=tel], .inside .form .booking-form textarea {
	width:100%;
	padding:.75rem 1rem;
	border-radius:1rem;
}

.inside .form .booking-form span.pcypc, .inside .form .booking-form .consultation_type label, .inside .form .booking-form p.iuwltw {
	color:var(--third);
}

.inside .form .booking-form button[type=submit] {
	background-color:var(--second);
	border-radius:1rem;
}

.inside .form .booking-form button[type=submit]:hover {
	background-color:var(--third);
	color:var(--second);
}

.inside .content .cons {
	margin: 0 0 1rem;
	padding:3rem;
	border: 2px solid var(--fourth);
	border-radius: 1.5rem;
	position: relative;
	color: var(--first);
	background-color: rgba(110, 159, 165, .16);
	margin-top: 40px;
	margin-bottom:0;
}

.inside .content .cons span {
	display:block;
	color:var(--second);
	text-transform:uppercase;
	font-size:1.85rem;
	line-height:2.25rem;
	font-weight:700;
	text-align:center;
	margin-bottom:1rem;
}

.inside .content .cons.consul span {
	text-transform:inherit;
}

.inside .content .cons p {
	text-align:center;
	font-size:1.15rem;
	margin-bottom:1rem;
	color:var(--first) !important;
}

.inside .content .cons p:last-child {
	margin-bottom:0;
}

.inside .content .cons a.phone {
	display: inline-flex;
	font-weight: 700;
	align-items: center;
	gap: .25rem;
}

.inside .content .cons a.phone i {
	font-size:.95rem;
}

.inside .content .cons a.call-back {
	display: flex;
	width:max-content;
	max-width: 80%;
	gap:4rem;
	margin:2rem auto 1rem auto;
	background-color: var(--second);
	color: var(--third);
	justify-content: space-between;
	align-items: center;
	padding: .75rem 2.2rem;
	border-radius: 2rem;
	position:relative;
}

.inside .content .cons a.call-back span {
	font-size:1.3rem;
	line-height:1.7rem;
	color:var(--third);
	margin-bottom:0;
	text-transform:inherit;
}

.inside .content .cons a.call-back i {
	font-size:1.5rem;
}

.inside .content .cons a.call-back:after {
	background-color: rgba(255, 255, 255, .1);
	border: 0 solid currentColor;
	content: '';
	height: 110%;
	position: absolute;
	top: -5%;
	transition: all .3s;
	width: 6.5375rem;
	z-index: 1;
	right: -15px;
	transform: skewX(-15deg);
	transform-origin: right;
}

.inside .content .cons a.call-back:hover:after {
	width:0;
}

.pi_cols table tr, .pi_cols table td, .pi_cols table p {
	color:var(--first) !important;
}

.pi_cols table td.bg-blue, .pi_cols table th.bg-blue {
	background-color:var(--second);
	color:var(--third) !important;
	font-weight:700;
}

.inside .content.drmani .about-left {
	float:left;
	margin:0 2rem 2rem 0;
	padding:1rem;
	border-radius: 1.5rem;
	border: 1px solid rgba(0, 0, 0, .04);
	background-color: var(--third);
	-webkit-box-shadow: 0px 10px 17px -7px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 10px 17px -7px rgba(0,0,0,0.08);
	box-shadow: 0px 10px 17px -7px rgba(0, 0, 0, 0.08);
}

.inside .content.drmani .about-left .about-img img {
	display:block;
	width:100%;
	height:auto;
	border-top-left-radius:.85rem;
	border-top-right-radius:.85rem;
}

.inside .content.drmani .about-left .about-des {
	display:block;
	background-color:var(--second);
	border-bottom-left-radius:.85rem;
	border-bottom-right-radius:.85rem;
	padding:1rem;
}

.inside .content.drmani .about-left .about-des span {
	display:block;
	color:var(--third);
	text-align:center;
}

.inside .content.drmani .about-left .about-des span:first-child {
	font-weight:700;
	font-size:1.5rem;
}

@media (max-width: 650px) {
.inside .content.drmani .about-left {
	float: inherit;
	max-width:25rem;
	margin:0 auto 2rem auto;
}

.inside .content .cons {
	padding:3rem 1rem;
}

.inside .content table tr, .inside .content table th {
	font-size:.65rem;
}

.inside .content .cons a.call-back {
	width: fit-content;
}

.inside .content .cons a.call-back span {
	font-size:1rem;
	line-height:1.15rem;
}

.inside .pi_cols ul.inline {
	column-count:inherit;
}

.page .hero .title .wrapper span {
	font-size:1.5rem;
	line-height:1.75rem;
}
}

@media (max-width: 960px) {
.inside .wrapper {
	flex-direction: column;
}
.inside .content, .inside .form {
	max-width:100%;
}
}


/* Reviews */
.review_box {
	position: relative;
	margin:0;
	border: 1px solid #ededed;
	background-color: #fff;
	padding: 15px
}

.review_box:before {
	position: absolute;
	bottom: -7px;
	left: 35px;
	display: block;
	width: 14px;
	height: 14px;
	border: 1px solid #e5e5e5;
	border-top: none;
	border-left: none;
	background-color: #fff;
	content: "" !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.quote_icon {
	position: absolute;
	left: 10px;
	top: 15px
}

.review_box p {
	font-size: 13px;
	color: var(--first);
	height: 80px;
	overflow-y: auto;
	padding-right: 10px;
	font-weight: 400;
	text-align: left;
	padding-left: 25px;
	line-height: 1.2;
}

.sb-container {
	position: relative;
	overflow: hidden
}

.sb-scrollbar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 5px;
	background: #d4d4d4
}

.sb-scrollbar {
	position: absolute;
	right: 0;
	width: 5px;
	background-color: #989898
}

.sb-content {
	height: 100%;
	width: 120%;
	padding-right: 20%;
	overflow-y: scroll;
	box-sizing: border-box;
	color: #000;
	font-size: 14px
}

.review_box p img {
	display:block;
	width: 100px;
	max-width:5.25rem;
	height: auto;
	margin-bottom:.25rem;
}

.g_icon {
	position: absolute;
	right: 9px;
	bottom: 9px;
}

.author {
	display: flex;
	padding-left: 10px;
	margin: 15px 0 20px;
	align-items: center
}

.author .image {
	margin-right: 10px;
	padding: 0;
	border-radius: 50%;
	overflow: hidden
}

.author .image img {
	width: 35px
}

.author .image:before {
	content: none
}

.review_text h3,
.review_text span.name {
	font-size: 12px;
	color: #00a1c5;
	text-transform: none;
	margin-bottom: 0;
	margin: 0;
	font-family: Lato, sans-serif
}

.review_text h3 a,
.review_text span.name a {
	color: #0a0a0a
}

.custom_review {
	background: rgb(255 255 255 / 7%);
	margin: 20px 0 10px
}

.review_box img {
	width: auto !important;
	max-width:1.5rem;
}

.review_box .sb-content img {
	padding-bottom: 3px
}

.google_review .review_box .sb-content img {
	display: inline-block;
	max-width: 88px
}

.review_box p {
	padding-left: 0;
	height: 100px
}

.review_right {
	position: relative;
	padding: 0 25px
}

.reviews-container {
	display:block;
	margin-top:2rem;
}

.reviews-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;	
}

.plat-logo img {
	width:100%;
	max-width:15rem;
	height:auto;
}

.plat-logo.google {
	padding:0 2%;
}

.plat-logo.google img {
	max-width:12rem;
}

.carousel {
	width:100%;
	padding:0 4rem;
}
.carousel .item {
	width:calc(33.33333% - 1rem);
	margin-right:1rem;
}

@media (max-width: 790px) {
.carousel .item {
	width:calc(50% - 1rem);
}
}

@media (max-width: 630px) {
.carousel .item {
	width:calc(100%);
}
}

@media (max-width: 450px) {
.reviews-wrapper {
	flex-direction: column;
}
.plat-logo img {
	max-width:10rem;
	margin:.5rem 0;
}
.plat-logo.google img {
	max-width:7rem;
}
}


.contactform {
	width:100%;
}

.contactform .inpwrap {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:1rem;
}

.contactform .inpwrap input[type=text], .contactform .inpwrap input[type=email], .contactform .inpwrap input[type=tel] {
	width:100%;
	margin:0;
}

.address span.title, .contactform span.title {
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2rem;
	color: var(--second);
	margin-bottom: 1rem;
}

.address span.ci {
	display:block;
	font-weight:700;
	color:var(--first);
}

.address span.ci i {
	color:var(--fourth);
	margin-right:.5rem;
}

.address span.ca i {
	font-size:1.15rem;
	margin-left:.15rem;
	color:var(--fourth);
	margin-right:.45rem;
}

.address span.ca {
	display:block;
	font-weight:500;
	color:var(--sixth);
	margin-bottom:1.5rem;
}

.address span.ca:first-child {
	margin-top:1rem;
}

.address span.cd {
	display:block;
	margin-left:1.75rem;
	margin-bottom:1rem;
}

.address span.cd a {
	color:var(--sixth);
}

.address span.cd a:hover {
	color:var(--second);
}

.c-wrapper .testimonial {
	color: grey;
	position: relative;
	padding: 15px;
	background: #fbfbfb;
	border: 1px solid #03b6f2;
	border-radius: 1rem;
	margin-bottom: 15px;
}

.c-wrapper .testimonial:after {
	content: '';
	width: 15px;
	height: 15px;
	display: block;
	background: #fbfbfb;
	border: 1px solid #03b6f2;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 46px;
	transform: rotateZ(-46deg);
}

.c-wrapper .testimonial p {
	margin-bottom:0;
}

.c-wrapper img.gfstars {
	box-shadow:none;
	max-width:9rem;
	margin:1rem 0 0 1.75rem;
}