/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@500;700&family=Rubik:wght@400;500;600;700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Frank+Ruhl+Libre:wght@500;700&family=Rubik:wght@400;500;600;700&family=Heebo:wght@100..900&display=swap');
/* reset css */
body {
    margin: 0;
    font-family: var(--assistant);
    color: var(--black);
}

* {
    box-sizing: border-box;
}

ul,
li,
ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

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

a {
    text-decoration: none;
}

a:hover {
    color: var(--primary);
}

button,
input,
textarea,
select {
    font-family: var(--assistant);
}

button {
    cursor: pointer;
}

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

/* reset css */

:root {
    --black: #1A1A1A;
    --white: #ffffff;
    --lightgrey: #f5f5f5;
    --lightblue: #2aa7b899;
    --darknew: #0E3A4F;
    --primary: #2AA7B8;
    --primaryhover: #1F6F8B;
    --grey: #828282;
    --secondaryhover: #E8F7F5;
    --formline: #E0E0E0;
    --sectionbg: #F7F9FB;
    --assistant: "Assistant", sans-serif;
    --deep:#0c3b46;
    --deep2:#134a56;
    --teal:#1c6e78;
    --aqua:#8fd9d2;
    --blush:#e7aab8;
    --paper:#f6f5f1;
    --ink:#12262b;
    --line: rgba(255,255,255,.16);
    --radius: 18px;
    --teal-950:#0a2f30;
    --teal-900:#0e4142;
    --teal-800:#155457;
    --teal-700:#1c6367;
    --on-teal:#eef7f6;
    --on-teal-soft:#b9d3d2;
    --gold:#c9a24a;
    --gold-soft:#e8cd8f;
    --pink:#eaa9bb;
    --pink-dark:#dc8ba1;
}

.container,
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1254px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.site-main .elementor-section.elementor-section-boxed>.elementor-container {
    padding: 0;
}

.d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.wrap {
    flex-wrap: wrap;
}

.align-item-center {
    align-items: center;
}

.align-item-start {
    align-items: flex-start;
}

.align-item-end {
    align-items: flex-end;
}

.align-content-center {
    align-content: center;
}

.align-content-start {
    align-content: flex-start;
}

.align-content-end {
    align-content: flex-end;
}

.justify-content-center {
    justify-content: center;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

b {
    font-weight: 700;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
    background-color: inherit;
}

input:focus {
    outline: none;
    border: 0;
}

.w-100 {
    width: 100%;
}

/* Header css */

.site-header .site-description {
    display: none;
}

.site-header .header-inner .show-logo {
    width: 120px;
}

.site-header .header-inner .show-logo .site-logo {
    width: 100px;
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
}

.site-navigation {
    width: calc(100% - 120px);
    justify-content: center;
}

.site-navigation ul.menu li a {
    color: var(--black);
    font-size: 18px;
    font-weight: 400;
}

.site-navigation ul.menu li.current-menu-item a {
    font-weight: 600;
    opacity: 0.7;
}

.site-header .header-inner {
    max-width: 100%;
    padding: 0 15px;
}

.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li a:active,
.site-navigation ul.menu li a:focus {
    opacity: 0.8;
}

body.home .site-navigation ul.menu li a,
.page-template-medica-info .site-navigation ul.menu li a,
.page-template-shockwave-therapy .site-navigation ul.menu li a,
.page-template-erectile-dysfunction .site-navigation ul.menu li a,
.page-template-porn-damage-erections .site-navigation ul.menu li a,
.page-template-info-page .site-navigation ul.menu li a,
.page-template-about-page .site-navigation ul.menu li a,
.page-template-faq-new-template .site-navigation ul.menu li a,
.page-template-who-its-for-page .site-navigation ul.menu li a,
.page-template-device-page .site-navigation ul.menu li a {
    color: var(--white);
}

.site-navigation ul.menu li.menu-item-has-children ul li a {
    color: white;
}

/* hero section */

.hero-section {
    /* background-image: url('https://healthcare.anantkprajapati.com/wp-content/uploads/2025/12/hero-banner.png');
    background-size: cover;
    background-position: center;
    min-height: 500px; */
    position: relative;
}

.hero-section .background-video,
.hero-section .background-banner img {
    position: absolute;
    height: 100vh;
    width: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
}

.hero-section::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--darknew);
    opacity: 0.3;
    z-index: 1;
}

.hero-section-data {
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.hero-section-data>* {
    width: 100%;
    color: var(--white);
}

.title {
    font-size: 48px;
    line-height: normal;
    font-weight: 600;
}

.description {
    font-size: 22px;
    line-height: normal;
    font-weight: 400;
}

.description-bottom {
    font-size: 18px;
    margin: 20px 0 0px 0;
    display: block;
    font-weight: 400;
}

.hero-bottom-button {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 15px;
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--white);
    font-size: 16px;
    transition: background-color .4s ease;
    background-color: transparent;
    border: 0;
}

.hero-bottom-button:hover {
    background-color: transparent;
}

.hero-bottom-data {
    margin-top: 20px;
}

.hero-btn-img {
    width: calc(100% - 70px);
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.hero-lear-more-section {
    width: 70px;
    text-align: left;
}

.hero-btn-image {
    width: 50px;
    height: 50px;
}

.hero-btn-name {
    width: calc(100% - 70px);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.hero-btn-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.hero-bottom-detail {
    box-shadow: 0 1px 20px #e1bfbf26 inset;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: #0000000a;
    transition: all .8s cubic-bezier(0.54, -.4, .36, .94);
    max-width: 700px;
    margin: 0 auto;
    border-radius: 15px;
    border: 1px solid #e1e0e02b;
}

/* hero popup design */
.popup-wrapper {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(12px);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
}

.popup {
    width: 100%;
    max-width: 700px;
    height: 90vh;
    background: rgb(255 255 255 / 9%);
    backdrop-filter: blur(25px);
    border-radius: 24px 24px 0 0;
    overflow-y: auto;
    padding: 30px;
    transform: translateY(100%);
    color: var(--white);
    border: 1px solid #e1e0e02b;
}

.popup::-webkit-scrollbar {
    display: none;
}

.close {
    background: none;
    border: none;
    font-size: 26px;
    color: var(--white);
    cursor: pointer;
    position: absolute;
    left: 30px;
    top: 30px;
    padding: 0;
}

.modal-header {
    margin-bottom: 20px;
}

.modal-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.modal-images>img {
    border-radius: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.modal-data {
    margin-bottom: 40px;
}

.modal-data:last-child {
    margin-bottom: 0;
}

/* hero popup design */
/* how-it-works css */

.how-it-works-section {
    background-image: url('../images/how-it-works.jpg');
    background-position: center;
    background-size: cover;
    min-height: 100vh;
    position: relative;
}

.how-it-works-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    opacity: 0.97;
    background: linear-gradient(to bottom, var(--darknew) 40%, var(--primary) 100%, var(--black) 100%);
}

.how-it-works-content {
    position: relative;
    z-index: 1;
    color: var(--white);
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 40px 0 70px;
}

.how-title {
    font-size: 130px;
    color: transparent;
    -webkit-text-stroke: 3px var(--darknew);
    font-weight: 900;
}

.how-subtitle {
    font-size: 70px;
    color: var(--darknew);
    font-weight: 600;
}

.how-description {
    font-size: 30px;
    color: var(--black);
}

.how-it-works-bottom {
    width: 70%;
    margin-right: auto;
}

.how-it-works-overlay::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--white);
    width: 100%;
    min-height: 100vh;
    opacity: 0.5;
}

.theproblem-p1-section {
    min-height: 200vh;
}

.scroll-trigger-3 {
    min-height: 200vh;
    position: relative;
}

.sticky-fullheight-3 {
    background-color: var(--_colours---light-grey);
    min-width: 100%;
    height: 100vh;
    min-height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}

.background-image-2 {
    background-image: none;
    background-size: auto;
    overflow: hidden;
    width: 100%;
}

.the-problem-grid-wrapper.index {
    z-index: 2;
}

.the-problem-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 100px 0;
}

svg:not(:root) {
    overflow: hidden;
}

.transition-animation-2 {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset: 0%;
}

.background-img-absolute {
    background-image: url('./assets/images/how-it-bg-image.png');
    background-position: 0 0;
    background-size: cover;
    position: absolute;
    inset: 0%;
}

.brow-title-wrapper {
    grid-area: Area;
    align-self: start;
}

.brow-title-wrapper li {
    list-style: disc;
    font-size: 25px;
}

.brow-title-wrapper ul {
    padding-right: 20px;
}

#w-node-e468b7f8-d36c-8410-c317-d65caa42495b-c34ebe09 {
    grid-area: Area-2;
}

.the-problem-grid-wrapper>.max-width {
    grid-area: Area-3;
}

.expressivebig .current {
    font-size: 48px;
    color: var(--white);
    font-weight: 600;
}

.bodylarge {
    font-size: 22px;
    color: var(--white);
    margin-top: 100px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

.the-problem-grid-wrapper::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #0000008f;
    position: absolute;
    left: 0;
    top: 0;
}

.the-problem-grid-wrapper>div {
    position: relative;
    max-width: 1254px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

/* how-it-works css */


/* Benifit css */

.item h2,
.item h3,
.item p {
    margin-top: 0;
}

.owl-theme .owl-nav [class*='owl-'] {
    background: #ff5733;
    color: var(--white);
    font-size: 20px;
    padding: 5px 15px;
    border-radius: 50%;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
}

.owl-theme .owl-nav .owl-prev {
    right: 10px;
}

.owl-theme .owl-nav .owl-next {
    left: 10px;
}

.benefits-section {
    background-color: var(--lightgrey);
    padding: 70px 30px;
}

.hero-video-description {
    color: var(--white);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
}

.benefits-video-title {
    font-size: 22px;
    margin-bottom: 10px;
}

.benefits-video-description {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 110px;
}

.video-section {
    height: 600px;
}

.item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.owl-theme .owl-nav button span {
    font-size: 27px;
    font-weight: 700;
    line-height: 18px;
}

.owl-theme .owl-nav button[class*='owl-'] {
    width: 40px;
    height: 40px;
    background-color: var(--white);
    position: absolute;
    margin: 0;
}

.owl-theme .owl-nav button[class*='owl-']:hover {
    background-color: var(--black);
}

.owl-theme .owl-nav button[class*='owl-']:focus-visible {
    outline: none;
}

.common-title {
    font-size: 32px;
    margin-bottom: 50px;
    font-weight: 600;
}

.common-description {
    /* max-width: 700px; */
    margin: 0 auto 30px;
    font-size: 20px;
    font-weight: 400;
}

.owl-dots {
    margin-top: 30px;
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
    margin: 0 2px;
    width: 70px;
    height: 3px;
    border-radius: 0;
    background: var(--lightblue);
    opacity: 1;
    visibility: visible;
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: var(--primary);
}

/* Benifit css */

.section-padding {
    padding: 40px 0;
}

/* advantages css */
.advantages-section {
    background: var(--black);
    position: relative;
}

.advantages-section .common-description {
    margin: 0 auto;
    padding-bottom: 30px;
}

.advantages-details {
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
}

.advantages-detail-li {
    width: calc(33.33% - 20px);
    background: var(--darknew);
    border-radius: 25px;
    padding: 20px;
    border: 1.5px solid var(--primary);
    box-shadow: 0 18px 50px #ffffff12;
    cursor: pointer;
    transform-style: preserve-3d;
    transform-origin: center;
    will-change: transform;
    transition: 0.5s all;
}

.advantages-detail-li:hover {
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.9);
    transform: scale(1.06);
}

.card-pill {
    display: inline-flex;
    padding: 5px 20px;
    font-size: 15px;
    border-radius: 50px;
    font-weight: 500;
    letter-spacing: 1px;
    background: #2aa7b83d;
    color: var(--primary);
    border: 1px solid var(--primary);
}

.card-title {
    font-size: 25px;
    color: #f9fafb;
    margin: 15px 0;
    font-weight: 600;
}

.card-text {
    font-size: 18px;
    color: var(--white);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    min-height: 55px;
}

.card-btn {
    padding: 10px 20px;
    border-radius: 50px;
    border: 3px solid rgb(255 255 255 / 38%);
    background: #ffffff2e;
    color: var(--white);
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
    cursor: pointer;
    backdrop-filter: blur(60px);
}

/* advantages css */

/* FAQ css */

.faq-section {
    position: relative;
    overflow: hidden;
}

.common-btn,
.wpcf7-submit {
    border-radius: 50px;
    background-color: var(--primary);
    color: var(--white);
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid var(--primary);
    position: relative;
    overflow: hidden;
    display: inline-block;
    transition: 0.5s all;
}

.common-btn:hover,
.common-btn:active,
.common-btn:focus,
[lang="he-IL"] .wpcf7 .wpcf7-submit:hover,
[lang="he-IL"] .wpcf7 .wpcf7-submit:active,
[lang="he-IL"] .wpcf7 .wpcf7-submit:focus {
    color: var(--white);
    transform: scale(1.08);
    background-color: var(--primaryhover);
    border-color: var(--primaryhover);
}

.faq-title-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    gap: 50px;
}

.faq-title-section {
    width: 30%;
    position: sticky;
    top: 20px;
    height: 100%;
    padding-left: 20px;
}

.faq-question-section {
    width: calc(100% - 30% - 50px);
}

.faq-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px;
    background-color: var(--lightblue);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.faq-container h2 {
    text-align: center;
    color: var(--black);
    margin-bottom: 30px;
    font-size: 2em;
}

.faq-item {
    background-color: var(--white);
    border-bottom: 1px solid #ebebeb;
    transition: all 0.3s ease;
}

.faq-item:last-child {
    border-bottom: 0;
}

.faq-question {
    display: block;
    padding: 20px 0px 20px 40px;
    font-weight: 400;
    font-size: 22px;
    color: var(--black);
    cursor: pointer;
    list-style: none;
    position: relative;
    transition: color 0.3s;
}

.faq-question::after {
    content: '+';
    position: absolute;
    left: 0;
    top: 30%;
    font-size: 30px;
    transform: translateY(-25%);
    color: var(--primaryhover);
    transition: transform 0.3s ease;
}

.faq-question:focus {
    border: 0;
    outline: unset;
}

.faq-item[open] .faq-question::after {
    content: '−';
    transform: rotate(0deg) translateY(-25%);
}

.faq-answer {
    padding: 10px 0;
    color: var(--black);
    line-height: 1.6;
    opacity: 0;
    animation: fadeIn 0.4s forwards;
    font-size: 18px;
    color: var(--grey);
}

.faq-answer>span {
    margin-bottom: 10px;
    display: block;
}

.faq-section::before {
    content: '';
    width: 350px;
    height: 350px;
    display: block;
    position: absolute;
    left: 120px;
    top: 120px;
    background-image: url(./assets/images/lotus-flower-bg.png);
    background-position: 0 0;
    background-size: cover;
    opacity: 0.03;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Blog css */

.blog-content-ul {
    gap: 25px;
}

.blog-data-li {
    width: calc(33.33% - 17px);
    background-image: linear-gradient(#ffffffb3, #fbfbfbb3);
    border-radius: 28px;
    padding: 20px;
    text-decoration: none;
    transition: box-shadow .5s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1);
    position: relative;
    box-shadow: 0 0 #0a052300, inset 1.5px 1.5px 1.5px #bdb6b638, 0 20px 40px #a7a6ab3d;
    overflow: hidden;
}

.blog-li-image img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-li-image {
    height: 170px;
    position: relative;
    z-index: 11;
}

.blog-text {
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

.blog-title {
    letter-spacing: 1px;
    font-size: 22px;
    line-height: normal;
    text-overflow: ellipsis;
    font-weight: 700;
    margin-bottom: 10px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.blog-description {
    color: var(--grey);
    font-size: 18px;
    margin: 0 0 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    min-height: 55px;
}

.blog-btn-area {
    text-align: left;
}

.blog-data-li::before {
    content: '';
    width: 180px;
    height: 180px;
    display: block;
    background: #94e9f5;
    position: absolute;
    right: -90px;
    bottom: -120px;
    border-radius: 50%;
    z-index: 1;
    border: 2px dashed var(--primary);
    opacity: 0.2;
    animation: spin-only 10s infinite;
}

@keyframes spin-only {
    0% {
        transform: 0;
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.blog-section {
    background-color: var(--sectionbg);
}

.blog-section .common-title {
    margin-bottom: 20px;
}

.blog-data-li::after {
    content: '';
    width: 80px;
    height: 80px;
    display: block;
    background: #a3bee3;
    position: absolute;
    left: -30px;
    top: -30px;
    border-radius: 50%;
    z-index: 1;
    border: 2px dashed var(--darknew);
    opacity: 0.2;
    animation: spin-only 10s infinite;
}

.blog-btn-area>a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 50px;
    color: var(--primary);
    border: 1px solid var(--primary);
    font-size: 18px;
    font-weight: 500;
    transition: 0.5s all;
}

.blog-btn-area>a:hover {
    background-color: var(--secondaryhover);
    color: var(--primary);
}

.blog-learn-more {
    margin-top: 30px;
}

.blog-learn-more .blog-btn-area {
    text-align: center;
}

.blog-learn-more .blog-btn-area>a {
    background-color: var(--darknew);
    border-color: var(--darknew);
    color: var(--white);
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    transition: 0.5s all;
}

.common-btn::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background: var(--white);
    position: absolute;
    bottom: 5px;
    right: -15px;
    border-radius: 50%;
    opacity: 0.2;
}

/* Footer css */
.site-footer {
    padding: 0;
    background-color: var(--white);
}

.copyright {
    background-color: var(--primary);
    color: var(--white);
    padding: 10px;
    font-size: 15px;
}

.site-footer .footer-inner {
    padding: 40px 15px;
    max-width: 1254px;
}

.location-data {
    gap: 10px;
    margin-bottom: 15px;
}

.site-footer .footer-inner>div {
    /* width: 33.33%; */
    width: 25%;
    position: relative;
    padding: 0px 20px;
}
.site-footer .footer-inner > div:first-child{ padding-right: 0px; }
.site-footer .footer-inner > div:last-child{ padding-left: 0px; }
.site-footer .footer-inner>div:not(:last-child)::after {
    content: '';
    /* left: 70px; */
    left: 0px;
    height: 100%;
    width: 1px;
    background: linear-gradient(180deg, var(--primary) -10%, var(--primaryhover) 34.28%, rgb(65 111 130 / 0%) 100%);
    top: -7px;
    position: absolute;
}

.site-footer .site-navigation {
    width: 100%;
}

.site-footer .site-footer-social-links {
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-footer .site-footer-social-links .site-footer-social-link svg.icon-tabler-brand-pinterest {
    width: 33px;
    height: 33px;
}

.site-footer .site-branding {
    display: block;
}

.site-footer .footer-inner .show-logo .custom-logo-link {
    width: 100px;
}

.site-footer .footer-inner .site-navigation ul.menu li a {
    color: var(--grey);
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 5px;
}

.site-footer .site-footer-social-links .site-footer-social-link svg {
    stroke: var(--primary);
    transition: 0.3s all;
    width: 25px;
    height: 25px;
}

.site-footer .site-footer-social-links .site-footer-social-link:hover svg {
    stroke: var(--primaryhover);
    transform: scale(1.3);
}

.site-footer .footer-inner .site-branding .site-description {
    /* font-size: 25px; */
    font-size: 20px;
    color: var(--black);
    margin: 10px 0 40px;
    font-weight: 700;
}

.footer-title {
    /* font-size: 30px; */
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--black);
}

.site-footer .site-navigation ul.menu {
    display: block;
    width: 100%;
}

.location-data>svg {
    width: 25px;
    stroke: var(--primary);
}

.location-detail {
    width: calc(100% - 40px);
}

.site-footer .site-footer-social-links .site-footer-social-link svg.icon-tabler-brand-pinterest {
    width: 33px;
    height: 33px;
}

.location-detail a,
.location-detail p {
    color: var(--grey);
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 5px;
    word-wrap: break-word;
}

.site-footer-social-link {
    position: relative;
}

.site-footer-social-link::after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background: var(--lightblue);
    position: absolute;
    bottom: 0px;
    right: -5px;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.2;
}

.location-data:last-child {
    margin-bottom: 0;
}

/* Footer css */
/* Custom review css */

.owl-carousel .customer-review-inner .customer-image>img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.customer-review-inner {
    backdrop-filter: blur(50px);
    background: linear-gradient(180deg, var(--token-0c62d1bb-1ac3-4cd6-8f0f-8ee3950e02c0, rgb(13, 13, 13)) 25%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(273deg, #04373e 25%, var(--primary) 100%);
    border-radius: 10px;
    opacity: 1;
    padding: 30px 40px;
    color: var(--white);
}

.customer-review-section {
    background-color: var(--white);
}

#customer-review p.common-description.text-center {
    font-family: 'Rubik', sans-serif;
    color: var(--deep);
}
#customer-review h2.common-title.text-center.title-margin {
    font-family: 'Rubik', sans-serif;
    color: var(--deep);
}
#customer-review .customer-review-container {
    font-family: 'Rubik', sans-serif;
    padding-top: 20px;
}
.customer-detail .customer-name {
    display: block;
    margin: 10px 0 0;
    font-size: 30px;
    line-height: normal;
}

.site-header .header-inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-header .site-branding{
    z-index: 2;
}
.site-header .site-navigation{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.site-header .site-navigation-toggle-holder{
    z-index: 2;
}
.customer-designation {
    font-size: 16px;
    color: #ffffffa1;
    border-bottom: 1px solid #ffffff2b;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: normal;
    font-weight: 400;
}
/*======================================
    Medical Team
======================================*/

.medical-team {
    padding: 80px 0;
}

.medical-team .container {
    max-width: 1100px;
    margin: 0 auto;
}

.medical-team .common-description {
    max-width: 900px;
    margin: 20px auto 50px;
    line-height: 1.8;
}

.medical-team-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 50px;
}

.medical-team-item {
    padding: 22px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    transition: all .3s ease;
	display: flex;
	align-items: center;
	gap: 10px;
}

.medical-team-item:hover {
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    transform: translateY(-3px);
}

.doctor-name {
    margin: 0 0 10px;
    font-size: 26px;
    font-weight: 700;
    color: #222;
}

.doctor-title {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #666;
}

.medical-team-btn {
    text-align: center;
}

.medical-team-btn .common-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 34px;
    text-decoration: none;
}

/*======================================
    Tablet
======================================*/

@media (max-width:991px) {

    .medical-team {
        padding: 70px 0;
    }

    .medical-team-item {
        padding: 24px;
    }

    .doctor-name {
        font-size: 22px;
    }

}

/*======================================
    Mobile
======================================*/

@media (max-width:767px) {

    .medical-team {
        padding: 60px 0;
    }

    .medical-team .common-description {
        margin-bottom: 35px;
    }

    .medical-team-item {
        padding: 20px;
    }

    .doctor-name {
        font-size: 20px;
    }

    .doctor-title {
        font-size: 16px;
    }

    .medical-team-btn .common-btn {
        width: 100%;
    }

}
/* .customer-inner-content {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 30.5%, rgb(0 0 0) 66.5%, rgba(0, 0, 0, 0) 100%);
} */

.customer-description {
    font-size: 15px;
    color: #ffffffde;
    line-height: normal;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* min-height: 75px; */
    margin-bottom: 30px;
}

/* Custom review css */

/* Contact form css */
.contact-form-section {
    position: relative;
}

.contact-inner {
    max-width: 700px;
    margin: 0 auto;
}

.contact-detail {
    border: 1px solid #69c6f266;
    border-radius: 15px;
    padding: 30px;
    color: var(--black);
    width: 100%;
    box-shadow: 0 0 #0a052300, inset 3.5px 2.5px 11.5px #69c6f24d, 0 0px 3px #a7a6ab3d;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.w-50-contact .form-grp {
    width: calc(50% - 10px);
}

.form-contact {
    gap: 20px;
    width: 100%;
}

.w-100-contact .form-grp {
    width: 100%;
}

.form-grp label {
    margin-bottom: 10px;
}

.form-grp input,
.form-grp textarea {
    border: 1px solid var(--formline);
    color: var(--black);
    border-radius: 10px;
    padding: 10px 10px;
}

.form-grp input::placeholder,
.form-grp textarea::placeholder {
    color: #808080d9;
}

.email-img svg {
    fill: var(--primary);
}

/* Contact strip css */
.contact-strip {
    background: radial-gradient(circle at top left, var(--primaryhover), var(--primary));
    box-shadow: 0 18px 50px #ffffff12;
}

.contact-strip .contact-bottom,
.subscription-bottom {
    max-width: 700px;
    margin: 0 auto;
}

.button-strip-area {
    justify-content: center;
    gap: 40px;
}

.button-strip-area .video-btn {
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.5s all;
}

.button-strip-area .video-btn:hover {
    transform: scale(1.08);
}

.button-strip-area .video-img {
    display: flex;
    width: 40px;
    height: 40px;
    background: var(--white);
    padding: 10px;
    border-radius: 50px;
}

.button-strip-area .video-img .fa-play {
    transform: rotate(180deg);
    margin-right: 3px;
}

.video-text {
    font-size: 18px;
    font-weight: 600;
}

.button-strip-area .video-img .fa-play path {
    fill: var(--darknew);
}

.subscription-btn-wrapper {
    width: 150px;
}

.subsribe-contact {
    width: calc(100% - 150px);
}

form.subscription-form {
    align-items: flex-end;
}

.subscription-btn-wrapper .subscription-btn {
    width: 100%;
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    border-radius: 10px 0 0 10px;
    height: 48px;
}

.subscription-btn-wrapper .subscription-btn:hover {
    background-color: var(--primaryhover);
    border-color: var(--primaryhover);
}

.subsribe-contact input {
    border-radius: 0 10px 10px 0;
    height: 48px;
}

.subsribe-contact label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

/* article page css */
/* body:not([class*=elementor-page-]) .site-main {
    margin-top: 100px;
    max-width: 1254px;
    padding: 0 15px;
}

body:not([class*=elementor-page-]).single-post .site-main {
    max-width: 100%;
    padding: 0;
} */

body .site-main {
    margin-top: 100px;
    max-width: 1254px !important;
    padding: 10px 15px;
    margin-left: auto;
    margin-right: auto;
}

.page-template-faq-template .main-content,
.page-template-contact-us-template .main-content {
    margin-top: 100px;
}

body.home .site-main {
    margin-top: 0;
}

body .site-main .single-article .container {
    padding: 0;
}

.single-article .entry-title {
    font-weight: bold;
    font-size: 48px;
    -webkit-text-stroke: 1px var(--darknew);
    color: var(--primary);
    line-height: 60px;
    max-width: 1000px;
    margin: 0 auto 30px;
}

.single-article .entry-content p {
    color: var(--grey);
}

.single-article .entry-content ul li,
.single-article .entry-content ol li {
    list-style: circle;
}

.single-article .entry-content ul,
.single-article .entry-content ol {
    padding: 0 20px 20px 0;
}

.single-article .entry-content h1,
.single-article .entry-content h2,
.single-article .entry-content h3,
.single-article .entry-content h4,
.single-article .entry-content h5,
.single-article .entry-content h6 {
    font-size: 22px;
    margin: 10px 0;
}

.single-article .entry-content {
    background-color: var(--white);
    padding: 20px 20px 50px 20px;
    border-style: double;
    border-width: 6px 6px 6px 6px;
    border-color: var(--darknew);
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0px -2px 31px -11px rgba(94.00630434782607, 100.58669628689304, 103.69999999999999, 0.98);
    font-family: "Assistant", Sans-serif;
    font-weight: 400;
    color: var(--black);
    max-width: 770px;
    margin: auto;
}

.single-article .entry-meta {
    display: inline-flex;
    padding: 5px 20px;
    font-size: 15px;
    border-radius: 50px;
    font-weight: 500;
    background: var(--secondaryhover);
    color: var(--darknew);
    border: 1px solid var(--primary);
}

.single-post-top-data {
    gap: 30px;
    margin: 50px 0;
}

.single-featured-image .wp-post-image {
    max-height: 350px;
}

.single-post-top-data .sigle-post-content {
    width: 100%;
}

.single-featured-image {
    backdrop-filter: blur(50px);
    box-shadow: -20px -10px 0px 4px #0a052300, inset -1px 0px 17.5px var(--darknew), 1px 3px 8px #f7f6fb;
    border-radius: 10px;
    padding: 10px;
    display: inline-flex;
}

.archive-button-wrap {
    margin-bottom: 20px;
}

.single.single-post::before {
    content: '';
    background-image: radial-gradient(at top right, #2aa7b899 -30%, var(--white) 60%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.single .site-main::after {
    content: '';
    background-color: #2aa7b899;
    height: 650px;
    width: 650px;
    position: absolute;
    bottom: -200px;
    left: 0;
    z-index: -1;
    display: block;
    filter: blur(300px);
}

.single .site-main {
    position: relative;
}

.nav-links .nav-previous a,
.nav-links .nav-next a,
.archive-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--primary);
    font-size: 17px;
    font-weight: 600;
}

.nav-links .nav-previous svg,
.nav-links .nav-next svg,
.archive-button svg {
    width: 17px;
}

.nav-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    border-radius: 50px;
    background-color: var(--primary);
    color: var(--white);
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid var(--primary);
    position: relative;
    overflow: hidden;
    display: inline-flex;
    transition: 0.5s all;
}

.nav-links .nav-previous a::after,
.nav-links .nav-next a::after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background: var(--lightblue);
    position: absolute;
    bottom: 5px;
    right: -15px;
    border-radius: 50%;
    opacity: 0.2;
}

.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
    transform: scale(1.08);
    background: var(--primaryhover);
    border-color: var(--primaryhover);
}

.site-navigation ul.menu li.menu-item-has-children:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--darknew);
    border-bottom: 2px solid var(--darknew);
    transform: rotate(45deg);
    margin-left: 8px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%) rotate(45deg);
}

.site-header .header-inner .site-branding .site-logo img {
    width: 100%;
}

.site-navigation ul.menu li ul {
    min-width: 300px;
    left: auto;
    right: 0;
    background-color: var(--darknew);
    border-radius: 10px;
    box-shadow: 0px 1px 5px 5px #ffffff42;
}

/* article page css */

/* Treatment section css */

.treatment-section {
    background-color: var(--sectionbg);
}

.treatment-underlist {
    gap: 30px;
    justify-content: center;
}

.treatment-listing {
    width: calc(25% - 23px);
}

.treatment-image {
    width: 150px;
    margin: 20px auto 10px;
}

.treatment-listing h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0px 0 15px;
    padding: 0 20px;
    color: var(--darknew);
    text-overflow: ellipsis;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 53px;
}

.treatment-listing p {
    font-size: 18px;
    color: var(--grey);
    font-weight: 400;
    line-height: normal;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 70px;
}

.treatment-section>p {
    font-size: 22px;
    margin: 20px 0 0;
}

/* Treatment section css */
/* Medical information page */

#animatedBackground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.medical-right-image {
    width: 550px;
    background-color: var(--primary);
    border-radius: 50px;
    padding: 20px 20px 0 20px;
    display: inline-flex;
    overflow: hidden;
    border-bottom: 5px solid var(--white);
}

.medical-information {
    gap: 50px;
    margin: 30px 0 50px;
}

.medical-left-content {
    width: calc(100% - 600px);
}

.medical-right-image img {
    border-radius: 40px 40px 0;
    transition: 0.5s all;
    height: 100%;
    object-fit: cover;
}

.medial-inner-image {
    width: 100%;
    display: inline-flex;
    align-items: flex-end;
}

.medical-right-image img:hover {
    transform: scale(1.05);
}

.medical-title,
.medical-subtitle {
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
}

.sub-description {
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}

.medical-top {
    border-radius: 20px;
    margin-bottom: 20px;
}

.medical-des {
    font-size: 22px;
    line-height: normal;
}

.medical-des p {
    margin: 0 0 20px;
    display: block;
    width: 100%;
    font-size: 18px;
}

.page-template-medica-info .hero-bottom-data {
    gap: 20px;
}

.page-template-medica-info .erectile-description {
    font-size: 22px;
}

.page-template-medica-info .erectile-right .erectile-description {
    margin-top: 0;
}

.page-template-medica-info .erectile-bg {
    background-image: url(./assets/images/erectile-lightbg.png);
    position: relative;
}

.page-template-medica-info .erectile-bg:before {
    content: '';
    background-color: #e5fbf9;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
}

.page-template-medica-info .erectile-bg .container,
.page-template-medica-info .erectile-darkbg .container {
    position: relative;
    z-index: 1;
}

.advantages-shockwave-therapy .description {
    margin: 20px 0 10px;
}

.page-template-medica-info .erectile-darkbg {
    background-image: url(./assets/images/erectile-darkbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-template-medica-info .erectile-darkbg {
    position: relative;
}

.page-template-medica-info .erectile-darkbg:before {
    content: '';
    background-color: var(--darknew);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
}

/* Medical information page */

.reset-scope *,
.page-id-353 .page-content * {
    all: revert;
}

/* suitable treatment css */
.suitable-subtitle {
    font-size: 22px;
    font-weight: 600;
}

.suitable-description-top {
    font-size: 18px;
    line-height: normal;
    border-top: 1px solid var(--primary);
    margin-bottom: 20px;
    padding: 20px 0;
}

.suitable-icon {
    width: 30px;
    display: inline-flex;
}

.suitable-icon svg {
    stroke: var(--white);
}

.suitable-span {
    width: calc(100% - 40px);
    font-size: 16px;
}

.suitable-description {
    gap: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 850px;
    margin: 0 auto;
}

.suitable-description .suitable-col {
    position: relative;
}

.suitable-description .suitable-col .suitable-title {
    margin-bottom: 20px;
    font-size: 28px;
}

.suitable-li {
    margin-bottom: 10px;
    font-size: 18px;
    gap: 10px;
}

.suitable-description .suitable-col:first-of-type::before {
    content: '';
    border-left: 1px solid var(--primary);
    position: absolute;
    left: 30px;
    height: 100%;
}

.suitable-ul {
    margin-bottom: 40px;
}

.suitable-underlist {
    gap: 20px;
    justify-content: center;
}

.suitable-treatment {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primaryhover) 50%, #1f6f8b61 100%);
}

.suitable-listing {
    width: calc(25% - 15px);
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.suitable-listing::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primaryhover) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
}

.suitable-listing:hover::before {
    opacity: 0.2;
}

.suitable-listing::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--darknew) 0%, var(--lightblue) 100%);
    opacity: 0;
    filter: blur(40px);
    transition: opacity 0.5s ease;
    z-index: 0;
}

.suitable-listing:hover::after {
    opacity: 0.3;
}

.suitable-listing:hover {
    transform: translateY(-10px) scale(1.02);
}

.suitable-listing:hover::after {
    transform: scale(1.5);
}

.suitable-image {
    position: relative;
    margin-bottom: 15px;
    z-index: 10;
}

.suitable-listing:hover .suitable-image::before {
    opacity: 0.7;
}

.suitable-image img {
    position: relative;
    width: 100%;
    max-width: 200px;
    background: var(--white);
    border-radius: 16px;
    padding: 3px;
    transition: transform 0.5s ease;
    z-index: 2;
}

.suitable-listing:hover .suitable-image img {
    transform: scale(1.05);
}

.suitable-h4 {
    position: relative;
    z-index: 1;
    font-size: 20px;
    font-weight: 600;
}

.suitable-for-below .common-btn {
    padding: 10px 30px;
    font-size: 22px;
}

/* suitable treatment css */
/* technology section */
.technology-section {
    background: var(--darknew);
}

.technology-video video {
    width: 100%;
    margin-bottom: 20px;
}

.impact-description {
    font-size: 18px;
    margin: 10px 0;
}

.advantages-list {
    max-width: 330px;
    margin: 20px auto 0;
}

/* technology section */
/*treatment work css */
.work-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}

.work-description-top {
    font-size: 20px;
    color: var(--grey);
    line-height: normal;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    min-height: 78px;
}

.treatment-data {
    gap: 50px;
}

.treatment-work-inner {
    width: calc(33.33% - 34px);
}

.treatment-work .description,
.treatment-section>p {
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    margin: 20px 0 0;
}

.work-image {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px;
    border-radius: 50%;
    overflow: hidden;
    padding: 15px;
    background: var(--lightgrey);
    border: 1px dashed var(--grey);
}

.work-image img {
    border-radius: 50%;
    box-shadow: 0 0 #0a052300, 20.5px 20.5px 11.5px #bdb6b638, 0 0px 40px #a7a6abde;
    border: 2px solid var(--white);
    width: 100%;
    height: 100%;
}

.treatment-step {
    color: var(--grey);
    text-transform: uppercase;
    margin: 20px 0 5px 0;
}

.work-svg {
    display: inline-flex;
    margin: 0 0 -3px 0;
    width: 22px;
}

.learn-more-btn {
    gap: 5px;
    color: var(--darknew);
    font-size: 18px;
    font-weight: 700;
    transition: 0.5s all;
}

.learn-more-btn:hover {
    transform: scale(1.08);
}

/*treatment work css */
.title-margin {
    margin-bottom: 10px;
}

/* FAQ page css */

.page-template-faq-template .faq-question-section {
    width: 100%;
}

.post-type-archive-faq .faq {
    margin-bottom: 40px;
}

.post-type-archive-faq .faq .archive-meta {
    margin: 0 0 10px 0;
}

.post-type-archive-faq .faq p {
    color: var(--black);
}

.faq-template-default .faq .archive-button {
    color: var(--primary);
}

.faq-template-default .faq .single-post-top-data {
    gap: 10px;
}

.faq-banner-section {
    position: relative;
    min-height: 260px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-banner-section .banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.faq-banner-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.faq-banner-content .title {
    color: var(--white);
    font-size: 48px;
    line-height: normal;
    margin: 0;
}

.faq-group-title {
    margin: 30px 0 10px;
}

.faq-group-title h2 {
    font-size: 32px;
    line-height: normal;
    font-weight: 700;
    color: var(--primary);
}

.faq-group {
    margin-top: 30px;
}

/* FAQ page css */

/* Contact us page */

.contact-inner-section {
    gap: 50px;
}

.contact-inner-section>div {
    width: calc(50% - 25px);
}

.contact-form .form-label label {
    width: 100%;
}

.contact-image>img {
    border-radius: 30px;
}

.contact-image {
    padding: 10px;
    background-color: var(--lightblue);
    border-radius: 30px;
    border: 2px dashed var(--primary);
    display: inline-flex;
}

[lang="he-IL"] .wpcf7 {
    direction: rtl;
}

.form-title {
    display: block;
    color: var(--darknew);
    margin-bottom: 10px;
}

.form-label br {
    display: none;
}

.form-label {
    margin-bottom: 30px;
}

[lang="he-IL"] .wpcf7 input,
[lang="he-IL"] .wpcf7 textarea,
[lang="he-IL"] .wpcf7 select {
    border: 1px solid #E0E0E0;
}

[lang="he-IL"] .wpcf7 textarea:focus {
    outline: none;
}

textarea {
    max-height: 100px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    text-align: center;
    font-size: 13px;
    border-radius: 50px;
    border-width: 1px;
    border-style: dashed;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    margin: 5px 0 0 0;
}

/* Contact us page */

/* post page */
.archive-page .container {
    margin-top: 100px;
    padding: 0 15px;
}

.archive-header .archive-title {
    font-weight: bold;
    font-size: 48px;
    -webkit-text-stroke: 1px var(--darknew);
    color: var(--primary);
    line-height: 60px;
    margin: 0 auto 30px;
}

.archive-content a {
    color: var(--primary);
}

.archive-content {
    margin: 20px 0;
}

.archive-content .archive-meta {
    font-size: 16px;
    color: var(--grey);
    margin: 0 0 30px 0;
    display: block;
}

.archive-content p {
    font-size: 18px;
    color: var(--grey);
}

.archive-posts .archive-thumb .wp-post-image {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.archive-posts {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
}

.archive-posts article.archive-item {
    width: calc(33.33% - 13.29px);
    border-radius: 28px;
    padding: 20px 20px 30px;
    text-decoration: none;
    transition: box-shadow .5s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1);
    position: relative;
    box-shadow: 0 0 #c85c780d, inset -4px 2px 1px #2aa7b826, 0 10px 20px #ce708829;
    overflow: hidden;
}

.archive-posts article.archive-item .archive-thumb {
    display: block;
    height: 300px;
}

.archive-posts article.archive-item .archive-post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 22px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 5px;
    min-height: 55px;
}

.archive-posts article.archive-item p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: grey;
}

.archive-posts article.archive-item p:empty {
    display: none;
}

/* post-page */

.description-bottom-data {
    font-size: 18px;
}

.contact-btn-wrapper {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
}

/* shockwave-therapy-template */

.shockwave-therapy-banner .hero-top-data {
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
}

.shockwave-therapy-banner .hero-top-data>* {
    margin: 0;
    width: 100%;
}

.shockwave-therapy-banner::before {
    opacity: 0.6;
}

.erectile-bg {
    background-image: url(./assets/images/common-sectionbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.erectile-description {
    font-size: 18px;
    margin: 40px 0 20px;
    display: block;
    font-weight: 600;
    color: var(--primary);
}

.description-ul li {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 18px;
    gap: 10px;
}

.description-ul li .suitable-icon svg {
    stroke: var(--primary);
}

.erectile-cta .description {
    margin-bottom: 20px;
}

.page-template-shockwave-therapy .faq-item {
    background-color: transparent;
    border-color: var(--primary);
}

.erectile-darkbg {
    background: linear-gradient(90deg, var(--primary) 0%, var(--primaryhover) 20%, var(--darknew) 100%);
}

.erectile-wrapper {
    gap: 40px;
    margin-top: 40px;
}

.erectile-wrapper>div {
    width: calc(50% - 20px);
}

.suitable-therapy .technology-video video,
.treatment-particularly .technology-video video,
.happens-cause .technology-video video,
.intense-stimulation .technology-video video {
    max-height: 400px;
    margin: 0;
    display: block;
    border-radius: 50px;
    border: 3px dashed var(--lightblue);
    padding: 10px;
}

.suitable-therapy .erectile-right .erectile-description:first-of-type,
.treatment-particularly .erectile-right .erectile-description:first-of-type,
.happens-cause .erectile-right .erectile-description:first-of-type,
.intense-stimulation .erectile-right .erectile-description:first-of-type {
    margin-top: 0;
}

.treatment-description .suitable-span>b {
    width: 100%;
    display: block;
}

.erectile-dysfunction .erectile-description:first-of-type {
    margin-top: 0;
}

.erectile-dysfunction .erectile-left img,
.treatment-process .erectile-left img,
.treatment-suitable .erectile-left img,
.happens-cause .erectile-left img,
.problem-address .erectile-left img {
    border-radius: 50px;
}

.whom-the-treatment .description {
    font-size: 20px;
    margin-top: 20px;
}

.erectile-cta {
    background-image: url('././assets/images/erectile-cta-bg.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.page-template-shockwave-therapy .contact-strip,
.page-template-erectile-dysfunction .contact-strip,
.page-template-porn-damage-erections .contact-strip {
    display: none;
}


/* shockwave-therapy-template */
/* erectile-dysfunction page */

.description-pre {
    white-space: pre-line;
}

/* porn-damage-erections  */

.banner-questions .description-bottom {
    font-size: 25px;
    font-weight: 600;
    margin: 0px 0 10px;
}

.banner-questions .banner-quetions-watching {
    font-size: 20px;
    background: #ffffff57;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 20px;
}

.banner-questions .banner-questions-answer {
    font-size: 15px;
}

.banner-questions .banner-quetions-watching .banner-question {
    font-weight: 700;
}

/* porn-damage-erections  */

/*New Pages Section style */
body {
    font-family: 'Heebo', sans-serif;
}
body .main-content{
    margin:0;
    font-family:'Heebo', sans-serif;
    background:var(--paper);
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
}
.main-content h1,.main-content h2,.main-content h3{
    font-family:'Heebo', serif;
    font-weight:700;
    margin:0;
    line-height:1.25;
}
.main-content p{ margin:0; }
.main-content .wrap{ max-width:1120px; margin:0 auto; padding:0 32px; /*text-align:center;*/ }
.main-content section { padding: 70px 0; }
.main-content section.static{ padding:80px 0 74px; }
.main-content .section-head{ margin-bottom:40px; }
.main-content .section-head .kicker{ font-size:13px; letter-spacing:.06em; color:var(--teal); font-weight:600; margin-bottom:10px; display:block; }
.main-content section.dark .section-head .kicker{ color: var(--aqua); }
.main-content section.dark .section-head h2,
.main-content section.dark .section-head p{ color: var(--white); }
.main-content .section-head h2{ font-size:28px; color:var(--deep); }
.main-content .section-head p{ margin-top:10px; font-size:15px; color:#5a6a68; max-width:680px; }
.main-content .section-head.text-center{ text-align:center; }
.main-content .section-head.text-center p{ margin-left: auto; margin-right: auto; }
.main-content .on-dark .section-head h2{ color:#fff; }
.main-content .on-dark .section-head .kicker{ color:var(--aqua); }
.main-content .on-dark .section-head p{ color:rgba(255,255,255,.75); }

.main-content .light{ background:#fff; border-top:1px solid #ece7de; border-bottom:1px solid #ece7de; }
.main-content .tinted{ background:var(--white); }
.main-content .dark{ background:var(--deep); color:#fff; }

.main-content .hero{
    position:relative;
    background:
        radial-gradient(1100px 600px at 15% -10%, rgba(143,217,210,.18), transparent 60%),
        radial-gradient(900px 500px at 100% 10%, rgba(231,170,184,.14), transparent 55%),
        /* linear-gradient(160deg, var(--deep) 0%, var(--deep2) 55%, var(--teal) 100%); */
        linear-gradient(160deg, #11434f 0%, #185661 55%, #247b86 100%);
    color:#fff;
    overflow:hidden;
    display: flex;
    min-height: 450px;
    overflow: hidden;
    isolation: isolate;  
}
.main-content .hero.hero--bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.main-content .hero .hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}
.main-content .hero .hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
.main-content .hero .hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.45) 40%,
        rgba(0, 0, 0, 0.6) 100%
    );
    pointer-events: none;
}

.main-content .ripple-field{ position:absolute; inset:0; opacity:.5; pointer-events:none; }
.main-content .ripple{ position:absolute; border:1px solid rgba(255,255,255,.35); border-radius:50%; animation: expand 6s ease-out infinite; }
.main-content .ripple.r2{ animation-delay:2s; }
.main-content .ripple.r3{ animation-delay:4s; }
.main-content section.hero{ padding:135px 0 96px; }
.main-content .hero-body{ position:relative; z-index:2; text-align:center; }
.main-content .eyebrow{
    display:inline-flex; align-items:center; gap:8px; font-size:13px; letter-spacing:.06em; color:var(--aqua);
    line-height:normal;
    background:rgba(255,255,255,.08); padding:6px 14px; border-radius:999px; margin-bottom:22px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 24px rgba(0, 0, 0, .25);
}
.main-content .hero h1{ font-size:44px; max-width:800px; margin:0 auto 18px; }
.main-content .hero h1 em{ font-style:normal; color:var(--blush); }
.main-content .hero .sub{ font-size:17px; max-width:640px; margin:0 auto 30px; opacity:.9; line-height:1.7; }

.main-content .badges{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-bottom:34px; }
.main-content .badge{ 
    font-size:13.5px; padding:8px 16px; border-radius:999px; background:rgba(255,255,255,.08); line-height:normal; 
    border: 1px solid rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 24px rgba(0, 0, 0, .25);
}

.main-content .causes-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.main-content .cta-btn-section{ position: relative; margin-top: 10px; text-align: center; }
.main-content .cta-btn-section.text-right{ text-align: right; }
.main-content .cta-btn{
    display:inline-block; background:var(--blush); color:var(--deep); font-weight:600; font-size:15.5px; padding:15px 34px;
    border-radius:999px; text-decoration:none; border:none; cursor:pointer;
    transition: transform .15s ease, box-shadow .15s ease; box-shadow:0 10px 30px -8px rgba(231,170,184,.5);
    line-height:normal;
    margin:12px 0px;
    text-align: center;
}
.main-content .cta-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 34px -6px rgba(231,170,184,.6); }
.main-content .cta-note{ display:block; margin-top:12px; font-size:12.5px; opacity:.65; }

.main-content .stat-section{ background:var(--paper); padding:76px 0; }
.main-content .stat-grid{ display:grid; grid-template-columns:220px 1fr; gap:44px; align-items:center; }

.main-content .stat-number{ font-family:'Heebo', serif; font-size:64px; color:var(--teal); line-height:1; }
.main-content .stat-number span{ font-size:22px; display:block; color:var(--ink); font-family:'Heebo'; margin-top:6px; opacity:.75; }
.main-content .stat-text h2{ font-size:26px; margin-bottom:14px; color:var(--deep); }
.main-content .stat-text p{ font-size:16px; line-height:1.8; color:#3c4a4d; max-width:620px; }

.main-content .how{ background:#fff; padding:80px 0; border-top:1px solid #ece7de; border-bottom:1px solid #ece7de; }
.main-content .steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }

.main-content .step{ text-align:center; }
.main-content .step-circle{
    width:96px; height:96px; margin:0 auto 20px; border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #2c8f92, var(--deep) 75%);
    display:flex; align-items:center; justify-content:center; color:var(--aqua); font-family:'Heebo'; font-size:26px;
    border:1px solid #dfe9e8;
}
.main-content .step h3{ font-size:18px; color:var(--deep); margin-bottom:10px; }
.main-content .step p{ font-size:14.5px; line-height:1.75; color:#556; opacity:.85; }

.main-content .why{ background:var(--deep); color:#fff; padding:84px 0; }
.main-content .why .section-head h2{ color:#fff; }
.main-content .why .section-head .kicker{ color:var(--aqua); }
.main-content .why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

.main-content .why-card{ background:rgba(255,255,255,.05); border:1px solid var(--line); border-radius:var(--radius); padding:26px 22px; }
.main-content .why-card .tag{ font-size:12px; color:var(--aqua); border:1px solid rgba(143,217,210,.4); border-radius:999px; padding:4px 10px; display:inline-block; margin-bottom:14px; }
.main-content .why-card p{ font-size:14.5px; line-height:1.7; opacity:.9; }

.main-content .who{ background:var(--paper); padding:84px 0; }
.main-content .who-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items: center; }

.main-content .who h2{ font-size:28px; color:var(--deep); margin-bottom:22px; }
.main-content .who ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.main-content .who li{ display:flex; gap:10px; font-size:15px; color:#2c3a3d; line-height:1.6; }
.main-content .who li::before{ content:"✓"; color:var(--teal); font-weight:700; flex-shrink:0; }
.main-content .who .disclaimer{ margin-top:22px; font-size:13px; color:#77807f; line-height:1.6; }
.main-content .who-visual{
    border-radius:var(--radius); overflow:hidden; aspect-ratio:4/3;
    /* background:linear-gradient(135deg, var(--deep), var(--teal) 60%, var(--aqua) 130%); */
    position:relative;
}
.main-content .who-visual video{ width:100%; height:100%; display:block; }
.main-content .who-visual img{ width:100%; height:100%; object-fit:cover; display:block; }
.main-content .who-visual.placeholder::after{
    content:""; position:absolute; inset:0;
    background:repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0 2px, transparent 2px 14px);
}
.main-content .learn-more{ text-align:center; padding:56px 0; background:var(--paper); }
.main-content .learn-more a{ display:inline-flex; align-items:center; gap:8px; color:var(--deep); text-decoration:none; font-weight:600; font-size:15px; border-bottom:1px solid var(--deep); padding-bottom:4px; }

.main-content .final-cta{ background:linear-gradient(160deg, var(--teal), var(--deep)); color:#fff; text-align:center; padding:70px 0; }
.main-content .final-cta .kicker{ 
    font-size:13px; 
    letter-spacing:.06em; 
    color:var(--aqua);
    font-weight:600; 
    margin-bottom:10px; 
    display:block; 
}
.main-content .final-cta h2{ font-size:28px; margin-bottom:14px; }
.main-content .final-cta p{ opacity:.85; font-size:15px; margin-bottom:28px; }
.main-content .final-cta .phone-line{ 
    display:flex; align-items:center; gap:10px; margin-top:22px; font-size:15px; justify-content: center;
}
.main-content .final-cta .phone-line::before{ 
    content:"📞"; 
    display:block; 
    width:auto; 
    height:auto; 
}
@keyframes expand{
    0%{ width:0px; height:0px; opacity:.7; }
    100%{ width:900px; height:900px; opacity:0; margin-right:-450px; margin-top:-450px; }
}
@media (prefers-reduced-motion: reduce){ 
    .main-content .ripple{ animation:none; display:none; } 
}

.main-content .causes-visual{ border-radius:var(--radius); aspect-ratio:4/3; background:linear-gradient(135deg, var(--deep), var(--teal) 55%, var(--aqua) 130%); position:relative; overflow:hidden; }
.main-content .causes-visual::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0 2px, transparent 2px 14px); }
.main-content .causes-visual img{ width:100%; height:100%; object-fit:cover; position:relative; z-index:1; }
.main-content ul.check{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.main-content ul.check li{ display:flex; gap:10px; font-size:15px; line-height:1.6; }
.main-content ul.check li::before{ content:"✓"; color:var(--teal); font-weight:700; flex-shrink:0; }
.main-content .on-dark ul.check li::before{ color:var(--aqua); }
.main-content .note-box{ margin-top:20px; font-size:13.5px; color:#6a7472; background:#eef3f2; border-radius:12px; padding:14px 18px; }
.main-content .mech-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.main-content .mech-img{ border-radius:var(--radius); aspect-ratio:4/3; background:linear-gradient(135deg, #2c8f92, var(--deep)); overflow:hidden; }
.main-content .mech-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.main-content .steps3{ display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.main-content .timeline{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:10px; }
.main-content .tl-card{ background:rgba(255,255,255,.05); border:1px solid var(--line); border-radius:var(--radius); padding:24px 20px; position:relative; }
.main-content .tl-num{ font-family:'Heebo'; font-size:26px; color:var(--aqua); margin-bottom:10px; }
.main-content .tl-card h3{ font-size:15.5px; color:#fff; margin-bottom:8px; font-family:'Heebo'; font-weight:600; }
.main-content .tl-card p{ font-size:13.5px; line-height:1.65; opacity:.82; }
.main-content .timeline-total{ margin-top:30px; text-align:center; font-size:15px; font-weight:600; background:rgba(255,255,255,.06); border:1px solid var(--line); border-radius:14px; padding:16px; }
.main-content .fit-table{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.main-content .fit-col{ border-radius:var(--radius); padding:28px 26px; }
.main-content .fit-col.yes{ background:#eef7f6; border:1px solid #d3e8e5; }
.main-content .fit-col.no{ background:#fbeeee; border:1px solid #f0d4d4; }
.main-content .fit-col h3{ font-family:'Heebo'; font-size:16px; margin-bottom:16px; }
.main-content .fit-col.yes h3{ color:var(--teal); }
.main-content .fit-col.no h3{ color:#a14848; }
.main-content .fit-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; font-size:14.5px; }
.main-content .fit-col.yes li::before{ content:"✓ "; color:var(--teal); font-weight:700; }
.main-content .fit-col.no li::before{ content:"— "; color:#a14848; font-weight:700; }
.main-content .fit-disclaimer{ margin-top:26px; background:#fff8ea; border:1px solid #f0e2b8; border-radius:12px; padding:16px 20px; font-size:13.5px; color:#6d5b25; line-height:1.7; }
.main-content .safety-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.main-content .safety-card{ background:#fff; border:1px solid #e7e2d8; border-radius:var(--radius); padding:26px 22px; }
.main-content .safety-card .tag{ font-size:12px; color:var(--teal); border:1px solid #cfe3e1; border-radius:999px; padding:4px 10px; display:inline-block; margin-bottom:12px; }
.main-content .safety-card p{ font-size:14px; line-height:1.7; color:#4a5757; }
.main-content .compare,
.main-content .compare-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:var(--radius); overflow:hidden; border:1px solid #e2ded4; }
.main-content .compare-col{ padding:30px 28px; }
.main-content .compare-col.against{ background:#f3eeee; }
.main-content .compare-col.for{ background:#eaf5f3; }
.main-content .compare-col h3{ font-family:'Heebo'; color: var(--teal); font-size:15.5px; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.main-content .compare-col.against h3::before{ content:"✕"; color:#b04b4b; }
.main-content .compare-col.against h3{ color:#b04b4b; }
.main-content .compare-col.for h3::before{ content:"✓"; color:var(--teal); }
.main-content .compare-col p{ font-size:14px; line-height:1.75; color:#4a5352; }
.main-content .compare-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; font-size:14px; line-height:1.6; color:#4a5352; }
.main-content .faq-item{ border-bottom:1px solid #e2ded4; }
.main-content .faq-q{ width:100%; text-align:right; background:none; border:none; cursor:pointer; padding:20px 4px; display:flex; justify-content:space-between; align-items:center; font-family:'Heebo'; font-size:15.5px; font-weight:500; color:var(--deep); }
.main-content .faq-q .plus{ font-size:20px; color:var(--teal); transition:transform .2s ease; flex-shrink:0; margin-left:14px; }
.main-content .faq-item.open .plus{ transform:rotate(45deg); }
.main-content .faq-a{ max-height:0; overflow:hidden; transition:max-height .25s ease; }
.main-content .faq-a-inner{ padding:0 4px 20px; font-size:14.5px; line-height:1.8; color:#556; }

.main-content .hero.text-right .hero-body,
.main-content .hero.text-right h1,
.main-content .hero.text-right .sub{ text-align:right; margin-right:0; }
.main-content .text-right .section-head,
.main-content .text-right p{ text-align:right; }

.main-content .quiz-section{ padding-bottom: 20px; }
.main-content .quiz-card{
    max-width:640px; margin:-80px auto 0; position:relative; z-index:3;
    background:#fff; border-radius:24px; box-shadow:0 30px 60px -20px rgba(12,59,70,.25);
    padding:40px 40px 34px; border:1px solid #eee7da;
}
.main-content .progress-track{ height:6px; background:#eee6da; border-radius:999px; overflow:hidden; margin-bottom:28px; }
.main-content .progress-fill{ height:100%; background:linear-gradient(90deg, var(--teal), var(--aqua)); border-radius:999px; transition:width .3s ease; width:20%; }
.main-content .step-label{ font-size:12.5px; color:#8a9291; margin-bottom:8px; letter-spacing:.03em; }
.main-content .q-title{ font-size:20px; color:var(--deep); margin-bottom:22px; font-family:'Heebo'; line-height:1.4; }

.main-content .opt-list{ display:flex; flex-direction:column; gap:10px; margin-bottom:26px; }
.main-content .opt{
display:flex; align-items:center; gap:12px; border:1.5px solid #e3ddce; border-radius:14px;
padding:14px 16px; cursor:pointer; font-size:14.5px; transition:border-color .15s ease, background .15s ease;
}
.main-content .opt:hover{ border-color:var(--teal); background:#f5faf9; }
.main-content .opt.selected{ border-color:var(--teal); background:#eef7f6; }
.main-content .opt .dot{ width:18px; height:18px; border-radius:50%; border:1.5px solid #c9c1ac; flex-shrink:0; position:relative; }
.main-content .opt.selected .dot{ border-color:var(--teal); }
.main-content .opt.selected .dot::after{ content:""; position:absolute; inset:3px; border-radius:50%; background:var(--teal); }

.main-content .quiz-nav{ display:flex; justify-content:space-between; align-items:center; }
.main-content .btn-back{ background:none; border:none; color:#8a9291; font-family:'Heebo'; font-size:14px; cursor:pointer; }
.main-content .btn-back:disabled{ opacity:0; cursor:default; }
.btn-next.loading{ opacity:.75; cursor:progress; }
.main-content .lead-heading{ font-size:19px; color:var(--deep); margin-bottom:18px; font-family:'Heebo'; line-height:1.4; }
.main-content .lead-field{ margin-bottom:14px; }
.main-content .lead-field label{ display:block; font-size:13px; color:#5a6a68; margin-bottom:6px; }
.main-content .lead-field input{
width:100%; border:1.5px solid #e3ddce; border-radius:12px; padding:13px 14px;
font-family:'Heebo'; font-size:14.5px; color:var(--ink);
}
.main-content .lead-field input:focus{ outline:none; border-color:var(--teal); }
.main-content .lead-field input[type="tel"], .lead-field input[type="email"]{ direction:ltr; text-align:right; }
.main-content .lead-field input:focus{ outline:none; border-color:var(--teal); }
.main-content .lead-field input.invalid{ border-color:#b23b3b; background:#fdf4f4; }
.main-content .lead-field-error{ color:#b23b3b; font-size:12px; margin-top:6px; display:none; }
.main-content .lead-field-error.show{ display:block; }
.main-content .lead-error{ color:#b23b3b; font-size:12.5px; margin:-6px 0 14px; display:none; }
.main-content .lead-error.show{ display:block; }
.main-content .lead-reassurance{ font-size:12.5px; color:#8a9291; line-height:1.6; margin-top:14px; margin-bottom:8px; text-align:center; }
.main-content .lead-back{ display:block; text-align:center; margin-top:10px; font-size:13px; color:var(--teal); cursor:pointer; text-decoration:underline; background:none; border:none; }
.main-content #leadCaptureView .btn-next{ width:100%; }

.main-content .btn-next{
background:var(--teal); color:#fff; border:none; border-radius:999px; padding:13px 28px;
font-family:'Heebo'; font-weight:600; font-size:14.5px; cursor:pointer; transition:background .15s ease;
}
.main-content .btn-next:hover{ background:var(--deep); }
.main-content .btn-next:disabled{ background:#ccd7d6; cursor:not-allowed; }
.main-content .privacy-section{}
.main-content .privacy-inner{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:64px;
    align-items:center;
}
.main-content .privacy-kicker{
    font-size:14px;
    font-weight:700;
    letter-spacing:.04em;
    color:var(--aqua);
    margin:0 0 14px;
}
.main-content .privacy-heading{
    font-size:34px;
    font-weight:800;
    line-height:1.3;
    color:#fff;
    margin:0 0 20px;
}
.main-content .privacy-intro{
    font-size:16px;
    line-height:1.9;
    color:var(--on-teal-soft);
    margin:0 0 32px;
}
.main-content .privacy-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:18px;
}
.main-content .privacy-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
    font-size:16px;
    line-height:1.7;
    color:var(--on-teal);
}
.main-content .privacy-list .check{
    flex:none;
    width:26px;
    height:26px;
    border-radius:50%;
    background:rgba(201,162,74,.18);
    border:1.5px solid var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
}
.main-content .privacy-list .check svg{
    width:13px;
    height:13px;
}
/* Pull-quote card */
.main-content .privacy-quote-card{
    background:var(--card, #ffffff);
    background:#ffffff;
    border-radius:22px;
    padding:48px 40px;
    position:relative;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.main-content .privacy-quote-mark{
    position:absolute;
    top:14px;
    right:28px;
    font-size:72px;
    line-height:1;
    color:var(--gold-soft);
    font-family:Georgia,serif;
    opacity:.6;
    user-select:none;
}
.main-content .privacy-quote-text{
    font-size:26px;
    font-weight:700;
    color:var(--teal-900);
    line-height:1.5;
    margin:24px 0 18px;
    position:relative;
    z-index:1;
}
.main-content .privacy-quote-rule{
    width:44px;
    height:3px;
    background:var(--pink-dark);
    border-radius:3px;
    margin:0 0 14px;
}
.main-content .privacy-quote-caption{
    font-size:14px;
    color:#5c6f70;
}
@media (prefers-reduced-motion:reduce){
    *{transition:none !important;}
}
/* RESULTS */
.main-content .result-badge{ display:inline-block; font-size:12.5px; font-weight:600; padding:6px 14px; border-radius:999px; margin-bottom:16px; }
.main-content .result-badge.good{ background:#eef7f6; color:var(--teal); }
.main-content .result-badge.check{ background:#fff8ea; color:#8a6d1f; }
.main-content .result-title{ font-size:21px; color:var(--deep); margin-bottom:14px; }
.main-content .result-text{ font-size:14.5px; line-height:1.8; color:#4a5757; margin-bottom:22px; }
.main-content .result-cta{
display:inline-block; background:var(--blush); color:var(--deep); font-weight:600; font-size:15px;
padding:14px 30px; border-radius:999px; text-decoration:none; width:100%; text-align:center;
}
.main-content .result-disclaimer{ margin-top:18px; font-size:12.5px; color:#8a9291; line-height:1.6; text-align:center; }
.main-content .retake{ display:block; text-align:center; margin-top:16px; font-size:13px; color:var(--teal); cursor:pointer; text-decoration:underline; background:none; border:none; }

.main-content .step-view{ display:none; }
.main-content .step-view.active{ display:block; }
.main-content .fit-table{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.main-content .fit-col{ border-radius:var(--radius); padding:28px 26px; }
.main-content .fit-col.yes{ background:#eef7f6; border:1px solid #d3e8e5; }
.main-content .fit-col.no{ background:#fff8ea; border:1px solid #f0e2b8; }
.main-content .fit-col h3{ font-family:'Heebo'; font-size:16px; margin-bottom:16px; }
.main-content .fit-col.yes h3{ color:var(--teal); }
.main-content .fit-col.no h3{ color:#8a6d1f; }
.main-content .fit-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; font-size:14.5px; }
.main-content .fit-col.yes li::before{ content:"✓ "; color:var(--teal); font-weight:700; }
.main-content .fit-col.no li::before{ content:"— "; color:#8a6d1f; font-weight:700; }
.main-content .fit-disclaimer{ margin-top:26px; background:#fff; border:1px solid #e7e2d8; border-radius:12px; padding:16px 20px; font-size:13.5px; color:#6a7472; line-height:1.7; text-align:center; }
.main-content .mech-visual{ border-radius:var(--radius); aspect-ratio:4/3; background:linear-gradient(135deg, var(--deep), var(--teal) 55%, var(--aqua) 130%); position:relative; overflow:hidden; }
.main-content .mech-visual::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0 2px, transparent 2px 14px); }
.main-content .mech-visual img{ width:100%; height:100%; object-fit:cover; position:relative; z-index:1; display:block; }
.main-content .spec-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:36px; }
.main-content .spec-card{ background:rgba(255,255,255,.05); border:1px solid var(--line); border-radius:var(--radius); padding:24px 22px; }
.main-content .spec-card .num{ font-family:'Heebo'; font-size:28px; color:var(--aqua); margin-bottom:8px; }
.main-content .spec-card p{ font-size:13.5px; line-height:1.6; opacity:.85; }
.main-content .evidence-list{ display:flex; flex-direction:column; gap:18px; }
.main-content .evidence-item{ display:flex; gap:18px; background:#fff; border:1px solid #e7e2d8; border-radius:var(--radius); padding:22px 24px; }
.main-content .evidence-icon{ width:42px; height:42px; border-radius:50%; background:#eef7f6; color:var(--teal); display:flex; align-items:center; justify-content:center; font-weight:700; flex-shrink:0; font-family:'Heebo'; }
.main-content .evidence-item h3{ font-size:15.5px; color:var(--deep); margin-bottom:6px; font-family:'Heebo'; font-weight:600; }
.main-content .evidence-item p{ font-size:14px; line-height:1.7; color:#556; }

.main-content .honesty-box{
margin-top:30px; background:#fff8ea; border:1px solid #f0e2b8; border-radius:14px;
padding:22px 24px; font-size:14px; line-height:1.8; color:#6d5b25;
}
.main-content .honesty-box strong{ color:#5c4a17; }

.pricing-section{
    padding:80px 0;
}

.pricing-cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    margin:50px 0;
}

.pricing-card{
    background:#fff;
    border-radius:18px;
    padding:40px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.pricing-card.featured{
    border:3px solid #c4a25b;
    position:relative;
}

.pricing-label{
    display:block;
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
}

.pricing-price{
    font-size:42px;
    font-weight:700;
    color:#222;
}

.pricing-discount{
    margin-top:20px;
    display:inline-block;
    background:#eaf8ed;
    color:#17853d;
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
}

.pricing-note{
    max-width:850px;
    margin:0 auto 25px;
    padding:20px;
    background:#f8f8f8;
    border-right:4px solid #c4a25b;
    line-height:1.8;
    text-align:right;
}

.pricing-description{
    max-width:850px;
    margin:0 auto 40px;
    text-align:center;
    line-height:1.9;
}

.pricing-button{
    text-align:center;
}

.copyright.text-center {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.copyright.text-center p {
    width:33%
}
span.cta-note.new {
    font-size: 11px;
}
p.review_additional {
    color: black;
    text-align: center;
    margin-top: 30px;
}

/* ---------- TEXT + IMAGE ---------- */
.main-content .split{padding:88px 0;}
.main-content .split .grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.main-content .split.img-right .grid{direction:ltr;}
.main-content .split.img-right .grid > *{direction:rtl;}
.main-content .split .media{position:relative;}
.main-content .split .media img{border-radius:var(--radius-lg);width:100%;aspect-ratio:4/3.4;object-fit:cover;box-shadow:0 30px 60px -25px rgba(11,40,48,.35);}
.main-content .split .media::before{
content:"";position:absolute;inset:-14px;z-index:-1;
border:1.5px solid var(--c-gold-light);border-radius:calc(var(--radius-lg) + 14px);opacity:.5;
}

/* ---------- TEAM INTRO ---------- */
.main-content .team-intro{
background:linear-gradient(180deg,var(--c-teal-900),var(--c-teal-950));
color:var(--c-white);text-align:center;padding:80px 0 40px;
}
.main-content .team-intro h2{font-size:32px;}
.main-content .team-intro .sub{max-width:640px;margin:16px auto 0;color:rgba(255,255,255,.75);font-size:16px;}

/* ---------- TEAM MEMBER ---------- */
.main-content .team-member{padding:70px 0;background:var(--c-white);}
.main-content .team-member:nth-of-type(even){background:var(--c-mint-bg);}
.main-content .team-member .grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:56px;align-items:center;}
.main-content .team-member.img-right .grid{direction:ltr;}
.main-content .team-member.img-right .grid > *{direction:rtl;}
.main-content .team-member .photo-wrap{position:relative;}
.main-content .team-member .photo-wrap img{
width:100%;aspect-ratio:1/1.05;object-fit:cover;border-radius:var(--radius-lg);
box-shadow:0 24px 50px -20px rgba(11,40,48,.3);
}
.main-content .team-member .photo-wrap .ring{
position:absolute;inset:-12px;border:1.5px solid var(--c-gold);border-radius:calc(var(--radius-lg) + 12px);
opacity:.45;z-index:-1;
}
.main-content .team-member .badge{
display:inline-block;background:var(--c-teal-900);color:var(--c-gold-light);
font-size:12.5px;font-weight:600;padding:5px 14px;border-radius:999px;margin-bottom:12px;
}
.main-content .team-member h3{font-size:25px;color:var(--c-teal-900);}
.main-content .team-member .role{color:var(--c-pink-dark);font-size:14.5px;font-weight:600;margin-top:4px;margin-bottom:16px;}
.main-content .team-member .bio p{color:var(--c-gray);font-size:15px;margin-bottom:12px;}
.main-content .team-member .bio p:last-child{margin-bottom:0;}

@media(max-width:768px){

    .pricing-cards{
        grid-template-columns:1fr;
    }

    .pricing-price{
        font-size:34px;
    }

}
.medical-team-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
    margin-top:50px;
}

.doctor-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.doctor-image img{
    width:100%;
    display:block;
}
.doctor-image-new {
    width: 15%;
}

.doctor-content{
    padding:30px;
}

.doctor-title{
    display:block;
    color:#888;
    margin:10px 0 20px;
    font-weight:600;
}

.doctor-meta{
    margin-top:10px;
    font-size:15px;
}

@media(max-width:768px){

    .medical-team-grid{
        grid-template-columns:1fr;
    }

}


/* responsive section */

@media (max-width: 1199px) {
    .advantages-detail-li {
        width: calc(33.33% - 14px);
        padding: 20px 10px;
    }

    .advantages-details {
        gap: 20px;
    }

    .bodylarge {
        font-size: 20px;
    }

    .faq-question {
        padding: 15px 0px 15px 30px;
        font-size: 18px;
    }

    .faq-question::after {
        font-size: 25px;
    }

    /* .site-footer .footer-inner>div:not(:last-child)::after {
        left: 40px;
    } */

    .treatment-listing h2 {
        padding: 0;
    }

    .single-post-top-data {
        gap: 30px;
        margin: 20px 0 60px;
    }

    .suitable-listing {
        border-radius: 15px;
        padding: 15px;
    }

    .archive-posts article.archive-item {
        width: calc(33.33% - 13.3px);
    }

    .site-navigation ul.menu li a {
        font-size: 16px;
        padding: 8px 12px;
    }
}

@media (max-width: 1024px) {
    .blog-content-ul {
        gap: 15px;
    }

    .blog-data-li {
        width: calc(33.33% - 10px);
        padding: 15px;
        border-radius: 15px;
    }

    .blog-li-image img {
        border-radius: 15px;
    }

    .blog-title {
        letter-spacing: 0;
        font-size: 20px;
    }

    .blog-description {
        font-size: 16px;
        margin: 0 0 10px;
        line-height: normal;
        min-height: 45px;
    }

    .blog-btn-area>a {
        font-size: 16px;
        padding: 3px 10px;
    }

    .owl-carousel.owl-theme .owl-dots .owl-dot span {
        width: 30px;
    }

    .medical-information {
        gap: 30px;
        margin: 20px 0 50px;
    }

    .medical-right-image {
        width: 500px;
    }

    .medical-left-content {
        width: calc(100% - 530px);
    }

    .treatment-data {
        gap: 30px;
    }

    .treatment-listing,
    .treatment-work-inner {
        width: calc(33.33% - 20px);
    }

    .suitable-description .suitable-col .suitable-title {
        font-size: 23px;
    }

    .site-navigation ul.menu li a {
        font-size: 15px;
    }

    .site-header .header-inner .show-logo {
        width: 80px;
    }

    .site-navigation {
        width: calc(100% - 80px);
    }
}

@media (max-width: 991px) {
    .main-content section { padding: 50px 0; }
    .main-content section.hero{ padding:100px 0 60px; }
    .main-content .timeline{ grid-template-columns:1fr 1fr; } 
    .main-content .quiz-card{ padding-top: -60px; }
    .main-content .split .grid, .main-content .team-member .grid{grid-template-columns:1fr;}
    .main-content .split.img-right .grid, .main-content .team-member.img-right .grid{direction:rtl;}
    .site-footer .footer-inner .site-branding .site-description {
        font-size: 20px;
        text-align: right;
        margin: 0 0 20px;
    }

    .footer-title {
        /* font-size: 25px; */
        font-size: 22px;
        margin-bottom: 10px;
        text-align: right;
    }

    .location-detail a,
    .location-detail p {
        font-size: 16px;
        line-height: normal;
    }

    .site-footer .site-footer-social-links .site-footer-social-link svg {
        width: 25px;
        height: 25px;
    }

    .site-footer .site-footer-social-links .site-footer-social-link svg.icon-tabler-brand-pinterest {
        width: 27px;
        height: 27px;
    }

    .advantages-detail-li {
        width: calc(50% - 10px);
    }

    .site-navigation-toggle-holder .site-navigation-toggle-icon {
        color: var(--black);
    }

    .home .site-navigation-toggle-holder .site-navigation-toggle-icon,
    .page-template-medica-info .site-navigation-toggle-holder .site-navigation-toggle-icon {
        color: var(--white);
    }

    .site-navigation-toggle-holder .site-navigation-toggle,
    .site-navigation-toggle-holder {
        padding: 0;
    }

    .site-header .header-inner .show-logo .site-logo {
        width: 60px;
    }

    .hero-btn-image {
        width: 40px;
        height: 40px;
    }

    .hero-btn-name {
        width: calc(100% - 60px);
    }

    .site-navigation-dropdown ul.menu li a {
        padding: 10px;
        font-size: 17px;
        font-weight: 600;
    }

    .expressivebig .current {
        font-size: 40px;
    }

    .the-problem-grid-wrapper {
        padding: 60px 0;
    }

    .blog-li-image {
        height: 130px;
    }

    .customer-inner-content {
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0 0 0) 6.5%, rgb(0 0 0) 95.5%, rgba(0, 0, 0, 0) 100%);
    }

    /* .site-footer .footer-inner>div:not(:last-child)::after {
        left: 20px;
    } */

    .site-header .site-navigation-dropdown ul {
        background: radial-gradient(circle at top left, var(--primary), var(--primaryhover));
        border: 1px solid #f5f5f563;
        box-shadow: 0 18px 50px #ffffff12;
    }

    .site-header .site-navigation-dropdown ul.menu li a {
        background-color: transparent;
        color: var(--white);
    }

    .background-img-absolute {
        background-position: right center;
    }

    .hero-section {
        background-position: left center;
    }

    .modal-header>h2 {
        font-size: 23px;
    }

    .modal-header>p {
        font-size: 15px;
    }

    .modal-title,
    .modal-content {
        font-size: 16px;
        line-height: normal;
    }

    body .site-main,
    .page-template-faq-template .main-content,
    .page-template-contact-us-template .main-content {
        margin-top: 73px;
        padding-top: 10px;
    }

    .treatment-listing h2 {
        font-size: 22px;
    }

    .treatment-image {
        width: 120px;
    }

    .single-post-top-data .single-post-image,
    .single-post-top-data .sigle-post-content,
    .medical-right-image,
    .medical-left-content {
        width: 100%;
        text-align: center;
    }

    .medical-right-image {
        border-radius: 30px;
        padding: 10px 10px 0 10px;
    }

    .medical-right-image img {
        border-radius: 20px 20px 0;
    }

    .treatment-listing {
        width: calc(50% - 15px);
    }

    .archive-posts article.archive-item {
        width: calc(50% - 10px);
    }

    .erectile-wrapper>div {
        width: 100%;
    }

    .erectile-left {
        order: 1;
    }

    .erectile-right {
        order: 2;
    }

    .suitable-therapy .technology-video video,
    .treatment-particularly .technology-video video,
    .happens-cause .technology-video video,
    .intense-stimulation .technology-video video {
        max-height: unset;
        border-radius: 20px;
        padding: 5px;
    }

    .erectile-dysfunction .erectile-left img,
    .treatment-process .erectile-left img,
    .treatment-suitable .erectile-left img,
    .happens-cause .erectile-left img,
    .problem-address .erectile-left img {
        border-radius: 20px;
    }

    .banner-questions .banner-quetions-watching {
        font-size: 18px;
    }

    .banner-questions .banner-quetions-watching .banner-question {
        margin-bottom: 10px;
    }

    .banner-questions .description-bottom {
        font-size: 22px;
    }

    .erectile-wrapper {
        gap: 20px;
        margin-top: 20px;
    }

    .erectile-description {
        margin: 20px 0 20px;
    }

    .treatment-description>b {
        margin-top: 0;
    }

    .shockwave-therapy-banner .hero-top-data {
        gap: 10px;
    }

    .page-template-medica-info .erectile-description {
        font-size: 18px;
    }
}
@media (max-width:820px){ 
    .main-content .why-grid{ grid-template-columns:1fr 1fr; } 
    .main-content .privacy-inner{grid-template-columns:1fr; gap:44px;}
}
@media (max-width:800px){ .main-content .steps{ grid-template-columns:1fr; } }
@media (max-width: 767px) {
    .main-content .hero{ min-height: 400; }
    .main-content section { padding: 35px 0; }
    .main-content .stat-grid{ text-align:center; } 
    
    .main-content .compare-grid,
    .main-content .spec-strip,
    .main-content .fit-table,
    .main-content .stat-grid,
    .main-content .who-grid,
    .main-content .causes-grid,
    .main-content .mech-grid,
    .main-content .steps3,
    .main-content .fit-table,
    .main-content .safety-grid,
    .main-content .compare{ grid-template-columns:1fr; }
    .main-content .quiz-card{ padding-top: -45px; }
    .main-content .cta-btn{ font-size: 14px; padding: 10px 15px; }
    .site-footer .footer-inner>div,
    .faq-title-container>div { width: 100%; padding: 0; }
    .faq-title-container>div { position: static; }
    .site-footer .footer-inner { gap: 40px; }
    .hero-bottom-detail,
    .popup { max-width: 400px; }
    .popup { padding: 20px; height: 80vh; }
    .close { font-size: 20px; left: 10px; top: 10px; }
    .description-bottom { font-size: 16px; margin: 5px 0 0; line-height: normal; }
    .description { font-size: 18px; line-height: normal; }
    .title,
    .expressivebig .current,
    .faq-title-section .common-title { font-size: 30px; }
    .card-title { font-size: 22px; margin: 10px 0; }
    .card-text { font-size: 16px; line-height: normal; min-height: 45px; }
    .card-btn { padding: 7px 15px; }
    .the-problem-grid-wrapper,
    .hero-section-data>* { text-align: center; }
    .bodylarge { max-width: 100%; }
    .title-margin { margin-bottom: 10px; }
    .common-description { font-size: 16px; line-height: normal; margin-bottom: 10px; }
    .advantages-section .common-description { padding-bottom: 20px; }
    .section-padding,
    .the-problem-grid-wrapper { padding: 30px 0; }
    .faq-title-container { gap: 20px; }
    .faq-title-section .common-title { margin-bottom: 10px; }
    .faq-answer { font-size: 15px; }
    .blog-data-li::before { width: 80px; height: 80px; right: -40px; bottom: -30px; border-width: 1px; }
    .blog-data-li::after { border-width: 1px; }
    .blog-data-li { width: calc(50% - 8px); }
    .blog-content-ul { justify-content: center; }
    .owl-carousel.owl-theme .owl-dots .owl-dot span { width: 15px; }
    .customer-detail .customer-name { font-size: 25px; }
    .customer-designation { font-size: 14px; padding-bottom: 10px; margin-bottom: 10px; }
    .customer-description { font-size: 17px; min-height: 70px; margin-bottom: 20px; }
    .customer-review-inner { padding: 30px; }
    .w-50-contact .form-grp { width: 100%; }
    .contact-detail { padding: 20px; }
    .common-btn { padding: 7px 20px; font-size: 16px; }
    .site-footer .footer-inner>div:not(:last-child)::after { width: 100%; height: 1px;
        top: auto;
        bottom: -25px;
        right: 0;
        background: linear-gradient(267deg, var(--primary) -10%, var(--primaryhover) 34.28%, rgb(65 111 130 / 0%) 100%);
    }

    .button-strip-area { gap: 30px; }
    .single-featured-image { height: 200px; }
    .single-article .entry-title {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 0;
    }
    .nav-links .nav-previous a,
    .nav-links .nav-next a,
    .archive-button { font-size: 16px; }
    .nav-links .nav-previous svg,
    .nav-links .nav-next svg,
    .archive-button svg { width: 17px; }
    .single-article p { font-size: 17px; line-height: 22px; }
    .single-article .wp-block-heading { margin: 30px 0 10px; font-size: 27px; }
    .single-article .wp-block-image img { padding: 15px; }
    .single-article .entry-meta { padding: 5px 15px;}
    .subscription-btn-wrapper { width: 100px; }
    .subscription-btn-wrapper .subscription-btn { font-size: 17px; }
    .subsribe-contact { width: calc(100% - 100px); }
    .medical-title,
    .medical-subtitle {
        font-size: 28px;
        line-height: normal;
    }
    .sub-description {
        font-size: 20px;
        line-height: 20px;
    }
    .medical-des p {
        margin: 0 0 10px;
        font-size: 16px;
    }
    .medical-des { font-size: 20px; }
    .suitable-listing { width: calc(50% - 15px); }
    .suitable-subtitle { font-size: 30px; }
    .suitable-description-top { font-size: 25px; }
    .suitable-icon { width: 20px; }
    .suitable-span { width: calc(100% - 30px); }
    .treatment-listing { width: 100%; }
    .hero-section-data { min-height: 90vh; }
    .hero-section .background-video { height: 90vh; }
    .shockwave-therapy-banner .hero-section-data {
        min-height: 100vh;
    }

    .treatment-work-inner,
    .suitable-description .suitable-col,
    .contact-inner-section>div {
        width: 100%;
    }

    .treatment-listing p,
    .treatment-listing h2 {
        min-height: unset;
        -webkit-line-clamp: unset;
    }

    .treatment-section>p {
        font-size: 18px;
        padding: 0 20px;
    }

    .suitable-ul {
        margin-bottom: 0;
    }

    .suitable-description .suitable-col .suitable-title {
        font-size: 18px;
    }

    .brow-title-wrapper ul li,
    .site-footer .footer-inner .site-navigation ul.menu li a,
    .subsribe-contact label,
    .post-type-archive-faq .faq p {
        text-align: right;
        font-size: 16px;
    }

    .work-title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .work-description-top {
        font-size: 18px;
        min-height: unset;
        -webkit-line-clamp: unset;
        margin-bottom: 0;
    }

    .work-image {
        width: 170px;
        height: 170px;
        padding: 10px;
        margin: 0 auto 20px;
    }

    .footer-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .site-footer .footer-inner .site-branding .site-description {
        font-size: 18px;
        margin: 10px 0 20px;
    }

    .hero-bottom-data {
        margin-top: 20px;
    }

    .single-article .entry-content h1,
    .single-article .entry-content h2,
    .single-article .entry-content h3,
    .single-article .entry-content h4,
    .single-article .entry-content h5,
    .single-article .entry-content h6 {
        font-size: 20px;
    }

    .post-type-archive-faq .faq .archive-post-title {
        font-size: 25px;
    }

    .description-bottom-data {
        font-size: 16px;
    }

    .treatment-work .description,
    .treatment-section>p {
        font-size: 20px;
    }

    .faq-group-title {
        margin: 10px 0;
    }

    .faq-group-title h2 {
        font-size: 28px;
    }

    .faq-banner-content .title {
        font-size: 35px;
    }
}

@media (max-width: 700px) {
    .suitable-description {
        grid-template-columns: 1fr;
    }

    .suitable-description .suitable-col:first-of-type::before {
        border-left: unset;
        border-bottom: 1px solid var(--primary);
        position: absolute;
        bottom: -15px;
        width: 100%;
    }

    .hero-top-data {
        margin-top: -60px;
    }

    .contact-btn-wrapper {
        bottom: 80px;
    }
}
@media (max-width:640px){ 
    .main-content .wrap{ padding:0 20px; }
    .main-content .hero h1{ font-size:30px; } 
}
@media (max-width: 576px) {
    .main-content .split{padding:56px 0;}
    .main-content .team-member{padding:48px 0;}
    .main-content .hero{ min-height: 350; }
    .main-content .why-grid,
    .main-content .timeline{ grid-template-columns:1fr; }
    .main-content .quiz-card{ padding:28px 22px 26px; } 
    .site-footer .footer-inner .site-navigation ul.menu li {
        display: block;
        text-align: right;
    }

    .advantages-detail-li,
    .blog-data-li {
        width: 100%;
    }

    .description {
        font-size: 16px;
        line-height: 22px;
    }

    .expressivebig .current {
        font-size: 26px;
    }

    .bodylarge {
        font-size: 16px;
    }

    .customer-review-section {
        padding: 30px 15px;
    }

    .title,
    .expressivebig .current,
    .faq-title-section .common-title,
    .common-title {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .archive-posts article.archive-item {
        width: 100%;
    }
}

@media (max-width: 400px) {

    .hero-bottom-detail,
    .popup {
        max-width: 290px;
    }

    .popup {
        border-radius: 14px 14px 0 0;
    }

    .suitable-listing {
        width: 100%;
    }
}