@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Vazirmatn:wght@100..900&display=swap');

:root {
    scroll-behavior: unset;
    --primary-color: #000000;
    --ac: #ffffff;
    --sz: 8vmin;
    --mains-font: "Vazirmatn", sans-serif;

}

html[dir="rtl"] body {
    direction: rtl;
    font-family: var(--mains-font);
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    /* color: #000; */
    font-weight: 700;
    font-family: var(--mains-font);
}


html[dir="rtl"] .service-info span {
    font-family: var(--mains-font);
}

html[dir="rtl"] .service-info .num span {
    font-family: var(--mains-font);

}

html[dir="rtl"] .navbar-header .navbar-brand {
    font-family: var(--mains-font);
}


html[dir="rtl"] .wpo-wedding-date .wedding-date-wrap #clock .time {
    font-family: var(--mains-font);

}

html[dir="rtl"] .wpo-story-section-s3 .story-wrap .story-slide .story-item .story-crad .story-title span {
    font-family: var(--mains-font);

}

html[dir="rtl"] .wpo-about-section .wpo-about-wrap .wpo-about-text p::first-letter {
    font-family: var(--mains-font);
}

html[dir="rtl"] .wpo-service-section .wpo-service-wrap .wpo-service-item .wpo-service-text a {
    font-family: var(--mains-font);
}

html[dir="rtl"] .wpo-team-section .wpo-service-wrap .wpo-service-item .wpo-service-text h3 a,
html[dir="rtl"] .wpo-team-section-s2 .wpo-service-wrap .wpo-service-item .wpo-service-text h3 a {
    font-family: var(--mains-font);
}

html[dir="rtl"] .wpo-fun-fact-section .grid h3 span,
html[dir="rtl"] .wpo-fun-fact-section-s2 .grid h3 span {
    font-family: var(--mains-font);
    line-height: 100px;
}

html[dir="rtl"] .wpo-shop-single-section .product-info .nav-tabs {
    font-family: var(--mains-font);
    border: 0;
}

html[dir="rtl"] .wpo-blog-pg-section h3 {
    font-family: var(--mains-font);
}

html[dir="rtl"] .wpo-blog-single-section .post blockquote {

    font-family: var(--mains-font);

}

html[dir="rtl"] .wpo-blog-single-section .more-posts .post-name {
    font-family: var(--mains-font);
}

html[dir="rtl"] .wpo-blog-single-section .comments-area .comments-meta h4 {
    font-family: var(--mains-font);
}

html[dir="rtl"] .wpo-coming-soon-area .coming-soon-section .wpo-wedding-date #clock .time,
html[dir="rtl"] .wpo-coming-soon-area .coming-soon-section .wpo-wedding-date #clock3 .time {
    font-family: var(--mains-font);
}

html[dir="rtl"] .wpo-demo-section .wpo-demo-grids .coming-soon .inner .coming h5 {
    font-family: var(--mains-font);

}

html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ===============================
   Arabic RTL Hero Position
================================ */

html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] .wpo-hero-static .hero-right {
    position: absolute;
    left: -51px;
    right: auto;
    top: 0;
    z-index: -1;
}



/* =================================== */
/* ------CIRCLE------- */
html[dir="rtl"] .main-form-section .hero-circle {
    position: absolute;
    right: 494px;
    top: 262px;
}

@media (min-width: 1600px) and (max-width: 1920px) {
    html[dir="rtl"] .main-form-section .hero-circle {
        position: absolute;
        right: 555px;
        top: 344px;
    }
}


@media (min-width: 992px) and (max-width: 1200px) {
    html[dir="rtl"] .main-form-section .hero-circle {
        right: 380px;
        top: 293px;
    }
}

@media (min-width: 1921px) {

    html[dir="rtl"] .main-form-section .hero-circle {
        position: absolute;
        right: 769px;
        top: 262px;
    }
}


/* ------CIRCLE------- */
/* =================================== */



/* =================================== */
/* ------HERO DISCRPITON------ */
html[dir="rtl"] .wpo-hero-static .content .hero-description {
    position: absolute;
    right: 10px;
    /* bottom: 223px; */
}


@media (max-width: 991px) {

    html[dir="rtl"] .wpo-hero-static .content .hero-description {
        position: unset;
        bottom: 10px;
    }
}

/* ------HERO DISCRPITON------ */
/* ======================= */





/* ======================= */
/* -------------HERO FORM------- */
html[dir="rtl"] .main-form-section .contact-validation-active {
    position: relative;
    right: 110%;
    width: 80%;
    bottom: 30%;
    padding: 5px;
    /* border: 1px solid black; */
    background-color: rgb(0 0 0 / 59%);
}


@media only screen and (max-width:768px) {
    html[dir="rtl"] .main-form-section .contact-validation-active {
        right: 0;
        width: auto;
        bottom: 0;
    }
}

@media (min-width: 1600px) and (max-width: 1920px) {
    html[dir="rtl"] .main-form-section .contact-validation-active {
        position: relative;
        right: 117%;
        width: 80%;
        bottom: 43%;
        padding: 5px;
        /* border: 1px solid black; */
        background-color: rgb(0 0 0 / 59%);
    }
}

@media (min-width: 1921px) {
    html[dir="rtl"] .main-form-section .contact-validation-active {
        position: relative;
        right: 119%;
        width: 80%;
        bottom: 52%;
        padding: 5px;
        /* border: 1px solid black; */
        background-color: rgb(0 0 0 / 59%);
    }
}

/* -------------HERO FORM------- */
/* ======================= */



/* ======================= */
/* ------COUNTER TEXT--- */

html[dir="rtl"] .thumb-inner small {
    font-size: 22px;
}

html[dir="rtl"] .home-counter #countValue {
    font-size: 30px;
    letter-spacing: 3px;
     color: #ffffff !important;
}

html[dir="rtl"] .pthumb .thumb-inner {
    position: relative;
    right: 0;
    text-align: right;
}

@media (max-width: 991px) {
    html[dir="rtl"] #countValue {
        color: #ffffff;
    }
}


.couple-middle-items #countValue {
	color: #000000 !important;
}

/* ------COUNTER TEXT--- */
/* ======================= */

/* ========================== */
/* ---------ABOUT HEADING--------- */

html[dir="rtl"] .wpo-story-section-s2 .wpo-story-section-main-heading {
    text-align: right;
}

html[dir="rtl"] .about-before {
    /* right: 60px; */
}




/* The line under the text */
html[dir="rtl"] .wpo-story-section-s2 .about-before::after {
    /* left: -157%; */
}

html[dir="rtl"] .wpo-quote-section .about-before::after {
    content: "";
    position: absolute;
    /* left: -50%; */
    /* transform: translateX(-50%); */
    bottom: 14px;
    width: 46px;
    height: 2px;
    background-color: #000000;
    border-radius: 2px;
}

/* 
html[dir="rtl"] .about-before::before {
    content: "";
    position: absolute;
    right: 116%;
   
    bottom: 14px;
    width: 46px;
    height: 2px;
    background-color: #000000;
    border-radius: 2px;
} */


html[dir="rtl"] .wpo-story-section-s2 .story-card .text .text-items {
    text-align: right;
}

/* ---------ABOUT HEADING--------- */
/* ============================ */



/* ============================ */
/* ----------WHY CHOOSE US--------- */
html[dir="rtl"] .wpo-couple-section .couple-items .couple-text {
    text-align: right;
}

/* ----------WHY CHOOSE US--------- */
/* ============================ */



/* ============================ */
/* ------------Forever-------- */
html[dir="rtl"] .wpo-quote-section-s4 .quote-wrap .quote-title h2 {
    margin: 0;
    font-size: 57px;
    font-weight: 400;
    line-height: 81px;
    margin-bottom: 15px;
}


@media (max-width: 991px) {
    html[dir="rtl"] .wpo-quote-section-s4 .quote-wrap .quote-title h2 {
        font-size: 45px;
        line-height: 90px;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .wpo-quote-section-s4 .quote-wrap .quote-title h2 {
        font-size: 35px;
        line-height: 75px;
    }
}

@media (max-width: 575px) {
    html[dir="rtl"] .wpo-quote-section-s4 .quote-wrap .quote-title h2 {
        font-size: 25px;
        line-height: 60px;
        margin-bottom: 0;
    }
}

@media (max-width: 425px) {
    html[dir="rtl"] .wpo-quote-section-s4 .quote-wrap .quote-title h2 {
        font-size: 20px;
        line-height: 40px;
    }
}

/* ------------Forever-------- */
/* ============================ */


/* ================================ */
/* -------ACCORDION ICON------------- */
html[dir="rtl"] .accordion-button::after {
    position: absolute;
    left: 0px;
}

/* -------ACCORDION ICON------------- */
/* ================================ */



/* Move close button to LEFT for Arabic */
html[dir="rtl"] .modal-header {
    position: relative;
}

html[dir="rtl"] .modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
    /* push to left */
}


/* RTL date input fix */
html[dir="rtl"] .date-input-wrapper .calendar-icon {
    left: 12px;
    right: auto;
}

/* RTL input padding */
html[dir="rtl"] .date-input-wrapper input {
    padding-left: 40px;
    padding-right: 12px;
}













/* ======================================================= */
/* --------------HOME PAGE SERVICE SLIDER------------ */


/* ===============================
   Story Slider RTL (Arabic)
================================ */

html[dir="rtl"] {
    direction: rtl;
}

/* Reverse horizontal flow */
html[dir="rtl"] .story-slide {
    flex-direction: row-reverse;
}

/* Fix image alignment */
html[dir="rtl"] .image-right {
    text-align: left;
    margin-left: 0;
    margin-right: 78px;
}

@media (max-width: 1199px) {
    html[dir="rtl"] .image-right {
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .story-slide {
        display: block;
    }

    html[dir="rtl"] .image-right {
        margin-right: 0;
    }
}




@media (max-width: 1500px) {
    html[dir="rtl"] .wpo-story-section-s3 .story-wrap .story-slide .story-item .story-crad .story-title::before {
        right: 30%;
        width: 200px;
    }

    html[dir="rtl"] .wpo-story-section-s3 .story-wrap .story-slide .story-item .story-crad .story-content .story-text {
        text-align: right;
    }
}

html[dir="rtl"] .accordion-button {
    text-align: right;
}

html[dir="rtl"] .wpo-story-section-s3 .story-wrap .story-slide .story-item .story-crad {
    padding-right: 10px;
}


/* Force SplitText Arabic alignment */
html[dir="rtl"] .splittext-line {
    text-align: right !important;
    direction: rtl;
}

/* Override inline GSAP styles on each line */
html[dir="rtl"] .splittext-line>div {
    text-align: right !important;
    justify-content: flex-end;
}

/* ======================================================= */
/* --------------HOME PAGE SERVICE SLIDER------------ */





html[dir="rtl"] .hero-circle .circle-content svg textPath {
    fill: #000000;
}


html[dir="rtl"] .main-buton-for-all {
    margin-left: 10px;
}

html[dir="rtl"] .wpo-couple-section-s2 .col:nth-child(2) .couple-items .couple-text {
    text-align: right;
    padding-right: 55px;
}

html[dir="rtl"] .translate-button-main .dropdown-menu-end[data-bs-popper] {
    right: auto;
    left: 0;
}


@media (max-width: 991px) {
    html[dir="rtl"] .wpo-couple-section-s2 .col:nth-child(2) .couple-items .couple-text {
        padding-right: 0;
    }


    .main-service-section .wp-block-group__inner-container {
        padding: 10px !important;
    }

}



html[dir="rtl"] .wpo-story-section-s3 .story-slide {
    flex-direction: row;
}

html[dir="rtl"] .story-crad,
html[dir="rtl"] .story-text {
    text-align: right;
}

html[dir="rtl"] .image-right {
    margin-right: 60px;
    margin-left: 0;
}



html[dir="rtl"] .wpo-site-header .team-btn {
    justify-content: center;
    margin-top: 20px;
}

html[dir="rtl"] .wpo-site-header .team-btn a {
    border: 1px solid #fff;

}

html[dir="rtl"] .story-slide.rtl-slider .story-item {
    width: 100%;
    margin-bottom: 60px;
}

html[dir="rtl"] .wpo-story-section-s3 .story-wrap .story-slide .story-item .story-crad .story-title {
    max-width: 660px;
}

html[dir="rtl"] .wpo-site-header .site-navbar>ul .menu-item-has-children>a:before {
    font-family: "themify";
    content: "\e649";
    font-size: 11px;
    font-size: 0.6111111111rem;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}



html[dir="rtl"] .main-form-section .form-control {
    text-align: end;
}

html[dir="rtl"] .custom_check {
    justify-content: end;
    align-content: end;
    padding-bottom: 0px;
}

@media (max-width: 991px) {

    /* Stop horizontal scroll */
    .story-slide {
        overflow: visible !important;
        height: auto !important;
    }

    /* CHANGE FLEX DIRECTION */
    .story-wrap {
        display: block !important;
    }

    /* Each service full width */
    .story-item {
        width: 100% !important;
        min-width: 100% !important;
        transform: none !important;
        position: relative !important;
        margin-bottom: 20px;
    }


    html[dir="rtl"] .wpo-story-section-s3 .swiper-wrapper {
        display: grid !important;
    }
}




html[dir="rtl"] .wpo-site-header .team-btn .theme-btn {
    margin-right: 6px;
}












.wpo-story-section-s3 {
    position: relative;
    /* reference for absolute buttons */
    overflow: hidden;
}

.story-slide {
    display: flex;
    /* width: max-content; */
    /* horizontal scroll layout */
}

.story-item {
    /* min-width: 100vw; */
    /* full viewport width per slide */
    /* padding: 20px; */
    box-sizing: border-box;
}

/* Buttons top-right of section */
.wpo-story-section-s3 .story-buttons {
    position: absolute;
    top: 200px;
    right: 20px;
    display: flex;
    gap: 10px;
    /* z-index: 999; */
}

.story-buttons button {
    padding: 8px 16px;
    background-color: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600;
}

/* RTL support */
html[dir="rtl"] .story-buttons {
    right: auto;
    left: 20px;
}

/* Responsive: mobile */
@media (max-width: 991px) {
    .story-slide {
        display: block;
    }

    .story-item {
        min-width: 100%;
        margin-bottom: 30px;
    }

    .story-buttons {
        top: 10px;
        right: 10px;
        display: none !important;
    }
}


html[dir="rtl"] .wpo-story-section-s3 {
    position: relative;
    /* reference for absolute buttons */
    overflow: hidden;
}

html[dir="rtl"] .story-slide {
    display: flex;
    /* width: max-content; */
    /* horizontal scroll layout */
}

html[dir="rtl"] .story-item {
    min-width: 100vw;
    /* full viewport width per slide */
    /* padding: 20px; */
    box-sizing: border-box;
}

/* Buttons top-right of section */
html[dir="rtl"] .wpo-story-section-s3 .story-buttons {
    position: absolute;
    top: 200px;
    left: 20px;
    display: flex;
    gap: 10px;
    /* z-index: 999; */
}

html[dir="rtl"] .story-buttons button {
    padding: 8px 16px;
    background-color: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600;
}



/* Responsive: mobile */
@media (max-width: 991px) {
    html[dir="rtl"] .story-slide {
        display: block;
    }

    html[dir="rtl"] .story-item {
        min-width: 100%;
        margin-bottom: 0px;
    }

    html[dir="rtl"] .story-buttons {
        top: 10px;
        left: 10px;
    }
}

html[dir="rtl"] .story-arrows {
    right: auto;
    left: 30px;
}



html[dir="rtl"] .dropdown-menu-end[data-bs-popper] {
    left: 0;
    right: auto;
}




html[dir="rtl"] .wpo-site-header .site-navbar>ul>li .sub-menu a:after {
    right: 0;
}

html[dir="rtl"] .contact-details li i {
    margin-left: 10px;
}

html[dir="rtl"] .service-section .wpo-blog-content {
    padding-left: 30px;
}

html[dir="rtl"] .service-form-main-sec .service-form-section input,
.service-form-main-sec .service-form-section textarea,
.service-form-main-sec .service-form-section select {
    text-align: end;
}

html[dir="rtl"] .event-list li::before,
.wp-block-list li::before {
    margin-left: 10px;
}

html[dir="rtl"] .event-list li::before {
    margin-left: 10px;
}





html[dir="rtl"] .wpo-site-header .site-navbar>ul .menu-item-has-children>a:before {
    display: none;
}



@media (max-width: 991px){
 .wpo-site-header .navbar-header {
    float: none;
    margin-right: 14px;
}
}

html[dir="rtl"] .wpo-site-header .container-fluid{
	padding-left:0;
}