/*
Theme Name: hydrafacial
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');



@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.woff2') format('woff2'),
        url('fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
        url('fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



:root{
    --color-primary:#00A8E0;
    --color-secondary: #147BD1;
    --color-black: #000000;
    --muted-text: #676F7E;
    --btn-shadow: 0px 0px 30px 0px #00A8E04D;
    --font-playfair: 'Playfair Display', serif;
    --font-inter: 'Inter', serif;
}

/* General Reset */
* {
  margin: 0;
}
body {margin: 0;font-family: 'Inter', sans-serif;color: #000;}
h1,h2,h3{font-family:var(--font-playfair);margin:0;}
html, body {overflow-x: hidden;}
.site {overflow-x: hidden;}
.container {max-width: 1440px;margin: 0 auto;padding: 0 20px;}
.a:hover{color: #00A8E0;}
/* HEADER */
.site-header {position: fixed;top:30px;left: 0;width: 100%;z-index: 1000;}
.header-flex{height: 72px;display: flex;align-items: center;justify-content: space-between;background:#000000;border-radius:8px;}
.hf-header-inner {width: 100%;}
/* Logo */
.hf-logo {flex: 0 0 auto; width: 152px; margin: 8px 0 0;}
.hf-logo img {max-height:inherit;width: 100%; height: auto;}
/* Menu */
.hf-menu {display: flex;gap: 30px;list-style: none;margin: 0;padding: 0;}
.hf-menu li a {color: #fff;font-size: 14px;text-decoration: none;}
.hf-menu li a:hover {opacity: 0.7;}
/* CTA */
.hf-header-cta .widget_block {display: flex;align-items: center;gap: 14px;}
.hf-header-cta .hf-btn {background: #00A8E0;color: #fff;padding: 10px 18px;font-size: 13px;border-radius: 3px;text-decoration: none;}
/* Book Now button */
header .hf-header-cta a.btn.primary {background:var(--color-primary);color: #fff;padding: 11px 33px;font-size: 14px;font-weight: 600;text-decoration: none; font-family: 'Inter';}
header .hf-header-cta a.btn.primary:after{display: none;}
/* Language dropdown container */
.hf-header-cta .language-switcher {background: #fff;border-radius: 4px;padding: 6px 10px;display: flex;align-items: center;gap: 6px;}
/* Mobile */
.hf-menu-toggle {display: none;background: none;border: none;color: #fff;font-size: 22px;cursor: pointer;}
/* HERO SECTION */
.home-hero {position: relative;height: 100vh; min-height: 811px;background-size: cover;background-position: center right;background-repeat: no-repeat;display: flex;align-items: center; padding: 0 30px;}
.hero-container {position: relative;width: 100%;z-index: 2;}
.hero-container .container {display: flex;align-items: center;min-height: 100vh;}
.home-hero .container {position: relative;margin: auto;align-items: center;gap: 40px;}
.hero-overlay {position: absolute;inset: 0;background: linear-gradient(255.87deg, rgba(255, 255, 255, 0) 35.27%, #FFFFFF 92.32%), linear-gradient(0.52deg, #FFFFFF 10.26%, rgba(255, 255, 255, 0.6) 47.41%, rgba(255, 255, 255, 0) 87.57%);z-index: 1;}
.hero-title {line-height: 1.15;font-weight: 400;margin-bottom: 28px;color: #000;}
.hero-title span {color: #00A8E0;}
.hero-promo .container {position: relative;margin: auto;padding: 0 40px;}
.hero-content {max-width: 560px;}
.hero-content h1 {font-size: 72px;line-height: 1.1;font-weight: 600;max-width:465px;margin-bottom:10px  ;}
.hero-content h1 span {color:var(--color-primary);}
.hero-subtitle {font-weight:500;margin-bottom: 24px;line-height:1;}
.hero-desc {margin-bottom:32px;font-size: 20px;line-height: 24px;}
.hero-buttons {display: flex;gap: 16px;margin-bottom:81px;}
.hero-buttons .btn {display: inline-flex;align-items: center;justify-content: center;padding:16px 60px 16px 40px;font-size: 14px;font-weight: 600;transition: all 0.25s ease;}
.btn {padding: 14px 22px;font-size: 14px;text-decoration: none;display: inline-block;}
.btn.primary {background: #00A8E0;color: #fff;font-size: 16px;line-height: 24px;box-shadow:var(--btn-shadow); position: relative; padding: 16px 60px 16px 40px;}
.btn.primary:after {content: '';background: url(image/arrowwhite.png) no-repeat;position: absolute;right: 35px;width: 16px;height: 16px;transform: translate(10px, -50%);top: 50%;}
.btn {padding: 14px 22px;font-size: 16px;text-decoration: none;display: inline-block;line-height: 24px;}
.btn:hover, .btn-primary:hover, .btn.secondary:hover{background-color: #000;}
/* Stats */
.hero-stats {display: flex;gap: 32px;}
.hero-stats div{font-size: 14px; color: #676F7E;font-family: 'Inter';}
.hero-stats strong {font-size: 36px;color: #00A8E0;display: block;line-height: 40px;font-weight: bold;}
.hero-stats span {font-size: 14px;color: #676F7E;line-height: 20px;}
.tab-slider {margin: auto; }
/* Tabs */
.tab-nav {display: flex;gap: 30px;list-style: none;border-bottom: 1px solid #ddd;padding-bottom: 22px;margin-bottom: 40px;padding-left:0;justify-content: space-between;}
.tab-nav li {cursor: pointer;font-size: 15px;padding-bottom: 6px;position: relative; color: #000;}
.tab-nav li.active {color: #1a73e8;}
.tab-nav li.active::after {content: "";position: absolute;bottom: -24px;left: 0;width: 100%;height:4px;background: #147BD1;font-size: 15px;line-height: 24px;}
/* Slides */
.tab-slides {position: relative;overflow: hidden;}
.slide {display: none;position: relative;animation: fade 0.5s ease;}
.slide.active {display: block;}
.slide img {width: 100%;border-radius: 20px;}
.slide-content {bottom: 30px;left: 30px;color: #000;}
.slide-content .treatment-con{background:#E5EFF7;padding: 25px 30px;border-radius: 16px;margin-bottom:22px;}
.slide-content .treatment-con h1{font-family: var(--font-inter);font-size: 21px;color: var(--color-primary);margin-bottom:4px;}
.slide-content .treatment-con p{font-size:16px;color: var(--muted-text);}
.slide-content h2 {font-size: 36px;margin-bottom: 10px;}
.slide-content p {font-size: 15px;}
.step {position: absolute;right: 30px;bottom: 30px;font-size: 24px;}
/* Animation */
.wp-block-video{margin-bottom:40px;}
.wp-block-video video{border-radius: 20px;}
.tab-slides .slide-content figure.wp-block-video{height: 654px;}
.tab-slides .slide-content figure.wp-block-video video {height: 100%;object-fit: cover;}
@keyframes fade {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}
.tab-slider-section{padding:0px 30px;}
.tab-slider-section .tab-top-content {text-align: center;}
.tab-bottom {width: 100%;display: flex;justify-content: space-between;align-items: center; margin-top: 40px;}
.tab-slider-cta {float: right;}
.slider-nav {display:flex;align-items: center;gap:16px;}
.slider-nav button {width: 48px;height: 48px;border-radius: 50%;border: 1px solid #ccc;background:#fff url(image/grayarrow.png) no-repeat; background-position: center; font-size: 0px;cursor: pointer;transition: all 0.3s ease; position: relative;}
.slider-nav button:hover {background: #1a73e8;color: #fff;border-color: #1a73e8;display: flex;justify-content: center;align-items: center;}
.slider-nav button.prev {transform: rotate(180deg);}
.slider-nav button.prev:hover{background:#fff url(image/arrowblue.png) no-repeat; background-position: center; border: 1px solid #B5D5EE;}
.slider-nav button.next:hover{background:#fff url(image/arrowblue.png) no-repeat; background-position: center; border: 1px solid #B5D5EE;}
.treatment-top-wrap {text-align: center;max-width: 760px;margin: 0 auto 40px;}
.treatment-eyebrow {display: block;font-size: 14px;text-transform: uppercase;color:var(--color-primary);margin-bottom:16px;line-height: 20px;}
.treatment-heading {font-size: 48px;font-weight: 600;margin: 0;line-height: 48px;margin-bottom:16px;}
.treatment-description {font-size: 18px;color: #676F7E;line-height: 28px;margin-bottom: 60px;}
.benefits-section {background: linear-gradient(180deg, rgba(210, 236, 255, 0) 0%, #D2ECFF 80.5%), rgba(240, 243, 244, 0.3); padding: 100px 30px; margin-top: 70px;}
.benefits-section .container {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center; max-width: 1440px;}
.benefits-image {max-width: 550px;position: relative;;max-height: 567PX;}
.benefits-image img {width: 100%;border-radius:20px;}
.benefits-badge {background: #fff;padding: 22px 56.21px 24.5px 24px;border-radius: 10px;box-shadow: 0 10px 25px rgba(0,0,0,0.12);max-width: 240px;float: right;position: absolute;right: -30px;bottom: -50px;}
.benefits-badge strong {font-weight:600; display: block;color: var(--color-primary);margin-bottom:6px;font-size:18px;}
.benefits-badge span {color: var(--muted-text);font-size:14px;}
.benefits-content h2 {font-size: 48px;max-width:511px;line-height:1;margin-bottom: 24px;}
.benefits-eyebrow {display: block; font-size: 14px;color:var(--color-primary);text-transform: uppercase;letter-spacing: 1.4px;margin-bottom:16px;}
.benefits-description {color:var(--muted-text);margin-bottom:18px;font-size: 18px;line-height: 28px;}
.benefits-list{margin-bottom:45px;}
.benefits-list ul {display: grid;grid-template-columns: 1fr 1fr;gap:20px 15px;list-style: none;padding: 0;}
.benefits-list li {position: relative;padding-left: 28px;font-size: 14px;line-height: 20px;color: #14181F; font-family: 'Inter';}
.benefits-list li::before {content: "✓";position: absolute;left: 0;height: 20px;width: 20px;background: rgba(0, 168, 224, 0.1);border-radius: 20px;color:var(--color-primary);display: flex;justify-content: center;align-items: center;}
.hero-promo {position: relative;background-size: cover;background-position: center;padding: 40px 30px;color: #fff;}
.hero-promo-overlay {position: absolute;inset: 0;background: rgba(0,0,0,60%);}
.hero-promo .container {position: relative;display: grid;grid-template-columns: 1.2fr 0.8fr;align-items: center;gap: 40px;}
.hero-promo a.btn.primary::after {right: 47px;}
.hero-small {font-size: 13px;letter-spacing: 1.2px;opacity: 0.9;}
.hero-text {display: flex;flex-direction: column;gap: 16px;font-size: 20px;line-height: 28px;margin-bottom:30px;}
.hero-text strong{font-weight:inherit;}
.hero-btn {background: #00A8E0;padding: 12px 26px;color: #fff;border-radius: 4px;display: inline-block;text-decoration: none;}
.hero-badge {display: flex;justify-content: center;}
.badge-inner img {max-width:384px;max-height:384px;}
.real-transformations {background: #D2ECFF; background: linear-gradient(180deg, rgba(210, 236, 255, 1) 0%, rgba(255, 255, 255, 1) 38%);padding: 100px 30px;text-align: center;}
.rt-header span {display: block;font-size: 14px;text-transform: uppercase;color:var(--color-primary);margin-bottom:16px;line-height: 20px;}
.rt-header h2 {font-size: 48px;margin-bottom: 24px;}
.rt-header p {max-width: 600px;margin: 0 auto 40px;color: var(--muted-text); font-size: 18px;}
.rt-main {display: grid;grid-template-columns: 2fr 1fr;gap: 20px;align-items: center;max-width: 1024px;margin: 0 auto;}
.rt-images {display: grid;grid-template-columns: 1fr 1fr;}
.img-wrap {position: relative;}
.img-wrap img {width: 100%;border-radius: 16px;}
.img-wrap .label {position: absolute;bottom: 10px;left: 10px;font-size: 12px;background: rgba(0,0,0,0.6);color: #fff;padding: 4px 10px;border-radius: 20px;}
.rt-result {display: flex; flex-direction: column; justify-content: space-between; background: #E5EFF7;padding: 25px;border-radius: 16px;text-align: left;border: 2px solid #00A8E04D;height: -webkit-fill-available;}
.rt-result .result-text {font-size: 20px;margin-bottom: 10px;line-height: 28px;font-weight: 300;}
.rt-reviews {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 60px;}
.rt-result small {font-size: 12px;line-height: 16px; font-weight: 300;}
.rt-result small .result-cap{font-size: 15px;}
.rt-result small .blue-color{font-size: 15px;color: var(--color-primary);}
.review-card {background: #fff;padding: 24px;border-radius: 14px;border: 1px solid rgba(224, 231, 235, 0.5);box-shadow: 0px 4px 20px -4px rgba(0, 168, 224, 0.15);text-align: left;}
.review-card p{line-height:1.6;margin-bottom: 24px; font-size: 16px;}
.stars {font-size: 16px;margin-bottom: 10px;}
.stars span {color: #dcdcdc;}
.review-card .review-info{display:flex;flex-direction: column;gap:4px; font-size: 16px;}
.stars span.filled {color: #00A8E0;font-size: 20px;}
.review-card span {font-size: 14px;color: #777;}

.small-text {display: block;font-size: 16px;text-transform: uppercase;color:var(--color-primary);margin-bottom:8px;line-height: 20px;}
.rt-quote {margin-top: 100px;}
.rt-quote p {font-size: 44px; line-height: 50px; margin: auto;font-weight: 300;margin-bottom:40px;}
.rt-quote p span {color: #00A8E0;text-transform: capitalize;}
/* .rt-quote span {display: block;margin-top: 10px;font-size: 16px;} */
.london-clinics {text-align: center; padding: 0 30px;}
.badge-inner-sec {background: linear-gradient(180deg, #D2ECFF 0%, rgba(210, 236, 255, 0) 50%), #FFFFFF;border-radius: 40px;padding:60px;}
.section-badge {display: block;font-size: 14px;text-transform: uppercase;color: #00A8E0;margin-bottom: 16px;line-height: 20px;}
.section-title {font-size: 48px;font-weight: 600;margin-bottom:40px;}
.clinics-grid {display: flex;grid-template-columns: repeat(2, 1fr);gap: 30px;align-items: stretch;}
.clinics-grid .clinics-inner-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap:30px; width: 60%;}
.clinics-grid .clinic-map{ width: 40%;}
.clinic-card {display: flex;flex-direction: column;justify-content: space-between; background: #E5EFF7;border:1px solid #00A8E04D;border-radius: 20px;padding: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);text-align: left;}
.clinic-card a.btn.primary::after {right: 60px;}
.clinic-card .btn-primary {display: inherit;text-align: center;}
.clinic-card img {width: 100%;border-radius: 20px;margin-bottom:30px;}
.clinic-info {height: 100%; font-size: 20px;line-height: 28px; margin-bottom: 30px; background: #FFF; border-radius: 20px;padding: 20px; padding-left: 65px; position: relative;}
.clinic-info::after{
position: absolute;
content: "";
background-image: url(image/tabler_location-filled.png);
left: 20px;
top: 20px;
height:30px;
width: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.btn-primary {display: inline-block;background: #00A8E0;color: #fff;padding: 12px 22px;text-decoration: none;font-size: 16px;}
.clinic-map iframe {width: 100%;height: 100%;min-height: 360px;border-radius: 20px;border: none;box-shadow: 0 10px 30px rgba(0,0,0,0.08);}
.instagram-section {background:linear-gradient(2deg, rgba(210, 236, 255, 1) 0%, rgba(255, 255, 255, 1) 95%);padding: 80px 30px;text-align: center;}
.ig-subtitle {display: block;font-size: 14px;color: #00A8E0;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 16px;line-height: 20px;}
.ig-title {font-size: 46px; line-height: 48px; font-weight: 600;margin-bottom: 50px;}
.instagram-feed {display: block;}
/* Optional: normalize plugin output */
.instagram-feed img {border-radius: 12px;}
.final-cta {background: #D2ECFF;padding: 100px 30px;text-align: center;}
.cta-title {font-size: 60px;font-weight: 600;margin-bottom: 24px;line-height: 60px;}
.cta-title span {color: #00A8E0;}
.cta-desc {max-width: 600px;margin: 0 auto 40px;color: #676F7E;font-size: 20px;line-height: 28px;}
.final-cta a.btn.primary.cta-btn:after{right: 45px;}
.cta-btn {margin-bottom: 68px;}
.cta-features {display: flex;justify-content: center;gap: 25px;list-style: none;padding: 0;margin: 0;font-size: 14px; align-items: center;}
.cta-features li {position: relative;padding-left: 18px;color: #555; text-align: left;}
.cta-features li::before {content: "●";position: absolute;left: 3px;color: #1bbf5c; font-size: 8px;top: 5px;}
.site-footer {background: #0f1419;padding: 48px 30px;color: #cfd6dd;font-size: 14px;}
.footer-inner {display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;}
.footer-left {text-align: left;}
.footer-center {text-align: center;}
.footer-right {text-align: right;}
.footer-right p {font-size: 14px;color: rgba(255, 255, 255, 0.5);}
.site-footer a {color:rgba(255, 255, 255, 0.7);text-decoration: none;margin: 0 12px; font-size: 14px;}
.site-footer a:hover {color: #00A8E0;}
/* Widgets reset */
.site-footer .widget {margin: 0;}
.site-footer ul {list-style: none;padding: 0;margin: 0;}
.site-footer li {display: inline-block;}
.menu-item-has-children a:after, .social-navigation a:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after, .search-submit:before { -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-family: "Genericons";font-size: 16px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;speak: never;text-align: center;text-decoration: inherit;text-transform: none;vertical-align: top;}
/**
* 6.2 - Menus
*/
.main-nav {flex: 1;display: flex;justify-content:end;}
.site-header-menu {display: none;-webkit-flex: 0 1 100%;-ms-flex: 0 1 100%;flex: 0 1 100%;margin: 0.875em 0;}
.site-header-menu.toggled-on,.no-js .site-header-menu {display: block;}
.main-navigation {font-family: Montserrat, "Helvetica Neue", sans-serif;}
.site-footer .main-navigation {margin-bottom: 1.75em;}
.main-navigation ul {list-style: none;margin: 0;}
.main-navigation li {border-top: 1px solid #d1d1d1;position: relative;}
.main-navigation a {color: #fff;display: block;line-height: 1.3125;outline-offset: -1px;padding: 0.84375em 0;text-decoration: none;}
.main-navigation a:hover, .main-navigation a:focus {color: #007acc;}
.main-navigation .current-menu-item > a,.main-navigation .current-menu-ancestor > a {font-weight: 700;}
.main-navigation ul ul {display: none;margin-left: 0.875em;}
.no-js .main-navigation ul ul {display: block;}
.main-navigation ul .toggled-on {display: block;}
.main-navigation .primary-menu {display: flex;align-items: center;gap: 32px;margin: 0;padding: 0;list-style: none;}
.primary-menu a {color: #ffffff;font-size:16px;font-weight: 500;text-decoration: none;opacity: 0.9; font-family: 'Inter';}
.primary-menu a:hover {opacity: 1;}
.main-navigation .menu-item-has-children > a {margin-right: 56px;}
.dropdown-toggle {background-color: transparent;border: 0;border-radius: 0;color: #1a1a1a;content: "";height: 48px;padding: 0;position: absolute;right: 0;text-transform: none;top: 0;width: 48px;}
.dropdown-toggle:after {border: 0 solid #d1d1d1;border-left-width: 1px;content: "\f431";font-size: 24px;left: 1px;position: relative;width: 48px;}
.dropdown-toggle:hover, .dropdown-toggle:focus {background-color: transparent;color: #007acc;}
.dropdown-toggle:focus {outline: thin dotted;outline-offset: -1px;}
.dropdown-toggle:focus:after {border-color: transparent;}
.dropdown-toggle.toggled-on:after {content: "\f432";}
.site-header .main-navigation + .social-navigation {margin-top: 1.75em;}
.site-footer .social-navigation {margin-bottom: 1.75em;}
.social-navigation ul {list-style: none;margin: 0 0 -0.4375em;}
.social-navigation li {float: left;margin: 0 0.4375em 0.4375em 0;}
.social-navigation a {border: 1px solid #d1d1d1;border-radius: 50%;color: #1a1a1a;display: block;height: 35px;position: relative;width: 35px;}
.social-navigation a:before {content: "\f415";height: 33px;line-height: 33px;text-align: center;width: 33px;}
.social-navigation a:hover:before, .social-navigation a:focus:before {color: #007acc;}
.social-navigation a[href*="codepen.io"]:before {content: "\f216";}
.social-navigation a[href*="digg.com"]:before {content: "\f221";}
.social-navigation a[href*="dribbble.com"]:before {content: "\f201";}
.social-navigation a[href*="dropbox.com"]:before {content: "\f225";}
.social-navigation a[href*="facebook.com"]:before {content: "\f203";}
.social-navigation a[href*="flickr.com"]:before {content: "\f211";}
.social-navigation a[href*="foursquare.com"]:before {content: "\f226";}
.ocial-navigation a[href*="plus.google.com"]:before {content: "\f206";}
.social-navigation a[href*="github.com"]:before {content: "\f200";}
.social-navigation a[href*="instagram.com"]:before {content: "\f215";}
.social-navigation a[href*="linkedin.com"]:before {content: "\f208";}
.social-navigation a[href*="path.com"]:before {content: "\f219";}
.social-navigation a[href*="pinterest.com"]:before {content: "\f210";}
.social-navigation a[href*="getpocket.com"]:before {content: "\f224";}
.social-navigation a[href*="polldaddy.com"]:before {content: "\f217";}
.social-navigation a[href*="reddit.com"]:before {content: "\f222";}
.social-navigation a[href*="skype.com"]:before {content: "\f220";}
.social-navigation a[href*="stumbleupon.com"]:before {content: "\f223";}
.social-navigation a[href*="tumblr.com"]:before {content: "\f214";}
.social-navigation a[href*="twitter.com"]:before {content: "\f202";}
.social-navigation a[href*="vimeo.com"]:before {content: "\f212";}
.social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before {content: "\f205";}
.social-navigation a[href*="youtube.com"]:before {content: "\f213";}
.social-navigation a[href^="mailto:"]:before {content: "\f410";}
.social-navigation a[href*="spotify.com"]:before {content: "\f515";}
.social-navigation a[href*="twitch.tv"]:before {content: "\f516";}
.social-navigation a[href$="/feed/"]:before {content: "\f413";}
.post-navigation {border-top: 4px solid #1a1a1a;border-bottom: 4px solid #1a1a1a;clear: both;font-family: Montserrat, "Helvetica Neue", sans-serif;margin: 0 7.6923% 3.5em;}
.post-navigation a {color: #1a1a1a;display: block;padding: 1.75em 0;}
.post-navigation span {display: block;}
.post-navigation .meta-nav {color: #686868;font-size: 13px;font-size: 0.8125rem;letter-spacing: 0.076923077em;line-height: 1.6153846154;margin-bottom: 0.5384615385em;text-transform: uppercase;}
.post-navigation .post-title {display: inline;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 23px;font-size: 1.4375rem;font-weight: 700;line-height: 1.2173913043;text-rendering: optimizeLegibility;}
.post-navigation a:hover .post-title,.post-navigation a:focus .post-title {color: #007acc;}
.post-navigation div + div {border-top: 4px solid #1a1a1a;}
.pagination {border-top: 4px solid #1a1a1a;font-family: Montserrat, "Helvetica Neue", sans-serif;font-size: 19px;font-size: 1.1875rem;margin: 0 7.6923% 2.947368421em;min-height: 56px;position: relative;}.pagination:before,.pagination:after {background-color: #1a1a1a;content: "";height: 52px;position: absolute;top:0;width: 52px;z-index: 0;}
.pagination:before {right: 0;}
.pagination:after {right: 54px;}.pagination a:hover,.pagination a:focus {color: #1a1a1a;}
.pagination .nav-links {padding-right: 106px;position: relative;}
.pagination .nav-links:before,.pagination .nav-links:after {color: #fff;font-size: 32px;line-height: 51px;opacity: 0.3;position: absolute;width: 52px;z-index: 1;}
.pagination .nav-links:before {content: "\f429";right: -1px;}
.pagination .nav-links:after {content: "\f430";right: 55px;}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {position: static !important;}
.pagination .page-numbers {display: none;letter-spacing: 0.013157895em;line-height: 1;margin: 0 0.7368421053em 0 -0.7368421053em;padding: 0.8157894737em 0.7368421053em 0.3947368421em;text-transform: uppercase;}.pagination .current {display: inline-block;font-weight: 700;}
.pagination .prev,.pagination .next {background-color: #1a1a1a;color: #fff;display: inline-block;height: 52px;margin: 0;overflow: hidden;padding: 0;position: absolute;top: 0;width: 52px;z-index: 2;}
.pagination .prev:before,.pagination .next:before {font-size: 32px;height: 53px;line-height: 52px;position: relative;width: 53px;}
.pagination .prev:hover,.pagination .prev:focus,.pagination .next:hover,.pagination .next:focus {background-color: #007acc;color: #fff;}
.pagination .prev:focus,.pagination .next:focus {outline: 0;}
.pagination .prev {right: 54px;}.pagination .prev:before {content: "\f430";left: -1px;top: -1px;}
.pagination .next {right: 0;}
.pagination .next:before {content: "\f429";right: -1px;top: -1px;}
.clear:before,.clear:after,blockquote:before,blockquote:after,.entry-content:before,.entry-content:after,.entry-summary:before,.entry-summary:after,.comment-content:before,.comment-content:after,.site-content:before,.site-content:after,.site-main > article:before,.site-main > article:after,.primary-menu:before,.primary-menu:after,.social-links-menu:before,.social-links-menu:after,.textwidget:before,.textwidget:after,.content-bottom-widgets:before,.content-bottom-widgets:after {content: "";display: table;}
.clear:after,blockquote:after,.entry-content:after,.entry-summary:after,.comment-content:after,.site-content:after,.site-main > article:after,.primary-menu:after,.social-links-menu:after,.textwidget:after,.content-bottom-widgets:after {clear: both;}
.menu-toggle {background-color: transparent;border: 1px solid #d1d1d1;color: #1a1a1a;font-size: 13px;font-size: 0.8125rem;margin: 1.076923077em 0;padding: 0.769230769em;}
.no-js .menu-toggle {display: none;}
.menu-toggle:hover,.menu-toggle:focus {background-color: transparent;border-color: #007acc;color: #007acc;}
.menu-toggle.toggled-on,.menu-toggle.toggled-on:hover,.menu-toggle.toggled-on:focus {background-color: #1a1a1a;border-color: #1a1a1a;color: #fff;}
.menu-toggle:focus {outline: 0;}
.menu-toggle.toggled-on:focus {outline: thin dotted;}
.myCustomSlider .swiper-wrapper {
    transition-timing-function: linear !important;
    gap: 3px;
}
 
.myCustomSlider .swiper-slide {
    width: auto !important;
}
 
.myCustomSlider img {
    max-height: 424px;
    width: auto; border-radius: 0;
}
.wp-block-image{margin: 0;}




/*** 14.1 - >= 710px*/

@media(min-width:1025px) and (max-width:1399px){
.benefits-list li{font-size: 12px;}
}

@media(max-width:909px){
.header-flex {padding: 0 70px 0 30px;}
.main-nav {right: -172px;position: relative;}
.main-nav .nav-flex .menu-toggle {font-size: 0;border: none;background: #fff;width: 30px;height: 2px;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);}
.main-nav .nav-flex .menu-toggle:focus{outline: none;}
.main-nav .nav-flex .menu-toggle:after {content: '';position: absolute;background: #fff;height: 2px;width: 30px;left: 0;bottom: -8px;}
.main-nav .nav-flex .menu-toggle:before {content: '';position: absolute;background: #fff;height: 2px;width: 30px;left: 0;top: -8px;}
.main-nav .nav-flex .toggled-on {background: none;transition: all 0.9s ease;margin: 10px 0 0;}
.main-nav .nav-flex .toggled-on::after {transform: rotate(139deg);top: -8px; transition: all 0.9s ease;}
.main-nav .nav-flex .toggled-on::before {transform: rotate(45deg); transition: all 0.9s ease;}
.main-nav .nav-flex .site-header-menu { padding-top: 0; position: fixed;top: 0px;background: #121212;z-index: 99;clear: both;padding: 15px 0;left: 0;right: 0;bottom: 0;width: 270px;transform: translateX(-100%);
transition: 0.4s;display: block;margin: 0;}
.main-nav .nav-flex .site-header-menu{padding-top: 0;}
.main-nav .nav-flex .site-header-menu.toggled-on {transform: translateX(0); padding-top: 0;}
.main-nav .nav-flex .site-header-menu nav .menu-primary-menu-container ul {display: block;}
.main-nav .nav-flex .site-header-menu nav .menu-primary-menu-container ul li {padding: 0 20px;border-top: 1px solid #666666;}
}

@media screen and (min-width: 44.375em) {
    .menu-toggle {font-size: 16px;font-size: 1.0rem;margin: 1.3125em 0;padding: 0.8125em 0.875em 0.6875em;}
}


@media screen and (min-width: 56.875em) {
    .site-header-menu {display: block;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;}
    /* .main-navigation {margin: 0 -0.875em;} */
    .main-navigation .primary-menu, .main-navigation .primary-menu > li {border: 0;}
    .main-navigation .primary-menu > li {float: left;}
    /* .main-navigation a {outline-offset: -8px;padding: 0.65625em 0.875em;white-space: nowrap;} */
    .main-navigation li:hover > a, .main-navigation li.focus > a {color: #007acc;}
    .main-navigation ul ul {border-bottom: 1px solid #d1d1d1;display: block;left: -999em;margin: 0;position: absolute;z-index: 99999;}
    .main-navigation ul ul ul {top: -1px;}
    .main-navigation ul ul ul:before,.main-navigation ul ul ul:after {border: 0;}
    .main-navigation ul ul li {background-color: #fff;border: 1px solid #d1d1d1;border-bottom-width: 0;}
    .main-navigation ul ul a {white-space: normal;width: 12.6875em;}
    .main-navigation ul ul:before,.main-navigation ul ul:after {border-style: solid;content: "";position: absolute;}
    .main-navigation ul ul:before {border-color: #d1d1d1 transparent;border-width: 0 10px 10px;right: 9px;top: -9px;}
    .main-navigation ul ul:after {border-color: #fff transparent;border-width: 0 8px 8px;right: 11px;top: -7px;}
    .main-navigation i:hover > ul,.main-navigation li.focus > ul {left: auto;right: 0;}
    .main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {left: auto;right: 100%;}
    .main-navigation .menu-item-has-children > a {margin: 0;padding-right: 2.25em;}
    .main-navigation .menu-item-has-children > a:after {content: "\f431";position: absolute;right: 0.625em;top: 0.8125em;}
    .main-navigation ul ul .menu-item-has-children > a {padding-right: 2.0625em;}
    .main-navigation ul ul .menu-item-has-children > a:after {right: 0.5625em;top: 0.875em;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
    .dropdown-toggle,.ain-navigation ul .dropdown-toggle.toggled-on,.menu-toggle,.site-header .social-navigation,.site-footer .main-navigation {display: none;}
}

@media (max-width: 1199px) {
.section-title{font-size: 30px;}
.benefits-content h2, .treatment-heading, .rt-header h2, .ig-title, .cta-title {font-size: 30px; line-height: 40px;}
.clinics-grid {grid-template-columns: repeat(1, 1fr);}
.clinics-grid .clinic-map {max-width: 100%;}
.instagram-section {padding: 30px 30px}
.final-cta { padding: 50px 30px;}
.tab-slider-section {padding: 30px 30px;}
}
    
/* Responsive */
@media (max-width: 1024px) {
    .hero-container .container {justify-content: center;text-align: center;}
       .home-hero {min-height: auto;padding: 80px 0 00px; height: 750px;}
    .hero-content {max-width: 100%;}
    .hero-buttons {justify-content: center;}
    .hf-navigation {display: none;}
    .hf-menu-toggle {display: block;}
    .rt-main, .rt-reviews {grid-template-columns: 1fr;}
    .clinics-grid {grid-template-columns: 1fr; flex-wrap: wrap;}
    .clinics-grid .clinics-inner-grid{ width: 100%;}
    .clinics-grid .clinic-map{ width: 100%;}
    .tab-nav li{font-size: 12px;}
}

@media (max-width: 768px) {   
.section-title {font-size: 30px}
header .hf-header-cta a.btn.primary{padding: 7px 25px;}
.main-nav .nav-flex .menu-toggle{right: 16px;}
.header-flex {padding: 0 50px 0 15px;}.hf-logo {flex: 0 0 auto;width: 100px;margin: 8px 0 0;}  
    .hero-overlay {background: linear-gradient(180deg,#ffffff 0%,rgba(255, 255, 255, 0.9) 60%,rgba(255, 255, 255, 0.8) 100%);}
    .hero-buttons{margin-bottom: 40px;}
 
    .hero-desc {font-size: 18px;}
    .hero-stats strong {font-size: 30px;}
    .hero-overlay {background: rgba(255,255,255,0.8);}
		section.home-hero {background-position: 77%;}
    .hero-content h1 {font-size: 36px;}
    .hero-stats {flex-direction: column;gap: 20px;}
    .hero-buttons {flex-direction: column;}
    .tab-nav {overflow-x: auto;white-space: nowrap;}
    .tab-slider-section {padding: 50px 00px;}
    .treatment-heading {font-size: 30px;line-height: 36px;margin-bottom: 16px;}
    .slide-content {position: static;padding: 0px;color: #000;}
    .tab-slides .slide-content figure.wp-block-video {aspect-ratio: 1; height: auto; margin-bottom: 0;}
    
.tab-nav li.active::after{bottom: -10px;}
.benefits-section{ margin-top: 0;}
    .benefits-section .container {grid-template-columns: 1fr; padding: 0;}
    .benefits-badge {max-width: 190px;float: right;position: absolute;right: -15px;bottom: -50px;padding: 22px 26px 24.5px 24px}
    .benefits-list ul {grid-template-columns: 1fr;}
    .hero-promo .container {grid-template-columns: 1fr;text-align: center; padding: 0; display: block;}
    .clinics-grid .clinic-card .clinic-info p br {display: none;}
    .real-transformations .container {padding: 0;}
    .rt-quote {margin-top: 50px;}
    .rt-quote p {font-size: 30px;line-height: 35px;margin-bottom: 40px;}
    .rt-quote p span.blue-color {margin: 15px 0;display: inline-block;}
    .london-clinics .container {padding: 0;}
    .clinics-grid .clinics-inner-grid{grid-template-columns: repeat(1, 1fr);}
    .clinic-map iframe {min-height: auto;aspect-ratio: 1;}
    .rt-header h2 {font-size: 30px;}
    .badge-inner-sec{padding: 20px;}
    .badge-inner img {max-width: 240px;max-height: inherit;margin-top: 40px;}
    .real-transformations{padding: 50px 30px;}
    .instagram-section{padding: 50px 30px 0;}
    .instagram-section .container{ padding: 0;}
    .ig-title {font-size: 30px;line-height: 40px;}
    .final-cta {padding: 60px 30px;}
    .hero-text{ font-size: 18px;}
    .cta-title {font-size: 30px;line-height: 40px;}
    .final-cta .container{ padding: 0;}
    
    .footer-inner {grid-template-columns: 1fr;gap: 15px;}
    .footer-left, .footer-center, .footer-right {text-align: center;}
    
}

@media (max-width: 576px) { 
.tab-bottom{display: block;}
.slider-nav {justify-content: center;margin: 20px 0;}
.tab-slider-cta {float: none;margin: 0 auto;text-align: center;}
.clinic-info p {font-size: 15px;line-height: 20px;}

.clinic-card .btn.primary {background: #00A8E0;font-size: 13px;padding: 10px 10px 10px 16px;width: 160px;margin: 0 auto;}
.clinic-card a.btn.primary::after {right: 35px;}
.cta-features {margin: 0 auto;display: table;}
.cta-features li{ margin-bottom: 10px;}
}