/*
Theme Name: Gohar
Theme URI: http://www.azadcom.com
Author: azadcom
Author URI: https://azadcom.com

*/

/* STANDARDS */


@media print{@page {size: landscape}}






.intro {
    max-width: 100%;
    height: auto;
}

.w {
    max-width: 100%;
    height: auto;
    margin-top: 8%;


}




.button-link {
    text-decoration: none;
    /* Removes the underline from the link */
}

.button-link button {
    background-color: #007bff;
    /* Button background color */
    color: white;
    /* Button text color */
    padding: 10px 20px;
    /* Padding inside the button */
    border: none;
    /* Removes button border */
    border-radius: 5px;
    /* Rounds the corners of the button */
    cursor: pointer;
    /* Changes the cursor to a pointer on hover */
    font-size: 16px;
    /* Font size of the button text */
    transition: background-color 0.6s ease;
    /* Smooth transition on hover */
    margin-bottom: 58px;
}
.button-link-menu button {
    background-color: #005abb;
    /* Button background color */
    color: white;
    /* Button text color */
    padding: 5px 10px;
    /* Padding inside the button */
    border: none;
    /* Removes button border */
    border-radius: 11px;
    /* Rounds the corners of the button */
    cursor: pointer;
    /* Changes the cursor to a pointer on hover */
    font-size: 19px;
    /* Font size of the button text */
    transition: background-color 0.6s ease;
    /* Smooth transition on hover */
    margin-bottom: 0px;
    margin-left: 40px;
    margin-top: 3px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b ;
    text-decoration: none;
    background-color: #a6cef7 !important;
}

.button-link button:hover {
    background-color: #0056b3;
    /* Darker background on hover */
}


.bg-light2 {
    background-color: #d5d5d5 !important;
}




















@media print {
    .page-break {
        page-break-before: always;
        break-before: page;
        /* برای سازگاری با مرورگرهای جدید */
    }
}





.footer {
    padding-top: 7vh;
    background-color: ;
    text-align: center;
    background-color: #232359;
}

* {
    padding: 0px;
    margin: 0px;
    font-family: yekanL !important;
    outline: none !important;
    unicode-bidi: embed;
}

html {
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth;
}


ul,
li,
ol {
    list-style: none;
}

.res {
    display: block;
}

.res img,
.res video {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 50px;
}

.flexCen {
    display: flow-root list-item;
    align-content: center;
    list-style: none;
}

.des {
    display: block;
}

.mob {
    display: none;
}

.freez {
    height: 100%;
    overflow: hidden;
}

.frized {
    overflow: hidden;
}

.fit img,
.fit video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cen {
    width: 1220px;
    box-sizing: border-box;
    max-width: 1580px;
    margin: 0 auto;
}



/* ================================================================== */
/* FONTS */
@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Regular.ttf);
}

@font-face {
    font-family: yekanB;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Bold.ttf);
}

@font-face {
    font-family: yekanM;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-SemiBold.ttf);
}

@font-face {
    font-family: yekanL;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Light.ttf);
}

@font-face {
    font-family: yekanT;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Thin.ttf);
}

.t {
    font-family: yekanT !important;
}

.r {
    font-family: yekan;
}

.l {
    font-family: yekanL;
}

.b,
.b * {
    font-family: yekan !important;
}

.b2,
.b2 * {
    font-family: yekanM !important;
}

.def {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* ===================================================================== */
body {
    background: #FFF;

    direction: ltr;
    text-align: left;
    line-height: 1.5em;
    font-size: 1em;
    color: #222;

    min-height: 100vh;
}

a {
    text-decoration: none;
    color: #f76806;
}

a:hover {
    color: #f76806;
}

/*.cataloge{
    display: grid;
    grid-template-columns: 50% 50% ;
    direction: rtl;

    box-sizing: border-box;
    padding: 48px 80px;
    position: relative;
    border:solid 1px #858585;
    border-radius: 16px;
    margin-top: 40px;
    position: relative;

}*/
.cataloge {
    display: grid;
    grid-template-columns: 49% 49%;
    direction: rtl;
    box-sizing: border-box;
    padding: 32px 80px;
    position: relative;
    border: solid 1px #858585;
    border-radius: 16px;
    margin-top: 133px;
    position: relative;
    background: #FFF;
}

.catalogeImg {
    padding-left: 80px;
    border-left: solid 1px #DDD
}

.catalogeCon {
    padding: 0px 32px;

    border-left: solid 2px #DDD;
    height: 100%;
}

.catalogNum {
    font-size: 6em;
    color: #F7F7F7;;
    line-height: 1em;
}

.catalogTitleWrp {
    position: relative;
    height: 80px;
}

.catalogTitle {
    font-size: 2em;
     position: absolute;
     bottom: -8px;
     left: 10px;
     color: black;
}

.labelX {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -135px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.labelXnila {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -108px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}

.labelXsheyda {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -143px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.labelXmoca {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -122px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.labelXdiba {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -115px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}

.labelXmana {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -125px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.labelXabnoos {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -147px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.labelXeram {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -118px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.labelXroyal {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -128px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.labelX1200 {
    color: #DDD;
    position: absolute;
    bottom: 47%;
    left: -170px;
    transform: rotate(-90deg);
    font-size: 3.2em;
}
.catalogFields {
    padding: 24px 0;
    padding-bottom: 8px;
    margin-bottom: 24px;
    border-bottom: solid 1px #DDD;
}

.catalogField {
    padding: 6px 0;
    text-align: left;
    direction: ltr;
    font-size: 1.2em;
    transition: .3s;
    background: #FFF;
}

/*.catalogField:hover {

    transition: .3s;
    background: #EEE;
}*/
.catalogField div {
    display: inline-block;
}

.catalogFieldName {
    color: #000;
    xxxfont-family: yekanB !important;
}

.catalogFieldVal {
    color: #666
}



.colorsAreaT {
    padding-bottom: 8px;
/*    display: none;   */
}

.colorField,
.colorsAreaT {
    direction: ltr;
    font-size: 1em;
}

.colorField {
    justify-items: center;
    display: flex;
    padding: 2px 0;
}

.colorField div {
    width: 15px;
    height: 15px;
    background: #FFF;
    border: solid 1px #9D9A9A;
    border-radius: 2px;
    display: inline-block;
    margin-right: 8px;

}


.colorField span {
    position: relative;
    top: -2px;

}




.display-non{
    display: none !important;
}



.blue div {
    background: #1E90FF;
}

.red div {
    background: #6E2029;
}

.cream div {
    background: #F2CF8F;
}

.darkblue div {
    background: #000000;
}

.beige div {
    background: #C5A177;
}
.copper div{
    background: #CA5202;
}

.beige2 div {
    background: #AA9A7D;
}

.green div {
    background: #01780d;
}
.silver div {
    background: #DDDDDD;
}

.charcoal div {
    background: #1A1A1A;
}
.gray div {
    background: #757575;
}

.almond div {
    background: #C9B195;
}

.smoky div {
    background: #666875;
}

.nescafe div {
    background: #9D897A;
}
.golden div {
    background: #BFB363;
}
.pearl div {
    background: #DEE2D3;
}