/* ── Romantic & Warm palette override ── */
:root {
    --theme-color1: #bfa06a;
    --theme-color2: #f5efe3;
    --theme-color3: #fcfaf6;
    --theme-color4: #9b7d48;

    --theme-color1-rgb: 191, 160, 106;
    --theme-color2-rgb: 245, 239, 227;
    --theme-color3-rgb: 252, 250, 246;
    --theme-color4-rgb: 155, 125, 72;
    --text-color: #33291d;

    /* --text-color: #5f5345; */
    --headings-color: #33291d;
    --text-font: "Raleway", "Manrope", sans-serif;
    --title-font: "Cormorant Garamond", "PT Serif", serif;
    --style-font: "Great Vibes", "Alex Brush", cursive;
}

/* 
html[lang="ar"],
html[dir="rtl"] {
    --text-font: "Noto Naskh Arabic", serif;
    --title-font: "Noto Naskh Arabic", serif;
} */

html[lang="ar"],
html[dir="rtl"] {
    --text-font: "Amiri", serif;
    --title-font: "Amiri", serif;
}

/* ── Global smoothness ── */
*,
*::before,
*::after {
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

/* ── Buttons ── */
.theme-btn.btn-style-one {
    border-radius: 8px;
    letter-spacing: 0.15em;
    font-family: var(--text-font);
    font-weight: 500;
    font-size: 13px;
    /* box-shadow: 0 4px 20px rgba(184, 99, 122, 0.25); */
}

html[lang="ar"] .theme-btn.btn-style-one {
    letter-spacing: normal;
}

.theme-btn.btn-style-one:hover {
    /* box-shadow: 0 6px 28px rgba(184, 99, 122, 0.4); */
    transform: translateY(-2px);
}

/* ── Section headings ── */
.sec-title h2,
h1.name {
    font-family: var(--style-font);
    letter-spacing: 0.03em;
}

.sec-title .sub-title {
    font-family: var(--text-font);
    letter-spacing: 0.2em;
    font-size: 13px;
    text-transform: uppercase;
}

/* ── Hero banner ── */
.hero-section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0;
}

.hero-bg-img {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.hero-content-box {
    position: relative;
    z-index: 2;
    background: #ffffff;
    padding: 56px 52px;
    margin-left: 8vw;
    max-width: 800px;
    box-shadow: 0 16px 56px rgba(0, 0, 0, 0.18);
    border-radius: 8px;
    text-align: center;
}

.hero-sub-title {
    display: block;
    font-family: var(--text-font);
    font-size: 25px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--theme-color1);
    margin-bottom: 22px;
}

html[lang="ar"] .hero-sub-title {
    letter-spacing: normal;
    text-transform: none;
}

.hero-name {
    font-family: var(--style-font);
    font-size: 80px;
    color: var(--headings-color);
    line-height: 1.1;
    margin-bottom: 16px;
}

.hero-date {
    font-family: var(--text-font);
    font-size: 30px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--text-color);
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(184, 99, 122, 0.2);
}

html[lang="ar"] .hero-date {
    letter-spacing: normal;
    text-transform: none;
}

.hero-date span {
    font-size: 35px;
    color: var(--theme-color1);
}

.hero-verse {
    font-family: var(--title-font);
    font-size: 30px;
    font-style: italic;
    line-height: 1.75;
    color: var(--text-color);
    margin-bottom: 32px;
}

html[lang="ar"] .hero-verse {
    font-style: normal;
}

.hero-verse em {
    font-style: normal;
    font-size: 25px;
    letter-spacing: 0.05em;
    opacity: 0.75;
}

html[lang="ar"] .hero-verse em {
    letter-spacing: normal;
}

.hero-mobile-img {
    display: none;
}

@media (max-width: 991px) {
    .hero-content-box {
        /* margin-left: 5vw; */
        max-width: 380px;
        padding: 15px 40px;
    }
}

@media (max-width: 767px) {
    .hero-content-box {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: 0;
        max-width: 100%;
        padding: 15px 28px;
        border-radius: 0;
    }

    .hero-mobile-img {
        display: block;
        width: 100%;
        height: 260px;
        overflow: hidden;
        padding: 10px;
    }

    .hero-mobile-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        display: block;
        border-radius: 8px;
    }

    .photos-strip-item.img2 {
        display: none;
    }

    .cel-invit h5 {
        max-width: 300px !important;
    }


    section>.container-fluid {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .hero-name {
        font-size: 48px;
        margin-bottom: 10px;
    }

    .hero-bg-img img {
        object-position: 80% center;
    }

    .cel-invit h5 {
        font-size: 22px !important;
    }

    .cel-invit h3 {
        margin: 20px 0 20px;
    }

    .cel-right>img {
        object-position: center -80px !important;
    }

    .sec-title.v2 .sub-title {
        font-size: 30px !important;
    }

    .about-section-six .content-column .inner-column .sec-title .text br {
        display: block;
    }

    .about-section-six .content-column .sec-title .text {
        font-size: 15px !important;
    }

}

.btn-style-one {
    font-size: 18px;
}

.about-section-six .image-column .inner-column .image-box .image img {
    width: 100%;
    max-width: 300px;
    filter: grayscale(1);
}

.about-section-six {
    padding: 0px 0 0;
    background-color: white !important;
}

.sec-title .text {
    max-width: 800px;
    margin: auto;
    font-size: 16px;
}

#about .sec-title,
.about-section-six .content-column .inner-column,
.about-section-six .content-column {
    margin: 0;
}

.about-section-six .content-column .inner-column .sec-title .sub-title {
    line-height: 120%;
}



/* ── Celebration + Countdown split section ── */
.cel-split-section {
    display: flex;
    height: 850px;
}

.cel-left {
    flex: 0 0 50%;
    background: var(--theme-color2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 60px;
    text-align: center;
}

.cel-left .icon-divider-4 {
    display: block;
    margin-bottom: 28px;
}

.cel-left h2 {
    font-family: var(--style-font);
    font-size: 70px;
    color: var(--headings-color);
    margin-bottom: 36px;
}

.cel-invit h5 {
    font-family: var(--text-font);
    font-size: 25px;
    font-weight: 400;
    color: var(--text-color);
    opacity: 0.85;
    line-height: 1.8;
    max-width: 430px;
    margin: 0 auto;
}

.cel-invit h3 {
    font-family: var(--style-font);
    font-size: 75px;
    color: var(--headings-color);
    margin: 40px 0 40px;
}

.cel-date {
    font-family: var(--text-font);
    font-size: 20px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--text-color);
    margin-top: 8px;
}

.cel-date span {
    font-size: 28px;
    color: var(--theme-color1);
}

.cel-right {
    flex: 0 0 50%;
    position: relative;
    overflow: hidden;
}

.cel-right>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center -180px;
    ;
    display: block;
}

.cel-right::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(30, 20, 10, 0.2);
    pointer-events: none;
}

.cel-countdown {
    position: absolute;
    top: 81%;
    left: 25%;
    transform: translate(-50%, -50%);
    background: #f5efe3;
    /* backdrop-filter: blur(6px); */
    /* -webkit-backdrop-filter: blur(6px); */
    padding: 36px 48px;
    border-radius: 10px;
    text-align: center;
    width: auto;
}

.cel-countdown-label {
    font-family: var(--text-font);
    font-size: 18px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--text-color);
    margin-bottom: 14px;
    text-align: center;
}

.cel-countdown .time-counter {
    margin-left: 0;
}

.cel-countdown .time-countdown {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: center;
}

.cel-countdown .counter-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70px;
    flex-shrink: 0;
    padding: 0;
    margin-bottom: 0;
}

.cel-countdown .counter-column .count {
    font-family: var(--style-font);
    font-size: 52px;
    color: var(--text-color);
    line-height: 1;
    display: block;
    padding: 0;
    margin-bottom: 4px;
}

.cel-countdown .counter-column .count::before {
    display: none;
}

.cel-countdown .counter-column sub {
    font-family: var(--text-font);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--text-color);
    bottom: 0;
    position: static;
}

@media (max-width: 991px) {
    .cel-split-section {
        flex-direction: column;
        height: auto;
    }

    .cel-left,
    .cel-right {
        flex: none;
        width: 100%;
    }

    .cel-right {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .cel-left {
        padding: 60px 32px;
    }

    .cel-left h2 {
        font-size: 42px;
        margin-bottom: 15px;
    }

    .cel-invit h3 {
        font-size: 50px;
        margin: 25px 0 25px !important;
    }

    .cel-countdown {
        padding: 14px 28px 20px;
        left: 50%;
        top: 88%;
    }

    .cel-countdown-label {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .cel-countdown .counter-column sub {
        font-size: 10px;
    }

    .cel-countdown .counter-column .count {
        font-size: 35px;
    }

    #event .sec-title {
        margin-left: 0 !important;
        margin-bottom: 0 !important;
    }

    #rsvp .form-column {
        text-align: right !important;
    }

    html[lang="ar"] .custom-radio-box-two {
        padding-right: 30px !important;
        font-size: 17px !important;
    }

    #rsvp .form-column .inner-column {
        padding: 80px 20px !important;
    }

    .rsvp-map {
        padding: 30px 30px 30px 30px !important;
    }

    .footer-bottom .copyright-text,
    .footer-bottom .copyright-text a {
        font-size: 9px !important;
    }

    .timeline-section-two.pull-down {
        padding: 80px 0 80px !important;
    }

    .contact-form-two.style-two {
        padding: 30px 20px 30px !important;
    }
}

.timeline-section-two.pull-down {
    padding: 130px 0 130px;
}

/* ── Wedding Timeline landscape layout ── */
#event .outer-box {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 50px 20px 70px;
    gap: 0;
    border-radius: 8px;
}

#event .timeline-block-two {
    flex: 1;
    margin-bottom: 0;
}

#event .timeline-block-two:not(:last-child) {
    border-right: 1px solid rgba(191, 160, 106, 0.3);
}

#event .timeline-block-two .inner-box {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 40px 30px;
}

#event .timeline-block-two .inner-box::before {
    display: none;
}

#event .timeline-block-two .inner-box .icon-box {
    position: relative;
    left: auto;
    right: auto;
    order: 1;
    margin: 0 auto 20px;
}

#event .timeline-block-two.style-two .inner-box {
    text-align: center;
    justify-content: flex-start;
}

#event .timeline-block-two.style-two .inner-box .icon-box {
    right: auto;
    left: auto;
    order: 1;
}

#event .timeline-block-two .inner-box .content-box,
#event .timeline-block-two.style-two .inner-box .content-box {
    max-width: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    order: 2;
    text-align: center;
}

#event .timeline-block-two .inner-box .content-box .text {
    max-width: none;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 767px) {
    #event .outer-box {
        flex-direction: column;
        padding: 40px 20px 60px;
    }

    #event .timeline-block-two:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid rgba(191, 160, 106, 0.3);
    }

    .hero-sub-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .hero-date {
        font-size: 25px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .hero-date span {
        font-size: 24px;
    }

    .hero-verse {
        font-size: 20px;
        margin-bottom: 0 !important
    }

    .hero-verse em {
        font-size: 18px;
    }
}

.testimonial-section-four span {
    padding: 10px 30px;
    margin: 0 20px;
    border-left: 1px solid rgba(183, 183, 183, 0.3);
    border-right: 1px solid rgba(183, 183, 183, 0.3);
}

.testimonial-section-four .date {
    margin-top: 45px;
    font-size: 30px;
    color: var(--theme-color4);
    margin-bottom: 40px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.timeline-block-two .inner-box .content-box .text {
    max-width: 260px;
}

.timeline-block-two:not(.style-two) .content-box .text {
    margin-left: auto;
}

.countdown-section-three .content-box {
    text-align: left;
}

.countdown-section-three .time-counter .time-countdown {
    justify-content: start;
    /* text-align: left; */
}

.countdown-section-three .content-box .icon-leave-4 {
    margin: 0 0 30px;
}

span.count {
    padding: 0 20px !important;
    color: #e9b8a3 !important;
}

.countdown-section-three .content-box {
    margin-bottom: 45px;
}

.time-counter {
    margin-left: -20px;
}

.time-counter sub {
    opacity: 0.7;
}

.timeline-section-two.pull-down .outer-box {
    overflow: hidden;
}

/* #memory {
    padding-top: 130px;
    padding-bottom: 130px;
} */

.contact-section-four {
    background-color: white;
}

.contact-section-four.pull-up {
    margin-top: 0px;
}

.testimonial-section-four .sec-title h2,
.testimonial-section-four h5,
.testimonial-section-four h3 {
    color: white;
}

.testimonial-section-four h5,
.countdown-section-three .address a {
    color: white;
    opacity: 0.7;
}

.countdown-section-three .address {
    padding: 8px;
    margin-top: 35px;
    font-size: 16px;
}

.testimonial-section-four .date {
    color: #e9b8a3;
}

.icon-leave-4 {
    background-image: url(../img/shape-colored.png);
}

#rsvp .container {
    max-width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Form column — background image */
#rsvp .form-column {
    position: relative;
    /* background-image: url('../images/lkaa-country-club.webp'); */
    background-size: cover;
    background-position: center;
    text-align: center;
}

/* #rsvp .form-column::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(252, 250, 246, 0.25);
    z-index: 0;
    pointer-events: none;
} */

#rsvp .form-column .inner-column {
    position: relative;
    z-index: 1;
    padding: 80px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

#rsvp .form-column .inner-column .contact-form-two {
    width: 100%;
    max-width: 700px;
    border: 1px solid var(--bg-theme-color1);
}

/* Right column — theme color 2 background, disable style.css ::before overlay */
#rsvp .content-column {
    background: white;
}

#rsvp .content-column .inner-column::before {
    display: none;
}

#memory .icon-leave-2 {
    position: absolute;
    top: 30%;
    left: 90px;
}

#memory .icon-leave-3 {
    position: absolute;
    top: 30%;
    right: 90px;
}

.footer-bottom .inner-container {
    padding: 15px 0;
}

#rsvp .content-column .text a {
    color: var(--text-color);
}

#rsvp .content-column .text a:hover {
    color: var(--theme-color4);
    opacity: 1;
}

.contact-section-four .content-column .rsvp-right-column {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    text-align: center;
    height: 100%;
    min-height: 500px;
}

.contact-section-four .content-column .rsvp-right-column .content-box {
    position: relative;
    z-index: 1;
    padding: 60px 50px 30px;
    flex-shrink: 0;
}

.rsvp-map {
    position: relative;
    z-index: 1;
    flex: 1;
    min-height: 280px;
    padding: 30px 130px 30px 130px;
}

.rsvp-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 280px;
    border-radius: 0;
    border: none;
}

@media (max-width: 991px) {
    .contact-section-four .content-column .rsvp-right-column .content-box {
        padding: 0px 32px 28px;
    }
}

.contact-form-two .title {
    margin-bottom: 40px;
}

.countdown-section-three .content-box .date {
    line-height: 120%;
}

.safari .bg.bg-image {
    background-attachment: unset !important;
}

/* .time-countdown sub {
    margin-left: 10px;
    width: 40px !important;
} */

#location {
    padding-top: 0;
    padding-bottom: 0;
}

#location .icon-leave-3 {
    position: absolute;
    top: 50%;
    right: 90px;
}

#location .icon-leave-2 {
    position: absolute;
    top: 50%;
    left: 90px;
}

@media screen and (max-width: 767px) {
    #event .timeline-block-two .inner-box .content-box .text {
        margin: 0 auto;
    }

    #location .icon-leave-3,
    #location .icon-leave-2 {
        display: none !important;
    }

    #rsvp .icon-leave-4 {
        display: none !important;
    }

    #location {
        padding-top: 100px;
    }

    .contact-section-four .form-column .inner-column {
        padding: 60px 24px;
    }

    .contact-section-four .content-column .rsvp-right-column .content-box {
        padding: 0px 32px 28px;
    }

    #memory .icon-leave-3,
    #memory .icon-leave-2 {
        display: none !important;
    }

    .about-section-six .content-column .inner-column .icon-leave-3 {
        top: 30%;
        right: 0;
    }

    .about-section-six .content-column .inner-column .icon-leave-2 {
        top: 30%;
        left: 0;
    }

    .contact-form-two .title {
        text-align: right;
    }

    .contact-form-two .form-group .select2-container--default .select2-selection--single,
    .contact-form-two .form-group select,
    .contact-form-two .form-group textarea,
    .contact-form-two .form-group input:not([type="submit"]) {
        font-size: 16px !important;
    }

    .theme-btn .btn-title {
        font-size: 16px !important;
    }

    .contact-form-two .form-group .theme-btn {
        padding: 10px 35px !important;
    }

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

    .contact-section-four .content-column .inner-column .content-box .text br {
        display: block;
    }
}

.arrow-down {
    animation: levitate 3s ease-in-out infinite, glow 1.5s ease-in-out infinite;
    filter: brightness(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}

.arrow-swipe {
    display: block;
    margin: 50px auto 0;
    cursor: pointer;
    animation: levitate 3s ease-in-out infinite, glow 1.5s ease-in-out infinite;
    filter: brightness(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}




@keyframes levitate {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes glow {
    0% {
        filter: brightness(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
    }

    50% {
        filter: brightness(1.2) drop-shadow(0 0 16px rgba(255, 255, 255, 0.8));
    }

    100% {
        filter: brightness(1) drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
    }
}



.start-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(247, 232, 237, 0.92) 0%, rgba(253, 248, 246, 0.95) 100%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 1000;
    transition: opacity 0.6s ease, visibility 0.6s ease;

    &.hidden {
        opacity: 0;
        visibility: hidden;
    }

    .background-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: black;
            opacity: 0.4;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;

            &.mobile {
                display: none;
            }

            @media (max-width: 994px) {
                &.mobile {
                    display: block;
                }

                &.desktop {
                    display: none;
                }
            }
        }
    }

    .content {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;

        .theme-btn {
            background-color: transparent;
            border: solid 1.5px var(--theme-color4);
            color: var(--theme-color4);
            letter-spacing: normal;
            font-size: 13px;
        }
    }
}

.carsoul-outer {
    h3 {
        margin-top: 1rem;
        color: var(--theme-color4);
        opacity: 0.8;
    }
}

/* ── About section — warm-tinted grayscale photos ── */
.about-section-six .image-column .inner-column .image-box .image img {
    filter: grayscale(0.3) sepia(0.15);
    border-radius: 4px;
    transition: filter 0.4s ease, transform 0.4s ease;
}

.about-section-six .image-column .inner-column .image-box .image img:hover {
    filter: grayscale(0) sepia(0);
    transform: scale(1.02);
}

/* ── Love story text ── */
.about-section-six .content-column .sec-title .text {
    font-family: var(--title-font);
    font-size: 17px;
    line-height: 1.85;
    font-style: italic;
    color: var(--text-color);
}

/* ── Countdown numbers ── */
span.count {
    color: var(--theme-color1) !important;
}

/* ── RSVP form inputs ── */
.contact-form-two .input-outer input,
.contact-form-two .input-outer textarea {
    border-radius: 6px;
    border-color: rgba(184, 99, 122, 0.2);
    font-family: var(--text-font);
}

.contact-form-two .input-outer input:focus,
.contact-form-two .input-outer textarea:focus {
    border-color: var(--theme-color4);
    /* box-shadow: 0 0 0 3px rgba(184, 99, 122, 0.1); */
    outline: none;
}

/* ── Gallery image hover ── */
.gallery-block-two .inner-box .image-box .image img {
    transition: transform 0.5s ease;
}

.gallery-block-two .inner-box:hover .image-box .image img {
    transform: scale(1.05);
}

/* ── Footer refinement ── */
.main-footer {
    background: var(--theme-color2);
}

.footer-bottom .copyright-text,
.footer-bottom .copyright-text a {
    color: var(--text-color);
    font-size: 15px;
    letter-spacing: 0.08em;
    font-family: var(--text-font);
}

.footer-bottom .copyright-text a:hover {
    color: var(--theme-color2);
    opacity: 1;
}

/* ── Celebration section date ── */
.testimonial-section-four .date {
    color: #e8b4c2;
}

/* ── Section divider icon colour ── */
.icon-divider-4::before,
.sec-title .icon-divider-4 {
    color: var(--theme-color1);
}

#rsvp .content-box {
    margin-top: 0;
}

.footer-bottom .inner-container {
    border-top: none;
}

.timeline-section-two .outer-box {
    background: var(--theme-color2);
}

.contact-form-two {
    border-radius: 8px;
}

/* Right column text — override style.css white colors for our light background */
#rsvp .content-column .content-box .title {
    color: var(--headings-color) !important;
}

#rsvp .content-column .content-box .text {
    color: var(--text-color) !important;
    font-size: 22px;
}

.timeline-section-two.pull-down .outer-box {
    margin-bottom: 0 !important;
}

#event .auto-container {
    max-width: 1600px;
}

#event .sec-title {
    margin-left: 50px;
}

.contact-section-four .content-column .inner-column .content-box {
    margin-bottom: 0px;
}

/* ── 3-photo strip ── */
.photos-strip-section .row {
    height: 560px;
}

.photos-strip-item {
    overflow: hidden;
    padding: 10px;
}

.photos-strip-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s ease;
    border-radius: 8px;
}

/* .photos-strip-item:hover img {
    transform: scale(1.05);
} */

@media (max-width: 767px) {
    .photos-strip-section .row {
        height: auto;
    }

    .photos-strip-section .col-3,
    .photos-strip-section .col-6 {
        width: 100%;
    }

    .photos-strip-item {
        height: 280px;
    }

    .img2 img {
        object-position: top !important;
    }

    .img3 img {
        object-position: center -35px !important;

    }
}

.contact-form-two .form-group .select2-container--default .select2-selection--single,
.contact-form-two .form-group select,
.contact-form-two .form-group textarea,
.contact-form-two .form-group input:not([type="submit"]) {
    text-align: right;
    font-size: 20px;
}

.theme-btn .btn-title {
    font-size: 25px;
}

.contact-form-two p {
    font-size: 20px;
    margin-bottom: 40px;
}

/* ── Arabic RTL: flip radio checkmark to the right ── */
html[lang="ar"] .custom-radio-box-two {
    padding-left: 0;
    padding-right: 0px;
    font-size: 20px;
}

span {
    text-decoration: none !important;
}


html[lang="ar"] .custom-radio-box-two .checkmark {
    left: auto;
    right: 0;
}



#start-overlay .theme-btn .btn-title {
    font-size: 25px !important;
}

.custom-radio-box-two input~.checkmark {
    background-color: var(--bg-theme-color2);
    border: 1px solid var(--bg-theme-color1);
}

.custom-radio-box-two input:checked~.checkmark {
    border: none !important;
}