/*====================
1. fonts
======================*/
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-LightBETA.woff2') format('woff2'),
        url('../fonts/Inter-LightBETA.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.woff2') format('woff2'),
        url('../fonts/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*====================
2. Theme variables
======================*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
}

body,
html {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

* {
    scroll-behavior: smooth
}

a {
    text-decoration: none;
}

a.blue {
    color: #30B0C7;
}

a.blue:hover,
a.blue:focus {
    color: #2795a9
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 10.5pt;
    /* 14px */
    color: #959289;
    background: linear-gradient(180deg, #D2D2D2 0%, #D9D4C8 100%);
    /* line-height: 20px; */
    background-repeat: no-repeat;
    min-height: 100vh;
    font-weight: 400;
    direction: ltr;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #010200;
    margin: 0px;
}

h1 {
    font-size: 23.625pt;
    /*31.5px */
    ;
    font-weight: 700;
}

h2 {
    font-size: 15pt;
    /*20px */
    font-weight: 700;
}

h3 {
    font-size: 13.5pt;
    /* 18px */
    font-weight: 600;
}

p,
figure,
blockquote {
    margin: 0px;
}

*::-moz-selection {
    background: #757F95;
    color: #ffffff;
    text-shadow: none;
}

::-moz-selection {
    background: #757F95;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #757F95;
    color: #ffffff;
    text-shadow: none;
}

.body-wrapper {
    padding: 30px 0 40px;
    overflow-x: hidden;
}

.container-xl {
    max-width: 1200px;
}

.main-section {
    padding: 50px 0;
}

.body-wrapper main {
    margin-bottom: 100px;
}

@media (min-width:768px) and (max-width:1199.98px) {
    .body-wrapper {
        padding: 30px 15px
    }
}

@media (max-width:767.98px) {
    .body-wrapper {
        padding: 20px 15px
    }

    .body-wrapper main {
        margin-bottom: 60px;
    }
}

/*====================
form control
======================*/
.form-control {
    border: 1px solid #CCC9C0;
    padding: 12px 16px;
    height: 40px;
    background: #FFFFFF !important;
    border-radius: 4px;
    color: #1E1E1E !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 4px !important;
    height: 46px;
}

.form-select {
    border: 1px solid #CCC9C0;
    padding: 12px 16px;
    height: 40px;
    border-radius: 4px;
    color: #1E1E1E !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 4px !important;
    height: 46px;
}

.form-select:focus {
    border: 1px solid #CCC9C0;
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.form-control:focus {
    border: 1px solid #CCC9C0;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border: 1px solid #900B09;
}

textarea.form-control {
    min-height: 120px;
    resize: none;
}

.form-control::-webkit-input-placeholder {
    color: #CCC9C0
}

.form-control:-moz-placeholder {
    color: #CCC9C0
}

.form-control::-moz-placeholder {
    color: #CCC9C0
}

.form-control:-ms-input-placeholder {
    color: #CCC9C0
}

.form-control::-ms-input-placeholder {
    color: #CCC9C0
}

::placeholder {
    color: #CCC9C0
}

.form-control:disabled {
    background-color: #D9D9D9;
    border-color: #B2B2B2 !important;
    color: #CCC9C0;
}


/*====================
header
======================*/

header nav {
    padding: 0 !important
}

header nav .navbar-brand,
header .login-button {
    color: #010200;
}

header .login-button svg {
    --color-2: #C4C0B5;
    --color-1: #ffffff
}

header nav .menu>li.nav-item {
    position: static;
}

header nav .menu>li>.nav-link {
    padding: 20px 15px !important;
    color: #66645D;
    display: block;
    text-decoration: none;
    position: relative;
}

header nav .menu>li>.nav-link:hover,
header nav .menu>li>.nav-link:focus,
header nav .menu>li>.nav-link.active {
    color: #010200;
}

header nav .menu>.nav-item.has-mega>.nav-link:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 6px;
    right: 0;
    position: absolute;
    vertical-align: middle;
    width: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
}


.mega-menu {
    position: absolute;
    left: 0px;
    margin: auto;
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
    padding: 30px;
    top: 100%;
    z-index: 10;
    margin-top: 20px;
    display: none;
    border-radius: 8px;
    display: block !important;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

header nav .menu li.has-mega:hover .mega-menu {
    margin-top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

header nav .menu .has-mega .mega-menu-bar ul {
    column-count: 4;
    column-gap: 20px;
    -moz-column-count: 4;
    -webkit-column-count: 4;
}

header nav .menu .has-mega .mega-menu-bar ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #c4c0b542;
    padding: 10px 0;
}

header nav .menu .has-mega .mega-menu-bar a.nav-link {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #010200 !important;
    padding: 8px 0;
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

/* فرم سرج */
form.search-form {
    overflow: hidden;
    position: relative;
}

form.search-form .submit-button {
    left: auto;
    right: 0px;
    background: 0 0;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 10px 13px;
}

form.search-form .form-control {
    padding-left: 35px;
}

form.search-form .icon {
    right: auto;
    left: 13px;
    background: 0 0;
    /* font-size: 0; */
    /* width: 45px; */
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.navbar-toggler {
    border: 0px;
    box-shadow: none !important;
    padding: 0;
}

header form.search-form .form-control {
    height: 40px;
    border: 0px !important;
}

/*====================
 breadcrumb
======================*/
.breadcrumb-wrapper {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    overflow: hidden;
}

.btn.go-back-button {
    min-height: unset;
    padding: 0 0px;
    border: 0px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTEzNzUgMTcuMjU3MkM5LjA1MDU3IDE3LjI1NTIgOS4xODM2NiAxNy4yMTIzIDkuMjk1OTcgMTcuMTM0MUM5LjQwODI5IDE3LjA1NiA5LjQ5NDczIDE2Ljk0NjEgOS41NDQyNCAxNi44MTg1QzkuNTkzNzUgMTYuNjkxIDkuNjA0MDcgMTYuNTUxNSA5LjU3Mzg4IDE2LjQxODFDOS41NDM2OSAxNi4yODQ2IDkuNDc0MzYgMTYuMTYzMiA5LjM3NDc3IDE2LjA2OTNMMi4wOTE1NyA5LjAwMDA4TDkuMzc0NzcgMS45MzA4M0M5LjQ0MTAyIDEuODY4MjkgOS40OTQxNyAxLjc5MzIgOS41MzExNSAxLjcwOTk0QzkuNTY4MTMgMS42MjY2OCA5LjU4ODE5IDEuNTM2OSA5LjU5MDE3IDEuNDQ1ODJDOS41OTIxNSAxLjM1NDczIDkuNTc2MDEgMS4yNjQxNyA5LjU0MjY4IDEuMTc5MzhDOS41MDkzNiAxLjA5NDU5IDkuNDU5NTIgMS4wMTcyNiA5LjM5NjA1IDAuOTUxOUM5LjMzMjU5IDAuODg2NTM4IDkuMjU2NzcgMC44MzQ0NDIgOS4xNzMgMC43OTg2MzZDOS4wODkyMyAwLjc2MjgyOSA4Ljk5OTE3IDAuNzQ0MDI2IDguOTA4MDcgMC43NDMzMjJDOC44MTY5NyAwLjc0MjYxOSA4LjcyNjY0IDAuNzYwMDI3IDguNjQyMzIgMC43OTQ1MzVDOC41NTgwMSAwLjgyOTA0MyA4LjQ4MTM5IDAuODc5OTYzIDguNDE2OTMgMC45NDQzMzZMMC42MjUyNjEgOC41MDY4NEMwLjU1OTI3MyA4LjU3MDkyIDAuNTA2ODEzIDguNjQ3NiAwLjQ3MDk5MSA4LjczMjMyQzAuNDM1MTY4IDguODE3MDUgMC40MTY3MTIgOC45MDgxIDAuNDE2NzEyIDkuMDAwMDhDMC40MTY3MTIgOS4wOTIwNyAwLjQzNTE2OSA5LjE4MzEyIDAuNDcwOTkxIDkuMjY3ODRDMC41MDY4MTMgOS4zNTI1NyAwLjU1OTI3MyA5LjQyOTI0IDAuNjI1MjYyIDkuNDkzMzNMOC40MTY5MyAxNy4wNTU4QzguNDgyMDMgMTcuMTIxIDguNTU5NTYgMTcuMTcyNCA4LjY0NDkgMTcuMjA3QzguNzMwMjUgMTcuMjQxNiA4LjgyMTY3IDE3LjI1ODcgOC45MTM3NSAxNy4yNTcyWiIgZmlsbD0iIzAxMDIwMCIvPgo8L3N2Zz4K) center/ auto no-repeat;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.breadcrumb-wrapper nav {
    overflow: auto;
    scrollbar-width: none;
}

.breadcrumb-wrapper .breadcrumb {
    /* margin: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%; */


    margin: 0;
    flex-wrap: nowrap;
}

.breadcrumb-wrapper .breadcrumb li {
    color: #959289;
    font-size: 12px;

    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #9e9ea7;
}

.breadcrumb-wrapper .breadcrumb li a {
    color: inherit;
    transition: color .25s ease;
}

.breadcrumb-wrapper .breadcrumb li a:hover {
    color: #66645D
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #959289;
}

/*====================
 Side Bar Menu
======================*/
.offcanvas-backdrop,
.modal-backdrop {
    background-color: #b5b3ad !important
}

.sidebarMenu {
    background-color: #F7F6F2;
    bottom: unset;
    --bs-offcanvas-width: 100%;
    max-height: 400px;
}


.sidebarMenu .offcanvas-header .btn-close {
    margin: 0 10px 0 0;
    box-shadow: none !important;
    opacity: 1;
}

.sidebarMenu .offcanvas-header {
    padding-left: 30px;
    padding-right: 30px;
}

.sidebarMenu .offcanvas-body {
    padding-left: 70px;
    padding-right: 30px;
}

.sidebarMenu .offcanvas-body .nav-item {
    padding: 10px 0;
}

.sidebarMenu .offcanvas-body .nav-item:not(:last-child) {
    border-bottom: 1px solid #DBD8CE
}

.sidebarMenu .navbar-nav {
    counter-reset: item;
}

.sidebarMenu .navbar-nav li {
    display: block;
    position: relative;
}

.sidebarMenu .navbar-nav li::before {
    counter-increment: item;
    content: counter(item, decimal-leading-zero) "  ";
    position: absolute;
    right: 0;
    color: #DBD8CE;

    font-size: 20px;
    font-weight: 300;
    user-select: none;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.sidebarMenu .offcanvas-body .nav-link {
    font-weight: 600;
    font-size: 13.5pt;
    /* 18px */
    line-height: 22px;
    color: #010200;
    display: inline-block;
}























/* .main-menu,
.submenu {
    padding: 16px;
    transition: transform 0.3s ease;
}

.main-menu {
    position: relative;
    z-index: 1;
}

.submenu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    z-index: 2;
    transform: translateX(0);
    transition: left 0.3s ease;
}

.sidebarMenu.show-submenu .submenu {
    left: 0;
}

.sidebarMenu.show-submenu .main-menu {
    transform: translateX(-100%);
} */
.sidebarMenu .submenu-content {
    width: 100%;
    overflow-y: auto;
}


.sidebarMenu .submenu {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background: #f7f6f2;
    transition: right 0.3s ease;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.sidebarMenu .submenu-header,
.sidebarMenu .submenu-list {
    width: 100%;
}

.sidebarMenu .submenu.active {
    right: 0;
}

.sidebarMenu .main-menu {
    transition: transform 0.3s ease;
}

.sidebarMenu.submenu-open .main-menu {
    transform: translateX(-100%);
}

.sidebarMenu .submenu-header {
    padding: 1rem 30px;
}

.sidebarMenu .navbar-nav.submenu-list {
    padding: 1rem 30px 1rem 70px;
    flex-grow: 1;

}

.sidebarMenu button.back-btn {
    margin: 0 10px 0 0;
    box-shadow: none !important;
    padding: 0.5rem;
    background: none;
    border: 0px;
    margin: 0 10px 0 0;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTEzNzUgMTcuMjU3MkM5LjA1MDU3IDE3LjI1NTIgOS4xODM2NiAxNy4yMTIzIDkuMjk1OTcgMTcuMTM0MUM5LjQwODI5IDE3LjA1NiA5LjQ5NDczIDE2Ljk0NjEgOS41NDQyNCAxNi44MTg1QzkuNTkzNzUgMTYuNjkxIDkuNjA0MDcgMTYuNTUxNSA5LjU3Mzg4IDE2LjQxODFDOS41NDM2OSAxNi4yODQ2IDkuNDc0MzYgMTYuMTYzMiA5LjM3NDc3IDE2LjA2OTNMMi4wOTE1NyA5LjAwMDA4TDkuMzc0NzcgMS45MzA4M0M5LjQ0MTAyIDEuODY4MjkgOS40OTQxNyAxLjc5MzIgOS41MzExNSAxLjcwOTk0QzkuNTY4MTMgMS42MjY2OCA5LjU4ODE5IDEuNTM2OSA5LjU5MDE3IDEuNDQ1ODJDOS41OTIxNSAxLjM1NDczIDkuNTc2MDEgMS4yNjQxNyA5LjU0MjY4IDEuMTc5MzhDOS41MDkzNiAxLjA5NDU5IDkuNDU5NTIgMS4wMTcyNiA5LjM5NjA1IDAuOTUxOUM5LjMzMjU5IDAuODg2NTM4IDkuMjU2NzcgMC44MzQ0NDIgOS4xNzMgMC43OTg2MzZDOS4wODkyMyAwLjc2MjgyOSA4Ljk5OTE3IDAuNzQ0MDI2IDguOTA4MDcgMC43NDMzMjJDOC44MTY5NyAwLjc0MjYxOSA4LjcyNjY0IDAuNzYwMDI3IDguNjQyMzIgMC43OTQ1MzVDOC41NTgwMSAwLjgyOTA0MyA4LjQ4MTM5IDAuODc5OTYzIDguNDE2OTMgMC45NDQzMzZMMC42MjUyNjEgOC41MDY4NEMwLjU1OTI3MyA4LjU3MDkyIDAuNTA2ODEzIDguNjQ3NiAwLjQ3MDk5MSA4LjczMjMyQzAuNDM1MTY4IDguODE3MDUgMC40MTY3MTIgOC45MDgxIDAuNDE2NzEyIDkuMDAwMDhDMC40MTY3MTIgOS4wOTIwNyAwLjQzNTE2OSA5LjE4MzEyIDAuNDcwOTkxIDkuMjY3ODRDMC41MDY4MTMgOS4zNTI1NyAwLjU1OTI3MyA5LjQyOTI0IDAuNjI1MjYyIDkuNDkzMzNMOC40MTY5MyAxNy4wNTU4QzguNDgyMDMgMTcuMTIxIDguNTU5NTYgMTcuMTcyNCA4LjY0NDkgMTcuMjA3QzguNzMwMjUgMTcuMjQxNiA4LjgyMTY3IDE3LjI1ODcgOC45MTM3NSAxNy4yNTcyWiIgZmlsbD0iIzAxMDIwMCIvPgo8L3N2Zz4K);
    background-size: 80% 80%;
    background-position: center center;
}

.sidebarMenu .submenu-header {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #010200;
}

/*====================
sec-title
======================*/
.sec-title {
    margin-bottom: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-title h2.text-size-1 {
    font-size: 23.625pt;
    /*31.5px */
    ;
    font-weight: 700;
    font-family: "Inter Tight", sans-serif;
}

.sec-title h2.text-size-2 {
    font-size: 18.75pt;
    /*25px */
    font-weight: 700;
    font-family: "Inter Tight", sans-serif;
}

.sec-title h2.text-size-3 {
    font-size: 15pt;
    /*20px */
    font-weight: 700;
    font-family: "Inter Tight", sans-serif;
}

.sec-title .show-more {
    color: #959289;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: none;
    border: 0px !important;
}

.sec-title .show-more:hover,
.sec-title .show-more:focus {
    color: #66645D;
}

.sec-title .show-more svg {
    margin-left: 2px;
}

.sec-title.has-border {
    justify-content: center;
}

.sec-title.has-border h2 {
    position: relative;
    display: inline-block;
    padding: 0 50px;
}

.sec-title.has-border h2:before {
    content: "";
    height: 1px;
    position: absolute;
    right: -200px;
    top: 50%;
    transform: translateY(-50%) scaleY(0.5);
    -webkit-transform: translateY(-50%) scaleY(0.5);
    background-color: #C4C0B5;
    z-index: -1;
    width: 200px;
}

.sec-title.has-border h2:after {
    content: "";
    height: 1px;
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%) scaleY(0.5);
    -webkit-transform: translateY(-50%) scaleY(0.5);
    background-color: #C4C0B5;
    z-index: -1;
    width: 200px;
}


.sec-title.sec-title-2 .sec-title__top {
    position: relative;
    user-select: none;
    z-index: 1;
}

.sec-title.sec-title-2 .sec-title__top svg {
    z-index: 1;
    background-color: #ffffff;
    z-index: 0;
}

.sec-title.sec-title-2 .sec-title__top:before {
    content: "";
    position: absolute;
    left: 45px;
    right: 45px;
    top: 50%;
    transform: translateY(-50%) scaleY(0.5);
    -webkit-transform: translateY(-50%) scaleY(0.5);
    z-index: -1;
    background-color: #CCC9C0;
    height: 1px;
    transform: scaleY(0.5);
    transform-origin: top;
}

.sec-title.sec-title-2 .sec-title__top:after {
    content: "";
    position: absolute;
    width: 48px;
    height: 40px;
    top: 50%;
    background-color: #ffffff;
    z-index: -1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
}

.sec-title.sec-title-2 .show-more {
    font-size: 10.5pt;
}

.sec-title.sec-title-2 .show-more:hover,
.sec-title.sec-title-2 .show-more:focus {
    color: #2795a9
}

@media (min-width:992px) {
    .sec-title.sec-title-2 .sec-title__top:after {
        transform: translate(0%, -50%);
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        left: 0;
    }
}

@media (max-width:991.98px) {
    .sec-title.sec-title-2 {
        justify-content: center;
    }

    .sec-title.sec-title-2 .sec-title__top:before {
        left: -20px;
        right: -20px;
    }
}

@media (max-width:767.98px) {
    .sec-title {
        margin-bottom: 30px;
    }

    .sec-title h2.text-size-1,
    .sec-title h2.text-size-2 {
        font-size: 20px;
        /*31.5px */
    }
}

/*====================
Buttons
======================*/
button:focus {
    outline: none;
    box-shadow: none;
}

button:focus,
a:focus {
    outline: none;
    /* حذف بورد آبی */
}


.btn {
    border-radius: 4px !important;
    min-height: 40px;
    padding: 10px 17px;
    box-shadow: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn.btn-sm {
    padding: 7px 12px;
}

.btn-outline-secondary {
    --bs-btn-color: #66645D;
    --bs-btn-border-color: #66645D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #66645D;
    --bs-btn-hover-border-color: #66645D;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #66645D;
    --bs-btn-active-border-color: #66645D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #66645D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #66645D;
    --bs-gradient: none
}

.btn-outline-secondary.light {
    --bs-btn-color: #959289;
    --bs-btn-border-color: #959289;
    --bs-btn-hover-color: #959289;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-border-color: #66645d00;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #959289;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #66645d00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #66645D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #66645d00;
    --bs-gradient: none
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #66645D;
    --bs-btn-border-color: #66645d00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5a5852;
    --bs-btn-hover-border-color: #66645d00;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5a5852;
    --bs-btn-active-border-color: #66645d00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #66645D;
    --bs-btn-disabled-border-color: #66645D
}

.btn-primary.light {
    --bs-btn-color: #fff;
    --bs-btn-bg: #959289;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #66645D;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #66645D;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #959289;
    --bs-btn-disabled-border-color: #959289
}

.btn-light {
    --bs-btn-color: #66645D;
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #66645D;
    --bs-btn-hover-bg: #eff0f1;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #66645D;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #66645D;
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: #ffffff;
}

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

/*====================
swiper Button
======================*/
.swiper-wrapper-container {
    position: relative;
    width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
    background: #66645D !important;
    border-radius: 50%;
    transform: translateX(-50%);
    color: #ffffff !important;

    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}

.swiper-button-next {
    right: -20px;
}

.swiper-button-prev {
    left: -20px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 12pt;
    /*  16px */
}

@media (min-width:992px) and (max-width:1199.98px) {
    .swiper-button-next {
        right: -10px;
    }

    .swiper-button-prev {
        left: -10px;
    }
}

/*====================
footer
======================*/
.go-to-top-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.go-to-top-btn svg {
    flex-shrink: 0;
}

.footer .footer-widget-box {
    margin-right: 40px;
}

@media (max-width:991.98px) {
    .footer .footer-widget-box {
        margin-right: 00px;
    }
}

.footer .row-1 {
    margin-bottom: 24px;
}


.footer-info {
    color: #66645D;
    margin-bottom: 24px;
}

.footer-links {
    column-count: 2;
    column-gap: 20px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    margin-bottom: 20px;
}

.footer-links li {
    margin: 0 0 10px;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
}

.footer-links .nav-link {
    font-size: 13.5pt;
    /* 18px */
    font-weight: 700;
    color: #010200;
    padding: 3px 0;
    display: inline-block;
}

.footer-social-links {
    margin-bottom: 24px;
}

.footer-social-links .btn {
    width: 100%;
}

.footer-social-links .btn svg {
    margin-left: 8px;
}

.copy-right {
    font-size: 9pt;
    /*12px */
    color: #959289
}

/* hot-news-list */
.hot-news-list {
    margin: 0;
}

.hot-news-list li {
    border-bottom: 0.5px solid #C4C0B5;
    padding: 10px 0;
    list-style: inside disc;

}

.hot-news-list li.nav-item:first-child {
    padding-top: 0;
}

.hot-news-list li.nav-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.hot-news-main {
    margin-bottom: 2rem;
}

.hot-news-main .post-title {
    font-size: 15pt;
    /*20px */
    font-weight: 600;
}

.hot-news-main .post-thumbnail {
    height: 200px;
}

.hot-news-main .post-title {
    margin: 0;
}

/* post */
.post-thumbnail {
    overflow: hidden;
    height: 120px;
    border-radius: 4px;
    margin-bottom: 15px;
    display: block;
}

.post-thumbnail figure {
    height: 100%;
}

.post-thumbnail img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.post-title {
    font-weight: 400;
    font-size: 10.5pt;
    /* 14px */
    color: #010200;
    margin-bottom: 10px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-meta {
    color: #959289;
    font-size: 14px;
}

/* // post */
.hot-news-list .post-body {
    flex: 2 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hot-news-list .post-meta {
    margin: 10px 0 0px;
    font-size: 9pt;
    /*12px */
    overflow: hidden;
}

.hot-news-list .post-thumbnail {
    width: 70px;
    height: 70px;
    flex-shrink: 0;

}

/*====================
Modal
======================*/
.main-modal {
    padding: 0 !important;
}

.main-modal .modal-content {
    padding: 10px 5px;
    border: 0px;
    border-radius: 8px;
}

.main-modal .modal-header .btn-close {
    box-shadow: none;
}

.main-modal .modal-title {
    font-family: 'Inter Tight';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #010200;
}

.main-modal .modal-header,
.main-modal .modal-footer {
    border: 0;
}

.main-modal.modal .label {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #010200;
}


/* مودال افزودن نظر */
.main-modal .addcommentsModal__BookTitle {
    padding-bottom: 16px;
    border-bottom: 1px solid #DBD8CE;
    margin-bottom: 32px;
}

.main-modal .addcommentsModal__BookTitle .title {
    font-size: 14px;
    line-height: 1.2;
    height: calc(1.2em * 2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.main-modal .addcommentsModal__BookTitle .sub-title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #959289;
}

.main-modal .addcommentsModal__BookTitle .thumb {
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
    max-height: 90px;
}

.main-modal .addcommentsModal__BookTitle .thumb img {
    max-height: 90px;
}

.main-modal .description {
    font-size: 12px;
}

.main-modal .description a:not(.blue) {
    color: inherit;
    text-decoration: underline;
}