body {
    font-family: yekan-num;

}
.box-shadow {
    box-shadow: -2px -1px 9px rgba(152, 140, 140, 0.2), 5px 5px 9px rgba(9, 11, 14, 0.6);
}
.box-shadow-inset {
    box-shadow: inset -5px -5px 7px  rgba(255,255,255,0.05), inset 5px 5px 9px rgba(5, 5, 5, 0.4);
}
.t-abi {
    color: #0dcaf0;
}
.t-sor {
    color: #fa4a1c;
}
.bg-title {
    background-color: #b9daff;
}
.bc {
    background-color: #333a41;
}
.bcc {
    background-color: #333a41 !important;
}
.bc-footer {
    background-color: #253541;
}
.bc-content {
    background-color: #373d44;
}
.bc-form {
    background-color: #214960;
}
.t-hover:hover {
    color: #55ADE3 !important;
}
.t-hover-gold:hover {
    color: var(--goldcolor) !important;
}
.gold-shadow{
    background-image: linear-gradient(
        to right,
        #462523 0,
        #cb9b51 22%,
        #f6e27a 45%,
        #f6f2c0 20%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
    );
    color:transparent;
    -webkit-background-clip:text;
}
.gold-shadow2{
    background-image: linear-gradient(
        to right,
        #cb9b51 0,
        #cb9b51 22%,
        #f6e27a 45%,
        #f6f2c0 20%,
        #f6e27a 55%,
        #cb9b51 78%,
        #cb9b51 100%
    );
    color:transparent;
    -webkit-background-clip:text;
}
:root {
    --goldcolor: #f6e27a   ;
}
.gold-shadow3{
    background-image: linear-gradient(
        to right,
        #f6e27a 0,
        #cb9b51 22%,
        #f6e27a 45%,
        #f6f2c0 20%,
        #f6e27a 55%,
        #cb9b51 78%,
        #f6e27a 20%
    );
    padding: 5px;
    color:transparent;
    -webkit-background-clip:text;
}
.t-gold {
    color: var(--goldcolor);
}
.p-9 {
    padding: 10px;
}
.p-10 {
    padding-left: 11rem !important;
    padding-right: 11rem !important
}
.item-hover:hover {
    background-color: rgb(26, 58, 77);
    transition:   background-color 25ms !important;
    border-radius: 10px;
}
.item-hover2:focus {
    background-color: #214160;
    transition:   background-color 0.4s !important;
    border-radius: 10px;
}
.hover-box:hover {
    box-shadow: -2px -1px 9px rgb(138, 129, 77), 5px 5px 9px rgb(164, 151, 82);
    transition:   box-shadow 0.4s !important;
}

.hover-img:hover {

    border: 1px solid #d0d0d0;
}
.f-img:focus {

    border: 1px solid #d0d0d0;
}
.tw-hover:hover {
    color: #f8f8f8;
}
.down{
    pointer-events: none;
}
.tm{
    transition: color 0.4s !important;
}
.form-control::placeholder {
    color: rgba(0, 0, 0, 0.9);
    opacity: .5; /* Firefox */
    font-size: 0.9rem;
}
.place-search::placeholder {
    font-size: 0.7em;
    opacity: 0.7;
    color: #97a0a1;
}
.fs-7 {
    font-size: 7px;
}
.fs-8 {
    font-size: 8px;

}
.fs-9 {
    font-size: 9px;
}
.fs-10 {
    font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-22 {
    font-size: 22px;
}
.fs-25 {
    font-size: 25px;
}
.fs-30 {
    font-size: 30px;
}
.fs-50 {
    font-size: 50px;
}
.br-30 {
    border-radius: 30px;
}
.br-40 {
    border-radius: 40px;
}
.br-50 {
    border-radius: 50px;
}
.br-100 {
    border-radius: 200px;
}
.br-300 {
    border-radius: 300px;
}
.br-20 {
    border-radius: 20px;
}
.br-30 {
    border-radius: 30px;
}
.br-40 {
    border-radius: 40px;
}
.brb-50 {
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
}
.brs-50 {
    border-top-right-radius: 600px;
    border-bottom-right-radius: 600px;
}
.brt-10 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.bre-10 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.bre-50 {
    border-top-left-radius: 55px;
    border-bottom-left-radius: 55px;
}
.brt-50 {
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
}
.brb-10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.br-10 {
    border-radius: 10px;
}
.brr-10 {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.brl-10 {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.brt-20 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.scroll-touch {
    overflow: scroll;
    scrollbar-width: none;
}
.scroll-touch::-webkit-scrollbar {
    display: none;
}
.ff-bold {
    font-family: yekan-bold;
}
.ff-norm {
    font-family: yekan-num;
}
.cp {
    cursor: pointer;
}
.sn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    color: inherit;
}
.divider {
    width: 100%;
    height: 1px;
    background-color: #dcdada;
}
.divider-abi {
    width: 80%;
    height: 1px;
    background-color: #0dcaf0;;
}
.gold-color{
    background-color: #d6ad60;
}
.divider-gold {
    width: 80%;
    height: 1px;
    background-color:var(--goldcolor);
}
.divider-gold2 {
    width: 100%;
    height: 1px;
    background-color:var(--goldcolor);
}
.divider-80 {
    width: 80%;
    height: 1px;
    background-color: #dcdada;
}
.divider-90 {
    width: 90%;
    height: 1px;
    background-color: #dcdada;
    margin-right: 10px;
    margin-left: 10px;
}
.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}
.w-97 {
    width: 97%;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-78 {
    width: 77%;
}
.w-32 {
    width: 31%;
}
.w-33 {
    width: 33%;
}
.w-45 {
    width: 45%;
}
.w-47 {
    width: 47%;
}
.w-60 {
    width: 60%;
}
.w-10 {
    width: 10%;
}
.w-12 {
    width: 12%;
}
.w-20 {
    width: 20%;
}
.h-60 {
    height: 50px;
}
.swal-wide {
    width: 300px !important;
    font-size: 10px !important;
}
.w-f {
    width: fit-content;
}
.mb-8 {
    margin-bottom: 4rem !important
}
.mb-10 {
    margin-bottom: 6rem !important
}



/*<!------------phone---------------->*/

@media screen and (max-width: 830px) {
    .display-off-laptop {
        display: none !important;
    }
    .display-off-phone {
        visibility: visible;
    }
}
/*<!------------laptop---------------->*/
@media screen and (min-width: 830px) {

    .display-off-laptop {
        visibility: visible;
    }
    .display-off-phone {
        display: none !important;
    }
}


/*<!------------laptop---------------->*/
@media screen and (max-width: 1025px) {

    .display-off-tablet {
        display: none !important;
    }
}