/*: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;*/

/*}*/

/*header*/

#topnav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: transparent;
    border: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#topnav .logo {
    float: right;
    color: #3c4858 !important
}

#topnav .logo .l-dark {
    display: none
}

#topnav .logo .l-light {
    display: inline-block
}

#topnav .logo:focus {
    outline: none
}

#topnav .has-submenu.active a {
    color: #fff
}

#topnav .has-submenu.active .submenu li.active > a {
    color: #2f55d4 !important
}

#topnav .has-submenu.active.active .menu-arrow {
    border-color: #2f55d4
}

#topnav .has-submenu {
    position: relative
}

#topnav .has-submenu .submenu .submenu-arrow {
    border: solid #3c4858;
    border-radius: 0.5px;
    border-width: 0 0 2px 2px;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 20px;
    top: 14px
}

#topnav .has-submenu .submenu .has-submenu:hover .submenu-arrow {
    border-color: #2f55d4
}

#topnav .navbar-toggle {
    border: 0;
    position: relative;
    width: 60px;
    padding: 0;
    margin: 0;
    cursor: pointer
}

#topnav .navbar-toggle .lines {
    width: 25px;
    display: block;
    position: relative;
    margin: 28px 20px;
    height: 18px
}

#topnav .navbar-toggle span {
    height: 2px;
    width: 100%;
    background-color: #3c4858;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

#topnav .navbar-toggle span:last-child {
    margin-bottom: 0
}

#topnav .buy-button {
    float: left;
    line-height: 20px
}

#topnav .buy-button > li {
    line-height: initial
}

#topnav .buy-button .login-btn-primary {
    display: none
}

#topnav .buy-button .login-btn-light {
    display: inline-block
}

#topnav .buy-button .dropdown .dropdown-toggle:after,
#topnav .buy-menu-btn .dropdown .dropdown-toggle:after {
    display: none
}

#topnav .navbar-toggle.open span {
    position: absolute
}

#topnav .navbar-toggle.open span:first-child {
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#topnav .navbar-toggle.open span:nth-child(2) {
    visibility: hidden
}

#topnav .navbar-toggle.open span:last-child {
    width: 100%;
    top: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#topnav .navbar-toggle.open span:hover {
    background-color: #2f55d4
}

#topnav .navbar-toggle:hover,
#topnav .navbar-toggle:focus,
#topnav .navbar-toggle .navigation-menu > li > a:hover,
#topnav .navbar-toggle:focus {
    background-color: transparent
}

#topnav .navigation-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

#topnav .navigation-menu > li {
    float: right;
    display: block;
    position: relative;
    margin: 0 10px
}

#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a {
    color: #2f55d4 !important
}

#topnav .navigation-menu > li > a {
    display: block;
    color: #3c4858;
    font-size: 13px;
    background-color: transparent !important;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 24px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-right: 15px;
    padding-left: 15px
}

#topnav .navigation-menu > li > a:hover,
#topnav .navigation-menu > li > a:active {
    color: #2f55d4
}

#topnav .navigation-menu .has-submenu .menu-arrow {
    border: solid #3c4858;
    border-radius: 0.5px;
    border-width: 0 0 2px 2px;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    left: -1px;
    top: 30px
}

#topnav .navigation-menu .has-submenu:hover .menu-arrow {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

#topnav .menu-extras {
    float: left
}

#topnav.scroll {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15)
}

#topnav.scroll .navigation-menu > li > a {
    color: #3c4858
}

#topnav.scroll .navigation-menu > li > .menu-arrow {
    border-color: #3c4858
}

#topnav.scroll .navigation-menu > li:hover > a,
#topnav.scroll .navigation-menu > li.active > a {
    color: #2f55d4
}

#topnav.scroll .navigation-menu > li:hover > .menu-arrow,
#topnav.scroll .navigation-menu > li.active > .menu-arrow {
    border-color: #2f55d4
}

#topnav.defaultscroll.dark-menubar .logo {
    line-height: 70px
}

#topnav.defaultscroll.scroll .logo {
    line-height: 62px
}

#topnav.defaultscroll.scroll.dark-menubar .logo {
    line-height: 62px
}

#topnav.nav-sticky {
    background: #fff;
    -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15)
}

#topnav.nav-sticky .navigation-menu.nav-light > li > a {
    color: #3c4858;
}

#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
    color: #2f55d4 !important
}

#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {
    border-color: #2f55d4 !important
}

#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a {
    color: #2f55d4 !important
}

#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
    border-color: #3c4858
}

#topnav.nav-sticky.tagline-height {
    top: 0 !important
}

#topnav.nav-sticky .buy-button .login-btn-primary {
    display: inline-block
}

#topnav.nav-sticky .buy-button .login-btn-light {
    display: none
}

#topnav.nav-sticky .logo .l-dark {
    display: inline-block
}

#topnav.nav-sticky .logo .l-light {
    display: none
}

.logo {
    font-weight: 700;
    font-size: 24px;
    padding: 0 0 6px;
    letter-spacing: 0px;
    line-height: 68px
}

@media (min-width: 1025px) {
    #topnav .navigation-menu > li .submenu.megamenu {
        width: 1116px !important
    }

    #topnav .navigation-menu > li .submenu.megamenu > li {
        min-width: 223px !important
    }
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    #topnav .navigation-menu > li .submenu.megamenu {
        width: 936PX !important
    }

    #topnav .navigation-menu > li .submenu.megamenu > li {
        min-width: 180px
    }
}

@media (min-width: 992px) {
    #topnav .navigation-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #topnav .navigation-menu > .has-submenu:hover .menu-arrow {
        top: 33px !important
    }

    #topnav .navigation-menu > .has-submenu.active .menu-arrow {
        top: 30px
    }

    #topnav .navigation-menu > li .submenu {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 1000;
        padding: 15px 0;
        list-style: none;
        min-width: 180px;
        visibility: hidden;
        opacity: 0;
        margin-top: 10px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        border-radius: 6px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
        box-shadow: 0 0 3px rgba(60, 72, 88, 0.15)
    }

    #topnav .navigation-menu > li .submenu li {
        position: relative
    }

    #topnav .navigation-menu > li .submenu li a {
        display: block;
        padding: 10px 20px;
        clear: both;
        white-space: nowrap;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0px;
        font-weight: 700;
        color: #3c4858 !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    #topnav .navigation-menu > li .submenu li a:hover {
        color: #2f55d4 !important
    }

    #topnav .navigation-menu > li .submenu li ul {
        list-style: none;
        padding-right: 0;
        margin: 0
    }

    #topnav .navigation-menu > li .submenu.megamenu {
        white-space: nowrap;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        position: fixed;
        top: 74px
    }

    #topnav .navigation-menu > li .submenu.megamenu > li {
        overflow: hidden;
        display: inline-block;
        vertical-align: top
    }

    #topnav .navigation-menu > li .submenu.megamenu > li .submenu {
        right: 100%;
        top: 0;
        margin-right: 10px;
        margin-top: -1px
    }

    #topnav .navigation-menu > li .submenu > li .submenu {
        right: 101%;
        top: 0;
        margin-right: 10px;
        margin-top: -1px
    }

    #topnav .navigation-menu > li > a {
        padding-top: 25px;
        padding-bottom: 25px;
        min-height: 62px
    }

    #topnav .navigation-menu > li:hover > .menu-arrow {
        border-color: #2f55d4
    }

    #topnav .navigation-menu > li:hover > a,
    #topnav .navigation-menu > li.active > a {
        color: #2f55d4 !important
    }

    #topnav .navigation-menu > li.last-elements .submenu {
        right: auto;
        left: 0
    }

    #topnav .navigation-menu > li.last-elements .submenu:before {
        right: auto;
        left: 10px
    }

    #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {
        right: auto;
        left: 100%;
        margin-right: 0;
        margin-left: 10px
    }

    #topnav .navigation-menu.nav-light > li > a {
        color: rgba(255, 255, 255, 0.5)
    }

    #topnav .navigation-menu.nav-light > li.active > a {
        color: #fff !important
    }

    #topnav .navigation-menu.nav-light > li:hover > .menu-arrow {
        border-color: #fff !important
    }

    #topnav .navigation-menu.nav-light > li:hover > a {
        color: #fff !important
    }

    #topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
        border-color: rgba(255, 255, 255, 0.5)
    }

    #topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
        border-color: #fff !important
    }

    #topnav .navigation-menu.nav-right {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    #topnav .navigation-menu.nav-left {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    #topnav .navigation-menu.nav-left > li.last-elements .submenu {
        right: 0 !important;
        left: auto !important
    }

    #topnav .navigation-menu.nav-left > li.last-elements .submenu:before {
        right: 45px !important;
        left: auto !important
    }

    #topnav .buy-button {
        padding-right: 15px;
        margin-right: 15px
    }

    #topnav .navbar-toggle {
        display: none
    }

    #topnav #navigation {
        display: block !important
    }

    #topnav.scroll {
        top: 0
    }

    #topnav.scroll .navigation-menu > li > a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    #topnav.scroll-active .navigation-menu > li > a {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media (max-width: 991px) {
    #topnav {
        background-color: #fff;
        -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
        box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
        min-height: 74px
    }

    #topnav .logo .l-dark {
        display: inline-block !important
    }

    #topnav .logo .l-light {
        display: none !important
    }

    #topnav .container {
        width: auto
    }

    #topnav #navigation {
        max-height: 400px
    }

    #topnav .navigation-menu {
        float: none
    }

    #topnav .navigation-menu > li {
        float: none
    }

    #topnav .navigation-menu > li .submenu {
        display: none;
        list-style: none;
        padding-right: 20px;
        margin: 0
    }

    #topnav .navigation-menu > li .submenu li a {
        display: block;
        position: relative;
        padding: 7px 15px;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0px;
        font-weight: 700;
        color: #3c4858 !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    #topnav .navigation-menu > li .submenu.open {
        display: block
    }

    #topnav .navigation-menu > li .submenu .submenu {
        display: none;
        list-style: none
    }

    #topnav .navigation-menu > li .submenu .submenu.open {
        display: block
    }

    #topnav .navigation-menu > li .submenu.megamenu > li > ul {
        list-style: none;
        padding-right: 0
    }

    #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {
        display: block;
        position: relative;
        padding: 10px 15px;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0px;
        color: #8492a6
    }

    #topnav .navigation-menu > li > a {
        color: #3c4858;
        padding: 10px 20px
    }

    #topnav .navigation-menu > li > a:after {
        position: absolute;
        left: 15px
    }

    #topnav .navigation-menu > li > a:hover,
    #topnav .navigation-menu > li .submenu li a:hover,
    #topnav .navigation-menu > li.has-submenu.open > a {
        color: #2f55d4
    }

    #topnav .menu-extras .menu-item {
        border-color: #8492a6
    }

    #topnav .navbar-header {
        float: right
    }

    #topnav .buy-button .login-btn-primary {
        display: inline-block !important
    }

    #topnav .buy-button .login-btn-light {
        display: none
    }

    #topnav .has-submenu .submenu .submenu-arrow {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        left: 20px;
        top: 12px
    }

    #topnav .has-submenu.active a {
        color: #2f55d4
    }

    #navigation {
        position: absolute;
        top: 74px;
        right: 0;
        width: 100%;
        display: none;
        height: auto;
        padding-bottom: 0;
        overflow: auto;
        border-top: 1px solid #f1f3f9;
        border-bottom: 1px solid #f1f3f9;
        background-color: #fff
    }

    #navigation.open {
        display: block;
        overflow-y: auto
    }
}

@media (max-width: 768px) {
    #topnav .navigation-menu .has-submenu .menu-arrow {
        left: 16px;
        top: 16px
    }

    #topnav .buy-button {
        padding: 3px 0
    }
}

@media (min-width: 768px) {
    #topnav .navigation-menu > li.has-submenu:hover > .submenu {
        visibility: visible;
        opacity: 1;
        margin-top: 0
    }

    #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {
        visibility: visible;
        opacity: 1;
        margin-right: 0;
        margin-left: 0
    }

    .navbar-toggle {
        display: block
    }
}

@media (max-width: 375px) {
    #topnav .buy-button {
        display: none
    }

    #topnav .buy-menu-btn {
        display: block !important;
        margin: 0 10px;
        padding: 10px 20px
    }

    #topnav .buy-menu-btn .dropdown .dropdown-menu.show {
        -webkit-transform: translate3d(0px, -54px, 0px) !important;
        transform: translate3d(0px, -54px, 0px) !important
    }

    #topnav .navbar-toggle .lines {
        margin-left: 0 !important
    }
}

/*header*/
: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: 76px;
    --dot-size: 0.1rem;
    --dot-space: 1.25rem;

}

body {
    font-family: EstedadV2;
    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: EstedadV2;
    font-width: 800;
}

a{
    font-family: EstedadV2;
    font-weight: 400;
}
@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;
    display: flex;
    align-items: center;
}

.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: EstedadV2;
}


.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: 400px;
    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 {
    width: 77px;
    height: 77px;
    object-fit: cover;
}

.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;
}

.service-box {
    background: #EFF0F6;
    border-radius: 12px;
    border: 1px solid #d3d4da;

}

.service-box img {
    border-radius: 0px 12px 12px 0 !important;
}

.service-box h3 {
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: end;
}

.service-box p {
    font-size: 12px;
    color: #000;

    display: flex;
    align-items: start;
}

.navigation-menu a{
    display: flex !important;
    align-items: center;
}

@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;
    }
}


/* منو باید فلکس باشه */
.navigation-menu {
    flex-wrap: wrap;
}

/* دسکتاپ: ورود/ثبت‌نام آخر منو */
@media (min-width: 992px) {
    .navigation-menu .nav-login {
        order: 999;
    }
}

/* موبایل: ورود/ثبت‌نام بیاد اول منو */
@media (max-width: 991.98px) {
    .navigation-menu .nav-login {
        order: -1;
    }
}