html {
    scroll-behavior: smooth;
}
#formevent {
    scroll-margin-top: 120px; /* adjust based on header height */
}
        .top-bar {
            background-color: #808080; /* Dark grey from the image */
            color: #ffffff;
            text-align: center;
            padding: 10px 15px;
            font-size: 14px;
            letter-spacing: 0.5px;
            font-weight: 300;
        }

        .main-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 25px 170px;
            background-color: #ffffff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Optional shadow for depth */
        }

        .logo-container {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: inherit;
        }

        /* Recreating the logo from the image using CSS/HTML since I don't have the image file */
        .logo-placeholder {
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #666666;
        }
        
        .logo-icon {
            margin-bottom: 8px;
        }

        .logo-icon svg {
            width: 32px;
            height: 32px;
            fill: none;
            stroke: #666666;
            stroke-width: 1.5;
        }

        .logo-text-main {
            font-size: 22px;
            font-weight: 400;
            letter-spacing: 3.5px;
            text-transform: uppercase;
            line-height: 1;
            margin-bottom: 6px;
        }

        .logo-text-sub {
            font-size: 11px;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #999999;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .logo-text-sub::before, 
        .logo-text-sub::after {
            content: "";
            display: block;
            width: 25px;
            height: 1px;
            background-color: #cccccc;
        }

        .button-group {
            display: flex;
            gap: 15px;
        }

        .header-btn {
            background-color: #99bec3; /* Teal/Blue color from image */
            color: #ffffff;
            border: none;
            padding: 14px 28px;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 2px;
            cursor: pointer;
            text-transform: uppercase;
            transition: background-color 0.3s ease;
        }

        .header-btn:hover {
            background-color: #87acb1;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .main-header {
                flex-direction: column;
                padding: 20px;
                gap: 20px;
            }
            .top-bar {
                font-size: 12px;
            }
        }
label.wpforms-field-label.wpforms-label-hide {
    display: none;
}
        /* Hero Section */
        .hero-section {
            background-color: #4a4a4a; /* Fallback */
            /* Using a linear gradient to mimic the dark overlay. Add your background image url here */
            background-image:  url('https://www.surbitondental.co.uk/wp-content/uploads/2026/04/Banner.jpg');
            background-size: cover;
            background-position: center;
            padding: 80px 170px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            color: #ffffff;
        }

        .hero-left {
            max-width: 685px;
            text-align: left;
        }

        .trust-bar {
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 11px;
            font-weight: 100;
            margin-bottom: 30px;
            color: #ffffff;
        }

        .stars {
            color: #fca311;
            font-size: 15px;
        }

        .trust-divider {
            width: 1px;
            height: 14px;
            background-color: #aaaaaa;
        }

        .hero-date-sub {
            font-size: 20px;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 10px;
            font-weight: 500;
        }

        .hero-title {
            font-size: 58px;
            line-height: 1.1;
            font-weight: 400;
            margin: 0 0 35px 0;
            font-family: 'Playfair Display', serif !important;
        }

        .hero-title i {
            font-style: italic;
            font-family: 'Playfair Display', serif !important;
        }

        .package-title {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 25px;
        }

        .package-list {
            list-style: none;
            padding: 0;
            margin: 0 0 45px 0;
        }

        .package-list li {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 18px;
            font-size: 16px;
            font-weight: 600;
        }

        .check-icon {
            color: #ffffff; 
            background-color: #00c853; /* Green check circle */
            border-radius: 50%;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: bold;
        }

        .discount-badge {
            background-color: #91B9C0; /* Gold color */
            color: #ffffff;
            padding: 16px 35px;
            font-size: 24px;
            font-weight: 500;
            display: inline-block;
            border-radius: 6px;
            margin-bottom: 25px;
        }

        .finance-text {
            font-size: 24px;
            font-weight: 400;
        }

        /* Hero Right Form */
        .hero-right {
            background-color: #ffffff;
            border-radius: 20px;
            width: 480px;
            padding: 55px 45px 35px 45px;
            color: #000000;
            position: relative;
            box-shadow: 0 10px 40px rgba(0,0,0,0.3);
            box-sizing: border-box;
        }

        .form-top-badge {
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #ff4747; /* Red color */
            color: #ffffff;
            padding: 12px 30px;
            border-radius: 30px;
            font-weight: 600;
            font-size: 15px;
            white-space: nowrap;
        }

        .form-title {
            text-align: center;
            font-size: 38px;
            font-weight: 700;
            margin: 0 0 17px 0;
            line-height: 1.2;
        }
        
        .form-title span {
            font-weight: 400;
        }

        .form-subtitle {
            text-align: center;
            font-size: 14px;
            color: #000000;
            margin-bottom: 35px;
            line-height: 1.5;
            font-weight: 600;
        }

        .hero-form input, 
        .hero-form select {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #cccccc;
            border-radius: 4px;
            font-size: 14px;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
            color: #333333;
        }
        
        .hero-form input::placeholder {
            color: #999999;
        }

        .phone-input-wrapper {
            position: relative;
            display: flex;
            align-items: center;
            border: 1px solid #cccccc;
            border-radius: 4px;
            margin-bottom: 15px;
            padding: 0 15px;
            background-color: #ffffff;
        }
        .phone-input-wrapper input {
            border: none;
            margin-bottom: 0;
            padding: 16px 10px;
            outline: none;
            flex-grow: 1;
        }
        .flag-placeholder {
            font-size: 16px;
            color: #666;
            display: flex;
            align-items: center;
            gap: 4px;
        }
        input#wpforms-8914-field_3 {
    padding-left: 50px !important;
}
        div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 10px 0;
    clear: both;
    padding-bottom: 0!important;
}
        form#wpforms-form-7361 div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{
                width: 100%;
    padding: 11px !important;
    margin-bottom: 1px!important;
    border: 1px solid #605f5f !important;
    border-radius: 4px!important;
    font-size: 12px!important;
    box-sizing: border-box!important;
   height: 30px !important;
    color: #333333!important;
        }
button#wpforms-submit-8914{
      background-color: #99bec3;
            color: #ffffff;
            border: none;
            width: 100%;
            padding: 10px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            border-radius: 4px;
            margin-bottom: 30px;
            transition: background-color 0.3s;
}
        .submit-btn {
            background-color: #99bec3;
            color: #ffffff;
            border: none;
            width: 100%;
            padding: 18px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer;
            border-radius: 4px;
            margin-bottom: 30px;
            transition: background-color 0.3s;
        }

        .submit-btn:hover {
            background-color: #87acb1;
        }

        .form-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid #eeeeee;
            padding-top: 25px;
        }

        .limited-text {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            color: #000000;
            font-weight: 600;
        }

        .spots-badge {
            background-color: #ff4747;
            color: #ffffff;
            padding: 6px 14px;
            border-radius: 15px;
            font-size: 12px;
            font-weight: 700;
        }

        @media (max-width: 1100px) {
            .hero-section {
                flex-direction: column;
                padding: 50px 30px;
                gap: 60px;
                align-items: center;
                height: auto;
            }
            .hero-title{
                font-size: 50px;
            }

            .hero-left {
                text-align: left;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .trust-bar {
                justify-content: center;
                flex-wrap: wrap;
            }
            .package-list {
                align-items: center;
            }
            .package-list li {
                justify-content: left;
            }
            .hero-right {
                width: 100%;
                max-width: 480px;
            }
            .form-footer{
                display: block;
            }
            .limited-text{
                padding-bottom: 1em;
            }
        }

        /* Features Bar Section */
        .features-bar {
            background-color: #808080; /* Grey matching top bar */
            color: #ffffff;
            padding: 45px 0;
            display: flex;
            justify-content: center;
            align-items: stretch;
        }

        .feature-item {
            flex: 1;
            max-width: 280px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 0 25px;
        }

        .feature-icon {
            margin-bottom: 20px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .feature-icon svg {
            height: 45px;
            width: auto;
            stroke: #ffffff;
            fill: none;
            stroke-width: 1.2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .feature-text {
            font-size: 13px;
            line-height: 1.5;
            font-weight: 400;
            letter-spacing: 0.5px;
        }

        .feature-divider {
            width: 1px;
            background-color: #fff;
            margin: 10px 0;
        }
        .feature-item:last-child .feature-divider {
    display: none;
}

.features-bar .feature-item:last-of-type + .feature-divider {
    display: none;
}
.feature-divider.di4 {
    display: none;
}
section.review-section {
    background-color: #ffffff;
    padding: 100px 20px;
    
    color: #333333;
}
h2.google-reviwes-tret {
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 0 30px 0;
    color: #222222;
    text-align: left;
}


.review-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
}
.review-container p {
    padding-bottom: 2em;
}
        @media (max-width: 900px) {
            .features-bar {
                flex-wrap: wrap;
                gap: 40px 0;
                padding: 40px 20px;
            }
            .feature-item {
                flex: 1 1 40%;
                max-width: none;
            }
            .feature-divider {
                display: none;
            }
        }
        @media (max-width: 600px) {
            .feature-item {
                flex: 1 1 100%;
            }
        }

        /* Journey Section */
        .journey-section {
            padding: 80px 20px;
            background-color: #ffffff;
            max-width: 1160px;
            margin: 0 auto;
            font-family: 'Inter', sans-serif;
        }

        .journey-header {
            text-align: left;
            margin-bottom: 45px;
        }

        .journey-title {
            font-size: 26px;
            font-weight: 400;
            color: #333333;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0 0 15px 0;
        }

        .journey-subtitle {
            font-size: 14px;
            color: #666666;
            margin: 0;
            font-weight: 500;
        }

        .journey-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 20px;
        }

        .journey-card {
            background-color: #9abec4; /* The teal color */
            padding: 40px;
            color: #ffffff;
            display: flex;
            flex-direction: column;
        }

        .journey-card.span-2 {
            grid-column: span 2; /* 3 cards in row 1 */
        }

        .journey-card.span-3 {
            grid-column: span 3; /* 2 wider cards in row 2 */
        }

        .card-icon {
            margin-bottom: 30px;
            height: 35px;
            display: flex;
            align-items: center;
        }

        .card-icon svg {
            height: 100%;
            fill: none;
            stroke: #ffffff;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .card-title {
            font-size: 15px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin: 0 0 25px 0;
        }

        .card-desc {
            font-size: 13px;
            line-height: 1.6;
            margin: 0 0 20px 0;
            flex-grow: 1; /* Pushes footer to bottom */
            font-weight: 300;
            color: #fff;
        }

        .card-footer {
            font-size: 13px;
            font-weight: 400;
            color: #ffffff;
        }

        @media (max-width: 900px) {
            .journey-grid {
                grid-template-columns: 1fr;
            }
            .journey-card.span-2,
            .journey-card.span-3 {
                grid-column: span 1;
            }
            .journey-title {
                font-size: 22px;
            }
        }

        /* Full Width Image Section */
        .full-image-section {
            width: 100%;
            height: 600px; /* Adjust height based on preference */
            background-color: #e5e5e5;
            /* Placeholder image representing a dentist with a patient. Replace URL with the actual image. */
            background-image: url('https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&q=80&w=2000'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        @media (max-width: 768px) {
            .full-image-section {
                height: 400px;
            }
        }

        /* Steps Section */
        .steps-section {
            background-color: #f0f0f0; /* Light grey */
            padding: 90px 20px;
            font-family: 'Inter', sans-serif;
            color: #333333;
        }

        .steps-container {
            max-width: 1160px;
            margin: 0 auto;
        }

        .steps-header {
            margin-bottom: 70px;
        }

        .steps-title {
            font-size: 30px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0 0 15px 0;
            color: #222222;
        }

        .steps-subtitle {
            font-size: 17px;
            color: #555555;
            margin: 0;
            font-weight: 400;
        }

        .steps-process {
            display: flex;
            justify-content: space-between;
            position: relative;
        }

        /* Connecting line */
        .steps-process::before {
            content: '';
            position: absolute;
            top: 35px; /* Half of the 70px circle height to be centered */
            left: 7.66%; /* Center of first flex item (which takes 33.33%) */
            right: 29.66%; /* Center of last flex item */
            height: 1px;
            background-color: #cccccc;
            z-index: 1;
        }

        .step-item {
            flex: 1;
            padding: 0 20px;
            position: relative;
            z-index: 2; /* Ensures circles cover the line */
        }

        .step-circle {
            width: 70px;
            height: 70px;
            background-color: #555555; /* Dark grey */
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: 300;
            margin-bottom: 35px;
        }

        .step-title {
            font-size: 19px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0 0 20px 0;
            color: #333333;
        }

        .step-desc {
            font-size: 17px;
            line-height: 1.6;
            color: #444444;
            margin: 0 0 25px 0;
            font-weight: 400;
        }

        .step-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background-color: #9abec4; /* Match existing teal */
            color: #ffffff;
            padding: 6px 14px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 500;
        }

        .step-badge svg {
            width: 12px;
            height: 12px;
        }

        @media (max-width: 768px) {
            .steps-process {
                flex-direction: column;
                gap: 50px;
            }
            .steps-process::before {
                display: none; /* Hide horizontal line on mobile */
            }
            .step-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 0;
            }
        }

        /* Info Section */
        .info-section {
            background-color: #ffffff;
            padding: 100px 20px;
            text-align: center;
           border-bottom: 1px solid #CACACA;;
            color: #333333;
        }

        .info-container {
            max-width: 900px;
            margin: 0 auto;
        }

        .info-title {
            font-size: 30px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin: 0 0 30px 0;
            color: #222222;
        }

        .info-text {
            font-size: 17px;
            line-height: 1.8;
            color: #555555;
            margin: 0 0 45px 0;
            font-weight: 400;
        }

        .info-btn {
            background-color: #9abec4;
            color: #ffffff;
            border: none;
            padding: 15px 35px;
            font-size: 17px;
            font-weight: 400;
            cursor: pointer;
            transition: background-color 0.3s;
            display: inline-flex;
            align-items: center;
        }

        .info-btn:hover {
            background-color: #87acb1;
        }

        /* Transformations Section */
        .transformations-section {
            background-color: #ffffff;
            padding: 90px 20px;
            font-family: 'Inter', sans-serif;
            text-align: center;
            border-top: 1px solid #CACACA;
        }

        .transformations-header {
            margin-bottom: 55px;
        }

        .transformations-title {
            font-size: 26px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #222222;
            margin: 0 0 15px 0;
        }

        .transformations-subtitle {
            font-size: 13px;
            color: #555555;
            margin: 0;
            font-weight: 400;
        }

        .transformations-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .transformation-card {
            display: flex;
            flex-direction: column;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 6px 20px rgba(0,0,0,0.06);
            background-color: #ffffff;
        }

        .img-container {
            position: relative;
            height: 180px;
            background-color: #f5f5f5;
            background-size: cover;
            background-position: center;
        }

        .img-container.before-img {
            /* Linear gradient added to mimic the subtle teal shadow at the top of the image */
          /*  background: linear-gradient(to bottom, rgba(135, 172, 177, 0.8) 0%, rgba(0,0,0,0) 35%); 
            border-bottom: 2px solid #ffffff;*/
        }
.img-container {
    position: relative;
    overflow: hidden;
}

.img-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;

    /* Top gradient fade */
    background: linear-gradient(to bottom, rgba(135, 172, 177, 0.8) 0%, rgba(0,0,0,0) 35%);
    z-index: 1;
}

.overlay-text {
    position: absolute;
    top: 10px;
    left: 15px;
    color: #fff;
    z-index: 2;
    font-size: 14px;
}
        .img-container.after-img {
            background-image: linear-gradient(to bottom, rgba(135, 172, 177, 0.8) 0%, rgba(0,0,0,0) 35%); 
        }

        .overlay-text {
            position: absolute;
            top: 10px;
            left: 12px;
            color: #ffffff;
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.5px;
            text-shadow: 0 1px 3px rgba(0,0,0,0.3);
        }

        @media (max-width: 1024px) {
            .transformations-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }

        @media (max-width: 600px) {
            .transformations-grid {
                grid-template-columns: 1fr;
            }
            .img-container {
                height: 220px;
            }
        }

        /* Pricing Section */
        .pricing-section {
            background-color: #f2f2f2;
            padding: 90px 20px;
            font-family: 'Inter', sans-serif;
            color: #333333;
        }

        .pricing-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            gap: 80px;
        }

        .pricing-left {
            flex: 0.8;
            padding-right: 20px;
        }

        .pricing-title {
            font-size: 32px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #222222;
            margin: 0 0 25px 0;
            line-height: 1.2;
        }

        .pricing-quote {
            font-size: 15px;
            font-weight: 500;
            color: #444444;
            margin: 0 0 25px 0;
            line-height: 1.5;
        }

        .pricing-desc {
            font-size: 13px;
            line-height: 1.8;
            color: #555555;
            margin: 0 0 40px 0;
        }

        .pricing-btn {
            background-color: #9abec4;
            color: #ffffff;
            border: none;
            padding: 14px 28px;
            font-size: 13px;
            font-weight: 400;
            cursor: pointer;
            transition: background-color 0.3s;
            display: inline-flex;
            align-items: center;
        }

        .pricing-btn:hover {
            background-color: #87acb1;
        }

        .pricing-right {
            flex: 1.2;
        }

        .table-title {
            font-size: 14px;
            font-weight: 600;
            color: #222222;
            margin: 0 0 15px 0;
        }

        .pricing-table {
            width: 100%;
            border-collapse: collapse;
            background-color: #ffffff;
            margin-bottom: 45px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.03);
        }

        .pricing-table th {
            background-color: #9abec4;
            color: #ffffff;
            font-size: 10px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 15px 20px;
            text-align: left;
        }
        
        .pricing-table th:not(:last-child) {
            border-right: 1px solid rgba(255,255,255,0.4);
        }

        .pricing-table td {
            padding: 20px;
            font-size: 12px;
            color: #444444;
            border-bottom: 1px solid #eeeeee;
        }

        .pricing-table tr:last-child td {
            border-bottom: none;
        }

        .pricing-disclaimer {
            font-size: 11px;
            line-height: 1.6;
            color: #666666;
            margin-top: -10px;
        }

        .pricing-disclaimer p {
            margin: 0 0 5px 0;
        }

        @media (max-width: 900px) {
            .pricing-container {
                flex-direction: column;
                gap: 50px;
            }
        }
.review-container p {
    padding-bottom: 2em;
}
        /* Payment Banner Section */
        .payment-banner {
            background-color: #6a6a6a; /* Dark grey */
            padding: 70px 20px;
            color: #ffffff;
            font-family: 'Inter', sans-serif;
            text-align: center;
        }

        .payment-banner-title {
            font-size: 26px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin: 0 0 50px 0;
        }

        .payment-features {
            display: flex;
            justify-content: center;
            align-items: stretch;
            max-width: 1200px;
            margin: 0 auto;
        }

        .payment-feature-item {
            flex: 1;
            padding: 0 30px;
            font-size: 13px;
            line-height: 1.6;
            font-weight: 300;
            display: flex;
            align-items: flex-start;
            text-align: left;
            position: relative;
        }

        /* Vertical dividers */
        .payment-feature-item:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 35px; /* Fixed height for the line */
            width: 1px;
            background-color: #ffffff;
        }

        .payment-check {
            margin-right: 12px;
            font-size: 14px;
            font-weight: 400;
            color: #000;
        }

        @media (max-width: 900px) {
            .payment-features {
                flex-direction: column;
                gap: 30px;
            }
            .payment-feature-item {
                padding: 0;
                justify-content: left;
                text-align: center;
            }
            .payment-feature-item:not(:last-child)::after {
                display: none;
            }
        }

        /* FAQ Section */
        .faq-section {
            background-color: #ffffff;
            padding: 100px 20px;
            font-family: 'Inter', sans-serif;
            color: #333333;
        }

        .faq-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            gap: 60px;
            align-items: flex-start;
        }

        .faq-left {
            flex: 1.2;
        }

        .faq-title {
            font-size: 28px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #222222;
            margin: 0 0 15px 0;
        }

        .faq-subtitle {
            font-size: 13px;
            color: #666666;
            margin: 0 0 50px 0;
            font-weight: 400;
        }

        .faq-item {
            margin-bottom: 5px;
        }

        .faq-summary {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
            font-size: 16px;
            font-weight: 500;
            color: #333333;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            cursor: pointer;
            border-bottom: 1px solid transparent;
            user-select: none;
        }

        .faq-icon-wrapper {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            background-color: #9abec4;
            color: #ffffff;
            font-size: 18px;
            font-weight: 300;
            line-height: 1;
            transition: background-color 0.3s;
        }

        .faq-item .faq-icon-wrapper::after {
            content: '+';
        }

        .faq-item.open .faq-icon-wrapper::after {
            content: '\2212'; /* Minus sign */
        }

        .faq-content-wrapper {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.35s ease-out;
        }

        .faq-item.open .faq-content-wrapper {
            grid-template-rows: 1fr;
        }

        .faq-content {
            overflow: hidden;
        }

        .faq-content-inner {
            padding: 10px 40px 30px 0;
            font-size: 17px;
            line-height: 1.8;
            color: #555555;
            font-weight: 300;
        }

        .faq-right {
            flex: 1;
        }

        .faq-image {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }

        @media (max-width: 900px) {
            .faq-section{
                    padding: 50px 20px;
            }
            .faq-container {
                flex-direction: column;
            }
            .faq-right {
                width: 100%;
                margin-top: 40px;
            }
        }

        /* Location Section */
        .location-section {
            background-color: #ffffff;
            padding: 90px 20px;
            font-family: 'Inter', sans-serif;
            color: #333333;
        }

        .location-container {
            max-width: 1160px;
            margin: 0 auto;
            display: flex;
            gap: 60px;
            align-items: center;
        }

        .location-left {
            flex: 1.2;
        }

        .location-map {
            width: 100%;
            height: 350px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            background-color: #f5f5f5;
        }

        .location-right {
            flex: 1;
            padding-right: 20px;
        }

        .location-title {
            font-size: 26px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: #333333;
            margin: 0 0 35px 0;
        }

        .location-details {
            font-size: 17px;
            line-height: 2.2;
            color: #000000;
            margin-bottom: 35px;
        }
        .location-details a {
            color: #000000;
        }

        .location-details p {
            margin: 0;
        }

        .location-details strong {
            font-weight: 400;
            color: #222222;
        }

        .location-btn {
            background-color: #9abec4;
            color: #ffffff;
            border: none;
            padding: 14px 28px;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            cursor: pointer;
            transition: background-color 0.3s;
            display: inline-block;
            margin-bottom: 12px;
            width: 100%;
            max-width: 380px;
            text-align: center;
        }

        .location-btn:hover {
            background-color: #87acb1;
        }

        .location-subtext {
            font-size: 17px;
            color: #000000;
            margin-left: 5px;
        }

        @media (max-width: 800px) {
            .location-section{
                padding: 50px 20px;
            }
            .location-container {
                flex-direction: column;
                text-align: center;
            }
             .location-container {
                flex-direction: column;
                gap: 30px;
            }
            .location-btn {
                max-width: 100%;
            }
            .location-left{
                flex: 1;
                width: 100%;
                position: relative;
                width: 100%;                
                height: 0;
                overflow: hidden;
            }
        }

        /* Final CTA Section */
        .final-cta-section {
            background-color: #050505;
            padding: 90px 20px;
            color: #ffffff;
            font-family: 'Inter', sans-serif;
            text-align: center;
        }

        .final-cta-container {
            max-width: 900px;
            margin: 0 auto;
        }

        .final-cta-title {
            font-size: 26px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin: 0 0 20px 0;
            line-height: 1.4;
        }

        .final-cta-subtitle {
            font-size: 13px;
            font-weight: 300;
            color: #cccccc;
            margin: 0 0 45px 0;
            line-height: 1.6;
        }

        .final-cta-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .final-cta-btn {
            background-color: #9abec4;
            color: #ffffff;
            border: none;
            padding: 15px 35px;
            font-size: 13px;
            font-weight: 400;
            cursor: pointer;
            transition: background-color 0.3s;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 240px;
        }

        .final-cta-btn:hover {
            background-color: #87acb1;
        }

        .final-cta-btn svg {
            margin-right: 10px;
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        @media (max-width: 600px) {
            .final-cta-buttons {
                flex-direction: column;
                align-items: center;
            }
            .final-cta-btn {
                width: 100%;
                max-width: 300px;
            }
        }

        /* Footer Section */
        .site-footer {
            background-color: #ffffff;
            padding: 50px 20px;
            text-align: center;
            font-family: 'Inter', sans-serif;
            border-top: 1px solid #f0f0f0;
        }

        .footer-text {
            font-size: 11px;
            font-weight: 300;
            color: #555555;
            margin: 0 0 15px 0;
            letter-spacing: 0.5px;
        }

        .footer-phone {
            font-size: 11px;
            font-weight: 400;
            color: #333333;
            margin: 0;
            letter-spacing: 0.5px;
        }