:root {
    --orange-main: #ec7131;
    --orange-main-rgb: 236, 113, 49;
    --orange-secondary: #fef1eb;
    --orange-secondary-rgb: 254, 241, 235;
    --dark-blue: #0f2447;
    --dark-blue-rgb: 15, 36, 71
}

.bg-orange-main {
    background-color: var(--orange-main)
}

.text-orange-main {
    color: var(--orange-main) !important;
}

.accent-orange-main {
    accent-color: var(--orange-main)
}

.caret-orange-main {
    caret-color: var(--orange-main)
}

.border-orange-main {
    border-color: var(--orange-main)
}

.decoration-orange-main {
    text-decoration-color: var(--orange-main)
}

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

.text-orange-secondary {
    color: var(--orange-secondary)
}

.accent-orange-secondary {
    accent-color: var(--orange-secondary)
}

.caret-orange-secondary {
    caret-color: var(--orange-secondary)
}

.border-orange-secondary {
    border-color: var(--orange-secondary)
}

.decoration-orange-secondary {
    text-decoration-color: var(--orange-secondary)
}

.bg-dark-blue {
    background-color: var(--dark-blue)
}

.text-dark-blue {
    color: var(--dark-blue)
}

.accent-dark-blue {
    accent-color: var(--dark-blue)
}

.caret-dark-blue {
    caret-color: var(--dark-blue)
}

.border-dark-blue {
    border-color: var(--dark-blue)
}

.decoration-dark-blue {
    text-decoration-color: var(--dark-blue)
}

.btn-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--orange-main);
    --bs-btn-border-color: var(--orange-main);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f2a177;
    --bs-btn-hover-border-color: #f5b18e;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f5b18e;
    --bs-btn-active-border-color: #f7c1a6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--orange-main);
    --bs-btn-disabled-border-color: var(--orange-main)
}

.btn-outline-orange {
    --bs-btn-color: var(--orange-main);
    --bs-btn-border-color: var(--orange-main);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--orange-main);
    --bs-btn-hover-border-color: var(--orange-main);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--orange-main);
    --bs-btn-active-border-color: var(--orange-main);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--orange-main);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--orange-main);
    --bs-gradient: none
}

.btn-dark-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--dark-blue);
    --bs-btn-border-color: var(--dark-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1c4486;
    --bs-btn-hover-border-color: #214f9b;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #214f9b;
    --bs-btn-active-border-color: #2559b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--dark-blue);
    --bs-btn-disabled-border-color: var(--dark-blue)
}

.btn-outline-dark-blue {
    --bs-btn-color: var(--dark-blue);
    --bs-btn-border-color: var(--dark-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--dark-blue);
    --bs-btn-hover-border-color: var(--dark-blue);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--dark-blue);
    --bs-btn-active-border-color: var(--dark-blue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--dark-blue);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--dark-blue);
    --bs-gradient: none
}

.form-control.orange:focus {
    border-color: #f5b18e;
    box-shadow: 0 0 0 .25rem rgba(var(--orange-main-rgb), 0.25)
}

@font-face {
    font-family: "yekan";
    src: url("../../assets/font/YekanNewFaceD3-Thin.ttf");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "yekan";
    src: url("../../assets/font/YekanNewFaceD3-Light.ttf");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "yekan";
    src: url("../../assets/font/YekanNewFaceD3-Regular.ttf");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "yekan";
    src: url("../../assets/font/YekanNewFaceD3-Medium.ttf");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "yekan";
    src: url("../../assets/font/YekanNewFaceD3-Bold.ttf");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "yekan";
    src: url("../../assets/font/YekanNewFaceD3-Black.ttf");
    font-weight: 900;
    font-style: normal
}

* {
    font-family: "yekan", sans-serif !important
}

html, body {
    overflow-x: hidden
}

body {
    background-color: #f5f6f7
}


.show-rtl:where([dir="rtl"], [dir="rtl"] *) {
    display: block;
}
.show-rtl:where(:not([dir="rtl"], [dir="rtl"] *)) {
    display: none;
}
.show-ltr:where([dir="ltr"], [dir="ltr"] *) {
    display: block;
}
.show-ltr:where(:not([dir="ltr"], [dir="ltr"] *)) {
    display: none;
}

.active {
    font-weight: 700
}

.btn-round {
    border-radius: 9999rem
}

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

.max-w-800 {
    max-width: 800px
}

.border-t-orange-main {
    border-top-color: var(--orange-main) !important
}

.carousel-indicators [data-bs-target] {
    height: 10px;
    width: 10px;
    border-radius: 9999rem !important;
    border: 1px
}

.logo {
    height: 50px
}

.header .search.dropstart .dropdown-toggle::before {
    content: none
}

.header .search .dropdown-menu {
    width: 12rem
}

@media screen and (min-width: 1200px) {
    .header .search .dropdown-menu {
        width: 15rem
    }
}

.mobile-nav {
    position: fixed;
    padding: .5rem 1rem;
    top: 0;
    left: -70vw;
    height: 100vh;
    width: 70vw;
    z-index: 10;
    transition: all .3s ease-in-out
}

.mobile-nav.open {
    left: 0
}

.mobile-nav .mobile-nav-items {
    display: grid;
    grid-template-columns:1fr;
    gap: .5rem
}

.mobile-nav:where([dir=rtl],[dir=rtl] *) {
    left: unset;
    right: -70vw
}

.mobile-nav:where([dir=rtl],[dir=rtl] *).open {
    right: 0
}

.mobile-nav-overlay {
    position: fixed;
    top: 0;
    left: -100vw;
    height: 100vh;
    width: 100vw;
    background-color: #000;
    opacity: 0;
    z-index: 9;
    transition: all .3s ease-in-out
}

.mobile-nav-overlay.open {
    left: 0;
    opacity: .3
}

.mobile-nav-overlay:where([dir=rtl],[dir=rtl] *) {
    left: unset;
    right: -100vw
}

.mobile-nav-overlay:where([dir=rtl],[dir=rtl] *).open {
    right: 0
}

.scrollbar::-webkit-scrollbar {
    width: .4rem;
    height: .4rem
}

.scrollbar .small::-webkit-scrollbar {
    width: .3rem;
    height: .3rem
}

.scrollbar::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--orange-main);
    -webkit-transition: color .25s linear;
    transition: color .25s linear
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--orange-main)
}

.pagination-button {
    aspect-ratio: 1;
    min-height: 2.5rem
}

.text-clip-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.text-clip-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.text-clip-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}