/*:root {*/
/*    --primary-color: #00444FFF;*/
/*    --secondary-color: #4BDCC3FF;*/
/*    --bg-part-color: #2c4251;*/
/*    --text-color: #000;*/
/*    --bg-color: #f8f8f9;*/
/*    --bg-gray-color: #eff0f1;*/
/*    --border-color: rgba(213, 217, 220, 0.75);*/
/*    --tw-bg-opacity: 1;*/
/*    --tw-content: '';*/
/*    --color-gray-50: #eff0f1;*/
/*    --color-gray-100: #f8f8f9;*/
/*    --color-gray-200: #eaecee;*/
/*    --color-gray-300: #e3e6e8;*/
/*    --color-gray-400: #dcdfe2;*/
/*    --color-gray-500: #d5d9dc;*/
/*    --color-gray-600: #b9c0c5;*/
/*    --color-gray-700: #96a1a8;*/
/*    --color-gray-800: #72818b;*/
/*    --color-gray-900: #4f626e;*/
/*    --color-gray-950: #030712;*/
/*    --color-gray-1000: #2c4251;*/
/*    --header-height: 100px;*/
/*    --dot-size: 0.1rem;*/
/*    --dot-space: 1.25rem;*/

/*}*/
:root {
    --primary-color: #0069BC;
    --secondary-color: #54C2BA;
    --white-color: #fff;
    --bg-part-color: #54C2BA;
    --text-color: #151413;
    --bg-color: #f8f8f9;
    --bg-gray-color: #eff0f1;
    --border-color: rgba(213, 217, 220, 0.75);
    --tw-bg-opacity: 1;
    --tw-content: '';
    --color-gray-50: #eff0f1;
    --color-gray-100: #f8f8f9;
    --color-gray-200: #eaecee;
    --color-gray-300: #e3e6e8;
    --color-gray-400: #dcdfe2;
    --color-gray-500: #d5d9dc;
    --color-gray-600: #b9c0c5;
    --color-gray-700: #96a1a8;
    --color-gray-800: #72818b;
    --color-gray-900: #4f626e;
    --color-gray-950: #030712;
    --color-gray-1000: #2c4251;
    --header-height: 100px;
    --dot-size: 0.1rem;
    --dot-space: 1.25rem;

}

body {
    font-family: Yekan-Bakh-Regular;
    font-feature-settings: "kern" on, "liga" on, "dlig" on;
    -moz-font-feature-settings: "kern" on, "liga" on, "dlig" on;
    -webkit-font-feature-settings: "kern" on, "liga" on, "dlig" on;
    -ms-font-feature-settings: "kern" on, "liga" on, "dlig" on;
    -o-font-feature-settings: "kern" on, "liga" on, "dlig" on;
}

body {
    background-color: rgb(255, 255, 255);
    background-image: url(../img/backdrop.png);
    background-repeat: repeat-y;
    background-size: cover;
}

h1, h2, h3, h5, h4 {
    font-family: Yekan-Bakh-Bold;
}

@keyframes changeColor {
    from {
        background-color: var(--primary-color);
    }
    to {
        background-color: #fff;
    }
}

.bg-gray-col {
    background: var(--bg-gray-color);
}

header {
    height: var(--header-height);
    transition: background-color 0.5s ease;
    z-index: 1000;
    position: fixed;
    width: 100%;
}

.heading-page {
    font-size: 44px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.heading-page-2 {
    font-size: 26px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.heading-pad {
    padding: 60px 15px 50px 15px !important;
}

.header-scrolled {
    animation: changeColor 0.5s ease forwards; /* اجرای انیمیشن تغییر رنگ */
}

.header-space {
    padding-top: var(--header-height);
}

header {
    transition: transform 0.3s ease-in-out;
    transform: translateY(0); /* حالت اولیه */
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--text-color); /* تغییر رنگ لینک‌ها وقتی پس‌زمینه سفید است */
    font-size: 14px;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: var(--primary-color) !important; /* تغییر رنگ لینک‌ها وقتی پس‌زمینه سفید است */

}

.active-cu {
    color: var(--primary-color) !important;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 2px;
}

.header-hidden {
    transform: translateY(-100%); /* انتقال هدر به بالا */
}

.header-scrolled .navbar-dark .navbar-nav .nav-link {
    color: var(--text-color); /* تغییر رنگ لینک‌ها وقتی پس‌زمینه سفید است */
}


header .head-i i {
    display: inline-block;
    min-width: 1rem;
    padding-bottom: .125em;
    font-size: 1.25rem;
    line-height: 1.40625rem;
    vertical-align: middle;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.head-i i {
    display: inline-block;
    min-width: 1rem;
    padding-bottom: .125em;
    font-size: 1.25rem;
    line-height: 1.40625rem;
    vertical-align: middle;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.bg-forest {
    background-color: var(--primary-color);
}

.bg-part {
    background-color: var(--bg-part-color);
}

.bg-footer {
    background: var(--bg-gray-color);
}

.bg-sec {
    background-color: var(--secondary-color);
}

.text-sec {
    color: var(--secondary-color) !important;
}


.text-forest {
    color: var(--primary-color);
}

.text-g {
    color: #ABABAB;
}

.container {
    padding-right: 3rem;
    padding-left: 3rem;
}

.border-color {
    border-color: var(--border-color) !important;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
}

.border-b {
    border-bottom-width: 1px;
}
.border-t {
    border-top-width: 1px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 12px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: #000;
    color: #fff;
    padding: 6px 8px;
    border-radius: 8px;
}
.bg-white {
    background-color: var(--bg-color) !important;
}

.bg-white-light {
    background-color: var(--white-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.has-guides::before {
    position: absolute;
    top: -100vh;
    right: 0px;
    display: block;
    height: 600vh;
    width: 1px;
    background-color: rgb(213 217 220 / var(--tw-bg-opacity));
    opacity: 0.75;
    content: var(--tw-content);
}

.has-guides:not(.guides-outer)::before {
    display: none;
    background-color: transparent;
    background-image: repeating-linear-gradient(-4deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px), repeating-linear-gradient(86deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px), repeating-linear-gradient(176deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px), repeating-linear-gradient(266deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px);
    background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.has-guides.guides-outer::after {
    position: absolute;
    top: -100vh;
    left: 0px;
    display: block;
    height: 600vh;
    width: 1px;
    background-color: rgb(213 217 220 / var(--tw-bg-opacity));
    opacity: 0.75;
    content: var(--tw-content);
}

.has-guides {
    position: relative;
}

.timer-one {
    bottom: -15px;
    display: block; /* یا inline-block بسته به نیاز شما */
    white-space: nowrap; /* جلوگیری از شکستن خط */
    overflow: hidden; /* مخفی کردن محتوای اضافی */
    text-overflow: ellipsis; /* اضافه کردن نقاط سه‌گانه در انتها اگر متن بیشتر باشد */
    max-width: 100%; /* تنظیم عرض حداکثری تا محدوده پدر */
}

.has-guides:not(.guides-outer)::before {
    display: none;
    background-color: transparent;
    background-image: repeating-linear-gradient(-4deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px), repeating-linear-gradient(86deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px), repeating-linear-gradient(176deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px), repeating-linear-gradient(266deg, var(--color-gray-600), var(--color-gray-600) 2px, transparent 2px, transparent 11px, var(--color-gray-600) 11px);
    background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
}

.has-guides:not(.guides-outer)::before {
    display: block;
}

.hide-me.clip-me-up.unhidden, .hide-me.clip-me-right.unhidden, .hide-me.clip-me-down.unhidden, .hide-me.clip-me-left.unhidden, .hide-me.clip-me-out.unhidden {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.dot-border {
    background-image: url(../img/dot-border_teal.svg);
}

.h-screen {
    height: 99vh;
}

.h-\[60vh\] {
    height: 60vh;
}

.h-\[85vh\] {
    height: 85vh;
}

.w-\[2px\] {
    width: 2px;
}

.w-\[50vw\] {
    width: 50vw;
}

.overflow-hidden {
    overflow: hidden;
}

.left-0 {
    left: 0px;
}

.left-\[1rem\] {
    left: 1rem;
}


.left-\[-11px\] {
    left: -11px;

}

.left-\[3\%\] {
    left: 3%;
}

.left-\[50\%\] {
    left: 50%;
}

.left-\[-65px\] {
    left: -65px;
}

.right-0 {
    right: 0px;
}

.right-2 {
    right: 0.5rem;
}

.right-\[1rem\] {
    right: 1rem;
}

.right-\[2rem\] {
    right: 2rem;
}

.right-\[-65px\] {
    right: -65px;
}

.right-\[60px\] {
    right: 60px;
}

.top-0 {
    top: 0px;
}

.top-\[-7\.5rem\] {
    top: -7.5rem;
}

.top-\[1rem\] {
    top: 1rem;
}

.top-\[23\.125rem\] {
    top: 23.125rem;
}

.top-\[50\%\] {
    top: 50%;
}

.z-10 {
    z-index: 10;
}

.z-50 {
    z-index: 50;
}

.z-\[-2\] {
    z-index: -2;
}

.z-\[-900\] {
    z-index: -900;
}

.z-\[0\] {
    z-index: 0;
}

.z-\[1021\] {
    z-index: 1021;
}

.z-\[1\] {
    z-index: 1;
}

.z-\[2\] {
    z-index: 2;
}

.z-\[3\] {
    z-index: 3;
}

.z-\[4\] {
    z-index: 4;
}

.z-\[5\] {
    z-index: 5;
}

.z-\[9997\] {
    z-index: 9997;
}

.z-\[9998\] {
    z-index: 9998;
}

.z-\[999\] {
    z-index: 999;
}

.h-3 {
    height: 0.75rem;
}

.border-radius-8 {
    border-radius: 8px !important;
}

.form-control {
    line-height: 2.5 !important;
}

.border-radius-12 {
    border-radius: 12px;
}

.border-radius-20 {
    border-radius: 20px;
}

.border-radius-30 {
    border-radius: 30px;
}

.event-part img {
    border-radius: 8px 8px 0 0;
    height: 225px !important;
    width: 100% !important;
    object-fit: cover !important;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.leading-\[0\.9em\] {
    line-height: 0.9em;

}

.text-11vw {
    font-size: 11vw;
    font-weight: 800;
}

.full-width-text {
    width: 100%; /* تنظیم عرض کادر به 100% پدر خود */
    white-space: nowrap; /* جلوگیری از شکستن خط */
    overflow: hidden; /* مخفی کردن متن اضافی */
    text-overflow: ellipsis; /* اضافه کردن نقاط سه‌گانه در انتها اگر متن بیشتر باشد */
}

.tracking-\[-0\.02em\] {
    letter-spacing: -0.02em;

}

.sticky-title {
    position: sticky;
    top: 120px; /* فاصله از بالا وقتی اسکرول می‌کنی */
}

.event-part {
    padding: 15px;
}

.mySwiper {
    width: 100vw;
    position: relative;
}

@keyframes floatImage {
    0% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(10px);
    }
}

.floating-img {
    animation: floatImage 3s ease-in-out infinite;
}

.spon img, .spon-o img {
    width: 100%;
}

.spon {
    text-align: center;
    background: var(--secondary-color);

    border-radius: 12px;
    padding: 30px 10px;
    transition: background 0.4s ease, color 0.4s ease;
    cursor: pointer;

}

.spon-o {
    display: flex;
    text-align: center;
    background: var(--white-color);

    border-radius: 12px;
    padding: 30px 10px;
    cursor: pointer;
    height: 125px !important;
    transition: background 0.4s ease, color 0.4s ease; /* این خط جادوییه! */
}

.spon-o img {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.spon:hover {
    background: #fff;
}

.spon-o:hover {
    background: var(--secondary-color);
}

.spin {
    animation: gear-rotate 5s linear infinite;
    transform-origin: center;
}

@keyframes gear-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.match-figure {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.border-btn-top {
    border-color: rgb(75 220 195 / var(--tw-border-opacity));
    border-top: 2px solid; /* رنگ بردر بالایی را همانند رنگ دکمه primary قرار داده‌ام */
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.w-c {
    width: fit-content;
}

.w-15 {
    width: 15%;
}

.crt-comment .s-next:hover, .crt-comment .s-prev:hover {
    background: #c89f6754;
}

.crt-comment .s-next, .crt-comment .s-prev {
    position: relative;
    /* bottom: -70px; */
    top: auto;
    width: 64px;
    height: 64px;
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: block;
    align-items: center;
    justify-content: center;
    color: var(--secondary-color);
    border-radius: 50%;
    border: solid 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-comment img {
    border-radius: 20px 20px 0 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
    height: 200px;
}

.exh2 img, .exh1 img {
    border-radius: 12px;
    height: fit-content;
    display: block;
    vertical-align: middle;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    aspect-ratio: 7 / 8;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
}

.swiper {
    width: 100%;
    height: 100%;
}

.crt-comment swiper-slide:first-child {
    margin-left: 50px; /* فاصله فقط برای اولین اسلاید */
}

.crt-comment .s-next, .crt-comment .swiper-rtl .s-prev {
    right: auto;
    left: auto;
    margin-left: 10px;
}

.crt-comment .s-next, .crt-comment .swiper-rtl .s-prev {
    right: auto;
    left: auto;
}

.border-btn-top-sec {
    border-color: var(--secondary-color);
    border-top: 2px solid; /* رنگ بردر بالایی را همانند رنگ دکمه primary قرار داده‌ام */
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.btn:hover, .btn:focus {
    color: #fff; /* حفظ رنگ اولیه دکمه */
    text-decoration: none; /* برداشتن خط زیرین */
}

a:hover, a:focus {
    color: inherit; /* حفظ رنگ لینک */
    text-decoration: none; /* برداشتن خط زیرین */
}

@keyframes floatIcon {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

.icon-move {
    display: inline-block;
    transition: transform 0.3s ease;
}

.btn:hover .icon-move {
    animation: floatIcon 0.6s ease-in-out infinite;
}

.pointer {
    cursor: pointer;
}

.btn, input[type=submit] {
    display: inline-block;
    --tw-border-opacity: 1;
    letter-spacing: 0;
    border-radius: 50px;
    --tw-text-opacity: 1;
    color: var(--white-color);
    background: var(--primary-color);
}

.back-call-i {
    box-sizing: border-box;
    background: rgba(0, 105, 188, 0.06);
    border: 1px solid rgba(0, 105, 188, 0.05);
    border-radius: 50%;
}

.border-white {
    --tw-border-opacity: 1 !important;
    border-color: rgb(248 248 249 / var(--tw-border-opacity)) !important;
}

.text-forest {
    --tw-border-opacity: 1 !important;
    border-color: var(--secondary-color) !important;
}

.border-sec {
    --tw-border-opacity: 1 !important;
    border-color: var(--secondary-color) !important;
}

.background-fade {
    transition: transform 0.3s ease;
    transform: scale(1);
    filter: brightness(60%);
}

.aa:hover .background-fade {
    transform: scale(1.1);
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: brightness(40%);
}

.m-h-450 {
    min-height: 450px;
}

.poly {
    clip-path: polygon(0 0, 69% 0, 69% 48%, 100% 48%, 100% 100%, 27% 100%, 27% 59%, 0 59%);
    -webkit-clip-path: polygon(0 0, 69% 0, 69% 48%, 100% 48%, 100% 100%, 27% 100%, 27% 59%, 0 59%);
}

.news-card {
    height: 400px;
}

/*@keyframes slide {*/
/*    from {*/
/*        transform: translateX(0%);*/
/*    }*/
/*    to {*/
/*        transform: translateX(-100%); !* فرض بر اینکه 100% برابر با عرض کامل یک اسلاید است *!*/
/*    }*/
/*}*/

/*.swiper-wrapper {*/
/*    transition-timing-function: linear !important;*/
/*}*/

.dot-pattern.white-on-teal {
    background: linear-gradient(90deg, #c89f67 calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(#c89f67 calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), #F8F8F9;
}

.dot-pattern {
    background: linear-gradient(90deg, #0F4BB9 calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(#0F4BB9 calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), #c89f67;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
    font-size: 24px;
}

.wp-block-social-links {
    background: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
}

.wp-block-social-link a {
    align-items: center;
    display: flex;
    line-height: 0;
    transition: transform .1s ease;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: var(--secondary-color);
    fill: var(--secondary-color);
}

ul {
    list-style-type: none; /* This removes the bullets from unordered lists */
}

ol {
    list-style-type: none; /* This removes the numbering from ordered lists */
}


footer {

}

.column-cu {
    padding: 15px;
}

.column-cu::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-image: repeating-linear-gradient(-4deg, var(--color-gray-600), var(--color-gray-600) 1px, transparent 0px, transparent 6px, var(--color-gray-600) 0px);
    background-repeat: no-repeat;
}

.column {
    position: relative;
    padding: 15px;
}

.column:not(:first-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px; /* عرض خط چین */
    height: 100%;
    background-image: repeating-linear-gradient(-4deg, var(--color-gray-600), var(--color-gray-600) 1px, transparent 1px, transparent 6px, var(--color-gray-600) 1px);
    background-repeat: no-repeat;
}

.column a:hover {
    background: var(--secondary-color);
    /* padding: 1px; */
}

.column a {
    color: #000;
}

.column ul li {
    margin-top: 5px;
}

a {
    color: var(--primary-color); /* رنگ لینک‌ها */
    text-decoration: none; /* برداشتن خط زیر لینک */
}

.fill-gray-900 {
    fill: #4f626e;
}

.fill-primary {
    fill: #4bdcc3;
}

.m-t-50 {
    margin-top: 50px;
}

/* The side navigation menu */
.sidenav {
    height: 100vh; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 20; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 15px 10px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: -5px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
body.no-scroll {
    overflow: hidden; /* جلوگیری از اسکرول در هر دو محور x و y */
    height: 100vh; /* اختیاری: فیکس کردن ارتفاع صفحه */
}

.timer-one {
    height: 1.2em;
    margin-bottom: 15px;
    max-width: 1440px;
    font-size: clamp(3.5vw, 12vw, 11rem);
    position: absolute;
}

.exh2 .swiper-wrapper .swiper-slide, .exh1 .swiper-wrapper .swiper-slide {
    height: 100% !important;
}


.exh2 .swiper-wrapper, .exh1 .swiper-wrapper {
    transition-timing-function: linear;
}

.navbar-brand svg {
    height: 5rem;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 90rem !important;
    margin: 0 auto !important;
}


.btn-primary {
    color: #fff !important;
    background-color: #111C57;
    border-color: #111C57;
}

.btn-primary:hover {
    background-color: #05091b;
    border-color: #05091b;
}

.accordion-button:not(.collapsed) {
    background: rgba(238, 241, 253, 0);
    color: var(--secondary-color);
}

.accordion-button:not(.collapsed)::after {
    background-color: var(--secondary-color); /* ✅ این رنگت میشه */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 11.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");

}

.object-fit-cover {
    object-fit: cover;
}

#one .swiper-slide {
    background: inherit !important;
    height: inherit !important;
}

.bg-forest-one {
    background: linear-gradient(to right, #F8F8F9 50%, var(--primary-color) 50%);
}

#one .swiper-slide h1 {
    font-size: 1.5rem !important;
}

#one .swiper-slide p {
    font-size: 14px !important;
    font-family: Yekan-Bakh-Regular;
}


.col-sec .sec-item:nth-child(odd) {
    background-color: #ffffff; /* سفید */
}

.bg-img {
    position: relative;
    z-index: 1;
    /* بقیه استایل‌ها... */
}

.bg-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/static/website/img/backcat.webp);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1; /* فقط برای بک‌گراند */
    z-index: -1;
}


p.limit-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

p.limit-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

.icon-animate.active {
    opacity: 1;
    transform: translateY(0);
}

h1 {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

h1.active {
    opacity: 1;
    transform: translateY(0);
}

h2 {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

h2.active {
    opacity: 1;
    transform: translateY(0);
}

.event-part {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

.event-part.active {
    opacity: 1;
    transform: translateY(0);
}

.badge-event {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.box-shadow-cu {
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

.gallery-page img {
    height: 250px;
    object-fit: cover;
}

/*--------------------------------------------*/
.banner-one {
    border-radius: 50px;
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.main {
    padding-bottom: 100px;
}

.service-card {
    background: #FFFFFF;
    border: 1px solid rgba(0, 105, 188, 0.15);
    border-radius: 30px;
    padding: 25px;
    height: 100%;

}

.service-card img {
    border-radius: 25px;
    object-fit: cover;
    width: 100%;
}

.card-portfolio {
    background: var(--primary-color);
    border-radius: 50px;
    padding: 70px 15px;
}

.link-btn-ico {
    width: 36px !important;
    height: 36px !important;
}

#four {
    margin-top: 100px;
}

.input-w {
    background-color: #fff;
    border-color: #fff;
    border-width: 2px;
    border-radius: 10px;
    height: 40px;

}

.link-footer ul li {
    margin-bottom: 15px;
}

.link-footer-h {
    margin-bottom: 30px;
}

.card-social {
    border-radius: 15px;
    background: var(--primary-color);
}

#three .swiper-container-overflow {
    position: relative;
    width: 100vw;
}


/* تنظیمات RTL برای Swiper */
#three .swiper-portfolio {
    direction: ltr; /* مهم برای عملکرد صحیح در RTL */
}

#three .swiper-wrapper {
    flex-direction: row-reverse; /* معکوس کردن جهت اسلایدها */
}

#three .card-comment {
    max-width: 355px !important;
}

.btn-w {
    background-color: #fff;
    font-size: 15px;
    font-weight: 700;
    fill: var(--primary-color);
    color: var(--primary-color);
    border-radius: 10px !important;
    width: fit-content;
}

.btn-w:hover, .btn-w:focus {
    color: var(--primary-color);

}

#four .swiper-slide {
    background: none !important;
}

.customer-image {
    height: 120px !important;
    width: 120px !important;
    object-fit: cover;
    left: -10px;
    position: relative;
}

.customer-image-div {
    background: url(/static/website/img/svg/back-cu.svg);
    padding-top: 15px;
    display: flex;
    text-align: end;
    background-repeat: no-repeat;
    padding-right: 15px;
}

#five {
    margin-top: 50px;

}

.form-home-card {
    background: url(/static/website/img/b1-2.png);
    object-fit: contain;
    --border-transition: 0.3s;
    border-radius: 50px;
    padding-bottom: 80px;
    padding-top: 110px;
}

#six {
    margin-top: 80px;
}

.card-blog {
    background: #000;
}
.card-blog img{
    border-radius:  20px 20px 0px 0px;
}

#six .swiper-slide {
    height: fit-content !important;
}

.faq-card {
    /* Rectangle 1292 */


    background: #FFFFFF;
    border: 1px solid rgba(0, 105, 188, 0.15);
    border-radius: 30px;
    margin-bottom: 50px;

}

.faq-ic {
    /* Frame 2303 */

    box-sizing: border-box;

    /* Auto layout */
    flex-direction: row;
    justify-content: center;
    align-items: center;

    width: 60px;
    height: 60px;
    display: flex;
    background: rgba(247, 249, 253, 0.1);
    border: 1px solid rgba(0, 105, 188, 0.1);
    border-radius: 100px;
    padding: 15px;
}

#faq-page .accordion-item {
    background-color: transparent;
    border: none !important;
    border-bottom: 1px solid rgba(0, 105, 188, 0.1) !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, 0.125);
    /* Line */
}

#faq-page .accordion-button {
    border: none !important;
    box-shadow: none !important;
}

#faq-page .accordion-item:last-child {
    border: none !important;
}

.form-contact-head {
    /* Rectangle 1329 */

    box-sizing: border-box;
    padding: 30px 30px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 105, 188, 0.25);
    border-radius: 50px;

}

.input-icon {
    position: relative;
}

.input-icon input {
    padding-right: 2.5rem; /* اگر آیکون سمت چپ باشه */
    /* padding-right: 2.5rem; اگر آیکون سمت راست باشه */
}

.input-icon .icon {
    position: absolute;
    top: 50%;
    right: 1.25rem; /* اگر سمت راست: right: 0.75rem; */
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
}

.input-contact {
    /* Rectangle 1326 */

    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 12px;
}

.btn-p {
    /* Button */

    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;

    background: var(--primary-color);
    border-radius: 12px !important;

}

.map-frame {
    height: 500px;
    filter: brightness(100%) contrast(106%) saturate(0%) blur(0px) hue-rotate(0deg);
    border-radius: 50px;
    /* image */

    border: 1px solid rgba(0, 105, 188, 0.25) !important;

}

#co-faq .accordion-item {
    background-color: transparent;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    /* Line */
    /* Line 163 */

}

#co-faq .accordion-button:not(.collapsed) {
    color: #495057;
}

#co-faq .accordion-button {
    border: none !important;
    box-shadow: none !important;
}

#co-faq .accordion-item:last-child {
    border: none !important;
}

.card-team {
    max-height: 400px !important;
    /*width: 300px !important;*/
    border-radius: 30px;

}

.card-team img {
    border-radius: 30px;
    object-fit: cover;
}

.card-team-info {
    /* Rectangle 1285 */

    background: rgba(0, 105, 188, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: inset 13.3333px -13.3333px 13.3333px rgba(0, 80, 143, 0.1), inset -13.3333px 13.3333px 13.3333px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(13.3333px);
    border-radius: 30px;
    position: absolute;
    width: 85%;
    bottom: 10%;
    margin-right: 8%;
    margin-left: 50%;
    /* Rectangle 1287 */


    padding: 12px;
    align-content: center;
    align-items: center;
    justify-content: start;


}

.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

img.toggle-icon {
    transition: transform 0.3s ease;
}

.read-more-container {
    position: relative;
    max-height: 6.5em; /* حدود 3 خط */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.read-more-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.94) 42%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.read-more-container.expanded {
    max-height: 1000px;
}

.read-more-container.expanded::after {
    opacity: 0;
}

.read-more-button {
    background: none;
    border: none;
    color: var(--primary-color);
    padding: 0;
    margin-top: 0.5rem;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #EAF1F4;
    border-radius: 50px;
    padding: 10px;

}

#readMoreBox p {
    font-size: 16px;

}

.btn-tab {
    background: none !important;
    margin: 5px;
    box-sizing: border-box;
    border: 1px solid #E8E8E8 !important;
    border-radius: 50px;
    color: #A8A8A8 !important;
    font-size: 14px;
}

.btn-tab-active {
    font-size: 14px;
    margin: 5px;
    /* Rectangle 975 */
    background: none !important;
    box-sizing: border-box;
    border: 1px solid var(--primary-color) !important;
    border-radius: 50px;
    color: var(--primary-color) !important;
}

.swiper-e .card-comment img {
    border-radius: 20px 20px 0 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
    height: 300px;
    border-radius: 30px;
}

.portfolio-card-comment {
    background: rgba(0, 105, 188, 0.65);
    box-shadow: inset 13.3333px -13.3333px 13.3333px rgba(0, 80, 143, 0.1), inset -13.3333px 13.3333px 13.3333px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(13.3333px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 0px 0px 30px 30px;

}

.portfolio-card-comment-p {
    position: absolute;
    bottom: 0;
}

#call-to button {
    height: 50px;
}

#call-to-action{
    margin-top: 10%;
    margin-bottom: 5%;
}
/* استایل‌های جدید */
.bg-call-to-wrapper {
    background: var(--primary-color);
    padding-bottom: 30px;
    padding-top: 30px;

}

.bg-call-to {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    z-index: 1; /* زیر محتوا */
}

#org-cadr {
    position: relative;
    z-index: 2; /* بالای پس‌زمینه */
}

.form-image {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: fit-content;
    height: 125%;
    z-index: 100;
    border-radius: 1rem;
    overflow: hidden;
}
.form-image img{
    width: 350px;
}
#cost-sec{
    padding-top: 70px;
    padding-bottom: 20px;
}
.card-cost{
    /* Rectangle 942 */

box-sizing: border-box;

background: #FFFFFF;
border: 1px solid rgba(0, 105, 188, 0.15);
border-radius: 30px;
padding: 25px;
}
.item-cost{
    /* ۴ الی ۶ هفته امکان پرداخت قسطی ۱ سال پشتیبانی رایگان */
font-size: 16px;
line-height: 31px;
text-align: justify;
letter-spacing: -0.03em;

color: #ABABAB;


}
.card-cost ul{
    list-style-type: disc ;
}
.icon-cost{
        width: 46px;
    height: 46px;
    top: 15px;
    position: absolute;
    left: 10px;
}
#p_detail{
    margin-top:50px;
    margin-bottom:50px;
}

@media screen and (max-height: 450px) {
    .i-new-ex i {
        font-size: 7vh;
    }

    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }

    .exh2 .swiper-wrapper .swiper-slide, .exh1 .swiper-wrapper .swiper-slide {
        width: 12rem;
    }
}

@media (min-width: 1200px) {


}

@media (min-width: 1024px) {
    .navbar-brand svg {
        height: 5rem;
    }


}

@media (min-width: 992px) {

    .margin-top-40-lg {
        margin-top: 40px !important;
    }

    .u-h-\[85vh\] {
        height: 85vh;
    }

    .cu-image-one {
        height: 58vh !important;
        right: 16% !important;

    }

    .i-new-ex i {
        font-size: 16vh;
    }

    .i-new-ex {
        position: absolute;
        bottom: 19%;
        left: 4%;
    }
}

@media (max-width: 991px) {
    #org-cadr{
        padding-left:0;
    }
    .form-image {
        display: none;
    }
    .margin-top-25-md {
        margin-top: 25px !important;
    }

    .spon-o {

    }

    .img-fluid-custom {
        width: 100% !important;
        height: auto !important;
    }

    .col-faq .heading-pad {
        padding: 50px 15px 0px 15px !important;
    }

    .heading-page-2 {
        color: var(--secondary-color) !important;
        margin-bottom: 20px;
    }

    .i-new-ex i {
        font-size: 12vh;
    }

    .i-new-ex {
        position: absolute;
        bottom: 21%;
        left: 6%;
    }

    .cu-image-one {
        height: 41vh !important;
        right: 12% !important;

    }

    .h-screen {
        height: 75vh;
    }

    .cu-h-\[60vh\] {
        height: 60vh;
    }

    .cu-h-\[85vh\] {
        height: 85vh;
    }

    .timer-one {
    }

    .cu-bg-white {
        background: #fff !important;
    }

    .exh2 .swiper-wrapper .swiper-slide, .exh1 .swiper-wrapper .swiper-slide {

        width: 15rem !important;
    }

    footer .column {
        position: relative;
        padding: 7px;
    }

    footer .column:not(:first-child)::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px; /* عرض خط چین */
        height: 100%;
        background-image: none !important;
        background-repeat: no-repeat;
    }
}

@media (max-width: 768px) {
    .service-card img {
        width: 100%;
        height: 100%;
    }

    .about-page h1 {
        font-size: 26px !important;
    }
}