/*scrollbar*/
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #343434;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #91784B;
}

/*scrollbar*/
/*Start HomePage Css*/
/*Start fontFamily*/
html {
    scroll-behavior: smooth;
}

/*fonts*/

@font-face {
    src: url("../assets/fonts/IRANSans.ttf");
    font-family: "IRANSans";
}

@font-face {
    src: url("../assets/fonts/IRANSans_Black.ttf");
    font-family: "IRANSans_Black";
}

@font-face {
    src: url("../assets/fonts/IRANSans_Bold.ttf");
    font-family: "IRANSans_Bold";
}

@font-face {
    src: url("../assets/fonts/IRANSans_Light.ttf");
    font-family: "IRANSans_Light";
}

@font-face {
    src: url("../assets/fonts/IRANSans_Medium.ttf");
    font-family: "IRANSans_Medium";
}

@font-face {
    src: url("../assets/fonts/IRANSans_UltraLight.ttf");
    font-family: "IRANSans_UltraLight";
}

/*End Fonts*/
a:hover {
    text-decoration: none;
}

body {
    background: rgb(23, 23, 23);
}

/*End fontFamily*/
/*media All*/
/*Start Handy All*/

/*Footer All*/
/*Start Footer*/
.footer {
    padding-bottom: 80px;
    background: rgb(23, 23, 23);
}

.footer-font-awesome {
    margin-top: 20px;
}

.footer-font-awesome a {
    text-decoration: none;
}

.footer-font-awesome i {
    color: #91784B;
    font-size: 20px;
    font-weight: 700;
    margin: 0 17px;
    transition: all 300ms ease-in-out;
}

.footer-font-awesome i:hover {
    color: #D2D2D2;
    transition: all 300ms ease-in-out;
    transform: scale(1.1);
}

.mountainFooterSvg {
    /*transform: translateY(-54%);*/
    /*margin-bottom: -15%;*/
}

.ParagraphFooter {
    transform: translateY(75px);
}

.ParagraphFooter p {
    text-align: center;
    font-weight: 400;
    color: #838383;
    font-size: 16px;
    font-family: "IRANSans";
}

/*End Footer*/
/*End Footer*/
/*Start Preloader and preloaderPages*/
/*Start index*/

body {
    overflow: hidden;
}

body.over {
    overflow: auto;
}

.box-preloader-index {
    position: fixed;
    height: 118%;
    width: 100%;
    background: rgb(23, 23, 23);
    z-index: 1000;
}

.box-preloader-pages {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgb(23, 23, 23);
    z-index: 1000;
    /*display: none;*/
}

.box-preloader-Detail-pages {
    position: fixed;
    height: 120%;
    width: 100%;
    background: rgb(23, 23, 23);
    z-index: 1000;
}

.LogoPreloder-index {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: overlay;
    visibility: hidden;
}

.box-preloader-pagesSVG {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.SignaturePreloder-index {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

/*End Preloader*/
/*Start navigation*/
.navigationOderPage {
    margin-top: 0 !important;
    top: 0 !important;
}

#indexNav {
    direction: rtl;
    position: relative;
    background: transparent;
    margin-top: -90px;
    top: 96px;
}

#indexNav #hamburgerButton-index {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: #F8F8F8;
    padding: 10px;
    position: relative;
    cursor: pointer;
    z-index: 27;
}

#LogoNavigation-index {
    z-index: 27;
}

#indexNav #hamburgerButton-index .Span-hamburgerMenu {
    display: inline-block;
    background: #808080;
    height: 3px;
    border-radius: 5px;
    position: absolute;

}

#indexNav #Span-hamburgerMenuOne {
    width: 62%;
    left: 9px;
    top: 14px;
}

#indexNav #Span-hamburgerMenuTwo {
    width: 54%;
    left: 13px;
    top: 22px;
}

#indexNav #Span-hamburgerMenuThree {
    width: 37%;
    left: 20px;
    top: 30px;
}

.linkToPage {
    position: relative;
}

#SvgHome {
    position: absolute;
    left: -17%;
    display: none;
    transition: all 300ms ease-in-out;
}

#SvgBio {
    position: absolute;
    left: -21%;
    width: 213px;
    bottom: -15%;
    display: none;
    transition: all 300ms ease-in-out;
}

#SvgHistory {
    position: absolute;
    left: -21%;
    width: 213px;
    bottom: -67%;
    display: none;
    transition: all 300ms ease-in-out;
}

#SvgBlog {
    position: absolute;
    left: -36%;
    width: 213px;
    bottom: -32%;
    display: none;
    transition: all 300ms ease-in-out;
}

#SvgArticle {
    position: absolute;
    left: -36%;
    width: 213px;
    bottom: -55%;
    display: none;
    transition: all 300ms ease-in-out;
}

#indexNav #hamburgerButton-index .fa-times {
    font-size: 30px;
    color: #808080;
    position: absolute;
    left: 14px;
    top: 9px;
    display: none;
}

.hamburgerSpanFadeOutToggle {
    display: none;
}

.fa-timesFadeInToggle {
    display: block !important;
}

#LanguageAndSearch-index {
    position: relative;
    z-index: 25;
}

#box-search-index {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-image: url("../assets/gallery/backnavMenu.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 27;
}

#closed-search {
    margin-top: 50px;
}

#closed-search-box {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: #F8F8F8;
    padding: 10px;
    position: relative;
    border: none;
    outline: none;
}

#closed-search-box i {
    font-size: 30px;
    color: #808080;
    position: absolute;
    left: 14px;
    top: 9px;
}

#box-input-search-index {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#search_input {
    border-radius: 5px 0 0 5px;
    background: #353535;
    border: 2px #91784B solid;
    height: 50px;
    width: 250px;
    padding-right: 15px;
    padding-top: 5px;
    outline: none;
    color: #91784B;
    font-weight: 700;
    direction: rtl;
}

#Search_btn {
    border-radius: 0 5px 5px 0;
    background: #353535;
    border: 2px #91784B solid;
    color: #91784B;
    height: 50px;
    font-size: 18px;
    transform: translateY(-4%) translateX(-5px);
    outline: none;
}

#search_input::placeholder {
    color: #91784B;
    font-size: 20px;
    font-weight: 700;
}

#indexNav #LanguageAndSearch-index .fa-search {
    font-size: 24px;
    color: #F8F8F8;
    margin-left: 10px;
    font-weight: 400;
    cursor: pointer;
}

#indexNav #Language {
    background: none;
    border: none;
    outline: none !important;
}

#indexNav #Language #text-Language {
    font-size: 20px;
    font-weight: lighter;
    color: #F8F8F8;
    font-family: "IRANSans";
}

#indexNav #Language .fa-chevron-down {
    margin-right: 6px;
    color: #F8F8F8;
    font-weight: 400;
}

#indexNav #Language {
    position: relative;
}

#indexNav #oder-Language {
    position: absolute;
    list-style-type: none;
}

#oder-Language {
    background: #353535;
    padding: 0 15px;
    text-align: center;
    border-radius: 5px;
    border: solid 2px #91784B;
    display: none;
    font-family: "IRANSans";
}

#En, #Cn {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: solid 2px #91784B;
    display: inline-block;

}

#En {
    background: url("data:image/png;base64,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") center center no-repeat;
    background-size: cover;
    margin-right: 4px;
    transform: translate(0px, 35%);
    /*transform: translateY(35%) translateX(-160%);*/
}

#Cn {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAAC3CAMAAAAGjUrGAAAAh1BMVEX/AAD//wD/HQD/3QD/2gD/7AD/7gD/hwD/2AD/4gD/+gD/jQD/KQD/hQD/PgD/8AD/xAD/bgD/eAD/ZQD/UgD/9QD/1AD/zgD/5gD/rwD/gAD/MgD/nwD/8wD/vwD/tgD/lwD/aAD/TQD/WwD/qgD/RAD/ewD/yQD/pAD/mQD/UAD/swD/cwA+lsxWAAAEaklEQVR4nO3c7XaCOBAGYAcF+RBUFEFRoUXUbr3/61tQQNvSSljdkPg+P9qeFjhhDiGTSWyvBwAAAACvzQl5t6B7JlPeLeicI814N6ErQneu5N/3HiW829IZ0fhzmPZSgxCTShiQqW8XRDTn3ZTucE26SHm3pEN2RUwMl3dLuiPVqbQ9pQrv5jyT0vTu3gdVTEg9Ok9tFGerhvlGeCjiYfpLay71Y9ILls2OWxYh0VZSPyI5hRaNjttn4fCi7Isu/3xnTWqTCUxIuhXmR9NB/pgERLsGhyWXF8hIf4GYpB7RZNT8+NmG5WgxHfO35hvDCbtI+pjkExiyGE5wXNljkgTntJTlNuXOTHrncSQfY/9peboi4RxZmVzyMLvtBTZVEizN4zMLLjHx215gsDmdvztx20etc6xyTtf2vZllfFlQlLVxkCXhH23LmLTtPFOi8WmomjR8aMM4mm/KmPRbXsEpzj9IM0CvrgWRlvdUxMST5jHpTa4xYUnbKuHQLx4zMUcdpad851xDQnr555sz7t2otSjPHp+e2vZnmS+M/jfGTUzM8peDkrH8ewJ8Um9O18RcMHUCYhLdqQkoaWJFVVg9QVdMd+ZfMfhKWzW7ZpIda+iq5om6jGyrd2NR6Ddd2HrPDs6iESZWk8pUFyWTu9HIbZaNh+asR4qem4TW/YiQ4TYfWkcTU8wx59bb3f7DNnXZTcTMTb4I7/SfmO1ybus6Q6fE2h/9hnV3SeOl1Y6b+b9ExFzKMuVnF0a1qYoqz1Sujdj7GRJNmlpZO/u654R3o/hSjnUxkbAKz6B+Qthw14Wk3mqHHY13s7iq7TpksiwcS2dcGxOKeLeLo/T24bj5uU1dNZFkv+zyGgZ9dLq+bzf7FtdqVd7unqrraHklaH6dFX4yXyr05dikMy/7y+CyJTqMy1/4zBuzZmNTis4Tla/UasY3LYrN7PV3i0iKveb9SwBuy9BOsXQcM14q363ReldCh0zPr5P+t24y1Ng6z8we2rb9cQ6ube9dV+iZQf4BC2/3Y9hN8qqK2bimFFabEi4mj23k/2uU3fugbtBVlh7TwrF1M2kKxB6RpxpF7/V/Whm0YEjbkmrB2Bf8A3Frin+973RLLKNxualH9BQl/PhzFTNmqsMXD4r+35rE3b1CO9Ne2fytnOV7gRRp22MMicbrD5XMmHdLusOnRZb4zhZiD8QP5Xi78+zA+ez/MpC9nlU1O7LFX0iHBxM8PXsG97VXPOok6isXsr86XkaW8EBHzi3pjoSCoXKubos9A36oOMvjt/nnwhCTilP+W4vX3qTylVusgOgfmPFVynI/9bdIWwu3BdixmB86eLR1EQ7TU49C1+gfZ1WuFa6l/ycOTSVjMvvbfBM2ygKF0PfXq3nPJvIQk8IoOfcYZUvB624r/sVsjJj8YPmIyXejFYadH0aSfBADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHuVfdX8uVqRvwr8AAAAASUVORK5CYII=") no-repeat;
    background-size: cover;
    margin-right: 25px;
    transform: translate(0px, 35%);
    /*transform: translateY(35%) translateX(-230%);*/
}


#oder-Language ul {
    padding-right: 0 !important;
    text-align: right;
}

#oder-Language ul li {
    list-style-type: none;
    cursor: pointer;
    color: #91784B;
    margin: 10px 0;
    transition: all 300ms ease-in-out;
}

#oder-Language ul li:hover {
    font-weight: 700;
    transform: scale(1.05);
    transition: all 300ms ease-in-out;
}

#Language {
    transition: all 300ms ease-in-out;
}

#detail-HamburgerButton-index {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: url("../assets/gallery/backnavMenu.png") center center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 25;
}

body.overflow {
    overflow: hidden;
}

.flexDirection {
    flex-direction: row-reverse;
}

#detail-HamburgerButton-index #detail-HamburgerButton-Nav {
    position: absolute;
    bottom: 5%;
    left: 50%;
    padding: 20px;
    border-radius: 5px;
    transform: translate(-50%, -50%);
}

#detail-HamburgerButton-index #detail-HamburgerButton-Nav i:hover {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
    color: #91784B;
}

#detail-HamburgerButton-index #detail-HamburgerButton-Nav i {
    font-size: 20px;
    margin: 0 15px;
    color: #EEEEEE;
    transition: all 300ms ease-in-out;
    text-shadow: 0 0 10px #91784B;
}

#detail-HamburgerButton-index #detail-HamburgerButton-header a {
    color: #999999;
    font-size: 30px;
    margin: 0 60px;
    font-family: "IRANSans";
}

#detail-HamburgerButton-header {
    direction: rtl;
    z-index: 100;
    position: relative;
}

#detail-HamburgerButton-index #detail-HamburgerButton-header a:hover {
    text-decoration: none;
}

#detail-HamburgerButton-index #detail-HamburgerButton-header a.active {
    color: #EEEEEE;
}

#detail-HamburgerButton-index #detail-HamburgerButton-header .active-img {
    display: inline-block !important;
}

#detail-HamburgerButton-index #detail-HamburgerButton-header {
    transform: translateY(150px);
}

/*End navigation*/
/*Start Header */
#header_index {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

#header_index .mountain1 {
    position: absolute;
    right: 0%;
    z-index: 19;
}

#header_index .person {
    position: absolute;
    width: 400px;
    bottom: 200px;
    right: 20%;
    z-index: 18;
}

#header_index .mountain2 {
    position: absolute;
}

#header_index:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.05);
    z-index: 21;
}

#header_index .shadow {
    position: absolute;
    width: 100%;
    height: 300px;
    left: 0;
    bottom: 0;
    z-index: 23;
    background: linear-gradient(to top, rgb(23, 23, 23), transparent);
}

/*End Header*/
/*End HomePage Css*/
/*Start Biography*/

#Biography-index {
    background: rgb(23, 23, 23);
    padding: 150px 0;
}

.Biography-index {
}

#Biography-index h3 {
    font-size: 36px;
    font-weight: 700;
    color: #91784B;
    display: inline-block;
    font-family: "IRANSans_Bold";
}

#Biography-index p {
    color: #EEEEEE;
    line-height: 30px;

    font-family: "IRANSans";
}

.Biography-index-link a {
    color: #91784B;
    width: 97px;
    height: 32px;
    line-height: 25px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #91784B;
    font-weight: 700;
    position: relative;
    font-family: "IRANSans_Medium";
    transition: background-color 350ms ease-in-out;
}

.Biography-index-link a:hover {
    text-decoration: none;
    background: #91784B;
    color: rgb(23, 23, 23);
    transition: background-color 350ms ease-in-out;
}

.Biography-index-link .fa-chevron-left {
    margin-right: 10px;
    font-weight: 700;
    transform: translateY(3px);
}

.svg-text-biography {
    transform: translateY(-100px);
}

.marinMinus {
    margin-bottom: -50px;
}

/*End Biography*/
/*Start History*/
#History-index {
    background: rgb(23, 23, 23);
}

.svgHistory {
    position: relative;
    transform: translateY(-50px) translateX(-44px);
}

.History-indexTitle h3 {
    color: #91784B;
    font-size: 36px;
    font-weight: 700;
    font-family: "IRANSans_Bold";
}

#History-index p {
    color: #727272;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: -80px;
    font-family: "IRANSans";
}

#history-index-img-text select.form-control::-ms-expand {
    display: none;
}

:root {
    --radius-sm: calc(var(--radius, 0.25em) / 2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em) * 2);
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 0 46px 60px -6px rgba(0, 0, 0, 0.2);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
}

:root {
    --space-unit: 1em;
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md);
}

#history-index-img-text .stack-cards {
    --stack-cards-gap: var(--space-sm);
    padding-left: 0px;
}

#history-index-img-text .stack-cards__item {
    position: relative;
    position: sticky;
    top: var(--space-md);
    height: auto;
    transform-origin: center top;
}

#history-index-img-text .stack-cards__item > * {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 100%;*/
}

#history-index-img-text .stack-cards {
    margin-bottom: 3rem;
}

#history-index-img-text .stack-cards > * + * {
    margin-top: 4rem;
}

#history-index-img-text .flex {
    display: flex;
    font-size: 5rem;
}

#history-index-img-text .flex-center {
    justify-content: center;
    align-items: center;
}

#history-index-img-text .box {
    margin: 150px auto;
    border-radius: 10px;
    height: 414px;
    overflow: hidden;
    position: relative;
    padding: 20px;
}
#history-index-img-text .box img{
    position: absolute;
    width: 154%;
    height: 100%;
    top: 0;
    left: 0;
}
#history-index-img-text .box p, h4 {
    z-index: 2;
    position: relative;
}

#history-index-img-text .box p {
    font-weight: 400;
    font-size: 18px;
    color: #D2D2D2;
}

#history-index-img-text .box h4 {
    font-weight: 400;
    font-size: 24px;
    color: #91784B;
    font-family: "IRANSans_Medium";
}

#history-index-img-text .box:after {
    background: #353535;
    transform: skewX(-10deg);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 1;
    transition: all 300ms ease-in-out;
}

#history-index-img-text ul li {
    list-style-type: none;
}

#history-index-img-text .box:hover.box:after {
    transition: all 300ms ease-in-out;
    opacity: 1;
    left: -40%;
    cursor: pointer;
}

#history-index-img-text .box:hover.box-img1:before {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

#history-index-img-text .box:hover.box-img0:before {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

#history-index-img-text .box:hover.box-img2:before {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

#history-index-img-text .box:hover.box-img3:before {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

#history-index-img-text .box:hover.box-img4:before {
    transform: scale(1.1);
    transition: all 450ms ease-in-out;
    cursor: pointer;
}

#history-index-img-text .box:hover.box-img5:before {
    transform: scale(1.1);
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

.See_all_index {
    color: #91784B;
    font-weight: 700;
    position: relative;
    font-size: 20px;
    display: inline-block;
    font-family: "IRANSans_Medium";
}

.See_all_index:hover {
    color: #91784B;
}

.See_all_index:hover::after {
    width: 100%;
}

.See_all_index::after {
    content: '';
    position: absolute;
    border-radius: inherit;
    width: 0%;
    height: 1px;
    background: #91784B;
    left: 50%;
    bottom: -2px;
    z-index: 1;
    transition: all .25s ease;
    transform: translate(-50%);
}

.See_all_index .fa-chevron-left {
    margin-right: 10px;
    font-weight: 700;
}

/*End History*/
/*Start Blog*/
#Blog-index {
    padding-top: 80px;
    padding-bottom: 80px;
    /*background: rgb(23, 23, 23);*/
}

.svg-blog-index {
    position: relative;
    margin-top: -49px;
    transform: translateY(-50px) translateX(-44px);
}

.Blog-title-index h3 {
    color: #91784B;
    font-size: 36px;
    font-weight: 700;
    font-family: "IRANSans";
}
.box-headerBlog{
    position: relative!important;
    border-radius: 10px;
    overflow: hidden;
}
.box-headerBlog img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 10px;
}
#Blog-index .blog-item {
    height: 412px;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    cursor: pointer;
}

#Blog-index .blog-item .text-blog-up span,
#Blog-index .blog-item .text-blog-up2 span {
    color: #F2F2F2;
    z-index: 3;
    font-weight: 400;
    font-size: 14px;
    position: relative;
}

#Blog-index .blog-item .text-blog-up2 {
    direction: rtl;
}

.box-headerBlog-textDown button {
    z-index: 3;
    position: relative;
    margin-bottom: 5px;
    background: #91784B;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    border-radius: 5px 0 5px 0;
    cursor: text;
    font-family: "IRANSans_Medium";
}

/*End Blog*/
/*Start Article*/
#articles-index {
    padding-top: 80px;
    padding-bottom: 80px;
    background: rgb(23, 23, 23);
}

.articles-title-index h3 {
    color: #91784B;
    font-size: 36px;
    font-weight: 700;
    font-family: "IRANSans_Bold";
}

.svg-articles-index {
    position: relative;
    margin-top: -19%;
    margin-bottom: -10%;
    transform: translateY(-50px) translateX(-44px);
}

#articles-index .articles-item-index {
    border-radius: 5px;
    overflow: hidden;
    margin: 20px 0;
    padding: 10px;
    position: relative;
    cursor: pointer;
}
.articles-item-index{
    position: relative;
}
.articles-item-index img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*#articles-index #articles-index-item1 {*/
/*    background: url("../assets/gallery/articeItem.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*#articles-index #articles-index-item2 {*/
/*    background: url("../assets/gallery/articleItem2.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*#articles-index #articles-index-item3 {*/
/*    background: url("../assets/gallery/articleItem3.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

.articles-item-index:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -39%;
    transform: skewX(-9deg);
    background: #353535;
    transition: all 300ms ease-in-out;
    z-index: 1;
}

.articles-item-index:hover.articles-item-index:after {
    transition: all 300ms ease-in-out;
    left: -30%;
}

.articles-item-index-information {
    z-index: 2;
    color: white;
}

.articles-item-index-information h3 {
    color: #91784B;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
    font-family: "IRANSans_Medium";
}

.articles-item-index-information h4 {
    color: #91784B;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: "IRANSans";
}

.articles-item-index-information p {
    font-weight: 400;
    font-size: 18px;
    color: #D2D2D2;
    line-height: 27px;
    font-family: "IRANSans"
}

.articles-item-index-information-span span {
    font-weight: 400;
    font-size: 14px;
    color: #727272;
    transform: translateY(-20px);
}

.articles-item-index-information-span .writer {
    font-family: "IRANSans_Light";
}

.articles-item-index-information-spanDate {
    font-family: "IRANSans"
}

.rtl-article-index {
    direction: rtl;
}

/*End Article*/
/*End index*/
/*pages*/
/*HeaderBioPages*/
#HeaderBio {
    padding: 80px 0;
}

#HeaderBio .LogoIframe img {
    width: 50%;
}

#detail-Header p {
    color: #D2D2D2;
    font-size: 16px;
    font-weight: 400;
    font-family: "IRANSans";
}

/*EndHeaderBioPages*/
/*section titlesBio*/
#titlesBio {
    position: sticky;
    top: 0px;
    background: rgb(23, 23, 23);
    z-index: 10;
}

.box-titles-bio {
    height: 129px;
    padding: 10px;
    background: rgb(23, 23, 23);
}

.box-titles-bio.ChangeBox-titles-bio {
    height: 94px;
    transition: all ease-in-out 350ms;
}

.ChangeBox-titles-bio .svgbiotitles {
    height: 20px;
    transition: all ease-in-out 350ms;
}

.linktitlesBio {
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 3px #727272 solid;
    transition: all ease-in-out 350ms;
}

.svgbiotitles {
    transition: all ease-in-out 350ms;
}

.linktitlesBio.activeTitleBio {
    border-color: #91784B;
    font-family: 'IRANSans_Bold';
}

.linktitlesBio.activeTitleBio h3 {
    text-decoration: none;
    color: #91784B;
    font-weight: 700;
    font-family: 'IRANSans_Light';
}


.box-titles-bio a:hover {
    text-decoration: none;
}

.box-titles-bio svg {
    height: 50px;
    margin-bottom: 10px;
}

.box-titles-bio h3 {
    font-size: 16px;
    font-weight: 300;
    color: #727272;
}

.box-bio-title.activeTitleBio h3 {
    text-decoration: none;
    color: #91784B;
    font-weight: 700;
}

.linktitlesBio.activeTitleBio svg path {
    stroke: #91784B !important;
}

.linktitlesBio.activeTitleBio .pathN {
    fill: #91784B !important;
}

.linktitlesBio.activeTitleBio svg circle {
    stroke: #91784B !important;
}

.linktitlesBio.activeTitleBio svg rect {
    stroke: #91784B !important;
}

/*End section titlesBio*/
/*Start section AttitudeBio*/
.titlesBioSection {
    min-height: 100vh;
    margin: 50px 0;
}

.AttitudeBio-detail-text h3,
.CreativityBio-detail-text h3,
.TargetsBio-detail-text h3,
.StrategyBio-detail-text h3,
.titleCompany h3 {
    margin-top: 150px;
    font-weight: 500;
    font-size: 36px;
    color: #91784B;
    font-family: "IRANSans";
}

.AttitudeBio-detail-text p,
.CreativityBio-detail-text p,
.TargetsBio-detail-text p,
.StrategyBio-detail-text p {
    font-weight: 400;
    font-size: 16px;
    color: #D2D2D2;
    text-align: justify;
    direction: rtl;
    font-family: "IRANSans";
}

.Attitude-detail-imgSvg,
.CreativityBioSvg,
.TargetsBioSvg,
.StrategyBioSvg {
    margin-top: 250px;
}

/*End section AttitudeBio*/
/*Start section CompanyBio*/
#CompanyBio {
    padding-top: 1px;
}

.box-companyBio {
    background: #2C2C2C;
    padding: 15px;
    height: 170px;
    border-radius: 5px;
    margin: 13px 0;
}

.box-companyBio img {
    width: 62.02px;
    height: 78px;
}

.box-companyBio h3 {
    font-size: 16px;
    color: #D2D2D2;
    font-weight: 400;
    margin-top: 40px;
    font-family: "IRANSans";
}

/*End section CompanyBio*/
/*ُStart PartnerCompanies*/
#PartnerCompanies {
    padding: 100px 0;
}

.titlePartnerCompanies h3 {
    font-weight: 500;
    font-size: 36px;
    color: #91784B;
    font-family: "IRANSans_Medium";
}

.box-PartnerCompany {
    background: #2C2C2C;
    padding: 15px;
    height: 170px;
    border-radius: 5px;
    margin: 13px;
    text-align: center;
}

.box-PartnerCompany img {
    width: 62.02px;
    height: 78px;
}

.box-PartnerCompany h3 {
    font-size: 16px;
    color: #D2D2D2;
    font-weight: 400;
    margin-top: 40px;
    font-family: "IRANSans";
}

.owl-new-PartnerCompanies {
    position: relative;
}

#PartnerCompanies .owl-nav {
    position: absolute;
    width: 100%;
    top: 37%;
}

#PartnerCompanies .owl-prev {
    left: -2%;
    position: absolute;
    font-size: 30px;
    font-weight: lighter;
    color: #91784B;
    outline: none;
}

#PartnerCompanies .owl-next {
    right: -2%;
    position: absolute;
    font-size: 30px;
    font-weight: lighter;
    color: #91784B;
    outline: none;
}

#PartnerCompanies .owl-next:hover {
    background: none !important;
}

#PartnerCompanies .owl-prev:hover {
    background: none !important;
}

#PartnerCompanies .owl-dots {
    display: none;
}

/*End PartnerCompanies*/
/*titlesParagraph*/
.titlesBioP {
    height: 312px;
    padding: 20px;
}

/*end titleParagraph*/
/*_______________________________*/
/*Stories page*/
/*header*/
#headerStories {
    padding: 80px 0;
}

#headerStories h1 {
    font-weight: 700;
    font-size: 36px;
    color: #91784B;
    font-family: "IRANSans_Bold";
}

#headerStories .titleImg-HeaderStories {
    transform: translateY(-50%) translateX(-15%);
}

#headerStories .StoriesPhotoBox {
    height: 624px;
    border-radius: 10px;
    margin: 40px 0;
    padding: 40px;
    transition: all 500ms ease-in-out;
    position: relative;
}

/*#headerStories .StoriesPhotoOne {*/
/*    background: url("../assets/gallery/storiesImg1.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*#headerStories .StoriesPhotoTwo {*/
/*    background: url("../assets/gallery/storisImg2.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*#headerStories .StoriesPhotoThree {*/
/*    background: url("../assets/gallery/storiesImg03.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*#headerStories .StoriesPhotoFour {*/
/*    background: url("../assets/gallery/storiesImg4.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*#headerStories .StoriesPhotoFive {*/
/*    background: url("../assets/gallery/storiesImg5.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

#headerStories .StoriesPhotoOne:after,
#headerStories .StoriesPhotoTwo:after,
#headerStories .StoriesPhotoThree:after,
#headerStories .StoriesPhotoFour:after,
#headerStories .StoriesPhotoFive:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 12, 12, 0.58);
    display: none;
    transition: all 300ms ease-in-out;
}

#headerStories .StoriesPhotoBox:hover.StoriesPhotoOne:after,
#headerStories .StoriesPhotoBox:hover.StoriesPhotoTwo:after,
#headerStories .StoriesPhotoBox:hover.StoriesPhotoThree:after,
#headerStories .StoriesPhotoBox:hover.StoriesPhotoFour:after,
#headerStories .StoriesPhotoBox:hover.StoriesPhotoFive:after {
    display: inline-block;
    transition: all 300ms ease-in-out;
    z-index: 1;
}

.StoriesPhotoBox h3 {
    font-weight: 400;
    color: #D2D2D2;
    font-size: 24px;
    z-index: 2;
    position: relative;
    font-family: "IRANSans";
}

.StoriesPhotoBox p {
    font-weight: 400;
    color: #D2D2D2;
    font-size: 24px;
    z-index: 2;
    position: relative;
    font-family: "IRANSans";
}

.StoriesPhotoParagraph {
    margin-top: 100px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #D2D2D2;
    display: none;
    transition: all 300ms ease-in-out;
}

#headerStories .StoriesPhotoBox:hover .StoriesPhotoParagraph {
    transition: all 300ms ease-in-out;
    z-index: 3;
    position: relative;
    display: inline-block;
}

/*End header*/
/*End Stories pages*/
/*Start Detail Stories*/
#Header_detail_Stories:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 12, 12, 0.58);
    z-index: 0;
}

.title_Header_detail_Stories {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.title_Header_detail_Stories h1 {
    font-weight: 500;
    font-size: 48px;
    color: #FFFFFF;
    font-family: "IRANSans_Medium";
}

.title_Header_detail_Stories p {
    font-weight: 300;
    font-size: 36px;
    color: #F2F2F2;
    font-family: "IRANSans_Light";
    margin-top: 15px;
}

#Section-detail-stories {
    margin-top: 80px;
}

.title-Section-detail-stories h1 {
    font-size: 36px;
    font-weight: 500;
    color: #91784B;
    margin-bottom: 20px;
    font-family: "IRANSans_Medium";
}

.title-Section-detail-stories p {
    font-size: 16px;
    font-weight: 400;
    color: #D2D2D2;
    font-family: "IRANSans";
}

.title-Section-detail-stories {
    margin-bottom: 80px;
}

.line-detail-stories {
    margin: 150px 0;
}

.scrollspy {
    top: 10px;
    position: sticky;
}

.navbar-scrollspy {
    top: 10px;
    position: sticky;
    padding: 20px;
}

.box-scrollSpyImg {
    margin-bottom: 120px;
}

.box-scrollSpyImg img {
    border-radius: 5px;
}

.box-scrollSpyImg h3 {
    font-weight: 700;
    font-size: 18px;
    color: #D2D2D2;
    text-align: center;
    margin-top: 20px;
    font-family: "IRANSans_Bold";
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: none;
}

.nav-pills .nav-link.active span, .nav-pills .show > .nav-link span {
    color: #bf8f61 !important;
    font-weight: 700;
}

#list-scrollspy .nav-link:after {
    width: 20px;
    height: 20px;
    background: #bf8f61;
    border-radius: 50%;
    position: absolute;
    right: -9%;
    content: "";
    display: none;
}

#list-scrollspy .nav-link:before {
    width: 15px;
    height: 15px;
    background: url("../assets/gallery/Svglistdetailstories.svg") center center no-repeat;
    background-size: cover;
    position: absolute;
    right: -8%;
    content: "";
    z-index: 2;
    display: none;
}

.nav-pills .nav-link.active #list-scrollspy, .nav-pills .show > .nav-link #list-scrollspy {
}

.nav-pills {
    border-right: 2px solid #727272;
    position: relative;
}

#list-scrollspy {
    direction: rtl;
    position: relative;
    left: 27px;
    color: #D1D1D1;
    margin-top: -20px !important;
    margin-bottom: -20px;
}

.date-scrollSpay {
    font-weight: 400;
    color: #B2B2B2;
    font-size: 14px;
    font-family: "IRANSans";
}

.nav-link {
    position: relative;
}

.title-scrollSpay {
    font-weight: 400;
    color: #727272;
    font-size: 15px;
    font-family: "IRANSans";
}

.box-detail-stories {
    margin-bottom: 120px;
}

.box-detail-stories img {
    width: 100%;
}

.box-detail-stories h3 {
    font-weight: 500;
    color: #91784B;
    font-size: 22px;
    margin-top: 20px;
    font-family: "IRANSans_Medium";
}

.box-detail-stories span {
    font-weight: 400;
    color: #B2B2B2;
    font-size: 18px;
    margin-top: 20px;
    display: inline-block;
    font-family: "IRANSans";
}

.box-detail-stories p {
    font-weight: 400;
    color: #D2D2D2;
    font-size: 16px;
    margin-top: 20px;
    font-family: "IRANSans";
}

.Labels {
    border-bottom: 2px solid #91784B;
    position: relative;
    direction: rtl;
    padding: 10px 0;
}

.txtLabel {
    display: inline-block;
    position: relative;
}

.txtLabel span {
    color: #C8C8C8;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    margin-left: 40px;
    margin-right: 20px;
    transform: translateY(10px);
    font-family: "IRANSans_Bold";
}

.bg-txtLabel {
    width: 124px;
    border-radius: 0 5px 0 0;
    z-index: 0;
    height: 50px;
    position: absolute;
    right: 0;
    top: -24%;
    /* display: none; */
    background: url("../assets/gallery/barchasbSvg.svg") center no-repeat;
}

#LabelsList {
    padding: 0 !important;
    display: contents;
}

.Labels .label-item {
    display: inline-block;
    margin: 0 10px;
    border-radius: 20px;
    background: #353535;
    padding: 10px 15px;
}

.Labels .label-item a {
    font-size: 12px;
    font-weight: 500;
    color: #D2D2D2;
    font-family: "IRANSans_Medium";
}

.Labels .label-item a:hover {
    text-decoration: none;
}

/*End Detail Stories*/
/*Article Page*/
#HeaderArticle {
    padding-top: 90px;
}

.titleHeaderArticle h1 {
    font-size: 36px;
    font-weight: 700;
    color: #91784B;
    font-family: "IRANSans_Bold";
}

.titleHeaderArticle img {
    transform: translateX(-20%) translateY(-80%);
}
.box-articleUp{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}
.box-articleUp img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-articleUp:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -35%;
    background: #2C2C2C;
    transform: skew(-20deg);
    z-index: 0;
    transition: all 300ms ease-in-out;
}

.box-articleUp:hover.box-articleUp:after {
    left: -30%;
    transition: all 300ms ease-in-out;
}

.text-articleUp h3 {
    font-weight: 500;
    font-size: 22px;
    color: #91784B;
    font-family: "IRANSans";
}

.text-articleUp h4 {
    font-weight: 300;
    font-size: 12px;
    color: #91784B;
    margin: 20px 0;
    font-family: "IRANSans_Light";
}


.text-articleUp p {
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    color: #858585;
    margin-bottom: 40px;
    font-family: "IRANSans";
}

.text-down-articleUp span {
    font-weight: 400;
    font-size: 14px;
    color: #4F4F4F;
    font-family: "IRANSans";
}

.text-articleUp {
    position: relative;
    z-index: 1;
}

#HeaderArticle .box-article-down {
    height: 450px;
    margin-bottom: 30px;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#HeaderArticle .box-article-down:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    bottom: -45%;
    transform: skewY(-5deg);
    left: 0;
    background: #2C2C2C;
    z-index: 1;
    transition: all 300ms ease-in-out;
}

#HeaderArticle .box-article-down:hover.box-article-down:after {
    transition: all 300ms ease-in-out;
    bottom: -40%;
}

#HeaderArticle .box-article-down h3 {
    font-weight: 400;
    font-size: 22px;
    color: #91784B;
    z-index: 2;
    position: relative;
    font-family: "IRANSans";
}

#HeaderArticle .box-article-down h4 {
    font-weight: 400;
    font-size: 11px;
    color: #91784B;
    z-index: 2;
    position: relative;
    font-family: "IRANSans_Light";
}

#HeaderArticle .box-article-down p {
    font-weight: 400;
    font-size: 14px;
    color: #858585;
    z-index: 2;
    position: relative;
    font-family: "IRANSans";
}

#HeaderArticle .box-article-down span {
    font-weight: 400;
    font-size: 14px;
    color: #4F4F4F;
    z-index: 2;
    position: relative;
    font-family: "IRANSans";
}
.box-article-down{
    position: relative;
}
.box-article-down img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
/*.box-article-downBackImg01 {*/
/*    background: url("../assets/gallery/imgSvgarticle01.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg02 {*/
/*    background: url("../assets/gallery/imgSvgarticle02.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg03 {*/
/*    background: url("../assets/gallery/img-detail-03.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg04 {*/
/*    background: url("../assets/gallery/imgarticle04.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg05 {*/
/*    background: url("../assets/gallery/imgarticle05.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg06 {*/
/*    background: url("../assets/gallery/imgarticle06.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg07 {*/
/*    background: url("../assets/gallery/imgarticle07.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg08 {*/
/*    background: url("../assets/gallery/imgarticle08.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

/*.box-article-downBackImg09 {*/
/*    background: url("../assets/gallery/imgarticle09.svg") center center no-repeat;*/
/*    background-size: cover;*/
/*}*/

.page-item-articleAndBlog .pagination {
    padding: 0 !important;
    direction: rtl;
}

.page-item-articleAndBlog .page-item .page-link {
    height: 36px;
    background: none !important;
    border: 1px solid #91784B;
    color: #91784B;
}

.page-item-articleAndBlog .page-item .active-pageLink {
    background: #91784B !important;
    color: black;
    font-weight: 700;
}

.page-item:first-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

/*Article page*/
/*DetailArticle pages*/
.informationDetailArticleTxt #textSpan {
    color: #91784B;
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
    font-family: "IRANSans_Medium";
}

#informationDetailArticle {
    padding-bottom: 80px;
}

.informationDetailArticleTxt {
    direction: rtl;
}

.informationDetailArticleTxt h3 {
    color: #D2D2D2;
    font-size: 24px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 15px;
    font-family: "IRANSans_Bold";
}

.informationDetailArticleTxt .the_writer {
    color: #8F8F8F;
    font-size: 16px;
    font-weight: 400;
    font-family: "IRANSans";
}

.informationDetailArticleTxt span:nth-child(3) {
    color: #91784B;
    font-size: 16px;
    font-weight: 500;
    margin-right: 20px;
}

.DetailArticle-link span, .DetailArticle-link i {
    color: #91784B;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-right: 15px;
}

.DetailArticle-link span {
    font-family: "IRANSans";
}

.DetailArticle-link a i, .DetailArticle-link-down a i {
    transition: all 350ms ease-in-out;
}

.DetailArticle-link a:hover i, .DetailArticle-link-down a:hover i {
    transition: all 350ms ease-in-out;
    transform: scale(1.2);
    color: #ffffff;
}

#DetailArticleParagraph h3 {
    color: #91784B;
    font-size: 22px;
    font-weight: 700;
    margin-top: 50px;
    font-family: "IRANSans_Bold";
}

#DetailArticleParagraph p {
    color: #D2D2D2;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    font-family: "IRANSans";
}

.titleCarouselDetailArticle h3 {
    font-size: 24px;
    font-weight: 700;
    color: #91784B;
}

.owl-DetailArticles .item h3 {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #D2D2D2;
    margin-top: 20px;
    font-family: "IRANSans_Medium";
}

.owl-DetailArticles .owl-dots {
    display: none;
}

.owl-DetailArticles .owl-nav {
    position: absolute;
    width: 100%;
    top: 40%;
}

.owl-DetailArticles .owl-prev {
    left: -3%;
    position: absolute;
    outline: none;
}

.owl-DetailArticles .owl-next {
    right: -3%;
    position: absolute;
    outline: none;
}

.owl-DetailArticles .owl-next .fa-chevron-right {
    font-size: 30px;
    font-weight: 700;
    color: #91784B;

}

.owl-DetailArticles .owl-prev .fa-chevron-left {
    font-size: 30px;
    font-weight: 700;
    color: #91784B;

}

.owl-DetailArticles .owl-next:hover {
    background: none !important;
}

.owl-DetailArticles .owl-prev:hover {
    background: none !important;
}


#parentScrollIndicator {
    display: flex;
    flex-direction: row-reverse;
}

#scrollIndicator {
    width: 0%;
    height: 10px;
    background: #91784B;
    border-radius: 10px 0 0 10px;
}

#detailArticleHeader {
    position: fixed;
}

#detailArticleHeader:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) -19.09%, rgba(0, 0, 0, 0.2038) 54.97%, rgba(0, 0, 0, 0) 92.88%);
}

.all-SectionDetailArticle {
    position: relative;
    top: 100vh;
    background: rgb(23, 23, 23);
}

#parentScrollIndicator {
    top: 0;
    position: sticky;
    z-index: 10;
}

.DetailArticle-link-down span, .DetailArticle-link-down i {
    color: #91784B;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-right: 15px;
}

.DetailArticle-link-down span {
    font-family: "IRANSans";
}

/*End DetailArticle pages*/
/*Start Blog page*/
#headerBlog {
    padding: 80px 0;
}

.titleHeaderBlog h2 {
    font-size: 36px;
    font-weight: 700;
    color: #91784B;
    font-family: "IRANSans_Bold";
}

.titleHeaderBlog img {
    transform: translate(-15%, -81%);
}

.box-headerBlog {
    height: 412px;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
    padding: 20px 15px;
    transition: opacity 350ms ease-in-out;
}
.box-headerBlog img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.box-headerBlog:hover {
    opacity: .9;
    transition: opacity 350ms ease-in-out;
}

.box-headerBlog:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 11.16%, rgba(0, 0, 0, 0.1) 24.8%, rgba(0, 0, 0, 0.1) 62.91%, rgba(0, 0, 0, 0.4) 80.96%, rgba(0, 0, 0, 0.5) 99.69%);
}
.box-headerBlog-textUp .the_writer {
    font-weight: 400;
    font-size: 14px;
    color: #F2F2F2;
    z-index: 2;
    font-family: "IRANSans";
}

.box-headerBlog-textUp .date-HeaderBlog {
    font-weight: 400;
    font-size: 14px;
    color: #F2F2F2;
    z-index: 2;
    font-family: "IRANSans";
}

.box-headerBlog-textDown h3 {
    font-weight: 500;
    font-size: 20px;
    color: #D2D2D2;
    z-index: 3;
    position: relative;
    font-family: "IRANSans_Medium";
}

/*End Blog page*/
/*Start Detail Blog*/
#detailBlogHeader {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: url("../assets/gallery/headerDetailBlog.svg") center center no-repeat;
    background-size: cover;
}

#detailBlogHeader:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) -19.09%, rgba(0, 0, 0, 0.2038) 54.97%, rgba(0, 0, 0, 0) 92.88%);
}

.all-SectionDetail-DetailBlog {
    position: relative;
    top: 100vh;
    background: rgb(23, 23, 23);
}

#parentScrollIndicatorBlog {
    top: 0;
    position: sticky;
    z-index: 10;
    display: flex;
    flex-direction: row-reverse;
}

#scrollIndicator-DetailBlog {
    width: 0%;
    height: 10px;
    border-radius: 10px 0 0 10px;
    background: #91784B;
}

#information-DetailBlog {
    padding-bottom: 80px;
}

.information-DetailBlog-Txt {
    direction: rtl;
}

.information-DetailBlog-Txt h3 {
    color: #D2D2D2;
    font-size: 24px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 15px;
    font-family: "IRANSans_Bold";
}

.information-DetailBlog-Txt #textSpan {
    color: #D2D2D2;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    font-family: "IRANSans_Medium";
}

.information-DetailBlog-Txt .the_writer {
    color: #8F8F8F;
    font-size: 16px;
    font-weight: 400;
    font-family: "IRANSans";
}

.DetailBlog-link span, .DetailBlog-link i {
    color: #91784B;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-right: 15px;
}

.DetailBlog-link span {
    font-family: "IRANSans";
}

#DetailBlog-Paragraph h3 {
    color: #91784B;
    font-size: 22px;
    font-weight: 700;
    margin-top: 50px;
}

#DetailBlog-Paragraph p {
    color: #D2D2D2;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    font-family: "IRANSans";
}

#DetailBlog-Paragraph img {
    margin: 80px auto;
}

.Title-RelatedPosts-DetailBlog h3 {
    color: #91784B;
    font-size: 24px;
    font-weight: 700;
}

.box-headerDetailBlog {
    height: 412px;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
    padding: 20px 15px;
}

.box-headerDetailBlog:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 11.16%, rgba(0, 0, 0, 0.1) 24.8%, rgba(0, 0, 0, 0.1) 62.91%, rgba(0, 0, 0, 0.4) 80.96%, rgba(0, 0, 0, 0.5) 99.69%);
}

.box-headerDetailBlog-img1 {
    background: url("../assets/gallery/headerblogimg01.svg") center center no-repeat;
    background-size: cover;
}

.box-headerDetailBlog-img2 {
    background: url("../assets/gallery/headerblogimg02.svg") center center no-repeat;
    background-size: cover;
}

.box-headerDetailBlog-img3 {
    background: url("../assets/gallery/headerblogimg03.svg") center center no-repeat;
    background-size: cover;
}

.box-headerDetailBlog-textUp .the_writer {
    font-weight: 400;
    font-size: 14px;
    color: #F2F2F2;
    z-index: 2;
}

.box-headerDetailBlog-textUp .date-DetailBlog {
    font-weight: 400;
    font-size: 14px;
    color: #F2F2F2;
    z-index: 2;
}

.box-headerDetailBlog-textDown h3 {
    font-weight: 500;
    font-size: 20px;
    color: #D2D2D2;
    z-index: 3;
    position: relative;
}

.DetailBlog-link-down span, .DetailBlog-link-down i {
    color: #91784B;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-right: 15px;
}

.DetailBlog-link-down span {
    font-family: "IRANSans";
}

.DetailBlog-link-down a:hover i, .DetailBlog-link a:hover i {
    transition: all 350ms ease-in-out;
    transform: scale(1.2);
    color: white;
}

.DetailBlog-link-down a i , .DetailBlog-link a i {
    transition: all 350ms ease-in-out;
}

/*End Detail Blog*/
/*SearchResult page*/
.titleHeader-SearchResult h2 {
    font-size: 36px;
    font-weight: 700;
    color: #91784B;

}

.titleHeader-SearchResult img {
    transform: translate(-10%, -51%);
}

.SearchTermTxt {
    direction: rtl;
    font-size: 18px;
    font-weight: 300;
    color: #91784B;
    font-family: "IRANSans";
}

.SearchTermBtn strong {
    font-weight: 700;
    color: #91784B;
    direction: rtl;
    font-size: 18px;
}

.title-Stories-SearchResult h2, .title-Article-SearchResult h2, .title-Blog-SearchResult h2 {
    font-size: 30px;
    font-weight: 500;
    color: #D2D2D2;
    display: inline-block;
    font-family: "IRANSans_Medium";
}

.detail-Stories-SearchResult h2, .detail-Article-SearchResult h2, .detail-Blog-SearchResult h2 {
    font-size: 22px;
    font-weight: 700;
    color: #91784B;
    margin: 20px 0;
    font-family: "IRANSans_Bold";
}

.detail-Stories-SearchResult p, .detail-Article-SearchResult p, .detail-Blog-SearchResult p {
    font-size: 16px;
    font-weight: 400;
    color: #D2D2D2;
    font-family: "IRANSans";
}

.title-Stories-SearchResult, .title-Article-SearchResult, .title-Blog-SearchResult {
    direction: rtl;
}

.title-Stories-SearchResult img, .title-Article-SearchResult img, .title-Blog-SearchResult img {
    width: 90%;
}

.title-Article-SearchResult img {
    transform: translateY(-20%);
}

.title-Blog-SearchResult img {
    transform: translateY(5%);
}

#Article-SearchResult {
    margin-top: 150px;
}

#Blog-SearchResult {
    margin-top: 150px;
    margin-bottom: 200px;
}

.detail-Blog-SearchResult {
    position: relative;
}

/*End SearchResult*/
/*Start TagSearch*/
.titleHeader-TagSearch h2 {
    font-size: 36px;
    font-weight: 700;
    color: #91784B;
    font-family: "IRANSans_Bold";
}

.titleHeader-TagSearch img {
    transform: translate(-10%, -51%);
}

.Search-Tag span {
    font-size: 24px;
    font-weight: 500;
    color: #91784B;
    font-family: "IRANSans_Medium";
}

.Search-TagTxt {
    direction: rtl;
    margin-left: 10px;
}

.Search-Tag strong {
    font-weight: 500;
    font-size: 16px;
    color: #D2D2D2;
    width: 115px;
    height: 49px;
    border-radius: 50px;
    background: #353535;
    padding: 10px 16px;
    font-family: "IRANSans_Medium";
}

.box-detail-Stories-SearchResult {
    height: 302px;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 15px;
    position: relative;
}

.box-detail-Stories-SearchResult:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 11.16%, rgba(0, 0, 0, 0.1) 24.8%, rgba(0, 0, 0, 0.1) 62.91%, rgba(0, 0, 0, 0.4) 80.96%, rgba(0, 0, 0, 0.5) 99.69%);
}

.box-detail-Stories-SearchResult h3 {
    font-weight: 400;
    font-size: 16px;
    color: #D2D2D2;
    position: relative;
    z-index: 2;
    font-family: "IRANSans";
}

.box-detail-Stories-SearchResult h4 {
    font-weight: 400;
    font-size: 16px;
    color: #F2F2F2;
    font-family: "IRANSans";
}

/*.box-detail-Stories-SearchResultImg01 {*/
/*    background: url("../assets/gallery/imgStoriesTagSearch.svg");*/
/*    background-size: cover;*/
/*}*/

/*.box-detail-Stories-SearchResultImg02 {*/
/*    background: url("../assets/gallery/imgStoriesTagSearch02.svg");*/
/*    background-size: cover;*/
/*}*/

/*.box-detail-Stories-SearchResultImg03 {*/
/*    background: url("../assets/gallery/imgStoriesTagSearch03.svg");*/
/*    background-size: cover;*/
/*}*/

/*.box-detail-Stories-SearchResultImg04 {*/
/*    background: url("../assets/gallery/imgStoriesTagSearch04.svg");*/
/*    background-size: cover;*/
/*}*/

/*End TagSearch*/
/*Mobile Only*/
@media screen and (max-width: 992px) {
    /*nav*/
    #SvgHome{
        left:4%;
    }
    #oder-Language {
        transform: translate(0, 0);
    }

    #En {
        margin-right: 0px;
    }

    #Cn {
        margin-right: 15px;
    }

    #En, #Cn {
        width: 21px;
        height: 21px;
    }

    #box-input-search-index {
        left: 57%;
        width: 100%;
    }

    #LogoNavigation-index {
        width: 95px;
    }

    #LogoNavigation-index img {
        width: 55px;
    }

    #indexNav #LanguageAndSearch-index .fa-search {
        font-size: 16px;
        margin-left: 5px;
    }

    #indexNav #Language #text-Language {
        font-size: 19px;
    }

    #indexNav #Language .fa-chevron-down {
        width: 5px;
    }

    #oder-Language ul li {
        font-size: 12px;
    }

    /*end nav*/
    /*header-index*/
    #header_index {
        height: 100vh;
    }


    #header_index .person {
        width: 266px;
        right: 17%;
        top: 25%;
    }

    #header_index .mountain1 {
        position: absolute;
        z-index: 19;
        width: 600%;
        height: 111%;
        right: -255%;
    }

    /*end header-index*/
    /*articleIndex*/
    .articles-item-index-information h3 {
        font-size: 13px;
        text-align: right;
    }

    .articles-item-index-information p {
        font-size: 9px;
        line-height: 15px;
        text-align: right;
        font-family: "";
    }

    .articles-item-index-information-span span {
        font-size: 5px;
    }

    /*End articleIndex*/
    /*History*/
    #history-index-img-text .box:after {
        left: -30%;
    }

    #history-index-img-text .box:hover.box:after {
        left: -25%;
    }

    #history-index-img-text .box {
        height: 258px;
    }

    #history-index-img-text .box h4 {
        font-size: 14px;
    }

    #history-index-img-text .box p {
        font-size: 10px;
    }

    /*End Histroy*/
    /*Biography*/
    #SvgBio{
        left: 7%;
    }
    #HeaderBio {
        padding-bottom: 0 !important;
    }

    #AttitudeBio {
        padding-top: 0 !important;
    }

    .Attitude-detail-imgSvg,
    .CreativityBioSvg,
    .TargetsBioSvg,
    .StrategyBioSvg {
        margin-top: 20px;
    }

    .AttitudeBio-detail-text h3, .CreativityBio-detail-text h3, .TargetsBio-detail-text h3, .StrategyBio-detail-text h3, .titleCompany h3 {
        margin-top: 20px;
    }

    /*Biography*/
    /*stories page*/
    #SvgHistory{
        left: 11%;
    }
    #headerStories .StoriesPhotoBox {
        height: 300px;
    }

    .StoriesPhotoBox p {
        font-size: 9px !important;
    }

    .StoriesPhotoParagraph {
        margin-top: 30px;
        font-size: 15px !important;
    }

    .StoriesPhotoBox h3 {
        font-size: 12px;
    }

    .titleImg-HeaderStories {
        width: 240px;
    }

    /*stories pages*/
    /*detail-stories*/
    .title_Header_detail_Stories {
        bottom: 30%;
    }

    .title_Header_detail_Stories h1 {
        font-size: 20px;
    }

    .title_Header_detail_Stories p {
        font-size: 15px;
    }

    .title-Section-detail-stories h1 {
        font-size: 20px;
    }

    .title-Section-detail-stories p {
        font-size: 14px;
    }

    .box-detail-stories h3 {
        font-size: 17px;
    }

    .box-detail-stories span {
        font-size: 12px;
    }

    .box-detail-stories p {
        text-align: center;
    }

    .txtLabel span {
        color: #C8C8C8;
        font-weight: 700;
        font-size: 9px;
        display: inline-block;
        margin-left: 12px;
        margin-right: 6px;
        transform: translateY(0)

    }

    .Labels .label-item {
        display: inline-block;
        margin: 0px 1px;
        border-radius: 8px;
        background: #353535;
        line-height: 13px;
        padding: 2px 4px;
    }

    .Labels .label-item a {
        font-size: 7px;
    }

    .Labels {
        overflow: hidden;
    }

    .bg-txtLabel {
        width: 124px;
        border-radius: 0 5px 0 0;
        height: 50px;
        right: -94%;
        top: -54%;
        /* display: none; */
    }

    /*End detail-stories*/
    /*article page*/
    #SvgArticle{
        left: 12%;
    }
    .titleHeaderArticle img {
        width: 232px;
    }

    .text-articleUp h3 {
        font-size: 15px;
    }


    .text-articleUp p {
        font-size: 10px;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .text-down-articleUp span {
        font-size: 6px;
    }

    .box-articleUp:after {
        left: -28%;
    }

    #HeaderArticle .box-article-down:after {
        bottom: -40%;
    }

    /*article page*/
    /*detailArticle*/
    .informationDetailArticleTxt h3 {
        font-size: 10px;
    }

    .informationDetailArticleTxt .the_writer {
        font-size: 8px;
    }

    .informationDetailArticleTxt span:nth-child(3) {
        font-size: 12px;
    }

    .DetailArticle-link span, .DetailArticle-link i {
        margin-right: 9px;
        font-size: 9px;
    }

    #DetailArticleParagraph p {
        font-size: 9px;
    }

    .informationDetailArticleTxt #textSpan {
        font-size: 12px;
    }

    #DetailArticleParagraph h3 {
        font-size: 15px
    }

    .titleCarouselDetailArticle h3 {
        font-size: 13px
    }

    .owl-DetailArticles .item h3 {
        font-size: 9px;
    }

    .owl-DetailArticles .owl-prev .fa-chevron-left {
        font-size: 20px;
    }

    .owl-DetailArticles .owl-next .fa-chevron-right {
        font-size: 20px;
    }

    .owl-DetailArticles .owl-nav {
        top: 12%;
    }

    .informationDetailArticleTxt #textSpan {
        font-size: 12px;
    }

    .DetailArticle-link-down span, .DetailArticle-link-down i {
        font-size: 10px;
    }

    /*detailArticle*/
    /*Start BlogPage*/
    #SvgBlog{
        left: 7%;
    }
    .titleHeaderBlog h2 {
        font-size: 27px;
    }

    .titleHeaderBlog img {
        width: 200px;
    }

    .box-headerBlog-textUp .the_writer {
        font-size: 6px;
    }

    .box-headerBlog-textUp .date-HeaderBlog {
        font-size: 7px;
    }

    .box-headerBlog-textDown h3 {
        font-size: 9px;
    }

    .box-headerBlog {
        height: 200px;
        padding: 10px 0px;
        overflow: hidden;
        border-radius: 5px;
    }

    /*End BlogPages*/
    /*Start DetailBlog*/
    .information-DetailBlog-Txt h3 {
        font-size: 10px;
    }

    .information-DetailBlog-Txt .the_writer {
        font-size: 9px;
    }

    .DetailBlog-link span, .DetailBlog-link i {
        font-size: 11px;
        margin-right: 9px;
    }

    #DetailBlog-Paragraph p {
        font-size: 8px;
    }

    #DetailBlog-Paragraph h3 {
        font-size: 12px;
    }

    #DetailBlog-Paragraph img {
        width: 300px;
    }

    .box-headerDetailBlog {
        padding: 10px 0;
        height: 200px;
    }

    .box-headerDetailBlog-textUp .the_writer {
        font-size: 6px;
    }

    .box-headerDetailBlog-textUp .date-DetailBlog {
        font-size: 7px;
    }

    .box-headerDetailBlog-textDown h3 {
        font-size: 9px;
    }

    .information-DetailBlog-Txt #textSpan {
        font-size: 11px;
    }

    .DetailBlog-link-down span, .DetailBlog-link-down i {
        font-size: 10px;
    }

    /*End DetailBlog*/
    /*Start SearchResult*/
    .titleHeader-SearchResult h2 {
        font-size: 16px;
    }

    .titleHeader-SearchResult img {
        width: 50%;
    }

    .Search-term span {
        font-size: 11px;
    }

    .title-Stories-SearchResult h2, .title-Article-SearchResult h2, .title-Blog-SearchResult h2 {
        font-size: 15px;
    }

    .title-Stories-SearchResult img, .title-Article-SearchResult img, .title-Blog-SearchResult img {
        width: 80%;
    }

    .detail-Stories-SearchResult h2, .detail-Article-SearchResult h2, .detail-Blog-SearchResult h2 {
        font-size: 10px;
    }

    .detail-Stories-SearchResult p, .detail-Article-SearchResult p, .detail-Blog-SearchResult p {
        font-size: 8px;
    }

    #Blog-SearchResult {
        margin-top: 100px;
        margin-bottom: 0px;
    }

    #Article-SearchResult {
        margin-top: 100px;
    }

    /*End SearchResult*/
    /*Start  TagSearch*/
    .titleHeader-TagSearch h2 {
        font-size: 17px;
    }

    .titleHeader-TagSearch img {
        transform: translate(-10%, -51%);
        width: 50%;
    }

    .Search-Tag span {
        font-size: 13px;
    }

    .Search-Tag strong {
        font-size: 5px;
    }

    .box-detail-Stories-SearchResult h3 {
        font-size: 15px;
    }

    /*End TagSearch*/
}


@media screen and (min-width: 992px) {
    /*navigationAll*/
    /*Article*/
    .home-index:hover #SvgHome,
    .Bio-index:hover #SvgBio,
    .History-index:hover #SvgHistory,
    .Blog-index:hover #SvgBlog,
    .Article-index:hover #SvgArticle {
        display: inline-block;
        cursor: pointer;
        transition: all 300ms ease-in-out;
        z-index: -1;
    }

    /*navigationAll*/
    /*header-index*/
    #header_index .mountain1 {
        width: 100%;
    }

    #header_index .mountain2 {
        width: 110%;
        left: 0%;
    }

    /*end header-index*/
    /*article*/
    /*end article*/
    /*history*/
    #history-index-img-text .box-item-rtl {
        margin-top: 20px;
        margin-left: 50px;
    }

    /*End History*/
}

/*End Handy All*/
/*End media All*/