/* class="container p-larg-vid"   1140 faseleye atraf */
 /* assets/css/plugins/bootstrap-grid.min.css */
 /* line 46 */

 @charset "UTF-8";
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 100;
     src: url('../fonts/woff/YekanBakhFaNum-thin.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-thin.woff2') format('woff2');
 }
 
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 300;
     src: url('../fonts/woff/YekanBakhFaNum-Light.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-Light.woff2') format('woff2');
 }
 
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: normal;
     src: url('../fonts/woff/YekanBakhFaNum-Regular.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
 }
 
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 600;
     src: url('../fonts/woff/YekanBakhFaNum-SemiBold.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: bold;
     src: url('../fonts/woff/YekanBakhFaNum-Bold.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-Bold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 800;
     src: url('../fonts/woff/YekanBakhFaNum-ExtraBold.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-ExtraBold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 900;
     src: url('../fonts/woff/YekanBakhFaNum-Black.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-Black.woff2') format('woff2');
 }
 
 @font-face {
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 950;
     src: url('../fonts/woff/YekanBakhFaNum-ExtraBlack.woff') format('woff'), url('../fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2') format('woff2');
 }
 
 @font-face {
     font-family: PixelFont;
     src: url('../fonts/pixel/5.ttf');
   }
   @font-face {
     font-family: myriad;
     src: url('../fonts/myriad/MYRIADPRO-SEMIBOLD.OTF');
   }
   @font-face {
     font-family: myriadBold;
     src: url('../fonts/myriad/MYRIADPRO-BOLD.OTF');
   }
   @font-face {
     font-family: myriadLight;
     src: url('../fonts/myriad/MyriadPro-Light.otf');
   }
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video,
 input [type='button'],
 input [type='checkbox'],
 input [type='color'],
 input [type='date'],
 input [type='datetime-local'],
 input [type='email'],
 input [type='file'],
 input [type='hidden'],
 input [type='image'],
 input [type='month'],
 input [type='number'],
 input [type='password'],
 input [type='radio'],
 input [type='range'],
 input [type='reset'],
 input [type='search'],
 input [type='submit'],
 input [type='tel'],
 input [type='text'],
 input [type='time'],
 input [type='url'],
 input [type='week'],
 textarea,
 button,
 select,
 option,
 optgroup,
 ::placeholder {
     direction: rtl;
     font-family: 'YekanBakhFaNum';
     letter-spacing: 0 !important;
 }
 
 [data-dsn='rStories'].work-masonry .story-item:before,
 [data-overlay]:before {
     content: '';
     position: absolute;
     background: #000;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     z-index: 0;
 }
 
 [data-overlay='0']:before {
     opacity: 0;
 }
 
 [data-overlay='1']:before {
     opacity: 0.1;
 }
 
 [data-overlay='2']:before {
     opacity: 0.2;
 }
 
 [data-overlay='3']:before {
     opacity: 0.3;
 }
 
 [data-overlay='4']:before {
     opacity: 0.4;
 }
 
 [data-overlay='5']:before {
     opacity: 0.5;
 }
 
 [data-overlay='6']:before {
     opacity: 0.6;
 }
 
 [data-overlay='7']:before {
     opacity: 0.7;
 }
 
 [data-overlay='8']:before {
     opacity: 0.8;
 }
 
 [data-overlay='9']:before {
     opacity: 0.9;
 }
 
 [data-overlay='10']:before {
     opacity: 1;
 }
 
 .cover-bg {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
 }
 
 .v-middle {
     position: absolute;
     top: 50%;
     right: 50%;
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
 }
 
 .v-middle-horizontal {
     position: absolute;
     right: 50%;
     -webkit-transform: translate(50%, 0);
     -ms-transform: translate(50%, 0);
     transform: translate(50%, 0);
 }
 
 .v-middle-vertical {
     position: absolute;
     top: 50%;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
 }
 
 .background-main {
     background-color: #000;
 }
 
 .v-light:not(.no-light) .background-main {
     background-color: #E0E0E0;
 }
 
 .background-section {
     /* background-color: #090909; */
     background-color: #001d23;
 }
 .background-section-top {
     /* height: 100vh; */
     height: 0vh;
     background-color: #001d23;
 }
 .v-light:not(.no-light) .background-section {
     background-color: #E0E0E0;
     /* height: 100vh; */
     height: 0vh;
 }
 .v-light:not(.no-light) .background-section-top {
     background-color: #E0E0E0;
     /* height: 100vh; */
     height: 0vh;
 }
 .background-theme {
     background-color: #AA0000;
     -webkit-transition-property: background-color, color;
     -o-transition-property: background-color, color;
     transition-property: background-color, color;
 }
 
 .v-light:not(.no-light) .background-theme {
     background-color: #AA0000;
 }
 
 .theme-color {
     color: #AA0000;
 }
 
 .fb {
     color: #3b5999;
 }
 
 .tw {
     color: #55acee;
 }
 
 .linked {
     color: #0077b5;
 }
 
 * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-decoration: none;
     list-style: none;
     outline: 0;
     margin: 0;
     padding: 0;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
     #visible-mobile{
         visibility: hidden;
     }
     #desktop-hide{
         visibility: hidden;
     }
 
 }
 
 html {
     -webkit-text-size-adjust: 100%;
 }
 
 body {
     margin: 0;
 }
 
 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }
 
 pre {
     font-family: monospace, monospace;
 }
 
 a {
     background-color: transparent;
 }
 
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
 }
 
 b,
 strong {
     font-weight: bolder;
 }
 
 code,
 kbd,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }
 
 small {
     font-size: 80%;
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 sup {
     top: -0.5em;
 }
 
 img {
     border-style: none;
     max-width: 100%;
     height: auto;
     vertical-align: middle;
 }
 
 iframe {
     border: none;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: inherit;
     margin: 0;
 }
 
 button,
 input {
     overflow: visible;
 }
 
 button,
 select {
     text-transform: none;
 }
 
 [type='button'],
 [type='reset'],
 [type='submit'],
 button {
     -webkit-appearance: button;
     background: inherit;
     border: none;
 }
 
 [type='button']::-moz-focus-inner,
 [type='reset']::-moz-focus-inner,
 [type='submit']::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 
 [type='button']:-moz-focusring,
 [type='reset']:-moz-focusring,
 [type='submit']:-moz-focusring,
 button:-moz-focusring {
     outline: 1px dotted ButtonText;
 }
 
 fieldset {
     padding: 0.35em 0.75em 0.625em;
 }
 
 legend {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal;
 }
 
 progress {
     vertical-align: baseline;
 }
 
 textarea {
     overflow: auto;
 }
 
 [type='checkbox'],
 [type='radio'] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
 }
 
 [type='number']::-webkit-inner-spin-button,
 [type='number']::-webkit-outer-spin-button {
     height: auto;
 }
 
 [type='search'] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
 }
 
 [type='search']::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
 }
 
 details {
     display: block;
 }
 
 summary {
     display: list-item;
 }
 
 template {
     display: none;
 }
 
 [hidden] {
     display: none;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     text-rendering: optimizeLegibility;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #fff;
     font-weight: 700;
     line-height: 1.2;
     font-family: 'YekanBakhFaNum';
     margin: 0;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 
 .v-light:not(.no-light) h1,
 .v-light:not(.no-light) h2,
 .v-light:not(.no-light) h3,
 .v-light:not(.no-light) h4,
 .v-light:not(.no-light) h5,
 .v-light:not(.no-light) h6 {
     color: #000;
 }
 
 h1 {
     font-size: 55px;
 }
 
 h2 {
     font-size: 40px;
 }
 
 h3 {
     font-size: 35px;
 }
 
 h4 {
     font-size: 30px;
 }
 
 h5 {
     font-size: 15px;
 }
 
 h6 {
     font-size: 18px;
 }
 
 p {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     line-height: 1.6;
 }
 
 cite,
 dfn,
 em,
 i {
     font-style: italic;
 }
 
 a,
 span {
     display: inline-block;
     color: inherit;
 }
 
 blockquote cite {
     font-style: normal;
     font-family: 'YekanBakhFaNum';
 }
 
 pre {
     font-family: 'Courier 10 Pitch', Courier, monospace;
     overflow: auto;
 }
 
 code,
 kbd,
 tt,
 var {
     font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
 }
 
 abbr,
 acronym {
     border-bottom: 1px dotted #666;
     cursor: help;
 }
 
 ins,
 mark {
     background: #fff9c0;
     text-decoration: none;
 }
 
 big {
     font-size: 125%;
 }
 
 a {
     text-decoration: none;
 }
 
 a:hover {
     text-decoration: none;
 }
 
 a:focus {
     text-decoration: underline;
 }
 
 html {
     font-size: 15px;
 }
 
 body {
     background-color: #001d23;
     /* background-image: linear-gradient(to right, #2F586A, #1E121C); */
     line-height: 1.2;
     color: rgba(255, 255, 255, 0.69);
     font-family: 'YekanBakhFaNum';
     font-weight: 500;
     margin: 0;
     text-rendering: optimizeLegibility;
     -webkit-transition: 0.1s;
     -o-transition: 0.1s;
     transition: 0.1s;
     -webkit-transition-property: background-color, color;
     -o-transition-property: background-color, color;
     transition-property: background-color, color;
 }
 
 body.dsn-mobile {
     overflow-y: auto;
     direction: ltr;
 }
 
 body.v-light:not(.no-light) {
     color: #0009;
     background-color: #E0E0E0;
 }
 
 .main-root {
     position: relative;
 }
 
 .btn-play-inner-small svg {
     width: 45px;
     height: 45px;
 }
 
 .btn-play-inner-small svg .circle,
 .btn-play-inner-small svg .stroke {
     fill: none;
     stroke-width: 2;
     stroke-linejoin: round;
     stroke-miterlimit: 10;
 }
 
 .btn-play-inner-small svg .stroke {
     stroke: rgba(255, 255, 255, 0.3);
 }
 
 .btn-play-inner-small svg .circle {
     stroke: #fff;
     stroke-dashoffset: 700;
     stroke-dasharray: 700;
     stroke-linecap: butt;
     -webkit-transition: all 1.5s;
     -o-transition: all 1.5s;
     transition: all 1.5s;
 }
 
 .btn-play-inner-small svg g {
     -webkit-transform: scale(0.5);
     -ms-transform: scale(0.5);
     transform: scale(0.5);
 }
 
 .btn-play-inner-small:hover .circle {
     stroke-dashoffset: 0;
     stroke-dasharray: 700;
     -webkit-transition: all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91);
     -o-transition: all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91);
     transition: all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91);
 }
 
 .section-padding {
     padding-top: 85px;
     padding-bottom: 100px;
 }
 
 @media only screen and (max-width: 991px) {
     .section-padding {
         padding-top: 80px;
         padding-bottom: 80px;
     }
 }
 
 .section-margin {
     margin-top: 120px;
     margin-bottom: 120px;
 }
 .section-margin-ghoolpeikar{
     margin-top: -220px;
 }
 @media only screen and (max-width: 991px) {
     .section-margin {
         margin-top: 80px;
         margin-bottom: 80px;
     }
 }
 
 .mt-section {
     margin-top: 120px;
 }
 
 @media only screen and (max-width: 991px) {
     .mt-section {
         margin-top: 80px;
     }
 }
 
 .mb-section {
     margin-top: 520px;
 }
 
 @media only screen and (max-width: 991px) {
     .mb-section {
         margin-bottom: 80px;
     }
 }
 
 .pt-section {
     padding-top: 120px;
 }
 
 @media only screen and (max-width: 991px) {
     .pt-section {
         padding-top: 80px;
     }
 }
 
 .pb-section {
     padding-bottom: 120px;
 }
 
 @media only screen and (max-width: 991px) {
     .pb-section {
         padding-bottom: 80px;
     }
 }
 
 .section-title {
     position: relative;
     margin-bottom: 70px;
     padding-top: 30px;
 }
 
 @media only screen and (max-width: 991px) {
     .section-title {
         margin-bottom: 50px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .section-title {
         margin-bottom: 40px;
         padding-top: 10px;
     }
 }
 
 .section-title.section-title-color span {
     color: #fff;
 }
 
 .section-title span {
     position: absolute;
     width: 100px;
     top: 0;
     line-height: 0.8;
     font-size: 40px;
     font-weight: 100;
     color: #AA0000;
     font-family: 'YekanBakhFaNum';
 }
 
 .v-light:not(.no-light) .section-title span {
     color: #AA0000;
 }
 
 @media only screen and (max-width: 767px) {
     .section-title span {
         width: 62px;
         font-size: 60px;
     }
 }
 
 .section-title h2 {
     color: #fff;
     position: relative;
     background-color: #001d23;
     font-size: 42px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
     -webkit-transition: 0.1s;
     -o-transition: 0.1s;
     transition: 0.1s;
     -webkit-transition-property: background-color, color;
     -o-transition-property: background-color, color;
     transition-property: background-color, color;
     margin-top: 100px;
     margin-bottom: 100px !important;
 }
 
 .v-light:not(.no-light) .section-title h2 {
     background-color: #E0E0E0;
 }
 
 @media only screen and (max-width: 767px) {
     .section-title h2 {
         font-size: 32px;
         letter-spacing: 0;
     }
 }
 
 .section-title.no-bg h2 {
     background-color: transparent;
 }
 
 .section-title p {
     margin-right: 100px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 
 @media only screen and (max-width: 767px) {
     .section-title p {
         margin-right: 65px;
         letter-spacing: 0;
     }
 }
 
 .section-title.text-center {
     padding: 0;
 }
 
 .section-title.text-center span {
     display: none;
 }
 
 .section-title.text-center p {
     margin-right: 0;
 }
 
 .section-title-2 {
     position: relative;
     margin-bottom: 70px;
 }
 
 @media only screen and (max-width: 991px) {
     .section-title-2 {
         margin-bottom: 50px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .section-title-2 {
         margin-bottom: 40px;
         padding-top: 10px;
     }
 }
 
 .section-title-2 h2 {
     position: relative;
     font-size: 42px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
 }
 
 @media only screen and (max-width: 767px) {
     .section-title-2 h2 {
         font-size: 32px;
         letter-spacing: 0;
     }
 }
 
 .section-title-2 p {
     position: relative;
     font-size: 16px;
     letter-spacing: 1px;
     padding-right: 70px;
 }
 
 .section-title-2 p:after,
 .section-title-2 p:before {
     content: '';
     position: absolute;
     right: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .section-title-2 p:after {
     width: 6px;
     height: 6px;
     background-color: #fff;
     border-radius: 50%;
 }
 
 .v-light:not(.no-light) .section-title-2 p:after {
     background-color: #000;
 }
 
 .section-title-2 p:before {
     width: 60px;
     height: 1px;
     background: -webkit-gradient(linear, right top, left top, color-stop(0, #eee), color-stop(35%, #bababa), color-stop(65%, #999), to(#212121));
     background: -webkit-linear-gradient(right, #eee 0, #bababa 35%, #999 65%, #212121 100%);
     background: -o-linear-gradient(right, #eee 0, #bababa 35%, #999 65%, #212121 100%);
     background: linear-gradient(to left, #eee 0, #bababa 35%, #999 65%, #212121 100%);
 }
 
 @media only screen and (max-width: 767px) {
     .section-title-2 p {
         letter-spacing: 0;
     }
 }
 
 .section-title-2.text-center {
     padding: 0;
 }
 
 .section-title-2.text-center span {
     display: none;
 }
 
 .section-title-2.text-center p {
     margin-right: 0;
 }
 
 .subtitle {
     position: relative;
     padding-right: 15px;
     font-size: 22px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 30px;
 }
 
 .subtitle:after {
     content: '';
     position: absolute;
     top: 50%;
     right: 0;
     width: 8px;
     height: 4px;
     background-color: #fff;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .header-scale-hero {
     -webkit-transform: scale(1.15);
     -ms-transform: scale(1.15);
     transform: scale(1.15);
 }
 
 .img-box-parallax .title-popup {
     display: none;
     -webkit-transform: translate(50%, -90px);
     -ms-transform: translate(50%, -90px);
     transform: translate(50%, -90px);
 }
 
 .img-box-parallax:hover .title-popup {
     display: block;
 }
 
 .cursor {
     position: fixed;
     top: 50%;
     left: 50%;
     width: 76px;
     height: 76px;
     z-index: 999999;
     pointer-events: none;
     background-color: #fff;
     border-radius: 50%;
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-transition: -webkit-transform 0.35s;
     transition: -webkit-transform 0.35s;
     -o-transition: transform 0.35s;
     transition: transform 0.35s;
     transition: transform 0.35s, -webkit-transform 0.35s;
     -webkit-transform: scale(0.3) translate(-50%, -50%);
     -ms-transform: scale(0.3) translate(-50%, -50%);
     transform: scale(0.3) translate(-50%, -50%);
     mix-blend-mode: exclusion;
 }
 
 .cursor.cursor-scale-full,
 .mfp-zoom-out-cur .cursor {
     -webkit-transform: scale(1.2) translate(-50%, -50%);
     -ms-transform: scale(1.2) translate(-50%, -50%);
     transform: scale(1.2) translate(-50%, -50%);
 }
 
 .cursor.cursor-scale-full span,
 .mfp-zoom-out-cur .cursor span {
     color: #000;
 }
 
 .cursor.cursor-scale-half {
     -webkit-transform: scale(1) translate(-50%, -50%);
     -ms-transform: scale(1) translate(-50%, -50%);
     transform: scale(1) translate(-50%, -50%);
     mix-blend-mode: unset;
     background-color: #000;
 }
 
 .cursor.cursor-scale-half span {
     color: #fff;
 }
 
 .cursor.cursor-drag .cursor-next,
 .cursor.cursor-drag .cursor-prev {
     position: absolute;
     top: 0;
     right: -25px;
     transform: scaleX(-1);
 }
 
 .cursor.cursor-drag .cursor-prev {
     right: auto;
     left: -25px;
 }
 
 .cursor.cursor-drag.no-drag {
     mix-blend-mode: exclusion;
     color: #fff;
 }
 
 .cursor.cursor-drag.no-drag .cursor-drag,
 .cursor.cursor-drag.no-drag .cursor-next,
 .cursor.cursor-drag.no-drag .cursor-prev {
     display: none;
 }
 
 .cursor.cursor-drag.cursor-up-down .cursor-next,
 .cursor.cursor-drag.cursor-up-down .cursor-prev {
     position: absolute;
     top: -50px;
     right: auto;
     left: 33px;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
 }
 
 .cursor.cursor-drag.cursor-up-down .cursor-prev {
     top: auto;
     bottom: -50px;
 }
 
 .cursor.cursor-drag.no-drag {
     mix-blend-mode: exclusion;
     background-color: #fff;
 }
 
 .cursor.cursor-drag.no-drag .cursor-drag,
 .cursor.cursor-drag.no-drag .cursor-next,
 .cursor.cursor-drag.no-drag .cursor-prev {
     display: none;
 }
 
 @media only screen and (max-width: 991px) {
     .cursor {
         display: none;
     }
 }
 
 .cursor .cursor-helper {
     position: absolute;
     border-radius: 50%;
     width: 100%;
     text-align: center;
 }
 
 .cursor .cursor-helper span {
     line-height: 76px;
     font-size: 12px;
     font-weight: 700;
     text-shadow: 20px 20px 20px #000;
     display: none;
 }
 
 .cursor.cursor-view span.cursor-view {
     display: block;
 }
 
 .cursor.cursor-close span.cursor-close {
     display: block;
 }
 
 .cursor.cursor-play span.cursor-play {
     display: block;
 }
 
 .cursor.cursor-open span.cursor-open {
     display: block;
 }
 
 .cursor.cursor-prev span.cursor-prev {
     display: block;
 }
 
 .cursor.cursor-next span.cursor-next {
     display: block;
 }
 
 .cursor.cursor-drag span.cursor-drag {
     display: block;
 }
 
 .dsn-ajax-effect:not(.dsn-cursor-effect) .cursor {
     left: auto;
     top: auto;
     right: 10px;
     bottom: 10px;
     -webkit-transform: scale(0.3) translate(-50%, -50%);
     -ms-transform: scale(0.3) translate(-50%, -50%);
     transform: scale(0.3) translate(-50%, -50%);
     mix-blend-mode: unset;
 }
 
 .dsn-ajax-effect .cursor {
     display: inherit !important;
     -webkit-transform: scale(0.3);
     -ms-transform: scale(0.3);
     transform: scale(0.3);
     mix-blend-mode: unset;
 }
 
 .dsn-ajax-effect .cursor:after {
     content: '';
     position: absolute;
     width: 100px;
     height: 109px;
     border-radius: 50%;
     left: -9px;
     top: -15px;
     border-top: 5px solid #fff;
     -webkit-animation-name: animate-load;
     animation-name: animate-load;
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
 }
 
 .cursor.no-scale {
     -webkit-transform: scale(0) translate(-50%, -50%);
     -ms-transform: scale(0) translate(-50%, -50%);
     transform: scale(0) translate(-50%, -50%);
 }
 
 @-webkit-keyframes animate-load {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
     }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 @-moz-keyframes animate-load {
     0% {
         transform: rotate(0);
     }
     to {
         transform: rotate(360deg);
     }
 }
 
 @keyframes animate-load {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
     }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 .dsn-arrow {
     position: relative;
 }
 
 .dsn-arrow [data-cursor]:not(.slick-slider) {
     position: absolute;
     width: 25%;
     height: 100%;
     top: 0;
     right: 0;
     z-index: 1;
     cursor: pointer;
 }
 
 .dsn-arrow.our-work [data-cursor]:not(.slick-slider) {
     height: 60%;
 }
 
 .dsn-arrow [data-cursor='next']:not(.slick-slider) {
     left: 0;
     right: auto;
 }
 
 .preloader {
     position: fixed;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: 1000000 !important;
     background-image: url(../img/about/5-2.webp);
     /* background-size: cover; */
     background-size: 100% 100%;
 }
 .preloader .preloader-before {
     top: 0;
 }
 
 .preloader .preloader-after {
     bottom: 0;
 }
 
 .preloader .percent {
     position: absolute;
     font-weight: 700;
     letter-spacing: 3px;
     font-size: 26px;
     color: gray;
     top: -25px;
     opacity: 0;
 }
 
 .preloader .title {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     line-height: 0.9;
     letter-spacing: 10px;
     font-size: 130px;
     font-family: myriadBold !important;
 }
 
 .preloader .title .text-strok {
     color: transparent;
     -webkit-text-stroke: .5px #fff;
     font-family: myriadBold !important;
 }
 
 .preloader .title .text-fill {
     color: #fff;
     position: absolute;
     right: 0;
     -webkit-clip-path: inset(100.09% 0 0 0);
     clip-path: inset(100.09% 0 0 0);
     font-family: myriadBold !important;
 }
 
 .preloader .preloader-bar {
     position: absolute;
     width: 100%;
     height: 5px;
     top: 0;
     background: #1d1d1d;
 }
 
 .preloader .preloader-bar .preloader-progress {
     width: 10px;
     height: 100%;
     background: #AA0000;
 }
 
 .view-demo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     height: 100vh;
     position: relative;
     z-index: 1;
 }
 
 @media only screen and (max-width: 991px) {
     .view-demo {
         display: block;
     }
 }
 
 .view-demo .half-left,
 .view-demo .half-right {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     text-align: center;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }
 
 .view-demo .half-left a,
 .view-demo .half-right a {
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }
 
 .view-demo .half-left a img,
 .view-demo .half-right a img {
     margin: auto;
     width: 70%;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
     -webkit-box-shadow: 0 0 0 1px #ebebeb;
     box-shadow: 0 0 0 1px #ebebeb;
     border-radius: 4px;
 }
 
 .view-demo .half-left a:hover img,
 .view-demo .half-right a:hover img {
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
 }
 
 .view-demo .half-left h4,
 .view-demo .half-right h4 {
     font-size: 18px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin-top: 20px;
 }
 
 .view-demo .half-left h4.text-dark,
 .view-demo .half-right h4.text-dark {
     color: #333;
 }
 
 @media only screen and (max-width: 991px) {
     .view-demo .half-left h4.text-dark,
     .view-demo .half-right h4.text-dark {
         color: #fff;
     }
 }
 
 @media only screen and (max-width: 991px) {
     .view-demo .half-left,
     .view-demo .half-right {
         width: 100%;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         padding: 60px 15px;
     }
     .view-demo .half-left a img,
     .view-demo .half-right a img {
         -webkit-box-shadow: 0 0 0 1px #161515;
         box-shadow: 0 0 0 1px #161515;
     }
 }
 
 .view-demo .overlay-bg {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     z-index: -1;
 }
 
 @media only screen and (max-width: 991px) {
     .view-demo .overlay-bg {
         display: none;
     }
 }
 
 .view-demo .overlay-bg div {
     width: 50%;
     height: 100%;
 }
 
 .view-demo .overlay-bg .black {
     background-color: #110f10;
 }
 
 .view-demo .overlay-bg .white {
     background-color: #fff;
 }
 
 .margin-lr-100 {
     margin-left: 100px;
     margin-right: 100px;
 }
 
 @media only screen and (max-width: 991px) {
     .margin-lr-100 {
         margin-left: 50px;
         margin-right: 50px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .margin-lr-100 {
         margin-left: 30px;
         margin-right: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .margin-lr-100 {
         margin-left: 15px;
         margin-right: 15px;
     }
 }
 
 .slick-dots {
     text-align: center;
     margin-top: 20px;
 }
 
 .slick-dots li {
     display: inline-block;
     margin: 0 5px;
     line-height: 1px;
 }
 
 .slick-dots li button {
     position: relative;
     background-color: #AA0000;
     width: 15px;
     height: 2px;
     font-size: 0;
     opacity: 0.5;
 }
 
 .slick-dots li.slick-active button {
     opacity: 1;
 }
 
 .pointer-events {
     pointer-events: none;
 }
 
 @media only screen and (max-width: 991px) {
     .header-project .intro-project,
     .main-slider .dsn-slider-content .slide-content,
     .next-project .next-inner,
     .pl-container {
         padding-right: 15px;
         padding-left: 15px;
     }
 }
 
 .animation-rotate img {
     -webkit-animation: rotate 15s linear infinite;
     animation: rotate 15s linear infinite;
 }
 
 .social-network-box {
     width: 95vh;
     position: absolute;
     right: 40px;
     bottom: 0;
     color: #fff;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     z-index: 3;
 }
 
 @media only screen and (max-width: 575px) {
     .social-network-box {
         display: none;
     }
 }
 
 .social-network-box.social-network-box_left {
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     right: auto;
     left: 40px;
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
 }
 
 .social-network-box .social-network ul li {
     display: inline-block;
     margin-left: 20px;
     padding: 0;
     list-style: none;
     overflow: hidden;
 }
 
 .social-network-box .social-network ul li:last-of-type {
     margin-left: 0;
 }
 
 @media only screen and (max-width: 991px) {
     .social-network-box {
         -webkit-transform: rotate(-90deg);
         -ms-transform: rotate(-90deg);
         transform: rotate(-90deg);
         right: auto;
         left: 40px;
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
     }
 }
 
 a.link-hover {
     color: #fff;
     display: inline-block;
     letter-spacing: 2px;
     font-size: 13px;
     font-family: 'YekanBakhFaNum';
     font-weight: 400;
     position: relative;
     text-transform: uppercase;
     -webkit-transition: all 0.25s ease-in-out;
     -o-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     font-family: myriad;
 }
 
 a.link-hover:before {
     content: attr(data-hover-text);
     position: absolute;
     right: 0;
     top: 100%;
     color: #fff;
 }
 
 a.link-hover:hover {
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     text-decoration: none;
 }
 
 .link-vist {
     right: 30px;
     bottom: 40px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 30px;
 }
 
 @media only screen and (max-width: 767px) {
     .link-vist {
         margin-top: 20px;
     }
 }
 
 .link-vist .link-vist-text {
     position: relative;
     font-size: 12px;
     font-weight: 400;
     letter-spacing: 2px;
     color: #fff;
     text-transform: uppercase;
     padding-bottom: 3px;
     font-family: 'YekanBakhFaNum';
 }
 
 .link-vist .link-vist-text:before {
     content: '';
     display: block;
     position: absolute;
     height: 1px;
     width: 100%;
     background: #fff;
     bottom: 1px;
     right: 0;
     -webkit-transform-origin: right;
     -ms-transform-origin: right;
     transform-origin: right;
     transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
 }
 
 .link-vist .link-vist-arrow {
     margin-right: 10px;
 }
 
 .link-vist .link-vist-arrow svg {
     width: 20px;
     height: 20px;
     -webkit-transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);
     -o-transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);
     transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);
     transform: scaleX(-1);
 }
 
 .link-vist .link-vist-arrow svg * {
     fill: none;
     stroke: #fff;
     stroke-width: 2px;
 }
 
 .link-vist:hover .link-vist-text:before {
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
 }
 
 .link-vist:hover .link-vist-arrow svg {
     -webkit-transform: scaleX(-1) translate(10px, -10px);
     -ms-transform: scaleX(-1) translate(10px, -10px);
     transform: scaleX(-1) translate(10px, -10px);
     opacity: 0;
 }
 
 .scroll-to-top {
     position: fixed;
     right: 15px !important;
     bottom: 60px;
     width: 70px;
     height: 70px;
     z-index: 99;
     cursor: pointer;
 }
 
 .scroll-to-top .box-numper {
     position: absolute;
     top: 50%;
     right: 50%;
     width: 40px;
     height: 40px;
     line-height: 35px;
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
     text-align: center;
     color: #fff;
 }
 
 .v-light:not(.no-light) .scroll-to-top .box-numper {
     color: #000;
 }
 
 .scroll-to-top .box-numper span {
     font-size: 12px;
 }
 
 .scroll-to-top img {
     width: 65px;
 }
 
 .v-light:not(.no-light) .scroll-to-top img {
     -webkit-filter: invert(1);
     filter: invert(1);
 }
 .v-light:not(.no-light) .scroll-to-top-fix img {
     -webkit-filter: invert(1);
     filter: invert(1);
 }
 .v-light:not(.no-light) #text-hover-video {
     -webkit-filter: invert(1);
     filter: invert(1);
 }
 .scroll-d {
     left: 30px;
     bottom: 40px;
     cursor: pointer;
     z-index: 2;
 }
 
 .scroll-d img {
     width: 60px;
 }
 
 .v-light:not(.no-light) .scroll-d img {
     -webkit-filter: invert(1);
     filter: invert(1);
 }
 
 .shap-section {
     position: absolute;
     bottom: 20px;
     left: 20px;
     width: 105px;
     z-index: -2;
     
 }
 
 .shap-section img {
     opacity: 1;
 }
 
 .container-fluid.no-padding,
 .container.no-padding,
 .header-project .no-padding.link-vist {
     padding-right: 0;
     padding-left: 0;
 }
 
 .bg-section {
     top: 0;
     bottom: 0;
 }
 
 .w-100 {
     width: 100%;
 }
 
 .w-auto {
     width: auto;
 }
 
 .w-100-v {
     width: 100vh;
 }
 
 .h-100 {
     height: 100%;
 }
 
 .h-100-v {
     height: 100vh;
 }
 
 .d-flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }
 
 .a-item-center {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }
 
 .text-left {
     text-align: left;
 }
 
 .text-center {
     text-align: center;
 }
 
 .d-block {
     display: block;
 }
 
 .d-inline-block {
     display: inline-block;
 }
 
 .alignfull {
     position: relative;
     width: calc(100vw - 8px);
     right: 50%;
     margin-right: -50vw;
 }
 
 .dsn-effect-scroll .alignfull {
     width: 100vw;
 }
 
 .fw-blod {
     font-weight: 700;
 }
 
 .over-hidden {
     overflow: hidden;
 }
 
 .hidden {
     opacity: 0;
     visibility: hidden;
 }
 
 .before-z-index:before {
     z-index: -1;
 }
 
 .fw-600 {
     font-weight: 600;
 }
 
 .m-auto {
     margin-right: auto;
     margin-left: auto;
 }
 
 .mt-30 {
     margin-top: 30px;
 }
 
 .mb-30 {
     margin-bottom: 30px;
 }
 
 .p-0 {
     padding: 0;
 }
 
 .box-after {
     position: relative;
     margin-bottom: 5px;
 }
 
 .box-after:after {
     content: '';
     position: absolute;
     width: calc(100% - 20px);
     height: 100%;
     display: block;
     background: #AA0000;
     bottom: -5px;
     right: 10px;
     z-index: -1;
 }
 
 @media only screen and (max-width: 991px) {
     .container,
     .header-project .link-vist {
         max-width: 100%;
         padding-left: 50px;
         padding-right: 50px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .container,
     .header-project .link-vist {
         padding-left: 30px;
         padding-right: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .container,
     .header-project .link-vist {
         padding-left: 15px;
         padding-right: 15px;
     }
 }
 
 @media only screen and (max-width: 400px) {
     .custom-container {
         width: 100%;
     }
 }
 
 .content-center {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
 }
 
 .icon-lg {
     vertical-align: middle;
     font-size: 42px;
 }
 
 .title {
     position: relative;
     color: #FFF;
     font-family: 'YekanBakhFaNum';
     font-size: 39px;
     font-weight: 700;
     line-height: 1;
     letter-spacing: 4px;
     color:#AA0000 !important;
 }
 
 @media only screen and (min-width: 1600px) {
     .title {
         font-size: 76px;
     }
 }
 
 @media only screen and (max-width: 991px) {
     .title {
         font-size: 45px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .title {
         font-size: 55px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .title {
         font-size: 45px;
         line-height: 1.2;
     }
 }
 
 @media only screen and (max-width: 400px) {
     .title {
         font-size: 40px;
     }
 }
 
 .text-underline {
     border-bottom: 1px solid rgba(255, 255, 255, 0.4);
     padding-bottom: 2px;
 }
 
 .metas {
     font-size: 16px;
     color: #AA0000;
     margin-bottom: 25px;
 }
 
 .v-light:not(.no-light) .metas {
     color: #AA0000;
 }
 
 .metas.meta-personal span {
     background-color: rgba(9, 9, 9, 0.5);
     padding: 5px 15px;
     color: #fff;
 }
 
 .metas span {
     position: relative;
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     color: #AA0000;
     letter-spacing: 2px;
 }
 
 .v-light:not(.no-light) .metas span {
     color: #AA0000;
 }
 
 .metas span:after {
     content: ',';
     position: relative;
     color: #fff;
     font-size: 13px;
 }
 
 .metas span:last-of-type:after {
     display: none;
 }
 
 .title-h2 {
     font-size: 38px;
     margin-bottom: 30px;
     letter-spacing: 2px;
     
 }
 #img-ripple{
     height: auto;
     margin-top: 15px;
     box-shadow: 1px 1px 5px #0e0e0d;
     border-radius: 15px;
 }
 .btn_ripple {
     border: none;
     outline: none;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: inline;
     position: absolute;
     right: 41%;
     top: -20%;
     background-color:#3b3b3bcc;
     color: #fff;
     display: grid;
     place-items: center;
     font-size: 18px;
     cursor: pointer;
     border: 2px solid #fff;
 
     animation-name: ripple;
     animation-duration: 1.5s;
     animation-iteration-count: infinite;
 }
 
 @media (min-width:991px){.btn_ripple{top:58%}}@media (min-width:1300px){.btn_ripple{top:60%}}
 
 
 
 .btn_ripple-two {
     border: none;
     outline: none;
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: inline;
     position: absolute;
     right: 41%;
     top: 40%;
     background-color:#3b3b3bcc;
     color: #fff;
     display: grid;
     place-items: center;
     font-size: 18px;
     cursor: pointer;
     border: 2px solid #fff;
 
     animation-name: ripple;
     animation-duration: 1.5s;
     animation-iteration-count: infinite;
 }
 
 .block {
 
   }
   
   .animatable {
     /* initially hide animatable objects */
     visibility: hidden;
   
     /* initially pause animatable objects their animations */
     animation-play-state: paused;
   }
   
   /* show objects being animated */
   .animated {
     visibility: visible;
   
     animation-fill-mode: both;
     animation-duration: 1s !important;
     animation-play-state: running;
   }
   @keyframes bounceIn {
     0% {
       opacity: 0;
       transform: scale(7);
     }
     100% {
       opacity: 1;
       transform: scale(1);
     }
   }                
   .animated.bounceIn {
     animation-name: bounceIn;
   }
 
 @media only screen and (max-width: 991px) {
     .title-h2 {
         font-size: 35px;
         margin-bottom: 20px;
         line-height: inherit;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .title-h2 {
         font-size: 25px;
     }
 }
 
 .title-block {
     position: relative;
     letter-spacing: 2px;
     font-size: 22px;
     font-weight: 600;
     text-transform: uppercase;
     margin-bottom: 20px;
 }
 
 @media only screen and (max-width: 767px) {
     .title-block {
         margin-bottom: 15px;
     }
 }
 
 .sub-text-header {
     margin-top: 25px;
 }
 
 .sub-text-header h5 {
     font-weight: 600;
     font-size: 15px;
     line-height: 24px;
     display: inline-block;
 }
 
 .sm-title-block {
     position: relative;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 20px;
     text-align: justify;
 }
 
 @media only screen and (max-width: 991px) {
     .sm-title-block {
         margin-bottom: 15px;
     }
 }
 
 .p-larg {
     max-width: 980px;
     font-size: 15px;
     font-weight: 400;
     line-height: 1.7;
     text-align: justify;
 }
 .p-larg-vid {
     font-size: 15px;
     font-size: 18px;
     font-weight: 400;
     line-height: 1.7;
     text-align: justify;
 }
 .text-down-image{
     max-width: 1980px;
     font-size: 18px;
     font-weight: 400;
     line-height: 1.7;
     text-align: justify; 
     display: flex;
     position: absolute !important; 
     margin-top: 100px;
     z-index: 100 !important;
 }
 
 
 
 
 .dsn-video {
     -o-object-fit: cover;
     object-fit: cover;
     z-index: -20 !important;
     width: 100%;
     height: 100%;
 }
 
 [data-dsn='video'] {
     width: 100%;
     height: 100%;
 }
 
 .p-relative {
     position: relative;
 }
 
 .p-absolute {
     position: absolute;
 }
 
 .scrool-down {
     width: 140px;
     height: 140px;
     -webkit-transform: scaleX(1.2);
     -ms-transform: scaleX(1.2);
     transform: scaleX(1.2);
     overflow: hidden;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     z-index: 3;
     position: absolute;
     bottom: 0;
     left: 0;
     cursor: pointer;
 }
 
 .scrool-down a {
     z-index: 3;
 }
 
 .scrool-down a:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     border-radius: 99em;
     border-top: 2px solid #555;
     border-left: 2px solid #555;
     -webkit-transition: 0.5s ease;
     -o-transition: 0.5s ease;
     transition: 0.5s ease;
     -webkit-transform: translateY(75%) rotate(45deg);
     -ms-transform: translateY(75%) rotate(45deg);
     transform: translateY(75%) rotate(45deg);
     will-change: transform;
     cursor: pointer;
 }
 
 .scrool-down a:after {
     content: '';
     width: 10px;
     height: 10px;
     border: 2px solid currentColor;
     position: absolute;
     right: 0;
     left: 0;
     bottom: 15px;
     border-top: 0;
     border-right: 0;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     margin: 0 auto;
     -webkit-transition: 0.2s ease;
     -o-transition: 0.2s ease;
     transition: 0.2s ease;
 }
 
 .background-box {
     background-color: #AA0000;
     color: #000;
     font-weight: 700;
 }
 
 .color-white {
     color: #fff;
 }
 
 .overflow-hidden {
     overflow: hidden;
 }
 
 .user-no-selection {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .user-no-selection::-moz-selection {
     background: 100% 0;
     color: inherit;
 }
 
 .user-no-selection::selection {
     background: 100% 0;
     color: inherit;
 }
 
 [data-dsn='rStories'].work-masonry .story-item:before .transform-3d,
 [data-overlay] .transform-3d {
     position: relative;
     z-index: -1;
 }
 
 .cover-bg-img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
     background-size: cover;
 }
 
 .no-shadow,
 .service .services-item {
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .transform-3d {
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
 }
 
 .p-fixed {
     position: fixed;
     width: 100%;
     height: 100%;
     right: 0;
     top: 0;
 }
 
 .day-night {
     position: fixed;
     z-index: 99999;
     top: 23px;
     right: 10px;
     width: 40px;
     height: 30px;
     cursor: pointer;
 }
 
 .admin-bar .day-night {
     top: 74px;
 }
 
 @media screen and (min-width: 783px) {
     .admin-bar .day-night {
         top: 60px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .day-night {
         right: 25px;
 top: 15px;
     }
 }
 
 .day-night .moon,
 .day-night .night {
     position: absolute;
     top: 5px;
     left: 0;
     bottom: 0;
     right: 10px;
     width: 100%;
     height: 100%;
     pointer-events: none;
     -webkit-transition: opacity 0.8s;
     -o-transition: opacity 0.8s;
     transition: opacity 0.8s;
     border-radius: 100%;
     opacity: 0;
 }
 
 .day-night .moon svg,
 .day-night .night svg {
     width: 100%;
     height: 100%;
 }
 
 .day-night .night {
     /* border: 1px solid rgba(255, 255, 255, 0.18); */
     background-color:transparent;
     opacity: 1;
 }
 
 .day-night .night svg {
     fill: #000;
     width: 100%;
     height: 100%;
 }
 
 
 
 .day-night .moon svg {
     -webkit-transform: rotate(-270deg);
     -ms-transform: rotate(-270deg);
     transform: rotate(-270deg);
     fill: #f0f0f0;
 }
 
 .v-light:not(.no-light) .day-night .night {
     opacity: 0;
 }
 
 .v-light:not(.no-light) .day-night .moon {
     opacity: 1;
 }
 
 .dsn-ajax-loader {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     direction: ltr;
 }
 
 .dsn-ajax-loader:not(.dsn-ajax-normal) {
     visibility: hidden;
     opacity: 0;
     z-index: 999;
 }
 
 .dsn-ajax-loader.dsn-ajax-normal {
     background-color: #1b1b1b;
     z-index: 900199;
     -webkit-transform: scaleY(0);
     -ms-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
 }
 
 .embed-3d-dimensions {
     max-width: 100%;
     height: 80vh;
 }
 
 .embed-3d-dimensions .overlay-3d-dimensions {
     -webkit-transition-property: height, width;
     -o-transition-property: height, width;
     transition-property: height, width;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     color: #AA0000;
 }
 
 .embed-3d-dimensions .overlay-3d-dimensions .button-action {
     cursor: pointer;
     background-color: #000;
     width: 70px;
     height: 70px;
     border-radius: 50%;
 }
 
 .embed-3d-dimensions .overlay-3d-dimensions i {
     font-size: 50px;
 }
 
 .embed-3d-dimensions .overlay-3d-dimensions .action-key {
     -webkit-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
     transition: opacity 0.5s;
     right: 10px;
     top: 10px;
 }
 
 .embed-3d-dimensions .overlay-3d-dimensions .key-on {
     opacity: 1;
     z-index: 1;
 }
 
 .embed-3d-dimensions .overlay-3d-dimensions .key-off {
     opacity: 0;
     z-index: 0;
 }
 
 .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions {
     width: 100px;
     height: 100px;
     top: 0;
     right: 0;
 }
 
 .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions:before {
     display: none;
 }
 
 .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions .key-off {
     opacity: 1;
     z-index: 1;
 }
 
 .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions .key-on {
     opacity: 0;
     z-index: 0;
 }
 
 .embed-3d-dimensions iframe {
     border: none;
     max-width: 100%;
 }
 
 .dsn-ajax-effect {
     overflow: hidden !important;
 }
 
 .dsn-ajax-loader .title {
     color: #fff !important;
 }
 
 .dsn-z-index-2 {
     z-index: 2;
 }
 
 .mfp-with-zoom .mfp-container,
 .mfp-with-zoom.mfp-bg {
     opacity: 0;
     -webkit-backface-visibility: hidden;
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 
 .mfp-with-zoom.mfp-ready .mfp-container {
     opacity: 1;
 }
 
 .mfp-with-zoom.mfp-ready.mfp-bg {
     opacity: 0.8;
 }
 
 .mfp-with-zoom.mfp-removing .mfp-container,
 .mfp-with-zoom.mfp-removing.mfp-bg {
     opacity: 0;
 }
 
 .form-box input::-webkit-input-placeholder,
 .form-box textarea::-webkit-input-placeholder,
 .form-control::-webkit-input-placeholder,
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
     color: #eee;
 }
 
 .form-box input:-ms-input-placeholder,
 .form-box textarea:-ms-input-placeholder,
 .form-control:-ms-input-placeholder,
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
     color: #eee;
 }
 
 .form-box input::-ms-input-placeholder,
 .form-box textarea::-ms-input-placeholder,
 .form-control::-ms-input-placeholder,
 input::-ms-input-placeholder,
 textarea::-ms-input-placeholder {
     color: #eee;
 }
 
 .form-box input::placeholder,
 .form-box textarea::placeholder,
 .form-control::placeholder,
 input::placeholder,
 textarea::placeholder {
     color: #eee;
 }
 
 .v-light:not(.no-light) .form-box input::-webkit-input-placeholder,
 .v-light:not(.no-light) .form-box textarea::-webkit-input-placeholder,
 .v-light:not(.no-light) .form-control::-webkit-input-placeholder,
 .v-light:not(.no-light) input::-webkit-input-placeholder,
 .v-light:not(.no-light) textarea::-webkit-input-placeholder {
     color: #0009;
 }
 
 .v-light:not(.no-light) .form-box input:-ms-input-placeholder,
 .v-light:not(.no-light) .form-box textarea:-ms-input-placeholder,
 .v-light:not(.no-light) .form-control:-ms-input-placeholder,
 .v-light:not(.no-light) input:-ms-input-placeholder,
 .v-light:not(.no-light) textarea:-ms-input-placeholder {
     color: #0009;
 }
 
 .v-light:not(.no-light) .form-box input::-ms-input-placeholder,
 .v-light:not(.no-light) .form-box textarea::-ms-input-placeholder,
 .v-light:not(.no-light) .form-control::-ms-input-placeholder,
 .v-light:not(.no-light) input::-ms-input-placeholder,
 .v-light:not(.no-light) textarea::-ms-input-placeholder {
     color: #0009;
 }
 
 .v-light:not(.no-light) .form-box input::placeholder,
 .v-light:not(.no-light) .form-box textarea::placeholder,
 .v-light:not(.no-light) .form-control::placeholder,
 .v-light:not(.no-light) input::placeholder,
 .v-light:not(.no-light) textarea::placeholder {
     color: #0009;
 }
 
 input[type='search']::-webkit-search-decoration {
     display: none;
 }
 
 .btn {
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 3px;
     padding: 20px 40px;
     text-transform: uppercase;
     word-spacing: 5px;
     font-family: 'YekanBakhFaNum';
     text-align: center;
 }
 
 @media only screen and (max-width: 991px) {
     .btn {
         padding: 15px 25px;
     }
 }
 
 .v-light:not(.no-light) .btn {
     color: #000;
     color: #fff;
 }
 
 .v-light:not(.no-light) .btn:before {
     background-color: #000;
 }
 
 .v-light:not(.no-light) .btn:hover {
     color: #fff;
 }
 
 .btn:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     background-color: #fff;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0% 50%;
     -ms-transform-origin: 0% 50%;
     transform-origin: 0% 50%;
     transition: transform 0.35s, -webkit-transform 0.35s;
 }
 
 .btn span {
     position: relative;
     z-index: 2;
     -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     -o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
     transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
 }
 
 .btn:hover span {
     color: #000;
 }
 
 .v-light:not(.no-light) .btn:hover {
     color: #000;
 }
 
 .v-light:not(.no-light) .btn:hover span {
     color: #fff;
 }
 
 .btn:hover:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: 100% 50%;
     -ms-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
 }
 
 .btn-form {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: 48px;
     border-radius: 50px;
     color: #fff;
     font-size: 14px;
     letter-spacing: 1.2px;
     border: 1.5px solid #AA0000;
     cursor: pointer;
     margin: auto;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }
 
 .v-light:not(.no-light) .btn-form {
     border-color: #AA0000;
     color: #000;
 }
 
 .btn-form .label {
     font-weight: 700;
     min-width: 150px;
     padding-right: 30px;
     padding-left: 10px;
     text-align: center;
 }
 
 .btn-form .icon-c {
     width: 12px;
     height: 12px;
     background-color: #AA0000;
     border-radius: 50%;
     margin-left: 30px;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .v-light:not(.no-light) .btn-form .icon-c {
     background-color: #AA0000;
 }
 
 .btn-form:hover {
     background-color: #AA0000;
 }
 
 .v-light:not(.no-light) .btn-form:hover {
     background-color: #AA0000;
     color: #fff;
 }
 
 .btn-form:hover .icon-c {
     background-color: #000;
 }
 
 .link-custom {
     border-radius: 30px;
     height: 48px;
     padding-left: 40px;
     color: #fff;
     letter-spacing: 2px;
     text-transform: uppercase;
     z-index: 2;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 
 .link-custom .link-text {
     font-size: 13px;
     font-weight: 600;
     -webkit-transition: -webkit-transform 0.2s;
     transition: -webkit-transform 0.2s;
     -o-transition: transform 0.2s;
     transition: transform 0.2s;
     transition: transform 0.2s, -webkit-transform 0.2s;
     z-index: 2;
 }
 
 .v-light:not(.no-light) .link-custom .link-text {
     color: #000;
 }
 
 .link-custom .link-circle {
     -webkit-transition: width 0.2s;
     -o-transition: width 0.2s;
     transition: width 0.2s;
     top: 0;
     left: 0;
     text-align: center;
     background: #fff;
     mix-blend-mode: exclusion;
     color: #000;
     width: 48px;
     height: 48px;
     border-radius: 30px;
     z-index: 2;
 }
 
 .v-light:not(.no-light) .link-custom .link-circle {
     background-color: #e6e6e6;
     z-index: 0;
 }
 
 .link-custom .link-circle i {
     position: absolute;
     left: 20px;
     top: 17px;
     font-size: 12px;
     -webkit-transition: -webkit-transform 0.2s;
     transition: -webkit-transform 0.2s;
     -o-transition: transform 0.2s;
     transition: transform 0.2s;
     transition: transform 0.2s, -webkit-transform 0.2s;
 }
 
 .link-custom:hover {
     padding-right: 40px;
 }
 
 .link-custom:hover .link-text {
     -webkit-transform: translateX(9px);
     -ms-transform: translateX(9px);
     transform: translateX(9px);
 }
 
 .link-custom:hover .link-circle {
     width: 100%;
 }
 
 .link-custom:hover .link-circle i {
     -webkit-transform: translateX(9px);
     -ms-transform: translateX(9px);
     transform: translateX(9px);
 }
 
 .link-custom.scroll-down i {
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
 }
 
 .link-custom.scroll-down:hover .link-text {
     -webkit-transform: translateX(9px);
     -ms-transform: translateX(9px);
     transform: translateX(9px);
 }
 
 .link-custom.scroll-down:hover .link-circle i {
     -webkit-transform: translateX(9px) translateY(2px) rotate(-90deg);
     -ms-transform: translateX(9px) translateY(2px) rotate(-90deg);
     transform: translateX(9px) translateY(2px) rotate(-90deg);
 }
 
 a {
     outline: 0;
     outline-style: none;
 }
 
 a:active,
 a:hover {
     outline: 0;
     text-decoration: none;
 }
 
 .font-heading {
     font-family: 'YekanBakhFaNum';
 }
 
 .text-transform-upper {
     text-transform: uppercase;
 }
 
 .site-header {
     position: fixed;
     top: 0;
     width: 100%;
     padding: 20px 50px;
     z-index: 9000;
     pointer-events: none;
     pointer-events: all;
     backdrop-filter: blur(15px);
 }
 
 @media only screen and (max-width: 767px) {
     .site-header {
         padding: 22px 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .site-header {
         padding: 22px 15px;
     }
 }
 
 .site-header .menu-cover-title {
     position: absolute;
     top: 50%;
     right: 0;
     font-size: 20vw;
     font-weight: 600;
     line-height: 1.15;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     opacity: 0.05;
 }
 
 .site-header .inner-header .main-logo {
     width: 196px;
     pointer-events: all;
 }
 
 .site-header .inner-header .main-logo img {
     height: 30px;
     margin: 10px 20px 0 20px;
 }
 
 
 .v-light:not(.no-light) .site-header .inner-header .main-logo #home-button {
     display: block;
 }
 .v-light:not(.no-light) .site-header .inner-header .main-logo #home-button-light {
     display: none;
 }
 .dark-logo {
     display: none;
 }
 .site-header .main-navigation {
     pointer-events: all;
 }
 
 .site-header .nav-border-bottom {
     display: none;
 }
 
 .site-header .menu-icon {
     position: relative;
     top: -5px;
     cursor: pointer;
     pointer-events: all;
 }
 
 .site-header .menu-icon .icon-m .menu-icon-line {
     background-color: #AA0000;
     width: 23px;
     height: 2px;
     -webkit-transition: -webkit-transform 0.2s ease-Out;
     transition: -webkit-transform 0.2s ease-Out;
     -o-transition: transform 0.2s ease-Out;
     transition: transform 0.2s ease-Out;
     transition: transform 0.2s ease-Out, -webkit-transform 0.2s ease-Out;
 }
 
 .site-header .menu-icon .icon-m .menu-icon-line.icon-top {
     width: 5px;
 }
 
 .site-header .menu-icon .icon-m .menu-icon-line.icon-center {
     width: 14px;
 }
 
 .site-header .menu-icon .icon-m .menu-icon-line.icon-bottom {
     margin-top: 5px;
 }
 
 .site-header .menu-icon .icon-m .icon-circle {
     position: absolute;
     top: -5px;
     right: -8px;
     width: 46px;
     height: 46px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 50%;
     display: none;
 }
 
 .site-header .menu-icon .icon-m:hover .icon-circle {
     display: inherit;
 }
 
 .site-header .menu-icon .text-menu {
     top: -5px;
     width: 44px;
     margin-left: 10px;
     font-weight: 600;
     color: #fff;
     opacity: 0.9;
 }
 
 .site-header .menu-icon .text-menu>div {
     right: 0;
     top: 0;
 }
 
 .site-header .menu-icon .text-menu .text-button .dsn-word-wrapper {
     overflow: hidden;
     will-change: transform;
 }
 
 .site-header .menu-icon .text-menu .text-button .dsn-word-wrapper {
     opacity: 0;
     visibility: hidden;
     will-change: transform;
     -webkit-transform: translateY(50%) rotate(-15deg) scale(0.8);
     -ms-transform: translateY(50%) rotate(-15deg) scale(0.8);
     transform: translateY(50%) rotate(-15deg) scale(0.8);
     -webkit-transform-origin: top right;
     -ms-transform-origin: top right;
     transform-origin: top right;
     -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     -o-transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     -webkit-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     -o-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
 }
 
 .site-header .menu-icon .text-menu .text-button .dsn-word-wrapper {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0) rotate(0) scale(1);
     -ms-transform: translateY(0) rotate(0) scale(1);
     transform: translateY(0) rotate(0) scale(1);
 }
 
 .site-header .menu-icon .text-menu .text-close .dsn-word-wrapper,
 .site-header .menu-icon .text-menu .text-open .dsn-word-wrapper {
     overflow: hidden;
     will-change: transform;
 }
 
 .site-header .menu-icon .text-menu .text-close .dsn-word-wrapper,
 .site-header .menu-icon .text-menu .text-open .dsn-word-wrapper {
     opacity: 0;
     visibility: hidden;
     will-change: transform;
     -webkit-transform: translateY(50%) rotate(-15deg) scale(0.8);
     -ms-transform: translateY(50%) rotate(-15deg) scale(0.8);
     transform: translateY(50%) rotate(-15deg) scale(0.8);
     -webkit-transform-origin: top right;
     -ms-transform-origin: top right;
     transform-origin: top right;
     -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     -o-transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     -webkit-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     -o-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
 }
 
 .site-header .menu-icon.nav-active .text-menu {
     width: 50px;
 }
 
 .site-header .menu-icon:hover .icon-m .icon-center,
 .site-header .menu-icon:hover .icon-m .icon-top {
     -webkit-transform: translateY(6px);
     -ms-transform: translateY(6px);
     transform: translateY(6px);
 }
 
 .site-header .menu-icon:hover .icon-m .icon-bottom {
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
 }
 
 .site-header .menu-icon:hover .text-menu .text-button .dsn-word-wrapper {
     overflow: hidden;
     will-change: transform;
 }
 
 .site-header .menu-icon:hover .text-menu .text-button .dsn-word-wrapper {
     opacity: 0;
     visibility: hidden;
     will-change: transform;
     -webkit-transform: translateY(50%) rotate(-15deg) scale(0.8);
     -ms-transform: translateY(50%) rotate(-15deg) scale(0.8);
     transform: translateY(50%) rotate(-15deg) scale(0.8);
     -webkit-transform-origin: top right;
     -ms-transform-origin: top right;
     transform-origin: top right;
     -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     -o-transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);
     -webkit-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     -o-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
 }
 
 .site-header .menu-icon:hover:not(.nav-active) .text-menu .text-open .dsn-word-wrapper {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0) rotate(0) scale(1);
     -ms-transform: translateY(0) rotate(0) scale(1);
     transform: translateY(0) rotate(0) scale(1);
 }
 
 .site-header .menu-icon:hover.nav-active .text-menu .text-close .dsn-word-wrapper {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0) rotate(0) scale(1);
     -ms-transform: translateY(0) rotate(0) scale(1);
     transform: translateY(0) rotate(0) scale(1);
 }
 
 .site-header ul.extend-container {
     width: 100%;
     padding: 0 60px 0 30px;
 }
 
 .site-header .container-content {
     width: 40%;
     opacity: 0;
     visibility: hidden;
 }
 
 @media only screen and (max-width: 767px) {
     .site-header .container-content {
         display: none;
     }
 }
 
 .site-header .container-content .nav-content {
     margin-top: 30px;
 }
 
 .site-header .container-content .nav-content:first-of-type {
     margin-top: 0;
 }
 
 .site-header .container-content .nav-content p {
     margin-bottom: 5px;
     color: rgba(255, 255, 255, 0.69);
 }
 
 .site-header .container-content .nav-content p:last-of-type {
     margin-top: 0;
 }
 
 .site-header .container-content .nav-content p .link-hover {
     text-transform: uppercase;
 }
 
 .site-header .container-content .title-line,
 .site-header .container-content p.title-line {
     color: #AA0000;
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 10px;
 }
 
 .site-header .container-content .nav-social {
     margin-top: 30px;
 }
 
 .site-header .container-content .nav-social ul {
     margin-bottom: 0;
 }
 
 .site-header .container-content .nav-social ul li {
     color: #fff;
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     margin-left: 15px;
     padding-left: 5px;
 }
 
 .site-header .container-content .nav-social ul li a {
     color: #fff;
     display: inline-block;
     letter-spacing: 2px;
     font-size: 13px;
     font-family: 'YekanBakhFaNum';
     font-weight: 400;
     position: relative;
 }
 
 .site-header .extend-container .main-navigation {
     height: 100vh;
     top: 0;
     right: 0;
     background-color: #000;
     z-index: -1;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     opacity: 0;
     visibility: visible;
 }
 
 .site-header .extend-container .main-navigation:after {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     top: 0;
     z-index: -1;
     opacity: 0.05;
     background-size: cover;
     background-repeat: no-repeat;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li {
     overflow: hidden;
     font-weight: 600;
     color: #fff;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     margin-bottom: 10px;
     line-height: 1;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li.dsn-active,
 .site-header .extend-container .main-navigation ul.extend-container li:hover {
     color: #AA0000;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li.dsn-active .dsn-meta-menu,
 .site-header .extend-container .main-navigation ul.extend-container li:hover .dsn-meta-menu {
     color: #a8a8a8;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 20px;
     cursor: pointer;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img {
     width: 32px;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
     font-size: 42px;
     margin-right: 5px;
 }
 
 @media only screen and (max-width: 767px) {
     .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
         font-size: 32px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu {
         font-size: 24px;
     }
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu,
 .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img {
     -webkit-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
     -webkit-transition-property: opacity, visibility, -webkit-transform;
     transition-property: opacity, visibility, -webkit-transform;
     -o-transition-property: opacity, visibility, transform;
     transition-property: opacity, visibility, transform;
     transition-property: opacity, visibility, transform, -webkit-transform;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover img {
     -webkit-transform: translateX(22px);
     -ms-transform: translateX(22px);
     transform: translateX(22px);
     opacity: 0;
     visibility: hidden;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover .dsn-title-menu {
     -webkit-transform: translateX(40px);
     -ms-transform: translateX(40px);
     transform: translateX(40px);
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li li {
     overflow: inherit;
     margin-bottom: 0;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li a {
     overflow: hidden;
     line-height: 1.2;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu,
 .site-header .extend-container .main-navigation ul.extend-container li a:after {
     position: absolute;
     display: inherit;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {
     margin-right: 10px;
     font-size: 12px;
     letter-spacing: 2px;
     -webkit-transform: translateY(25px);
     -ms-transform: translateY(25px);
     transform: translateY(25px);
 }
 
 @media only screen and (max-width: 767px) {
     .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {
         display: none;
     }
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:after {
     content: '';
     background-image: url(../img/left.svg);
     background-size: 17px;
     height: 17px;
     width: 17px;
     background-repeat: no-repeat;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     -webkit-transform: translate(0, 8px);
     -ms-transform: translate(0, 8px);
     transform: translate(0, 8px);
 }
 
 .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:hover:after {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translate(-50%, 8px);
     -ms-transform: translate(-50%, 8px);
     transform: translate(-50%, 8px);
 }
 
 .site-header .extend-container .main-navigation ul.extend-container>li {
     font-size: 42px;
 }
 
 @media only screen and (max-width: 767px) {
     .site-header .extend-container .main-navigation ul.extend-container>li {
         font-size: 32px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .site-header .extend-container .main-navigation ul.extend-container>li {
         font-size: 24px;
     }
 }
 
 .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-title-menu {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
 }
 
 .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-meta-menu {
     opacity: 0;
     visibility: hidden;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container>li ul {
     position: absolute;
     display: none;
     width: 100%;
     height: 100%;
     right: 0;
     top: 0;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 0 60px;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container>li ul li {
     font-size: 32px;
     line-height: 1;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container>li ul li a {
     line-height: 1.5;
 }
 
 .site-header .extend-container .main-navigation ul.extend-container>li ul li a .dsn-meta-menu {
     -webkit-transform: translateY(22px);
     -ms-transform: translateY(22px);
     transform: translateY(22px);
     margin-right: 10px;
 }
 
 @media only screen and (min-width: 992px) {
     .classic-menu .site-header .menu-icon {
         display: none;
     }
     .classic-menu .site-header .container-content {
         display: none;
     }
     .classic-menu .site-header .nav-border-bottom {
         position: absolute;
         display: block;
         top: 63px;
         left: 30px;
         width: 25px;
         height: 1px;
         background: #AA0000;
         border-radius: 3px;
     }
     .classic-menu .site-header>.extend-container {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
     }
     .classic-menu .site-header>.extend-container .menu-cover-title {
         display: none;
     }
     .classic-menu .site-header .extend-container .main-navigation {
         position: inherit;
         display: block;
         margin-right: auto;
         height: auto;
         width: auto;
         top: unset;
         right: unset;
         background-color: transparent;
         z-index: 1;
         -webkit-transform: none !important;
         -ms-transform: none !important;
         transform: none !important;
         opacity: 1 !important;
         visibility: visible !important;
     }
     .classic-menu .site-header .extend-container .main-navigation:after {
         display: none;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container {
         display: block;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu {
         display: none;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu,
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container li a:after {
         display: none;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down>a:after {
         display: none;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li {
         font-size: 15px;
         display: inline-block;
         margin-right: 30px;
         margin-bottom: 0;
         font-weight: 700;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li:first-of-type {
         margin-right: 0;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-title-menu {
         opacity: 1 !important;
         visibility: visible !important;
         -webkit-transform: none !important;
         -ms-transform: none !important;
         transform: none !important;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li>a .dsn-meta-menu {
         display: none;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul {
         position: absolute;
         display: block !important;
         width: 195px;
         height: auto;
         right: unset;
         top: unset;
         margin-top: 15px;
         padding: 10px;
         margin-right: -10px;
         background-color: #AA0000;
         -webkit-clip-path: inset(0 0 100% 0);
         clip-path: inset(0 0 100% 0);
         -webkit-transition-property: opacity, visibility, -webkit-clip-path;
         transition-property: opacity, visibility, -webkit-clip-path;
         -o-transition-property: clip-path, opacity, visibility;
         transition-property: clip-path, opacity, visibility;
         transition-property: clip-path, opacity, visibility, -webkit-clip-path;
         -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
         transition-duration: 0.3s;
         border-radius: 3px;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li {
         width: 100%;
         padding: 7px 0;
         border-bottom: 0.5px dotted #ffffff14;
         font-size: 15px;
         font-weight: 500;
         margin-bottom: 0;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li .dsn-meta-menu {
         display: none;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:last-child {
         border-bottom: 0;
         margin-bottom: 0;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:before {
         position: relative;
         content: '-';
         opacity: 0;
         top: -4px;
         visibility: hidden;
         margin-left: -4px;
         -webkit-transition: 0.5s;
         -o-transition: 0.5s;
         transition: 0.5s;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li.dsn-active,
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:hover {
         color: #fff;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li.dsn-active:before,
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li ul li:hover:before {
         opacity: 1;
         visibility: visible;
         margin-left: 5px;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li:hover ul {
         -webkit-clip-path: inset(0 0 0 0);
         clip-path: inset(0 0 0 0);
         opacity: 1;
         visibility: visible;
         -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
         transition-delay: 0.2s;
     }
     .classic-menu .site-header .extend-container .main-navigation ul.extend-container>li:last-child ul {
         left: -32px;
     }
 }
 
 .footer-navigation {
     display: inline;
 }
 
 .footer-navigation>div {
     display: inline;
 }
 
 .footer-navigation .footer-menu {
     display: inline;
     padding-right: 0;
 }
 
 .footer-navigation .footer-menu li {
     display: inline;
     margin-left: 1rem;
 }
 
 .next-up.next-project {
     height: auto;
 }
 
 @media only screen and (max-width: 991px) {
     .next-up.next-project+.footer {
         position: relative;
         width: 100%;
         bottom: auto;
         z-index: 2;
     }
 }
 
 .next-up .next-up-inner {
     padding: 80px;
 }
 
 @media only screen and (max-width: 991px) {
     .next-up .next-up-inner {
         padding: 80px 40px;
     }
 }
 
 @media only screen and (max-width: 991px) {
     .next-up .next-up-inner {
         padding: 80px 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .next-up .next-up-inner {
         padding: 80px 15px;
     }
 }
 
 .next-up .next-up-inner h2 {
     text-transform: uppercase;
     margin-bottom: 30px;
     line-height: 1;
 }
 
 .v-light:not(.no-light) .next-up .next-up-inner h2 {
     color: #000;
 }
 
 .next-up .next-up-inner .btn {
     text-align: center;
     padding: 20px 15px;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 3px;
     width: 100%;
 }
 
 .v-light:not(.no-light) .next-up .next-up-inner .btn {
     color: #fff;
 }
 
 .next-up .next-up-inner .infos {
     margin-top: 30px;
     text-transform: uppercase;
 }
 
 .next-up .next-up-inner .infos .infos_content {
     font-size: 17px;
     letter-spacing: 2px;
     color: #fff;
 }
 
 .v-light:not(.no-light) .next-up .next-up-inner .infos .infos_content {
     color: #000;
 }
 
 .next-up .next-up-inner .infos a {
     padding: 8px 28px;
     font-size: 14px;
     font-weight: 600;
     background-color: #f9f9f9;
     color: #000;
 }
 
 .contact-up {
     overflow: hidden;
 }
 
 @media only screen and (max-width: 767px) {
     .contact-up .container,
     .contact-up .header-project .link-vist,
     .header-project .contact-up .link-vist {
         padding-right: 0;
         padding-left: 0;
         margin-right: 0;
         margin-left: 0;
     }
 }
 
 .contact-up .c-wapp {
     padding-right: 15px;
     padding-left: 15px;
 }
 
 .contact-up .c-wapp .section-bg:before,
 .contact-up .c-wapp:after,
 .contact-up .c-wapp:before {
     content: '';
     position: absolute;
     display: block;
     width: 40px;
     height: 100%;
     top: 0;
     background-color: #090909;
     -webkit-transform: skew(-22deg);
     -ms-transform: skew(-22deg);
     transform: skew(-22deg);
     -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     -webkit-transition-property: width, -webkit-transform;
     transition-property: width, -webkit-transform;
     -o-transition-property: width, transform;
     transition-property: width, transform;
     transition-property: width, transform, -webkit-transform;
     right: -70px;
     left: -70px;
 }
 
 .v-light:not(.no-light) .contact-up .c-wapp .section-bg:before,
 .v-light:not(.no-light) .contact-up .c-wapp:after,
 .v-light:not(.no-light) .contact-up .c-wapp:before {
     background-color: #e6e6e6;
 }
 
 @media only screen and (max-width: 767px) {
     .contact-up .c-wapp .section-bg:before,
     .contact-up .c-wapp:after,
     .contact-up .c-wapp:before {
         display: none;
     }
 }
 
 .contact-up .c-wapp:after {
     left: auto;
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
     -webkit-transition-delay: 0.65s;
     -o-transition-delay: 0.65s;
     transition-delay: 0.65s;
 }
 
 .contact-up .c-wapp:before {
     right: auto;
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
 }
 
 .contact-up .c-wapp .section-bg {
     top: 0;
     right: 0;
     background-color: #090909;
     -webkit-transform: skew(-22deg);
     -ms-transform: skew(-22deg);
     transform: skew(-22deg);
 }
 
 .v-light:not(.no-light) .contact-up .c-wapp .section-bg {
     background-color: #e6e6e6;
 }
 
 .contact-up .c-wapp .section-bg:before {
     right: 0;
     left: 0;
     width: 0;
     background-color: #000;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     -webkit-transition-delay: 0.35s;
     -o-transition-delay: 0.35s;
     transition-delay: 0.35s;
 }
 
 .v-light:not(.no-light) .contact-up .c-wapp .section-bg:before {
     background-color: #f9f9f9;
 }
 
 @media only screen and (max-width: 767px) {
     .contact-up .c-wapp .section-bg {
         -webkit-transform: skew(0);
         -ms-transform: skew(0);
         transform: skew(0);
     }
 }
 
 .contact-up .c-wapp a {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
 }
 
 @media only screen and (max-width: 767px) {
     .contact-up .c-wapp a {
         -ms-flex-flow: wrap;
         flex-flow: wrap;
     }
 }
 
 .contact-up .c-wapp a .hiring {
     text-transform: uppercase;
     color: transparent;
     -webkit-text-stroke: .5px #fff;
 }
 
 .contact-up .c-wapp a .hiring:after {
     content: attr(data-dsn-content);
     position: absolute;
     width: 100%;
     height: 100%;
     right: 0;
     color: #fff;
     -webkit-transition: -webkit-clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);
     transition: -webkit-clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);
     transition: clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);
     transition: clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-clip-path 0.4s cubic-bezier(0.77, 0, 0.175, 1);
     -webkit-transition-delay: 0.5s;
     -o-transition-delay: 0.5s;
     transition-delay: 0.5s;
     -webkit-clip-path: inset(0 0 0 0);
     clip-path: inset(0 0 0 0);
 }
 
 .v-light:not(.no-light) .contact-up .c-wapp a .hiring {
     -webkit-text-stroke: .5px #000;
 }
 
 .v-light:not(.no-light) .contact-up .c-wapp a .hiring:after {
     color: #000;
 }
 
 @media only screen and (max-width: 767px) {
     .contact-up .c-wapp a .hiring {
         display: block;
         text-align: center;
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
     }
 }
 
 @media only screen and (max-width: 400px) {
     .contact-up .c-wapp a .hiring {
         font-size: 28px;
     }
 }
 
 .contact-up .c-wapp a .career {
     position: relative;
     display: block;
     font-size: 14px;
     font-weight: 600;
     margin-top: 10px;
 }
 
 .v-light:not(.no-light) .contact-up .c-wapp a .career {
     color: #AA0000;
 }
 
 @media only screen and (max-width: 767px) {
     .contact-up .c-wapp a .career {
         display: block;
         text-align: center;
         width: 100%;
         margin-top: 20px;
     }
 }
 
 .contact-up .c-wapp:hover:after,
 .contact-up .c-wapp:hover:before {
     -webkit-transform: skew(-22deg) scaleX(0);
     -ms-transform: skew(-22deg) scaleX(0);
     transform: skew(-22deg) scaleX(0);
 }
 
 .contact-up .c-wapp:hover:before {
     -webkit-transition-delay: 0.65s;
     -o-transition-delay: 0.65s;
     transition-delay: 0.65s;
 }
 
 .contact-up .c-wapp:hover:after {
     -webkit-transition-delay: 0s;
     -o-transition-delay: 0s;
     transition-delay: 0s;
 }
 
 .contact-up .c-wapp:hover .section-bg:before {
     width: 100%;
 }
 
 .contact-up .c-wapp:hover a .hiring:after {
     -webkit-clip-path: inset(0 0 0 100%);
     clip-path: inset(0 0 0 100%);
 }
 
 .next-project {
     height: 85vh;
 }
 
 .next-project .img-next-box {
     top: 0;
 }
 
 .next-project.dsn-active .title .img-box-shadow {
     opacity: 0;
 }
 
 .v-light:not(.no-light) .next-project .title {
     color: #fff;
 }
 
 .next-project .title .img-box-shadow {
     position: absolute;
     background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #000), to(rgba(0, 0, 0, 0.26)));
     background-image: -webkit-linear-gradient(left, #000 20%, rgba(0, 0, 0, 0.26) 100%);
     background-image: -o-linear-gradient(left, #000 20%, rgba(0, 0, 0, 0.26) 100%);
     background-image: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0.26) 100%);
     height: 95vh;
     bottom: 50%;
     margin-bottom: -43vh;
     -webkit-transition: opacity 2.5s;
     -o-transition: opacity 2.5s;
     transition: opacity 2.5s;
     z-index: -1;
 }
 
 .next-project .title a:hover+.img-box-shadow {
     opacity: 0;
 }
 
 .next-project .bg-title {
     top: 20px;
     right: 0;
     font-size: 8vw;
     line-height: 1;
     text-transform: uppercase;
     color: transparent;
     -webkit-text-stroke: 1px #fff;
     opacity: 0.035;
     z-index: -1;
 }
 
 .next-project .next-label {
     top: 0;
 }
 
 .next-project .next-inner {
     z-index: 2;
 }
 
 .next-project .metas {
     margin-bottom: 25px;
 }
 
 .next-project a.link {
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-top: 20px;
 }
 
 .next-project a.link:before {
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 2px;
     background: #f9f9f9;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: left;
     -ms-transform-origin: left;
     transform-origin: left;
     -webkit-transition: -webkit-transform 0.3s ease-in-out;
     transition: -webkit-transform 0.3s ease-in-out;
     -o-transition: transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
 }
 
 .next-project a.link:hover:before {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: right;
     -ms-transform-origin: right;
     transform-origin: right;
 }
 
 .next-project+.footer {
     position: absolute;
     width: 100%;
     bottom: 0;
     z-index: 2;
 }
 
 @media only screen and (max-width: 991px) {
     .next-project+.footer {
         padding-top: 30px;
     }
 }
 
 .v-light:not(.no-light) .next-project+.footer .column-right .footer-social a {
     color: #fff;
 }
 
 .v-light:not(.no-light) .next-project+.footer .column-left .link-hover,
 .v-light:not(.no-light) .next-project+.footer .column-left h5 {
     color: #fff;
 }
 
 .v-light:not(.no-light) .next-project+.footer .scroll-top img {
     -webkit-filter: none;
     filter: none;
 }
 
 .v-light:not(.no-light) .next-project+.footer .scroll-top i {
     color: #fff;
 }
 
 .next-post-up {
     position: relative;
     background-color: #090909;
     overflow: hidden;
 }
 
 .v-light:not(.no-light) .next-post-up {
     background-color: #e6e6e6;
 }
 
 .next-post-up:before {
     width: 0%;
     height: 100%;
     right: 0;
     top: 0;
     position: absolute;
     background-color: #000;
     content: '';
     -webkit-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
     transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
 }
 
 .v-light:not(.no-light) .next-post-up:before {
     background-color: #f9f9f9;
 }
 
 .next-post-up .c-wapp {
     width: 100%;
     display: table;
 }
 
 .next-post-up .c-wapp:after,
 .next-post-up .c-wapp:before {
     display: none;
 }
 
 .next-post-up .c-wapp a {
     width: 100%;
     height: 100%;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row;
     flex-flow: row;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     overflow: hidden;
 }
 
 @media only screen and (max-width: 767px) {
     .next-post-up .c-wapp a {
         -ms-flex-flow: wrap;
         flex-flow: wrap;
     }
 }
 
 .next-post-up .c-wapp a .hiring {
     width: 50%;
     text-align: right;
     font-size: 42px;
 }
 
 @media only screen and (max-width: 767px) {
     .next-post-up .c-wapp a .hiring {
         display: block;
         text-align: center;
         width: 100%;
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2;
     }
 }
 
 @media only screen and (max-width: 400px) {
     .next-post-up .c-wapp a .hiring {
         font-size: 28px;
     }
 }
 
 .next-post-up .c-wapp a .career {
     color: #fff;
     width: 50%;
     position: relative;
     display: block;
     text-align: left;
     font-size: 14px;
     font-weight: 600;
     margin-top: 10px;
 }
 
 .v-light:not(.no-light) .next-post-up .c-wapp a .career {
     color: #000;
 }
 
 @media only screen and (max-width: 767px) {
     .next-post-up .c-wapp a .career {
         display: block;
         text-align: center;
         width: 100%;
         margin-top: 0;
         margin-bottom: 15px;
     }
 }
 
 .next-post-up:hover:before {
     width: 100%;
 }
 
 .dsn-pagination {
     position: relative;
     margin-top: 120px;
     margin-bottom: 120px;
 }
 
 @media only screen and (max-width: 991px) {
     .dsn-pagination {
         margin-top: 80px;
         margin-bottom: 80px;
     }
 }
 
 .dsn-pagination .page-numbers {
     position: relative;
     font-size: 64px;
     font-weight: 700;
     margin-left: 30px;
     -webkit-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
     -o-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
     transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
 }
 
 @media only screen and (max-width: 575px) {
     .dsn-pagination .page-numbers {
         font-size: 30px;
         margin-left: 20px;
     }
 }
 
 .dsn-pagination .page-numbers.current {
     color: #fff;
     -webkit-transform: scale(0.7);
     -ms-transform: scale(0.7);
     transform: scale(0.7);
 }
 
 .v-light:not(.no-light) .dsn-pagination .page-numbers.current {
     color: #000;
 }
 
 .dsn-pagination .page-numbers:hover {
     color: #fff;
 }
 
 .v-light:not(.no-light) .dsn-pagination .page-numbers:hover {
     color: #000;
 }
 
 .dsn-pagination .next,
 .dsn-pagination .prev {
     width: 90px;
     height: 90px;
     top: 20px;
 }
 
 @media only screen and (max-width: 575px) {
     .dsn-pagination .next,
     .dsn-pagination .prev {
         width: 60px;
         height: 60px;
     }
 }
 
 .dsn-pagination .next .button-m,
 .dsn-pagination .prev .button-m {
     position: absolute;
     display: inline-block;
     text-align: center;
     width: 100%;
     height: 100%;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
 }
 
 @media only screen and (max-width: 575px) {
     .dsn-pagination .next .button-m,
     .dsn-pagination .prev .button-m {
         width: 65px;
         height: 65px;
     }
 }
 
 .dsn-pagination .next .button-m:before,
 .dsn-pagination .prev .button-m:before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     z-index: -1;
     border-radius: 50%;
     background: #090909;
     -webkit-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
     -o-transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
     transition: all 0.45s cubic-bezier(0.08, 0.58, 0.17, 0.94);
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);
 }
 
 .dsn-pagination .next .button-m svg,
 .dsn-pagination .prev .button-m svg {
     position: absolute;
     top: 0;
     right: -10%;
     fill: #fff;
     z-index: 1;
     width: 30px;
     height: 100%;
     opacity: 1;
     -webkit-transform: scaleX(-1) translateX(20%);
     -ms-transform: scaleX(-1) translateX(20%);
     transform: scaleX(-1) translateX(20%);
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     vertical-align: middle;
 }
 
 @media only screen and (max-width: 575px) {
     .dsn-pagination .next .button-m svg,
     .dsn-pagination .prev .button-m svg {
         right: -35%;
     }
 }
 
 .dsn-pagination .next .button-m span,
 .dsn-pagination .prev .button-m span {
     top: 38px;
     position: relative;
     display: block;
     z-index: 2;
     font-weight: 400;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: #fff;
     -webkit-transform: translateX(-9%);
     -ms-transform: translateX(-9%);
     transform: translateX(-9%);
     -webkit-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 
 @media only screen and (max-width: 575px) {
     .dsn-pagination .next .button-m span,
     .dsn-pagination .prev .button-m span {
         top: 25px;
         right: -5px;
     }
 }
 
 .dsn-pagination .next .button-m:hover:before,
 .dsn-pagination .prev .button-m:hover:before {
     -webkit-transform: scale(0.7);
     -ms-transform: scale(0.7);
     transform: scale(0.7);
 }
 
 .dsn-pagination .next .button-m:hover svg,
 .dsn-pagination .prev .button-m:hover svg {
     opacity: 0;
     -webkit-transform: scaleX(-1) translateX(-20%) !important;
     -ms-transform: scaleX(-1) translateX(-20%) !important;
     transform: scaleX(-1) translateX(-20%) !important;
 }
 
 .dsn-pagination .next .button-m:hover span,
 .dsn-pagination .prev .button-m:hover span {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
 }
 
 .dsn-pagination .next.prev .button-m,
 .dsn-pagination .prev.prev .button-m {
     margin-left: 10px;
     margin-right: 0;
 }
 
 .dsn-pagination .next.prev .button-m svg,
 .dsn-pagination .prev.prev .button-m svg {
     left: -10%;
     right: auto;
     -webkit-transform: translateX(20%) rotate(-180deg);
     -ms-transform: translateX(20%) rotate(-180deg);
     transform: translateX(20%) rotate(-180deg);
 }
 
 @media only screen and (max-width: 575px) {
     .dsn-pagination .next.prev .button-m svg,
     .dsn-pagination .prev.prev .button-m svg {
         left: -35%;
     }
 }
 
 .dsn-pagination .next.prev .button-m span,
 .dsn-pagination .prev.prev .button-m span {
     -webkit-transform: translateX(9%);
     -ms-transform: translateX(9%);
     transform: translateX(9%);
 }
 
 @media only screen and (max-width: 575px) {
     .dsn-pagination .next.prev .button-m span,
     .dsn-pagination .prev.prev .button-m span {
         top: 25px;
         left: -5px;
         right: auto;
     }
 }
 
 .dsn-pagination .next.prev:hover svg,
 .dsn-pagination .prev.prev:hover svg {
     -webkit-transform: translateX(-20%) rotate(-180deg) !important;
     -ms-transform: translateX(-20%) rotate(-180deg) !important;
     transform: translateX(-20%) rotate(-180deg) !important;
 }
 
 .dsn-pagination .next.prev:hover span,
 .dsn-pagination .prev.prev:hover span {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0);
 }
 
 .title-cover {
     position: absolute;
     width: 100%;
     font-family: 'YekanBakhFaNum';
     font-size: 10vw;
     font-weight: 600;
     text-align: center;
     opacity: 0;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     z-index: 1;
     text-transform: uppercase;
     pointer-events: none;
     overflow: hidden;
 }
 
 .intro-about .intro-about-info {
     padding-left: 50px;
 }
 
 @media only screen and (max-width: 991px) {
     .intro-about .intro-about-info {
         margin-bottom: 50px;
         padding-left: 0;
     }
 }
 
 .intro-about .intro-about-info .accordion__item {
     margin-bottom: 0;
     padding: 10px 0;
     border-bottom: 1px solid #0e0e0d;
 }
 
 .intro-about .intro-about-info .accordion__item:first-of-type {
     padding-top: 0;
 }
 
 .v-light:not(.no-light) .intro-about .intro-about-info .accordion__item {
     border-color: #bebebe;
 }
 
 .intro-about .intro-about-info .accordion__answer {
     padding-right: 50px;
 }
 
 .intro-about .intro-about-info .accordion__answer p {
     padding-bottom: 10px;
 }
 
 @media only screen and (max-width: 767px) {
     .intro-about .intro-about-info .accordion__answer {
         padding-right: 0;
     }
 }
 
 .intro-about .box-img {
     height: 100%;
     padding-right: 50px;
 }
 
 @media only screen and (max-width: 991px) {
     .intro-about .box-img {
         padding-right: 0;
         height: 80vh;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .intro-about .box-img img {
         width: 100%;
     }
 }
 
 .intro-about .box-img .exper {
     bottom: 0;
     right: 0;
     padding: 60px;
     overflow: hidden;
 }
 
 @media only screen and (max-width: 767px) {
     .intro-about .box-img .exper {
         width: -webkit-max-content;
         width: -moz-max-content;
         width: max-content;
         padding: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .intro-about .box-img .exper {
         padding: 30px 15px;
     }
 }
 
 @media only screen and (max-width: 400px) {
     .intro-about .box-img .exper {
         width: 100%;
     }
 }
 
 .v-light:not(.no-light) .intro-about .box-img .exper {
     background-color: #AA0000;
 }
 
 .intro-about .box-img .exper .numb-ex .word-text {
     font-size: 120px;
     font-weight: 700;
     color: #fff;
     line-height: 85px;
 }
 
 .intro-about .box-img .exper h4 {
     font-size: 18px;
     margin-top: 20px;
     margin-bottom: 0;
 }
 
 .v-light:not(.no-light) .intro-about .box-img .exper h4 {
     color: #fff;
 }
 
 .accordion {
     line-height: 1.2;
 }
 
 .accordion__answer {
     display: none;
     max-width: 400px;
     padding-top: 10px;
 }
 
 .accordion__answer.active {
     display: block;
 }
 
 .accordion__item {
     margin-bottom: 30px;
 }
 
 @media only screen and (max-width: 767px) {
     .accordion__item {
         margin-bottom: 20px;
     }
 }
 
 .accordion__item:last-of-type {
     margin-bottom: 0;
 }
 
 .accordion__question {
     padding: 8px 0 0 15px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
 .accordion__question:first-of-type {
     padding-top: 0;
 }
 
 .accordion__question .icon {
     width: 35px;
     margin-left: 15px;
 }
 
 .accordion__question h4 {
     font-weight: 600;
     margin-bottom: 0;
 }
 
 .accordion__question:before {
     content: '';
     display: inline-block;
     border: solid #AA0000;
     border-width: 0 0 2px 2px;
     padding: 3px;
     position: absolute;
     top: 40%;
     left: 0;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transition: -webkit-transform 0.2s linear;
     transition: -webkit-transform 0.2s linear;
     -o-transition: transform 0.2s linear;
     transition: transform 0.2s linear;
     transition: transform 0.2s linear, -webkit-transform 0.2s linear;
 }
 
 .v-light:not(.no-light) .accordion__question:before {
     border-color: #AA0000;
 }
 
 .expanded.accordion__question:before {
     content: '';
     border: solid #AA0000;
     border-width: 0 0 2px 2px;
     display: inline-block;
     padding: 3px;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     transform: rotate(135deg);
     -webkit-transition: -webkit-transform 0.2s linear;
     transition: -webkit-transform 0.2s linear;
     -o-transition: transform 0.2s linear;
     transition: transform 0.2s linear;
     transition: transform 0.2s linear, -webkit-transform 0.2s linear;
 }
 
 .v-light:not(.no-light) .expanded.accordion__question:before {
     border-color: #AA0000;
 }
 
 .intro-project {
     position: relative;
 }
 
 .intro-project .intro-text {
     position: relative;
 }
 
 .intro-project .title-cover {
     text-align: right;
 }
 
 .intro-project h2 {
     letter-spacing: 2px;
 }
 
 .intro-project:not(.text-center) .inner {
     max-width: 750px;
 }
 
 .intro-project .inner>p {
     font-weight: 700;
     margin-top: 20px;
 }
 
 @media only screen and (max-width: 575px) {
     .intro-project .inner>p {
         font-size: 14px;
     }
 }
 
 .intro-project.text-center .intro-text {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     max-width: 750px;
 }
 
 @media only screen and (max-width: 575px) {
     .intro-project.text-center .intro-text {
         max-width: 100%;
         overflow: hidden;
     }
 }
 
 .intro-project.text-center .intro-text .title-cover {
     text-align: center;
 }
 
 .intro-project.text-center .intro-text .intro-project-details {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
 
 .service:not(.service-3) .service-content:nth-of-type(n+3) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 767px) {
     .service:not(.service-3) .service-content:nth-of-type(n+3) {
         margin-top: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .service:not(.service-3) .service-content:nth-of-type(n+2) {
         margin-top: 30px;
     }
 }
 
 .service .services-item {
     padding: 30px 30px 50px;
     -webkit-box-shadow: 0 7px 9px rgba(0, 0, 0, 0.02);
     box-shadow: 0 7px 9px rgba(0, 0, 0, 0.02);
     border: 2px solid #0e0e0d;
 }
 
 .v-light:not(.no-light) .service .services-item {
     border-color: #bebebe;
 }
 
 @media only screen and (max-width: 991px) {
     .service .services-item {
         padding: 30px 25px;
     }
 }
 
 .service .services-item .after-bg {
     top: 0;
     right: 0;
     opacity: 0.01;
 }
 
 @media only screen and (max-width: 767px) {
     .service .services-item {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
 }
 
 .service .services-item span {
     font-size: 55px;
     font-weight: 100;
     font-family: 'YekanBakhFaNum';
     line-height: 95px;
     height: 60px;
     overflow: hidden;
 }
 
 .v-light:not(.no-light) .service .services-item span {
     color: #AA0000;
 }
 
 @media only screen and (max-width: 991px) {
     .service .services-item span {
         display: none;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .service .services-item span {
         display: none;
     }
 }
 
 .service .services-item .icon {
     margin-left: 25px;
     line-height: 100px;
 }
 
 @media only screen and (max-width: 991px) {
     .service .services-item .icon {
         line-height: initial;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .service .services-item .icon {
         margin-left: 0;
         margin-bottom: 20px;
         line-height: 1.2;
     }
 }
 
 .service .services-item .icon img {
     width: 90px;
 }
 
 @media only screen and (max-width: 767px) {
     .service .services-item .icon img {
         width: 40px;
     }
 }
 
 .service.service-3 .service-content:nth-of-type(n+4) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 767px) {
     .service.service-3 .service-content:nth-of-type(n+3) {
         margin-top: 40px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .service.service-3 .service-content:nth-of-type(n+2) {
         margin-top: 40px;
     }
 }
 
 .service.service-3 .services-item {
     padding: 25px;
     height: 440px;
 }
 
 .service.service-3 .services-item .bg-section {
     right: 0;
 }
 
 .service.service-3 .services-item .bg-section:after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     z-index: 2;
     opacity: 0;
     background-color: rgba(9, 9, 9, 0.9);
     -webkit-box-shadow: inset 0 -75px 60px -35px #000;
     box-shadow: inset 0 -75px 60px -35px #000;
     -webkit-transition: opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     -o-transition: opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     transition: opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
 }
 
 .v-light:not(.no-light) .service.service-3 .services-item .bg-section:after {
     background-color: rgba(249, 249, 249, 0.9);
     -webkit-box-shadow: inset 0 -75px 60px -35px #f9f9f9;
     box-shadow: inset 0 -75px 60px -35px #f9f9f9;
 }
 
 .service.service-3 .services-item .box-content {
     -webkit-transition: background-color 0.5s;
     -o-transition: background-color 0.5s;
     transition: background-color 0.5s;
 }
 
 .service.service-3 .services-item .box-content:after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background-color: #000;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }
 
 .v-light:not(.no-light) .service.service-3 .services-item .box-content:after {
     background-color: #f9f9f9;
 }
 
 .service.service-3 .services-item .box-content .icon {
     margin-left: 0;
     margin-bottom: 20px;
     line-height: 1;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: opacity, -webkit-transform;
     -o-transition-property: transform, opacity;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform;
 }
 
 .service.service-3 .services-item .box-content .icon img {
     width: 60px;
 }
 
 .service.service-3 .services-item .box-content .content-inner {
     margin: auto;
     z-index: 2;
 }
 
 .service.service-3 .services-item .box-content .content-inner .content {
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }
 
 .service.service-3 .services-item .box-content .content-inner p {
     opacity: 0;
 }
 
 .service.service-3 .services-item:hover .bg-section:after {
     opacity: 1;
 }
 
 .service.service-3 .services-item:hover .box-content:after {
     opacity: 0;
 }
 
 .service.service-3 .services-item:hover .box-content .icon {
     -webkit-transform: translateY(-200%);
     -ms-transform: translateY(-200%);
     transform: translateY(-200%);
     opacity: 0;
 }
 
 .service.service-3 .services-item:hover .box-content .content {
     margin-top: -80px;
 }
 
 .service.service-3 .services-item:hover .box-content .content p {
     position: relative;
     opacity: 1;
 }
 
 .hero-about .sm-title-block {
     letter-spacing: 0;
     margin-bottom: 0;
     line-height: 1.6;
 }
 
 .hero-about .sm-title-block+p {
     margin-top: 20px;
 }
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 .services-about {
     position: relative;
     overflow: hidden;
 }
 
 .services-about .services-wp {
     position: relative;
 }
 
 .services-about .services-wp .box-title-services {
     position: relative;
     padding-left: 80px;
 }
 
 @media only screen and (max-width: 991px) {
     .services-about .services-wp .box-title-services {
         padding-left: 0;
     }
 }
 
 .services-about .services-wp .box-title-services ul {
     position: relative;
     list-style: none;
 }
 
 @media only screen and (max-width: 991px) {
     .services-about .services-wp .box-title-services ul {
         margin-bottom: 30px;
     }
 }
 
 .services-about .services-wp .box-title-services ul li {
     padding: 20px 0;
     margin-bottom: 0;
     letter-spacing: 2px;
     color: #fff;
     cursor: pointer;
     -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
     -o-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
     line-height: 1.5;
     border-bottom: 1px solid #0e0e0d;
 }
 
 .v-light:not(.no-light) .services-about .services-wp .box-title-services ul li {
     color: #000;
     /* border-color: #bebebe; */
 }
 
 @media only screen and (max-width: 991px) {
     .services-about .services-wp .box-title-services ul li {
         display: inline-block;
         margin-left: 15px;
         border-bottom: 0;
         padding: 0;
     }
 }
 
 .services-about .services-wp .box-title-services ul li:first-of-type {
     padding-top: 0;
 }
 
 .services-about .services-wp .box-title-services ul li:last-of-type {
     margin-bottom: 0;
     padding-bottom: 0;
     border: 0;
 }
 
 .services-about .services-wp .box-title-services ul li.active {
     color: #AA0000;
 }
 
 .v-light:not(.no-light) .services-about .services-wp .box-title-services ul li.active {
     color: #AA0000;
 }
 
 .services-about .services-wp .content {
     position: relative;
 }
 
 .services-about .services-wp .content .services-item-info {
     position: relative;
     display: none;
 }
 
 .services-about .services-wp .content .services-item-info h5 {
     color: #AA0000;
     font-weight: 500;
     margin-bottom: 20px;
 }
 
 .v-light:not(.no-light) .services-about .services-wp .content .services-item-info h5 {
     color: #AA0000;
 }
 
 .services-about .services-wp .content .services-item-info ul {
     margin-top: 20px;
     list-style: none;
 }
 
 .services-about .services-wp .content .services-item-info ul li {
     position: relative;
     padding-right: 15px;
     margin-bottom: 15px;
     font-size: 18px;
     line-height: 1.1;
 }
 
 .services-about .services-wp .content .services-item-info ul li:last-child {
     margin-bottom: 0;
 }
 
 .services-about .services-wp .content .services-item-info ul li:after {
     content: '';
     position: absolute;
     right: 0;
     top: 8px;
     width: 5px;
     height: 5px;
     border-radius: 50%;
     border-radius: 100%;
     background: #AA0000;
 }
 
 .v-light:not(.no-light) .services-about .services-wp .content .services-item-info ul li:after {
     background-color: #AA0000;
 }
 
 .services-about .services-wp .content .services-item-info:first-child {
     display: block;
 }
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 
 .skills-personal {
     overflow: hidden;
 }
 
 @media only screen and (max-width: 991px) {
     .skills-personal:not(.background-section) {
         padding-top: 0;
         padding-bottom: 0;
         margin-top: 80px;
         margin-bottom: 80px;
     }
 }
 
 .skills-personal:not(.background-section) .skills-inner {
     background-color: #000;
 }
 
 .v-light:not(.no-light) .skills-personal:not(.background-section) .skills-inner {
     background-color: #f9f9f9;
 }
 
 .skills-personal:not(.background-section) .skills-inner:before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     width: 150%;
     height: 100%;
     right: -50%;
     background-color: inherit;
     border-top: 2px solid #0e0e0d;
 }
 
 @media only screen and (max-width: 991px) {
     .skills-personal:not(.background-section) .skills-inner:before {
         border: 0;
     }
 }
 
 .v-light:not(.no-light) .skills-personal:not(.background-section) .skills-inner:before {
     border-color: #bebebe;
 }
 
 @media only screen and (max-width: 991px) {
     .skills-personal:not(.background-section) .skills-inner:before {
         left: -25%;
         right: -25%;
     }
 }
 
 .skills-personal:not(.background-section) .skills-item .bar {
     background-color: #090909;
 }
 
 .v-light:not(.no-light) .skills-personal:not(.background-section) .skills-item .bar {
     background-color: #e6e6e6;
 }
 
 .skills-personal .skills-inner {
     position: relative;
     padding-left: 40px;
 }
 
 @media only screen and (max-width: 991px) {
     .skills-personal .skills-inner {
         padding-top: 0;
         padding-bottom: 0;
     }
 }
 
 @media only screen and (max-width: 991px) {
     .skills-personal .skills-inner {
         padding-left: 0;
     }
 }
 
 .skills-personal .skills-inner .box-text {
     padding-left: 40px;
 }
 
 @media only screen and (max-width: 991px) {
     .skills-personal .skills-inner .skills-wapper {
         margin-top: 30px;
     }
 }
 
 .skills-item {
     position: relative;
     width: 100%;
     margin-bottom: 30px;
     z-index: 2;
 }
 
 @media only screen and (max-width: 767px) {
     .skills-item {
         margin-bottom: 20px;
     }
 }
 
 .skills-item:last-of-type {
     margin-bottom: 0;
 }
 
 .skills-item .bar {
     position: relative;
     width: 100%;
     height: 25px;
     border-radius: 4px;
     background-color: #000;
 }
 
 .v-light:not(.no-light) .skills-item .bar {
     background-color: #f9f9f9;
 }
 
 .skills-item .bar .fill {
     position: absolute;
     width: 0;
     height: 100%;
     background-color: #AA0000;
     background-image: url(../img/pattern.png);
     border-radius: 4px;
 }
 
 .v-light:not(.no-light) .skills-item .bar .fill {
     background-color: #AA0000;
 }
 
 .skills-item .bar .fill .number {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 20px;
     font-family: 'YekanBakhFaNum';
     font-size: 14px;
     font-weight: 700;
     color: #fff;
 }
 
 .skills-item .bar .fill:after {
     content: '';
     width: 0;
     height: 0;
     border-right: 3px solid transparent;
     border-left: 3px solid transparent;
     border-top: 5px solid #fff;
     position: absolute;
     top: 50%;
     left: 5px;
     -webkit-transform: translateY(-50%) rotate(90deg);
     -ms-transform: translateY(-50%) rotate(90deg);
     transform: translateY(-50%) rotate(90deg);
 }
 
 .our-work .container-fluid {
     padding: 0;
 }
 
 .our-work .slick-list {
     padding: 0;
 }
 
 .our-work .work-item {
     height: 100vh;
 }
 
 .our-work .work-item .img-next-box:before {
     z-index: -1;
 }
 
 .our-work .work-item img {
     height: 105%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform 0.5s;
     transition: -webkit-transform 0.5s;
     -o-transition: transform 0.5s;
     transition: transform 0.5s;
     transition: transform 0.5s, -webkit-transform 0.5s;
 }
 
 .our-work .work-item:hover img {
     -webkit-transform: translateY(-5px);
     -ms-transform: translateY(-5px);
     transform: translateY(-5px);
 }
 
 .our-work .work-item a {
     width: 100%;
     height: 100%;
     -webkit-transition: -webkit-transform 0.5s ease-in-out;
     transition: -webkit-transform 0.5s ease-in-out;
     -o-transition: transform 0.5s ease-in-out;
     transition: transform 0.5s ease-in-out;
     transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
 }
 
 .our-work .work-item a[data-dsn-grid='moveUp'] img {
     height: 120%;
 }
 
 .our-work .work-item .item-border {
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.5);
     transition: transform 0.6s, background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.6s;
     z-index: 1;
 }
 
 .our-work .work-item .item-info {
     right: 0;
     padding: 30px;
     width: 100%;
     -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     transition: -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     -o-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     z-index: 2;
     top: auto;
     bottom: 0;
 }
 
 @media only screen and (max-width: 767px) {
     .our-work .work-item .item-info {
         padding: 30px 15px;
     }
 }
 
 .our-work .work-item .item-info .cat {
     font-size: 13px;
     letter-spacing: 2px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 10px;
     font-family: 'YekanBakhFaNum';
     opacity: 0.9;
 }
 
 .v-light:not(.no-light) .our-work .work-item .item-info .cat {
     color: rgba(255, 255, 255, 0.69);
 }
 
 .our-work .work-item .item-info h4 {
     font-size: 25px;
     -webkit-transition: margin-bottom 0.5s ease;
     -o-transition: margin-bottom 0.5s ease;
     transition: margin-bottom 0.5s ease;
     z-index: 3;
     font-weight: 600;
 }
 
 .v-light:not(.no-light) .our-work .work-item .item-info h4 {
     color: #fff;
 }
 
 .our-work .work-item .item-info p {
     margin-top: 10px;
 }
 
 .v-light:not(.no-light) .our-work .work-item .item-info p {
     color: #fff;
 }
 
 .our-work .work-item .item-info span {
     margin-top: 10px;
     color: #fff;
     opacity: 0;
     font-size: 13px;
     text-transform: uppercase;
     letter-spacing: 2px;
     -webkit-transition: opacity 0.6s ease;
     -o-transition: opacity 0.6s ease;
     transition: opacity 0.6s ease;
 }
 
 .our-work .work-item:hover .item-border {
     background-color: rgba(0, 0, 0, 0.8);
 }
 
 .our-work .work-item:hover .item-info {
     -webkit-transform: translate(0, -50px);
     -ms-transform: translate(0, -50px);
     transform: translate(0, -50px);
 }
 
 .our-work .work-item:hover .item-info h4 {
     margin-bottom: 10px;
 }
 
 .our-work .work-item:hover .item-info span {
     opacity: 1;
 }
 
 .work-masonry .filterings-t {
     position: relative;
     margin-bottom: 35px;
 }
 
 .work-masonry .filterings-t .filtering-wrap {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     position: relative;
     border-bottom: 2px solid rgba(255, 255, 255, 0.05);
     text-align: center;
 }
 
 @media only screen and (max-width: 767px) {
     .work-masonry .filterings-t .filtering-wrap {
         width: 100%;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .work-masonry .filterings-t .filtering-wrap {
         border-bottom: 0;
         text-align: right;
     }
 }
 
 .v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap {
     border-bottom: solid 2px rgba(190, 190, 190, 0.27);
 }
 
 .work-masonry .filterings-t .filtering-wrap .filtering {
     overflow: auto;
     position: relative;
     margin-bottom: -2px;
 }
 
 .work-masonry .filterings-t .filtering-wrap .filtering button {
     color: #fff;
     width: auto;
     margin: 0 0 0 20px;
     padding: 0 5px 10px 5px;
     font-size: 14px;
     font-weight: 500;
     display: inline-block;
     cursor: pointer;
     -webkit-transition: all 0.15s ease-in-out;
     -o-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
     -webkit-transition-duration: 0.6s;
     -o-transition-duration: 0.6s;
     transition-duration: 0.6s;
     letter-spacing: 2px;
     text-transform: uppercase;
 }
 
 .work-masonry .filterings-t .filtering-wrap .filtering button:last-child {
     margin: 0;
 }
 
 @media only screen and (max-width: 575px) {
     .work-masonry .filterings-t .filtering-wrap .filtering button {
         margin-left: 10px;
     }
     .work-masonry .filterings-t .filtering-wrap .filtering button:last-of-type {
         margin-top: 15px;
     }
 }
 
 .v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap .filtering button {
     color: #0009;
 }
 
 .work-masonry .filterings-t .filtering-wrap .filtering button.active {
     font-weight: 700;
     border-bottom: solid 2px #fff;
 }
 
 .v-light:not(.no-light) .work-masonry .filterings-t .filtering-wrap .filtering button.active {
     border-bottom: solid 2px #bebebe;
 }
 
 .work-masonry .filterings-t.text-center .filtering-wrap {
     margin: auto;
 }
 
 .work-masonry .projects-list {
     margin-right: -15px;
 }
 
 .work-masonry .projects-list .work-item-box {
     width: auto;
     padding: 0;
     -webkit-transition: width 0.5s;
     -o-transition: width 0.5s;
     transition: width 0.5s;
 }
 
 .work-masonry .projects-list .work-item-box .work-item {
     height: auto;
 }
 
 .work-masonry .projects-list .work-item-box .work-item .img-next-box:before {
     display: none;
 }
 
 .awards-section {
     position: relative;
 }
 
 .awards-section .awards-item {
     padding-bottom: 30px;
     padding-top: 30px;
     border-bottom: 1px solid #1e1e1e;
 }
 
 .v-light:not(.no-light) .awards-section .awards-item {
     border-color: #bebebe;
 }
 
 .awards-section .awards-item .sm-title-block {
     letter-spacing: 0;
 }
 
 .awards-section .awards-item .btn {
     background-color: #AA0000;
 }
 
 .v-light:not(.no-light) .awards-section .awards-item .btn {
     background-color: #AA0000;
 }
 
 @media only screen and (max-width: 767px) {
     .awards-section .awards-item .block-awards {
         text-align: right;
     }
     .awards-section .awards-item .block-awards .btn {
         margin-top: 20px;
     }
 }
 
 .awards-section .awards-item:first-of-type {
     padding-top: 0;
 }
 
 .awards-section .awards-item:last-of-type {
     border-bottom: 0;
     padding-bottom: 0;
 }
 
 .our-blog.our-blog-classic .blog-classic-item:nth-of-type(n+4) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 767px) {
     .our-blog.our-blog-classic .blog-classic-item:nth-of-type(n+3) {
         margin-top: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .our-blog.our-blog-classic .blog-classic-item:nth-of-type(n+2) {
         margin-top: 30px;
     }
 }
 
 .our-blog.our-blog-classic .blog-item {
     -webkit-box-shadow: none;
     box-shadow: none;
     padding: 80px 25px;
     border: 2px solid #0e0e0d;
     margin-left: 0;
 }
 
 .v-light:not(.no-light) .our-blog.our-blog-classic .blog-item {
     border-color: #bebebe;
 }
 
 @media only screen and (max-width: 991px) {
     .our-blog.our-blog-classic .blog-item {
         padding: 30px 25px;
     }
 }
 
 .our-blog.our-blog-classic .blog-item .after-bg {
     top: 0;
     right: 0;
     opacity: 0.05;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }
 
 .our-blog.our-blog-classic .blog-item .after-bg img {
     opacity: 0;
     -webkit-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }
 
 .our-blog.our-blog-classic .blog-item.blog-item-active .after-bg {
     opacity: 0.1;
 }
 
 .our-blog.our-blog-classic .blog-item.blog-item-active .after-bg img {
     opacity: 1;
 }
 
 .our-blog.our-blog-classic .blog-item:hover .after-bg {
     opacity: 0.1;
 }
 
 .our-blog.our-blog-classic .blog-item:hover .after-bg img {
     opacity: 1;
 }
 
 .our-blog.our-blog-classic .blog-item .box-content {
     padding: 0;
 }
 
 .our-blog.our-blog-classic .blog-item .box-content .entry-date {
     font-weight: 600;
     margin-bottom: 20px;
 }
 
 .our-blog.our-blog-classic .blog-item .box-content .link-vist {
     right: auto;
     bottom: auto;
     margin-top: 20px;
 }
 
 .our-blog.our-blog-classic .blog-item .box-content .link-vist .link-vist-text {
     font-weight: 700;
 }
 
 .our-blog.our-blog-classic .blog-item .box-content .link-vist .link-vist-text:before {
     height: 1.5px;
 }
 
 .our-blog.our-blog-sub .blog-sub-item:nth-of-type(n+4) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 767px) {
     .our-blog.our-blog-sub .blog-sub-item:nth-of-type(n+3) {
         margin-top: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .our-blog.our-blog-sub .blog-sub-item:nth-of-type(n+2) {
         margin-top: 30px;
     }
 }
 
 .our-blog.our-blog-sub .blog-item {
     padding: 30px 25px;
     overflow: hidden;
 }
 
 .our-blog.our-blog-sub .blog-item:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: -webkit-linear-gradient(-280deg, rgba(255, 255, 255, 0.1), transparent 75%);
     background: -o-linear-gradient(-280deg, rgba(255, 255, 255, 0.1), transparent 75%);
     background: linear-gradient(-170deg, rgba(255, 255, 255, 0.1), transparent 75%);
     -webkit-transform: skew(10deg) translateX(-50%);
     -ms-transform: skew(10deg) translateX(-50%);
     transform: skew(10deg) translateX(-50%);
     opacity: 0.9;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
     z-index: 2;
 }
 
 .our-blog.our-blog-sub .blog-item .after-bg {
     opacity: 0.09;
 }
 
 .our-blog.our-blog-sub .blog-item .after-bg img {
     opacity: 1;
 }
 
 .our-blog.our-blog-sub .blog-item .box-content {
     position: relative;
     z-index: 2;
 }
 
 .our-blog.our-blog-sub .blog-item .box-content .box-content-body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 
 .our-blog.our-blog-sub .blog-item .box-content .entry-date {
     color: #fff;
     margin-bottom: auto;
 }
 
 .v-light:not(.no-light) .our-blog.our-blog-sub .blog-item .box-content .entry-date {
     color: #000;
 }
 
 .our-blog.our-blog-sub .blog-item .box-content .entry-date span.day {
     display: block;
     font-size: 35px;
     font-weight: 700;
     color: #AA0000;
     line-height: 0.8;
 }
 
 .v-light:not(.no-light) .our-blog.our-blog-sub .blog-item .box-content .entry-date span.day {
     color: #AA0000;
 }
 
 .our-blog.our-blog-sub .blog-item .box-content .content-bottom {
     margin-top: 60%;
 }
 
 .our-blog.our-blog-sub .blog-item .category {
     margin-bottom: 20px;
 }
 
 .our-blog.our-blog-sub .blog-item .category a {
     position: relative;
     font-weight: 600;
     font-size: 14px;
     color: #fff;
     letter-spacing: 1.2px;
 }
 
 .v-light:not(.no-light) .our-blog.our-blog-sub .blog-item .category a {
     color: #0009;
 }
 
 .our-blog.our-blog-sub .blog-item .title-block {
     margin-bottom: 0;
 }
 
 .our-blog.our-blog-sub .blog-item .link-vist {
     margin-top: 10px;
 }
 
 .our-blog.our-blog-sub .blog-item:hover:before {
     -webkit-transform: skew(10deg) translateX(-25%);
     -ms-transform: skew(10deg) translateX(-25%);
     transform: skew(10deg) translateX(-25%);
 }
 
 .our-blog.our-blog-sub .blog-item:hover .after-bg {
     opacity: 0.04;
 }
 
 .v-light:not(.no-light) .our-blog .link-vist .link-vist-text {
     color: #000;
 }
 
 .v-light:not(.no-light) .our-blog .link-vist .link-vist-text:before {
     background-color: #000;
 }
 
 .v-light:not(.no-light) .our-blog .link-vist .link-vist-arrow svg * {
     stroke: #000;
 }
 
 .video-section {
     height: 90vh;
 }
 
 .video-section .icon-circle,
 .video-section .play-btn,
 .video-section .text-play {
     width: 80px;
     height: 80px;
     line-height: 80px;
     border-radius: 50%;
     margin: auto;
     text-align: center;
     color: #fff;
     font-weight: 600;
 }
 
 @media only screen and (max-width: 991px) {
     .video-section .play-btn {
         background-color: #AA0000;
     }
     .v-light:not(.no-light) .video-section .play-btn {
         background-color: #AA0000;
     }
 }
 
 .video-section .icon-circle {
     position: absolute;
     top: 0;
     z-index: -1;
     background-color: #AA0000;
 }
 
 .v-light:not(.no-light) .video-section .icon-circle {
     background-color: #AA0000;
 }
 
 .video-section .text-play {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
 }
 
 .testimonials-2:not(.testimonials-3) .testimonials-main-content {
     padding: 50px 0;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2:not(.testimonials-3) .testimonials-main-content {
         padding: 30px 0;
     }
 }
 
 .testimonials-2 .slick-list {
     padding: 0 !important;
 }
 
 .testimonials-2 .testimonials-nav {
     width: 100%;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2 .testimonials-nav {
         margin-bottom: 30px;
     }
 }
 
 @media only screen and (max-width: 400px) {
     .testimonials-2 .testimonials-nav {
         display: none;
     }
 }
 
 .testimonials-2 .testimonials-nav .testimonials-nav-item-inner {
     width: 70%;
     text-align: center;
     -webkit-transform: scale(0.5);
     -ms-transform: scale(0.5);
     transform: scale(0.5);
     -webkit-transition: -webkit-transform 0.8s;
     transition: -webkit-transform 0.8s;
     -o-transition: transform 0.8s;
     transition: transform 0.8s;
     transition: transform 0.8s, -webkit-transform 0.8s;
     cursor: pointer;
 }
 
 @media only screen and (max-width: 575px) {
     .testimonials-2 .testimonials-nav .testimonials-nav-item-inner {
         width: 50%;
     }
 }
 
 .testimonials-2 .testimonials-nav .testimonials-nav-item-inner img {
     width: 100%;
     border-radius: 50%;
 }
 
 .testimonials-2 .testimonials-nav .slick-current .testimonials-nav-item-inner {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }
 
 .testimonials-2 .testimonials-main-content {
     position: relative;
 }
 
 .testimonials-2 .testimonials-main-content:after {
     content: '”';
     left: 30px;
     bottom: -40px;
     position: absolute;
     font-size: 150px;
     font-weight: 700;
     color: #fff;
     opacity: 0.3;
 }
 
 @media only screen and (max-width: 575px) {
     .testimonials-2 .testimonials-main-content:after {
         display: none;
     }
 }
 
 .testimonials-2 .testimonials-main-content .testimonials-item .top-box {
     padding: 0 40px;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2 .testimonials-main-content .testimonials-item .top-box {
         padding: 0 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .testimonials-2 .testimonials-main-content .testimonials-item .top-box {
         padding: 0 15px;
     }
 }
 
 .testimonials-2 .testimonials-main-content .testimonials-item .bottom-box {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     background-color: #AA0000;
     -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
     clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
     margin-top: 20px;
     padding: 20px 40px 20px 65px;
 }
 
 .v-light:not(.no-light) .testimonials-2 .testimonials-main-content .testimonials-item .bottom-box {
     background-color: #AA0000;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2 .testimonials-main-content .testimonials-item .bottom-box {
         padding: 20px 20px 20px 40px;
     }
 }
 
 .testimonials-2 .testimonials-main-content .testimonials-item .sm-title-block {
     margin-bottom: 10px;
 }
 
 .v-light:not(.no-light) .testimonials-2 .testimonials-main-content .testimonials-item .sm-title-block {
     color: #fff;
 }
 
 .testimonials-2 .testimonials-main-content .testimonials-item h6 {
     color: rgba(255, 255, 255, 0.69);
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 1.5px;
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav {
     position: relative;
     overflow: hidden;
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav:before {
     content: '';
     position: absolute;
     top: -35px;
     left: 65%;
     width: 100%;
     height: 350px;
     border: 2px solid #0e0e0d;
     border-radius: 50%;
 }
 
 .v-light:not(.no-light) .testimonials-2.testimonials-3 .testimonials-nav:before {
     border-color: #bebebe;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2.testimonials-3 .testimonials-nav:before {
         display: none;
     }
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     text-align: right;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);
     margin-bottom: 10px;
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner img {
     width: 80px;
     border-radius: 50%;
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info {
     margin-right: 10px;
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info h5 {
     color: #AA0000;
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 1.2px;
     margin-bottom: 10px;
 }
 
 .v-light:not(.no-light) .testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info h5 {
     color: #AA0000;
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav .testimonials-nav-item-inner .info h6 {
     font-size: 14px;
     font-weight: 500;
 }
 
 .testimonials-2.testimonials-3 .testimonials-nav .slick-current .testimonials-nav-item-inner {
     -webkit-transform: translateX(-50px);
     -ms-transform: translateX(-50px);
     transform: translateX(-50px);
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2.testimonials-3 .testimonials-nav .slick-current .testimonials-nav-item-inner {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }
 }
 
 .testimonials-2.testimonials-3 .testimonials-main-content {
     position: relative;
     padding-bottom: 40px;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2.testimonials-3 .testimonials-main-content {
         padding-bottom: 0;
     }
 }
 
 .testimonials-2.testimonials-3 .testimonials-main-content:after {
     display: none;
 }
 
 .testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item {
     padding: 0;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item .top-box {
         padding-right: 0;
     }
 }
 
 .testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item:after {
     content: '”';
     position: absolute;
     top: -15px;
     right: 0;
     font-size: 40px;
     line-height: 0.7;
     -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
     transform: rotate(-180deg);
 }
 
 .testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item:before {
     content: '”';
     position: absolute;
     bottom: -15px;
     left: 0;
     font-size: 40px;
     line-height: 0.7;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2.testimonials-3 .testimonials-main-content .testimonials-item {
         padding: 0;
     }
 }
 
 .testimonials-2.testimonials-3 .slick-arrow {
     bottom: -20px;
     width: 40px;
     line-height: 50px;
     text-align: center;
     position: absolute;
     display: block;
     cursor: pointer;
     z-index: 2;
 }
 
 .testimonials-2.testimonials-3 .slick-arrow.fa-angle-right {
     right: 25px;
 }
 
 .testimonials-2.testimonials-3 .slick-arrow.fa-angle-left {
     right: 75px;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2.testimonials-3 .slick-arrow {
         display: none !important;
     }
 }
 
 .testimonials-2.testimonials-3.testimonials-new {
     position: relative;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner {
     position: relative;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner:after {
     content: '”';
     font-family: 'YekanBakhFaNum', sans-serif;
     position: absolute;
     bottom: -70px;
     left: 30px;
     font-weight: 800;
     font-size: 165px;
     line-height: 100px;
     color: #fff;
 }
 
 .v-light:not(.no-light) .testimonials-2.testimonials-3.testimonials-new .testimonials-inner:after {
     color: #000;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box .p-larg {
     font-family: 'YekanBakhFaNum';
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5 {
     position: relative;
     margin-bottom: 25px;
     padding-bottom: 25px;
 }
 
 .v-light:not(.no-light) .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5 {
     color: #000;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:after,
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:before {
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:after {
     width: 6px;
     height: 6px;
     background-color: #fff;
     border-radius: 50%;
 }
 
 .v-light:not(.no-light) .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:after {
     background-color: #000;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner .testimonials-item .top-box h5:before {
     bottom: 3px;
     width: 80px;
     height: 1px;
     background: -webkit-gradient(linear, right top, left top, color-stop(0, #eee), color-stop(35%, #bababa), color-stop(65%, #999), to(#212121));
     background: -webkit-linear-gradient(right, #eee 0, #bababa 35%, #999 65%, #212121 100%);
     background: -o-linear-gradient(right, #eee 0, #bababa 35%, #999 65%, #212121 100%);
     background: linear-gradient(to left, #eee 0, #bababa 35%, #999 65%, #212121 100%);
 }
 
 .testimonials-2.testimonials-3.testimonials-new .section-title-2 {
     position: absolute;
     width: 100%;
     text-align: left;
     margin-bottom: 0;
     top: 0;
     margin-left: 80px;
     right: 0;
     padding-left: 35px;
 }
 
 @media only screen and (max-width: 991px) {
     .testimonials-2.testimonials-3.testimonials-new .section-title-2 {
         position: relative;
         text-align: right;
         top: auto;
         margin-bottom: 50px;
     }
 }
 
 @media only screen and (max-width: 991px) {
     .testimonials-2.testimonials-3.testimonials-new .section-title-2 {
         margin-bottom: 40px;
     }
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-inner {
     padding: 60px 35px;
 }
 
 @media only screen and (max-width: 767px) {
     .testimonials-2.testimonials-3.testimonials-new .testimonials-inner {
         padding: 60px 15px;
     }
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-nav:before {
     content: '';
     position: absolute;
     top: -8px;
     left: 70%;
     width: 100%;
     height: 210px;
     border: 2px solid #0e0e0d;
     border-radius: 50%;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-nav .testimonials-nav-item {
     margin: 3px 0;
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-nav-item-inner {
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);
 }
 
 .testimonials-2.testimonials-3.testimonials-new .testimonials-nav-item-inner img {
     width: 50px;
     border-radius: 50%;
 }
 
 .brand-inner .slick-list {
     padding: 20px;
 }
 
 .brand-inner .slick-list:after,
 .brand-inner .slick-list:before {
     position: absolute;
     content: '';
     display: block;
     right: 0;
     left: 0;
     height: 1px;
     background-color: rgba(255, 255, 255, 0.03);
 }
 
 .brand-inner .slick-list:before {
     top: 20px;
 }
 
 .brand-inner .slick-list:after {
     bottom: 20px;
 }
 
 .brand-inner .slick-slide {
     position: relative;
     height: 110px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
 
 .v-light:not(.no-light) .brand-inner .slick-slide {
     background-color: #090909;
 }
 
 .brand-inner .slick-slide .after-bg {
     right: 0;
     top: 0;
     opacity: 0.1;
 }
 
 .brand-inner .slick-slide:before {
     content: '';
     display: block;
     position: absolute;
     width: 1px;
     height: 160px;
     background: rgba(255, 255, 255, 0.03);
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .v-light:not(.no-light) .brand-inner .slick-slide:before {
     background-color: #bebebe;
 }
 
 .brand-inner .slick-slide .brand-item {
     z-index: 2;
 }
 
 .brand-inner .slick-slide img {
     width: 110px;
 }
 
 .brand-client {
     margin-top: 150px !important;
     position: relative;
 }
 
 .brand-client .wapper-client {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .brand-client .wapper-client .logo-box {
     position: relative;
     background-color: #0D5470;
     /* border: 5px solid #AA0000 !important; */
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     text-align: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: calc(25% - 2px);
     padding: 15px;
     min-height: 240px;
     margin-left: 2px;
     margin-bottom: 2px;
     overflow: hidden;
     border-radius: 20px !important;
 }
 .v-light:not(.no-light) .brand-client .wapper-client .logo-box {
     background-color: #0D5470;
     border-color: #0D5470;
 }
 .brand-client .wapper-client .logo-box .after-bg {
     top: 0;
     right: 0;
     opacity: 0.1;
 }
 
 @media only screen and (max-width: 991px) {
     .brand-client .wapper-client .logo-box {
         width: calc(33.333% - 2px);
     }
 }
 
 @media only screen and (max-width: 767px) {
     .brand-client .wapper-client .logo-box {
         width: calc(50% - 2px);
     }
 }
 
 @media only screen and (max-width: 575px) {
     .brand-client .wapper-client .logo-box {
         width: 100%;
     }
 }
 
 .brand-client .wapper-client .logo-box img {
     max-width: 180px;
     margin: auto;
 }
 
 .brand-client .wapper-client .logo-box .info {
     position: absolute;
     height: 100%;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 2;
 }
 
 .brand-client .wapper-client .logo-box .info .content {
     width: 100%;
     height: 100%;
     bottom: 0;
     right: 0;
     position: absolute;
     text-align: center;
     -webkit-transition: -webkit-clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);
     transition: -webkit-clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);
     -o-transition: clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);
     transition: clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);
     transition: clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1), -webkit-clip-path 0.56s cubic-bezier(0.77, 0, 0.175, 1);
     background: #000;
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 0);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 0);
 }
 
 .v-light:not(.no-light) .brand-client .wapper-client .logo-box .info .content {
     background-color: #f9f9f9;
 }
 
 .brand-client .wapper-client .logo-box .info .content .entry {
     position: absolute;
     right: 0;
     top: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     vertical-align: middle;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 10%;
     width: 100%;
     height: 100%;
     opacity: 1;
     cursor: pointer;
 }
 
 .brand-client .wapper-client .logo-box .info .content .entry div {
     width: 100%;
 }
 
 .brand-client .wapper-client .logo-box .info .content .entry div h5 {
     margin-bottom: 20px;
 }
 
 .brand-client .wapper-client .logo-box .info .content .entry div a {
     letter-spacing: 2px;
     font-weight: 600;
 }
 
 .brand-client .wapper-client .logo-box .info:hover .content {
     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
 }
 
 .facts {
     height: 80vh;
 }
 
 @media only screen and (max-width: 991px) {
     .facts {
         height: auto;
         padding-top: 80px;
         padding-bottom: 80px;
     }
 }
 
 .facts .bg-section div:before {
     z-index: 1;
 }
 
 .v-light:not(.no-light) .facts .section-title h2 {
     color: #fff;
 }
 
 .facts .section-title p {
     font-weight: 600;
 }
 
 .v-light:not(.no-light) .facts .section-title p {
     color: rgba(255, 255, 255, 0.69);
 }
 
 @media only screen and (max-width: 991px) {
     .facts .section-title p {
         margin-right: 0;
     }
 }
 
 .facts .section-title span {
     line-height: 50%;
 }
 
 @media only screen and (max-width: 991px) {
     .facts .section-title span {
         display: none;
     }
 }
 
 .facts .section-title span img {
     width: 70px;
 }
 
 .facts .facts-inner {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .facts .facts-inner .fact-item {
     width: calc(33.33333% - 15px);
     margin-left: 15px;
     border: 1px solid rgba(165, 100, 51, 0.44);
 }
 
 .facts .facts-inner .fact-item:last-of-type {
     margin-left: 0;
 }
 
 @media only screen and (max-width: 575px) {
     .facts .facts-inner .fact-item {
         width: 100%;
         margin-left: 0;
     }
     .facts .facts-inner .fact-item:nth-of-type(n+2) {
         margin-top: 30px;
     }
 }
 
 .v-light:not(.no-light) .facts .facts-inner .fact-item {
     border-color: #AA0000;
 }
 
 .facts .facts-inner .fact-item .box-title {
     padding: 30px 20px;
 }
 
 @media only screen and (max-width: 767px) {
     .facts .facts-inner .fact-item .box-title {
         padding: 30px 15px;
     }
 }
 
 .facts .facts-inner .fact-item .box-title h5 {
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 2px;
 }
 
 .v-light:not(.no-light) .facts .facts-inner .fact-item .box-title h5 {
     color: #fff;
 }
 
 .facts .facts-inner .fact-item .box-title:after {
     content: '';
     width: 40px;
     height: 3px;
     background: #AA0000;
     position: absolute;
     right: 15px;
     top: 0;
 }
 
 .v-light:not(.no-light) .facts .facts-inner .fact-item .box-title:after {
     background-color: #AA0000;
 }
 
 .facts .facts-inner .fact-item .box-number {
     padding: 30px 20px;
 }
 
 @media only screen and (max-width: 767px) {
     .facts .facts-inner .fact-item .box-number {
         padding: 30px 15px;
     }
 }
 
 .facts .facts-inner .fact-item .box-number .number {
     color: #fff;
     font-weight: 700;
     font-size: 70px;
     line-height: 0.9;
     letter-spacing: 2px;
 }
 
 @media only screen and (max-width: 575px) {
     .facts .facts-inner .fact-item .box-number .number {
         font-size: 42px;
     }
 }
 
 .fact-number .fact-number-inner {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }
 
 .fact-number .fact-number-inner .fact-number-item {
     width: 33.33333%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-color: #0e0e0d;
     border-style: solid;
     border-width: 0 0 1px 1px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .fact-number .fact-number-inner .fact-number-item:nth-child(3),
 .fact-number .fact-number-inner .fact-number-item:nth-child(6) {
     border-left-width: 0;
 }
 
 .fact-number .fact-number-inner .fact-number-item:before {
     content: '';
     display: block;
     padding-top: 80%;
 }
 
 .fact-number .fact-number-inner .fact-number-item span {
     font-family: 'YekanBakhFaNum';
     color: #fff;
 }
 
 .fact-number .fact-number-inner .fact-number-item .fact-num {
     font-size: 160px;
     font-family: 'YekanBakhFaNum';
     letter-spacing: 0.05vw;
 }
 
 .fact-number .fact-number-inner .fact-number-item .fact-num-title {
     top: 62%;
     right: 68px;
     max-width: 190px;
     padding: 15px 8px;
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     display: block;
 }
 
 .team .team-item-inner:nth-of-type(n+4) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 767px) {
     .team .team-item-inner:nth-of-type(n+3) {
         margin-top: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .team .team-item-inner:nth-of-type(n+2) {
         margin-top: 30px;
     }
 }
 
 .team .team-item {
     border: 2px solid #0e0e0d;
 }
 
 .v-light:not(.no-light) .team .team-item {
     border-color: #bebebe;
 }
 
 .team .team-item .box-img {
     position: relative;
     width: 100%;
     height: 420px;
 }
 
 .team .team-item .box-img:after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     opacity: 0;
     background-color: rgba(27, 26, 26, 0.5);
     -webkit-box-shadow: inset 0 -75px 60px -35px #171616;
     box-shadow: inset 0 -75px 60px -35px #171616;
     -webkit-transition: opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     -o-transition: opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     transition: opacity 0.4s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     z-index: 1;
 }
 
 .team .team-item .box-social {
     position: absolute;
     top: 30px;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     margin-bottom: 15px;
     z-index: 3;
 }
 
 .team .team-item .box-social ul {
     position: absolute;
     top: 0;
     visibility: hidden;
 }
 
 .team .team-item .box-social ul li {
     position: relative;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     color: #fff;
     margin-bottom: -15px;
     -webkit-transition: all 0.2s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     -o-transition: all 0.2s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     transition: all 0.2s cubic-bezier(0.48, 0.83, 0.63, 0.91);
     -webkit-transition-delay: calc(70ms * var(--html-dsn-index));
     -o-transition-delay: calc(70ms * var(--html-dsn-index));
     transition-delay: calc(70ms * var(--html-dsn-index));
     opacity: 0;
 }
 
 .team .team-item .box-social ul li .icon-circle {
     position: absolute;
     width: 30px;
     height: 30px;
     top: 0;
     border-radius: 50%;
     border: 1px solid #AA0000;
     z-index: -1;
     opacity: 0;
 }
 
 .v-light:not(.no-light) .team .team-item .box-social ul li .icon-circle {
     border: #AA0000;
 }
 
 .team .team-item .box-social ul li a {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
 }
 
 .team .team-item .box-social ul li:hover .icon-circle {
     opacity: 1;
 }
 
 .team .team-item .text-box {
     position: absolute;
     bottom: 0;
     right: 0;
     margin: 15px;
     padding: 18px 24px 15px;
     background-color: #090909;
     width: calc(100% - 30px);
     z-index: 3;
 }
 
 .v-light:not(.no-light) .team .team-item .text-box {
     background-color: #e6e6e6;
 }
 
 .team .team-item .text-box h5 {
     position: relative;
     color: rgba(255, 255, 255, 0.69);
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 1.2px;
     margin-bottom: 10px;
     padding-right: 20px;
 }
 
 .v-light:not(.no-light) .team .team-item .text-box h5 {
     color: #0009;
 }
 
 .team .team-item .text-box h5:before {
     content: '';
     position: absolute;
     top: 50%;
     right: 0;
     width: 8px;
     height: 8px;
     background-color: #AA0000;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .v-light:not(.no-light) .team .team-item .text-box h5:before {
     background-color: #AA0000;
 }
 
 .team .team-item .text-box h3 {
     color: #fff;
     margin-bottom: 0;
     letter-spacing: 1px;
 }
 
 .v-light:not(.no-light) .team .team-item .text-box h3 {
     color: #000;
 }
 
 .team .team-item:hover .box-img:after {
     opacity: 1;
 }
 
 .team .team-item:hover .box-social ul {
     visibility: visible;
 }
 
 .team .team-item:hover .box-social ul li {
     opacity: 1;
     margin-bottom: 5px;
 }
 
 [data-dsn-grid='move-up'],
 [data-dsn-grid='moveUp'] {
     position: relative;
     overflow: hidden;
     height: 100vh;
     -webkit-transform-origin: bottom;
     -ms-transform-origin: bottom;
     transform-origin: bottom;
 }
 
 .container [data-dsn-grid='move-up'],
 .container [data-dsn-grid='moveUp'],
 .header-project .link-vist [data-dsn-grid='move-up'],
 .header-project .link-vist [data-dsn-grid='moveUp'] {
     height: 80vh;
 }
 
 @media only screen and (max-width: 767px) {
     [data-dsn-grid='move-up'].parallax-responsive,
     [data-dsn-grid='moveUp'].parallax-responsive {
         height: 70vh;
     }
 }
 
 @media only screen and (max-width: 575px) {
     [data-dsn-grid='move-up'].parallax-responsive,
     [data-dsn-grid='moveUp'].parallax-responsive {
         height: 50vh;
     }
 }
 
 [data-dsn-grid='move-up'] img,
 [data-dsn-grid='move-up'] video,
 [data-dsn-grid='moveUp'] img,
 [data-dsn-grid='moveUp'] video {
     position: relative;
     width: 100%;
     top: -30%;
     height: 130%;
     pointer-events: none;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
     will-change: transform;
 }
 
 [data-dsn-grid='move-up'] img.has-bigger-scale,
 [data-dsn-grid='move-up'] video.has-bigger-scale,
 [data-dsn-grid='moveUp'] img.has-bigger-scale,
 [data-dsn-grid='moveUp'] video.has-bigger-scale {
     -webkit-transform: scale(1.3);
     -ms-transform: scale(1.3);
     transform: scale(1.3);
 }
 
 [data-dsn-grid='move-up'] img.has-skew,
 [data-dsn-grid='move-up'] video.has-skew,
 [data-dsn-grid='moveUp'] img.has-skew,
 [data-dsn-grid='moveUp'] video.has-skew {
     -webkit-transform-origin: 100% 90%;
     -ms-transform-origin: 100% 90%;
     transform-origin: 100% 90%;
     -webkit-transform: skewX(-5deg);
     -ms-transform: skewX(-5deg);
     transform: skewX(-5deg);
 }
 
 [data-dsn-grid='move-up'] img.has-opposite-direction,
 [data-dsn-grid='move-up'] video.has-opposite-direction,
 [data-dsn-grid='moveUp'] img.has-opposite-direction,
 [data-dsn-grid='moveUp'] video.has-opposite-direction {
     height: 120%;
     top: 0;
 }
 
 [data-dsn-grid='move-up'] img[data-dsn-scale='1'],
 [data-dsn-grid='move-up'] video[data-dsn-scale='1'],
 [data-dsn-grid='moveUp'] img[data-dsn-scale='1'],
 [data-dsn-grid='moveUp'] video[data-dsn-scale='1'] {
     -webkit-transform: scale(1.3);
     -ms-transform: scale(1.3);
     transform: scale(1.3);
 }
 
 [data-dsn-grid='move-up'].h-100,
 [data-dsn-grid='moveUp'].h-100 {
     height: 100%;
 }
 
 .section-p h2 {
     max-width: 750px;
     font-size: 25px;
     margin: 0 auto;
 }
 
 @media only screen and (max-width: 991px) {
     .section-p h2 {
         font-size: 22px;
     }
 }
 
 .section-p h2.title {
     font-size: 46px;
     margin-bottom: 30px;
     color: #AA0000;
     text-transform: uppercase;
 }
 
 .v-light:not(.no-light) .section-p h2.title {
     color: #AA0000;
 }
 
 @media only screen and (max-width: 767px) {
     .section-p h2.title {
         font-size: 28px;
     }
 }
 
 .section-p .caption-p {
     margin-top: 15px;
     color: #fff;
 }
 
 .v-light:not(.no-light) .section-p .caption-p {
     color: #000;
 }
 
 .box-seat {
     position: relative;
 }
 
 .box-seat [data-dsn='rStories'].work-masonry .story-item:before,
 .box-seat [data-overlay]:before,
 [data-dsn='rStories'].work-masonry .box-seat .story-item:before {
     z-index: 1;
 }
 
 .box-seat .pro-text {
     position: absolute;
     background-color: #090909;
     padding: 80px;
     left: 80px;
     bottom: -50px;
     border-radius: 7px;
 }
 
 @media only screen and (max-width: 767px) {
     .box-seat .pro-text {
         padding: 80px 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .box-seat .pro-text {
         padding: 80px 15px;
     }
 }
 
 .box-seat .pro-text:not(.container) {
     max-width: 600px;
 }
 
 .box-seat .pro-text .title-cover {
     right: 0;
 }
 
 .box-seat .pro-text h3 {
     font-size: 40px;
     font-weight: 600;
 }
 
 @media only screen and (max-width: 575px) {
     .box-seat .pro-text h3 {
         font-size: 22px;
     }
 }
 
 .v-light:not(.no-light) .box-seat .pro-text {
     background-color: #e6e6e6;
 }
 
 .v-light:not(.no-light) .box-seat .pro-text h3 {
     color: #fff;
 }
 
 .box-seat .pro-text p {
     margin-top: 30px;
 }
 
 @media only screen and (max-width: 767px) {
     .box-seat .pro-text p {
         margin-top: 20px;
     }
 }
 
 .v-light:not(.no-light) .box-seat .pro-text p {
     color: rgba(255, 255, 255, 0.69);
 }
 
 .box-seat.box-seat-full .pro-text {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column;
     flex-flow: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
     background-color: rgba(13, 13, 13, 0.7);
     height: 80%;
     top: 10%;
 }
 
 .v-light:not(.no-light) .box-seat.box-seat-full .pro-text {
     background-color: rgba(0, 0, 0, 0.42);
 }
 
 @media only screen and (max-width: 991px) {
     .v-light:not(.no-light) .box-seat.box-seat-full .pro-text {
         background-color: #000;
     }
 }
 
 .v-light:not(.no-light) .box-seat.box-seat-full .pro-text h3 {
     color: #fff;
 }
 
 .v-light:not(.no-light) .box-seat.box-seat-full .pro-text p {
     color: rgba(255, 255, 255, 0.69);
 }
 
 .v-light:not(.no-light) .box-seat.box-seat-full .pro-text .link-custom a {
     color: #fff;
 }
 
 .v-light:not(.no-light) .box-seat.box-seat-full .pro-text .link-custom a:before {
     color: #000;
     background-color: #fff;
 }
 
 .box-seat.box-seat-bottom {
     margin-bottom: 0;
 }
 
 .box-seat.box-seat-bottom .pro-text {
     position: relative;
     width: 100%;
     bottom: 150px;
     text-align: center;
     margin-bottom: -150px;
     border-radius: 3px 3px 0 0;
     left: auto;
 }
 
 @media only screen and (max-width: 767px) {
     .box-seat.box-seat-bottom .pro-text {
         width: 100%;
     }
 }
 
 .v-light:not(.no-light) .box-seat.box-seat-bottom .pro-text h3 {
     color: #000;
 }
 
 .v-light:not(.no-light) .box-seat.box-seat-bottom .pro-text p {
     color: #0009;
 }
 
 @media only screen and (max-width: 575px) {
     .box-seat.box-seat-center .inner-img {
         height: 80vh;
     }
 }
 
 .box-seat.box-seat-center .pro-text {
     max-width: 80%;
     left: 10%;
     bottom: unset;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-color: rgba(9, 9, 9, 0.7);
 }
 
 @media only screen and (max-width: 991px) {
     .box-seat.box-seat-center .pro-text {
         max-width: 100%;
         left: 0;
         padding: 40px 20px;
         margin-right: 50px;
         margin-left: 50px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .box-seat.box-seat-center .pro-text {
         margin-right: 30px;
         margin-left: 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .box-seat.box-seat-center .pro-text {
         margin-right: 15px;
         margin-left: 15px;
     }
 }
 
 .mask-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: calc(70% + 20px);
     height: 100%;
     background-color: #090909;
     z-index: -1;
 }
 
 .v-light:not(.no-light) .mask-bg {
     background-color: #e6e6e6;
 }
 
 .slider-project {
     position: relative;
 }
 
 .slider-project .item-project {
     height: 85vh;
 }
 
 .slider-project .slick-list {
     cursor: -webkit-grab;
     cursor: grab;
 }
 
 .slider-project .slick-slide {
     overflow: hidden;
 }
 
 .slider-project .slick-slide img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     pointer-events: none;
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
     transform: scale(1.2);
     -webkit-transition: -webkit-transform 0.8s;
     transition: -webkit-transform 0.8s;
     -o-transition: transform 0.8s;
     transition: transform 0.8s;
     transition: transform 0.8s, -webkit-transform 0.8s;
 }
 
 .slider-project .slick-slide.slick-current img {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition-delay: 0.6s;
     -o-transition-delay: 0.6s;
     transition-delay: 0.6s;
 }
 
 .slider-project.slider-project-3 .item-project {
     height: 75vh;
 }
 
 .slider-project.slider-project-3.slider-project-min-height .item-project {
     height: 55vh;
 }
 
 .slider-project.slider-project-3 .slick-list {
     padding: 0 20% 0 20%;
 }
 
 @media only screen and (max-width: 767px) {
     .slider-project.slider-project-3 .slick-list {
         padding: 0 10% 0 10%;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .slider-project.slider-project-3 .slick-list {
         padding: 0;
     }
 }
 
 .slider-project.slider-project-3 .slick-slide {
     margin: 0 10px;
 }
 
 .slider-project.slider-project-3 .slick-slide img {
     padding-right: 30px;
     padding-left: 30px;
 }
 
 @media only screen and (max-width: 575px) {
     .slider-project.slider-project-3 .slick-slide img {
         padding-right: 5px;
         padding-left: 5px;
     }
 }
 
 .box-gallery-vertical {
     position: relative;
     overflow: hidden;
 }
 
 .box-gallery-vertical .title-cover {
     text-align: right;
 }
 
 .box-gallery-vertical.box-gallery-vertical-order .mask-bg {
     right: 0;
     left: auto;
 }
 
 .box-gallery-vertical.box-gallery-vertical-order .row .col-lg-6:first-child {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
 }
 
 .box-gallery-vertical.box-gallery-vertical-order .box-info {
     padding-left: 50px;
     padding-right: 0;
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical.box-gallery-vertical-order .box-info {
         padding-right: 30px;
         padding-top: 0;
         padding-bottom: 30px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .box-gallery-vertical.box-gallery-vertical-order .box-info {
         padding-bottom: 30px;
         padding-right: 0;
     }
 }
 
 .box-gallery-vertical.box-gallery-vertical-order .box-info .vertical-title:before {
     display: none;
 }
 
 .box-gallery-vertical [data-dsn-grid='moveUp'] {
     height: 100vh;
     max-width: 500px;
 }
 
 .box-gallery-vertical .vertical-title {
     position: relative;
 }
 
 .box-gallery-vertical .vertical-title:before {
     content: '';
     height: 1px;
     background: #fff;
     position: absolute;
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
     right: -25px;
     left: auto;
     width: 100px;
     top: 50%;
 }
 
 .v-light:not(.no-light) .box-gallery-vertical .vertical-title:before {
     background-color: #000;
 }
 
 .box-gallery-vertical .vertical-title h2 {
     font-size: 42px;
     margin-bottom: 30px;
 }
 
 .box-gallery-vertical .box-info {
     position: relative;
     padding-right: 10px;
 }
 
 .box-gallery-vertical h6 {
     font-family: 'YekanBakhFaNum';
     margin-bottom: 20px;
     line-height: 1.6;
 }
 
 .box-gallery-vertical .back_stage__subtitle {
     color: #fff;
     max-width: 270px;
     font-size: 24px;
     font-weight: 700;
     line-height: 28px;
     margin-bottom: 30px;
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical {
         padding: 0;
     }
     .box-gallery-vertical .box-im {
         margin: 0;
         max-width: 100%;
     }
     .box-gallery-vertical .mask-bg {
         display: none;
     }
     .box-gallery-vertical [data-dsn-grid='moveUp'] {
         height: 80vh;
     }
     .box-gallery-vertical .box-info {
         padding: 30px;
         padding-bottom: 0;
     }
 }
 
 @media only screen and (max-width: 991px) and (max-width: 991px) {
     .box-gallery-vertical .box-info {
         padding-right: 0;
         padding-left: 0;
     }
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical .box-info .vertical-title:before {
         display: none;
     }
     .box-gallery-vertical .box-info .vertical-title h2 {
         font-size: 35px;
         margin-bottom: 20px;
         line-height: inherit;
     }
     .box-gallery-vertical .box-info .vertical-title p {
         font-size: 14px;
     }
     .box-gallery-vertical h6 {
         margin-bottom: 10px;
         font-weight: 600;
     }
     .box-gallery-vertical .link-custom {
         margin-top: 20px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .box-gallery-vertical .box-im {
         margin: 0;
         max-width: 100%;
     }
     .box-gallery-vertical .box-info {
         margin-bottom: 0;
         padding: 30px 0 0 0;
     }
     .box-gallery-vertical .box-info .vertical-title h2 {
         font-size: 25px;
     }
     .box-gallery-vertical .box-info .vertical-title h6 {
         font-size: 16px;
     }
     .box-gallery-vertical .box-info .vertical-title p {
         font-weight: 400;
     }
     .box-gallery-vertical .link-custom {
         margin-top: 20px;
     }
 }
 
 .box-gallery-vertical .mask-bg+div:not(.container) {
     overflow: hidden;
 }
 
 .box-gallery-vertical.box-gallery-content {
     padding: 0;
 }
 
 .box-gallery-vertical.box-gallery-content .mask-bg {
     display: none;
 }
 
 .box-gallery-vertical.box-gallery-content .bg-mask-content {
     position: relative;
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical.box-gallery-content .bg-mask-content {
         margin-bottom: 0;
     }
 }
 
 .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2 {
     position: absolute;
     width: 100vw;
     height: 100%;
     right: 50%;
     left: 50%;
     margin-right: -30vw;
     margin-left: -50vw;
     border-radius: 7px;
 }
 
 .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2:not(.background-main) {
     background-color: #090909;
 }
 
 .v-light:not(.no-light) .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2:not(.background-main) {
     background-color: #e6e6e6;
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2 {
         display: none;
     }
 }
 
 .box-gallery-vertical.box-gallery-content .bg-mask-content h6,
 .box-gallery-vertical.box-gallery-content .bg-mask-content p {
     position: relative;
 }
 
 .box-gallery-vertical.box-gallery-content .bg-mask-content h6 {
     padding-top: 30px;
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical.box-gallery-content .bg-mask-content h6 {
         padding-top: 0;
     }
 }
 
 .box-gallery-vertical.box-gallery-content .bg-mask-content p {
     padding-bottom: 30px;
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical.box-gallery-content .bg-mask-content p {
         padding-bottom: 0;
     }
 }
 
 .box-gallery-vertical.box-gallery-content .bg-mask-content+div {
     margin-top: 30px;
 }
 
 @media only screen and (max-width: 991px) {
     .box-gallery-vertical.box-gallery-content .bg-mask-content+div {
         margin-top: 0;
     }
 }
 
 .box-gallery-vertical.box-gallery-content.box-gallery-vertical-order .bg-mask-content {
     z-index: 1;
 }
 
 .box-gallery-vertical.box-gallery-content.box-gallery-vertical-order .bg-mask-content .mask-bg-2 {
     width: 58vw;
 }
 
 @media only screen and (min-width: 576px) {
     .fill-left-container {
         width: calc(100% - calc(-100vw / 2 + 100% / 2) - 15px);
     }
 }
 
 
 
 
 
 
 .full-width {
     position: relative;
     width: 100vw;
     right: 50%;
     left: 50%;
     margin-right: -50vw;
     margin-left: -50vw;
 }
 
 .colection-image .project-image-collage {
     display: -ms-grid;
     display: grid;
     grid-column-gap: 40px;
     grid-row-gap: 40px;
     -ms-grid-columns: 1fr 1fr;
     grid-template-columns: 1fr 1fr;
 }
 
 @media only screen and (max-width: 767px) {
     .colection-image .project-image-collage {
         -ms-grid-columns: unset;
         grid-template-columns: unset;
     }
 }
 
 .colection-image .project-image-collage[data-dsn-grid='moveUp'] {
     height: 70vh;
 }
 
 .colection-image .project-image-collage:nth-of-type(n+2) {
     margin-top: 40px;
 }
 
 .colection-image .project-image-collage a {
     height: 70vh;
 }
 
 @media only screen and (max-width: 575px) {
     .colection-image .project-image-collage {
         -ms-grid-columns: unset;
         grid-template-columns: unset;
     }
 }
 
 .colection-image .project-image-collage.project-collage-two-right {
     -ms-grid-columns: 35% 65%;
     grid-template-columns: 35% 65%;
 }
 
 @media only screen and (max-width: 767px) {
     .colection-image .project-image-collage.project-collage-two-left {
         -ms-grid-columns: unset;
         grid-template-columns: unset;
         grid-column-gap: 40px;
         grid-row-gap: 40px;
         height: auto;
     }
 }
 
 .colection-image .project-image-collage.project-collage-two-right {
     -ms-grid-columns: 60% 40%;
     grid-template-columns: 60% 40%;
 }
 
 @media only screen and (max-width: 767px) {
     .colection-image .project-image-collage.project-collage-two-right {
         -ms-grid-columns: unset;
         grid-template-columns: unset;
         grid-column-gap: 40px;
         grid-row-gap: 40px;
         height: auto;
     }
 }
 
 .gallery-col {
     position: relative;
     overflow: hidden;
     background-color: #090909;
 }
 
 .v-light:not(.no-light) .gallery-col {
     background-color: #e6e6e6;
 }
 
 .gallery-col .box-im {
     position: relative;
     padding-right: 60px;
     padding-left: 60px;
 }
 
 .gallery-col .box-im a {
     height: 70vh;
 }
 
 @media only screen and (max-width: 991px) {
     .gallery-col .box-im {
         padding: 40px 60px 40px 40px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .gallery-col .box-im {
         padding: 80px 60px;
     }
     .gallery-col .box-im .caption {
         right: 20px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .gallery-col .box-im {
         padding: 80px 20px;
     }
     .gallery-col .box-im .caption {
         right: -20px;
     }
 }
 
 .gallery-col .box-im:nth-child(2n) {
     background-color: #000;
 }
 
 .v-light:not(.no-light) .gallery-col .box-im:nth-child(2n) {
     background-color: #f9f9f9;
 }
 
 .gallery-col .box-im .image-zoom {
     width: 100%;
     display: inline-block;
     position: relative;
     vertical-align: bottom;
     text-align: center;
 }
 
 .gallery-col .box-im .image-zoom img {
     max-width: 100%;
     -webkit-transition: all 750ms ease-in-out;
     -o-transition: all 750ms ease-in-out;
     transition: all 750ms ease-in-out;
 }
 
 .project-image-vertical {
     position: relative;
 }
 
 @media only screen and (max-width: 767px) {
     .project-image-vertical .row {
         display: -ms-grid;
         display: grid;
         grid-column-gap: 40px;
         grid-row-gap: 40px;
     }
 }
 
 .project-image-vertical .image-vertical-item {
     position: relative;
 }
 
 .project-image-vertical .image-vertical-item .captions {
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 2px;
     bottom: 0;
     -webkit-writing-mode: vertical-rl;
     -ms-writing-mode: tb-rl;
     writing-mode: vertical-rl;
     color: #fff;
 }
 
 .v-light:not(.no-light) .project-image-vertical .image-vertical-item .captions {
     color: #000;
 }
 
 .project-image-vertical .image-vertical-item a {
     width: 100%;
 }
 
 .project-image-vertical .image-vertical-item:nth-of-type(odd) a {
     padding-left: 10%;
 }
 
 @media only screen and (max-width: 767px) {
     .project-image-vertical .image-vertical-item:nth-of-type(odd) a {
         padding-left: 0;
     }
 }
 
 .project-image-vertical .image-vertical-item:nth-of-type(odd) .captions {
     left: 2.5%;
 }
 
 @media only screen and (max-width: 767px) {
     .project-image-vertical .image-vertical-item:nth-of-type(odd) .captions {
         left: auto;
         right: 15px;
         bottom: 15px;
         -webkit-writing-mode: inherit;
         -ms-writing-mode: inherit;
         writing-mode: inherit;
     }
 }
 
 .project-image-vertical .image-vertical-item:nth-of-type(2n) a {
     padding-right: 10%;
     margin-top: 120px;
 }
 
 @media only screen and (max-width: 767px) {
     .project-image-vertical .image-vertical-item:nth-of-type(2n) a {
         padding-right: 0;
         margin-top: 0;
     }
 }
 
 .project-image-vertical .image-vertical-item:nth-of-type(2n) .captions {
     right: 2.5%;
 }
 
 @media only screen and (max-width: 767px) {
     .project-image-vertical .image-vertical-item:nth-of-type(2n) .captions {
         right: 15px;
         bottom: 15px;
         -webkit-writing-mode: inherit;
         -ms-writing-mode: inherit;
         writing-mode: inherit;
     }
 }
 
 
   #section-img {
     position: relative;
     width: 100%;
     min-height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     
   }
   
   .swiper {
     width: 100%;
     padding-top: 50px;
     padding-bottom: 50px;
   }
   
   .swiper-slide {
     width: 300px;
     height: 400px;
     box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
     filter: blur(1px);
     border-radius: 0;
     display: flex;
     flex-direction: column;
     justify-content: end;
     align-items: self-start;
     box-shadow: 1px 1px 8px #000;
   }
   
   .swiper-slide-active {
     filter: blur(0px);
   }
   
   .swiper-pagination-bullet,
   .swiper-pagination-bullet-active {
     background: #fff;
   }
   
   .swiper-slide span {
     text-transform: uppercase;
     color: #fff;
     background: #1b7402;
     padding: 7px 18px 7px 25px;
     display: inline-block;
     border-radius: 0 20px 20px 0px;
     letter-spacing: 2px;
     font-size: 0.8rem;
     font-family: "Open Sans", sans-serif;
   }
   
   .swiper-slide--one span {
     background: #62667f;
   }
   
   .swiper-slide--two span {
     background: #087ac4;
   }
   
   .swiper-slide--three span {
     background: #b45205;
   }
   
   .swiper-slide--four span {
     background: #087ac4;
   }
   
   .swiper-slide h3 {
     color: #fff;
     font-weight: 800;
     font-size: .93rem;
     line-height: 1.1;
     margin-bottom: 158px;
     padding: 25px 5px 25px 0;
   }
   
   .swiper-slide p {
     color: #fff;
     font-family: "Roboto", sans-serif;
     font-weight: 300;
     display: flex;
     align-items: center;
     padding: 0 25px 35px 25px;
   }
   
   .swiper-slide svg {
     color: #fff;
     width: 22px;
     height: 22px;
     margin-right: 7px;
   }
 
 .bg-color-global {
     background-color: #000;
 }
 
 .v-light:not(.no-light) .bg-color-global {
     background-color: #f9f9f9;
 }
 
 @media only screen and (min-width: 992px) {
     .wrapper> :first-child.dsn-under-header {
         position: relative;
         margin-top: -80px;
         z-index: 2;
     }
     .wrapper> :first-child.dsn-under-header .section-title,
     .wrapper> :first-child.dsn-under-header .section-title-2 {
         display: none;
     }
 }
 
 /* >>>>>>>>>>>>>>>>>> */
 .dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track,
 .dsn-work-scrollbar .scrollbar-track,
 .sidebar-single .scrollbar-track {
     background: 100% 0;
     width: 5px;
 }
 
 .dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track .scrollbar-thumb,
 .dsn-work-scrollbar .scrollbar-track .scrollbar-thumb,
 .sidebar-single .scrollbar-track .scrollbar-thumb {
     background: #424242;
     width: 5px;
 }
 
 .admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
 .dsn-work-scrollbar,
 .sidebar-single {
     height: calc(100vh - 46px);
 }
 
 @media screen and (min-width: 783px) {
     .admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
     .dsn-work-scrollbar,
     .sidebar-single {
         height: calc(100vh - 32px);
     }
 }
 
 .locked-scroll #dsn-scrollbar {
     background-color: #000;
 }
 
 .intro-project-details {
     overflow: hidden;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
 }
 
 .intro-project-details .descrption-item {
     padding-top: 30px;
     padding-left: 50px;
 }
 
 @media only screen and (max-width: 991px) {
     .intro-project-details .descrption-item {
         width: 33.333%;
         padding-top: 30px;
         padding-left: 15px;
     }
 }
 
 .intro-project-details .descrption-item:last-of-type {
     padding-left: 0;
 }
 
 .intro-project-details .descrption-item h5 {
     position: relative;
     font-size: 16px;
     letter-spacing: 2px;
     padding-bottom: 10px;
     margin-bottom: 10px;
 }
 
 .v-light:not(.no-light) [data-dsn-header='personal'],
 .v-light:not(.no-light) [data-dsn-header='project'] {
     background-color: #000;
 }
 
 .v-light:not(.no-light) [data-dsn-header='personal'] .link-custom,
 .v-light:not(.no-light) [data-dsn-header='project'] .link-custom {
     color: #fff;
 }
 
 .v-light:not(.no-light) [data-dsn-header='personal'] .link-custom .link-text,
 .v-light:not(.no-light) [data-dsn-header='project'] .link-custom .link-text {
     color: #fff;
 }
 
 .v-light:not(.no-light) [data-dsn-header='personal'] .link-custom .link-circle,
 .v-light:not(.no-light) [data-dsn-header='project'] .link-custom .link-circle {
     background: #fff;
     color: #000;
 }
 
 .v-light:not(.no-light) [data-dsn-header='personal'] .link-custom .link-circle i,
 .v-light:not(.no-light) [data-dsn-header='project'] .link-custom .link-circle i {
     color: #000;
 }
 
 .v-light:not(.no-light) [data-dsn-header='personal'] .scroll-d img,
 .v-light:not(.no-light) [data-dsn-header='project'] .scroll-d img {
     -webkit-filter: none;
     filter: none;
 }
 
 .header-project .intro-project {
     width: 60%;
 }
 
 @media only screen and (max-width: 991px) {
     .header-project .intro-project {
         width: 100%;
     }
 }
 
 .v-light:not(.no-light) .header-project .intro-project .title {
     color: #fff;
 }
 
 .v-light:not(.no-light) .header-project .intro-project #dsn-hero-description {
     color: rgba(255, 255, 255, 0.69);
 }
 
 .header-project .description {
     margin-top: 25px;
     max-width: 570px;
 }
 
 .header-project .desc-personal {
     margin-top: 25px;
 }
 
 .header-project #dsn-hero-desc-items {
     margin-top: 25px;
 }
 
 @media only screen and (max-width: 991px) {
     .header-project .link-vist {
         right: 0;
     }
 }
 
 .header-project .v-middle-horizontal .intro-project {
     width: 100%;
 }
 
 .header-project.justify-content-center .intro-project,
 .header-project.text-center .intro-project {
     width: 100%;
 }
 
 .header-project .intro-project-details {
     padding: 0 30px 30px;
     margin-top: 30px;
     background-color: rgba(9, 9, 9, 0.7);
 }
 
 @media only screen and (max-width: 575px) {
     .header-project .intro-project-details {
         padding: 0 15px 30px;
     }
 }
 
 .v-light:not(.no-light) .header-project .intro-project-details h5 {
     color: #fff;
 }
 
 .header-project .intro-project-details h5:after {
     content: '';
     position: absolute;
     bottom: 0;
     right: 0;
     width: 20px;
     height: 1px;
     background-color: #AA0000;
 }
 
 .v-light:not(.no-light) .header-project .intro-project-details h5:after {
     background-color: #AA0000;
 }
 
 .v-light:not(.no-light) .header-project .intro-project-details p {
     color: rgba(255, 255, 255, 0.69);
 }
 
 @-webkit-keyframes rotate {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
     }
     0% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 @keyframes rotate {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
     }
     0% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 .icon-sound {
     width: 25px;
     height: 25px;
 }
 
 .icon-sound svg {
     fill: #fff;
     fill-rule: evenodd;
     clip-rule: evenodd;
     stroke-linejoin: round;
     stroke-miterlimit: 1.5;
     -webkit-transform: translateX(-4px);
     -ms-transform: translateX(-4px);
     transform: translateX(-4px);
 }
 
 .icon-sound svg .wave-line {
     fill: none;
     stroke: #AA0000;
     stroke-width: 4px;
     opacity: 0;
 }
 
 header {
     overflow: hidden;
 }
 
 header .header-master {
     position: relative;
     width: 100%;
     height: 100vh;
 }
 
 @media only screen and (max-width: 767px) {
     header .header-master #dsn-hero-parallax-title {
         padding: 0 20px;
     }
 }
 
 header .header-master .content {
     z-index: 2;
 }
 
 .v-light:not(.no-light) header .header-master .title {
     color: #fff;
 }
 
 header .header-hero .image-bg {
     width: 40%;
     right: auto;
     left: 0;
 }
 
 @media only screen and (max-width: 991px) {
     header .header-hero .image-bg {
         width: 100%;
     }
 }
 
 header .header-hero .hero-bottom {
     bottom: 0;
     right: 0;
 }
 
 header .header-hero .hero-bottom .video-box-bottom {
     width: 18vw;
     height: 22vh;
 }
 
 header .header-hero .hero-bottom .info {
     padding-right: 25px;
 }
 
 header .header-hero .hero-bottom .info li {
     font-size: 15px;
     margin-bottom: 15px;
 }
 
 header .header-hero .hero-bottom .info li strong {
     color: #fff;
 }
 
 header .header-hero .hero-bottom .info li span {
     margin-left: 5px;
     margin-right: 5px;
 }
 
 header .header-hero .bottom-info {
     margin-top: 30px;
 }
 
 @media only screen and (max-width: 991px) {
     header .header-hero .bottom-info {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
 }
 
 header .header-hero .box-right,
 header .header-hero .box-left {
     -webkit-box-flex: 0;
     -ms-flex: 0 1 50%;
     flex: 0 1 50%;
 }
 
 @media only screen and (max-width: 991px) {
     header .header-hero .box-right,
     header .header-hero .box-left {
         width: 100%;
     }
 }
 
 @media only screen and (max-width: 991px) {
     header .header-hero .box-left {
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         margin-top: 30px;
     }
 }
 
 header .header-page.header-page-work-2 {
     height: 45vh; 
 }
 
 header .header-page.header-page-work-2 .contenet-hero {
     padding: 0;
 }
 
 header .header-page.header-page-work-space {
     padding-bottom: 200px;
 }
 
 @media only screen and (max-width: 767px) {
     header .header-page.header-page-work-space {
         padding-bottom: 0;
     }
 }
 
 header .header-page .shap-section {
     position: absolute;
     bottom: 20px;
     left: 20px;
     width: 190px;
 }
 
 header .header-page .shap-section img {
     opacity: 0.15;
 }
 
 header .header-page .contenet-hero {
     padding: 190px 0;
     /* max-width: 750px; */
 }
 
 @media only screen and (max-width: 991px) {
     header .header-page .title {
         margin-right: 0;
         padding-bottom:10px;
         color:#AA0000 !important;
     }
 }
 
 @media only screen and (max-width: 767px) {
     header .header-page .title {
         margin-bottom: 15px;
     }
 }
 
 header .header-page .title-page {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 25px;
     line-height: 1;
 }
 
 header .header-page .title-page:before {
     content: '';
     position: absolute;
     top: 0;
     right: -30px;
     height: 22px;
     width: 22px;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url(../img/line.svg);
 }
 
 @media only screen and (max-width: 991px) {
     header .header-page .title-page:before {
         display: none;
     }
 }
 
 @media only screen and (max-width: 767px) {
     header .header-page .title-page {
         line-height: 1.2;
     }
 }
 



 header .header-page .subtitle-page {
     font-size: 18px;
     font-weight: 500;
     line-height: 29px;
     max-width: 730px;
     max-width: 640px;
     margin-top: 25px;
     margin-right: -10px;
     text-align: justify !important;
 }

 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
    header .header-page .subtitle-page {
        max-width: 650px;
        margin-right: -70px;
    }
}



 @media only screen and (max-width: 767px) {
     header .header-page-contact .image-head {
         min-height: auto;
         height: auto;
         padding: 80px 0;
     }
 }
 
 .image-head {
     min-height: 600px;
     height: 90vh;
 }
 
 .image-head .box-overlay {
     right: 0;
     top: 0;
     background-color: #fff;
     opacity: 0.7;
     z-index: 2;
 }
 
 @media only screen and (max-width: 767px) {
     .image-head.image-head-contact ul {
         display: block;
     }
 }
 
 .image-head.image-head-contact .box-text {
     top: auto;
     width: 100%;
     padding: 0;
 }
 
 .image-head.image-head-contact .box-text .contact-info-item {
     margin-bottom: 0;
     padding: 20px 20px 20px 60px;
     width: calc(33.333% - 2px);
     margin-left: 2px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
 }
 
 .image-head.image-head-contact .box-text .contact-info-item .icon {
     position: absolute;
     left: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 @media only screen and (max-width: 991px) {
     .image-head.image-head-contact .box-text .contact-info-item .icon {
         position: relative;
         left: auto;
         top: auto;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
         margin-bottom: 15px;
     }
 }
 
 .image-head.image-head-contact .box-text .contact-info-item .icon img {
     width: 35px;
 }
 
 .image-head.image-head-contact .box-text .contact-info-item .icon i {
     font-size: 22px;
     color: #fff;
 }
 
 .image-head.image-head-contact .box-text .contact-info-item strong {
     margin-bottom: 20px;
 }
 
 .image-head.image-head-contact label {
     pointer-events: none;
     margin-bottom: 30px;
     z-index: 3;
 }
 
 .image-head.image-head-contact label .input {
     display: none;
 }
 
 .image-head.image-head-contact label .input:checked+.toggle-wrapper {
     -webkit-box-shadow: 0 8px 14px 0 rgba(118, 72, 37, 0.12);
     box-shadow: 0 8px 14px 0 rgba(118, 72, 37, 0.12);
 }
 
 .image-head.image-head-contact label .input:checked+.toggle-wrapper>.selector {
     right: calc(100% - 35px);
     background-color: #AA0000;
 }
 
 .image-head.image-head-contact label .input:checked~.notification>.selected:before {
     content: attr(data-text-select);
 }
 
 .image-head.image-head-contact label .toggle-wrapper {
     width: 70px;
     height: 35px;
     background-color: #eaeaea;
     border-radius: 30px;
     cursor: pointer;
     pointer-events: all;
     -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.12);
     box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.12);
 }
 
 .image-head.image-head-contact label .toggle-wrapper .selector {
     width: 25px;
     height: 25px;
     top: 50%;
     right: 10px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-color: #000;
     -webkit-transition: right 0.25s ease;
     -o-transition: right 0.25s ease;
     transition: right 0.25s ease;
     border-radius: 50%;
 }
 
 .image-head.image-head-contact label .notification {
     color: #0e0e0d;
     margin-right: 10px;
 }
 
 .image-head.image-head-contact label .notification .selected:before {
     content: attr(data-text);
     border-bottom: 1px solid;
     color: #AA0000;
 }
 
 .image-head .image-bg,
 .image-head .map-custom {
     right: 0;
     top: 0;
 }
 
 .image-head .box-text {
     top: -50px;
     z-index: 2;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     padding-right: 80px;
     padding-left: 80px;
 }
 
 .v-light:not(.no-light) .image-head .box-text {
     background-color: #AA0000;
 }
 
 .v-light:not(.no-light) .image-head .box-text.box-text-contact-2 {
     background-color: transparent;
 }
 
 .image-head .box-text.box-text-contact-2 .address-container .contact-info-item {
     margin-bottom: 0;
     padding: 30px 25px;
 }
 
 @media only screen and (max-width: 767px) {
     .image-head .box-text.box-text-contact-2 .address-container .contact-info-item:nth-of-type(n+2) {
         margin-top: 30px;
     }
 }
 
 .v-light:not(.no-light) .image-head .box-text.box-text-contact-2 .address-container .contact-info-item {
     background-color: #AA0000;
 }
 
 @media only screen and (max-width: 767px) {
     .image-head .box-text.box-text-contact-2 .address-container .contact-info-item {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .image-head .box-text {
         width: 100%;
         padding: 60px 20px;
     }
 }
 
 .image-head .box-text h5 {
     padding-bottom: 30px;
     margin-top: -55px;
     font-size: 42px;
     letter-spacing: -2px !important;
 }
 
 @media only screen and (max-width: 767px) {
     .image-head .box-text h5 {
         margin-bottom: 30px;
         font-size: 22px;
         font-weight: 600;
     }
 }
 
 .v-light:not(.no-light) .image-head .box-text h5 {
     color: gray;
 }
 
 .image-head .box-text h4 {
     font-size: 32px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 6px;
 }
 
 .v-light:not(.no-light) .image-head .box-text h4 {
     color: #fff;
 }
 
 @media only screen and (max-width: 767px) {
     .image-head .box-text h4 {
         font-size: 32px;
         max-width: 100%;
     }
 }
 
 .image-head .box-text .address-container .contact-info-item {
     -webkit-box-align: baseline;
     -ms-flex-align: baseline;
     align-items: baseline;
     font-size: 16px;
     margin-bottom: 15px;
     max-width: 400px;
 }
 
 .image-head .box-text .address-container .contact-info-item:last-of-type {
     margin-bottom: 0;
 }
 
 .v-light:not(.no-light) .image-head .box-text .address-container .contact-info-item {
     background-color: #AA0000;
 }
 
 @media only screen and (max-width: 767px) {
     .image-head .box-text .address-container .contact-info-item {
         width: 100%;
         max-width: 100%;
     }
 }
 
 .image-head .box-text .address-container .contact-info-item strong {
     min-width: 80px;
     text-transform: uppercase;
     color: #fff;
 }
 
 .image-head .box-text .address-container .contact-info-item .dott {
     margin-left: 10px;
     margin-right: 10px;
 }
 
 .v-light:not(.no-light) .image-head .box-text .address-container .contact-info-item .dott {
     color: #fff;
 }
 
 .v-light:not(.no-light) .image-head .box-text .address-container .contact-info-item p {
     color: rgba(255, 255, 255, 0.69);
 }
 
 .header-review {
     position: relative;
     width: 100%;
     height: 100vh;
     background-color: #000;
 }
 
 .header-review .btn-form {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
 }
 
 .header-review .header-top-review {
     position: absolute;
     top: 0;
     padding: 30px 40px;
     z-index: 2;
 }
 
 .header-review .header-top-review .box-logo img {
     width: 100px;
 }
 
 .header-review .header-top-review .btn {
     border: 2px solid #fff;
     padding: 15px 25px;
 }
 
 .header-review .review-img-container {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 100%;
 }
 
 .header-review .review-img-container .img-veiw {
     position: absolute;
     width: 350px;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .header-review .review-img-container .img-veiw1 {
     top: 25%;
     right: 4%;
 }
 
 .header-review .review-img-container .img-veiw2 {
     top: 55%;
     right: 8%;
 }
 
 .header-review .review-img-container .img-veiw3 {
     top: 85%;
     right: 4%;
 }
 
 .header-review .review-img-container .img-veiw4 {
     top: 25%;
     left: 4%;
 }
 
 .header-review .review-img-container .img-veiw5 {
     top: 55%;
     left: 8%;
 }
 
 .header-review .review-img-container .img-veiw6 {
     top: 85%;
     left: 4%;
 }
 
 .header-review .content-veiw {
     padding: 60px 15px;
     width: 100%;
     position: relative;
     text-align: center;
     overflow: hidden;
     z-index: 2;
 }
 
 .header-review .content-veiw .cover-title {
     font-size: 20vw;
     font-weight: 600;
     line-height: 1.15;
     opacity: 0.05;
     z-index: -1;
 }
 
 .header-review .content-veiw h2 {
     font-size: 110px;
     font-weight: 700;
     font-size: 70px;
     margin-bottom: 30px;
     line-height: 1;
     text-transform: uppercase;
     letter-spacing: 3px;
 }
 
 .header-review .content-veiw h4 {
     font-weight: 300;
     margin-bottom: 35px;
 }
 
 .header-review .content-veiw .btn {
     border: 2px solid #fff;
 }
 
 .header-review .scroll-d {
     right: 50%;
     left: auto;
     margin-right: -30px;
 }
 
 .header-review .scroll-d i {
     position: absolute;
     top: 50%;
     right: 50%;
     width: 40px;
     height: 40px;
     line-height: 40px;
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
     text-align: center;
     font-size: 14px;
     color: #fff;
     cursor: pointer;
 }
 
 .header-single-post {
     position: relative;
     height: 80vh;
 }
 
 .page-template-page-works .header-single-post {
     margin-bottom: 120px;
 }
 
 .header-single-post .inner-box {
     position: relative;
     margin-top: 80px;
     margin-bottom: 80px;
     z-index: 2;
 }
 
 .header-single-post .inner-box .title {
     letter-spacing: 0;
     font-weight: 500;
     color: #fff;
 }
 
 .header-single-post .inner-box .post-info {
     margin-bottom: 12px;
 }
 
 .header-single-post .inner-box .post-info .dsn-link {
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 1.2px;
     word-spacing: 2px;
 }
 
 .header-single-post .inner-box .post-info .blog-post-date {
     padding-left: 20px;
     padding-bottom: 8px;
     color: #fff;
 }
 
 .header-single-post .inner-box .blog-post-cat {
     margin-top: 20px;
 }
 
 .header-single-post .inner-box .blog-post-cat a {
     position: relative;
     text-transform: lowercase;
     margin-left: 5px;
     padding-bottom: 8px;
     color: #fff;
     font-weight: 600;
 }
 
 .header-single-post .inner-box .blog-post-cat a:after {
     content: ',';
 }
 
 .header-single-post .inner-box .blog-post-cat a:last-of-type {
     margin-left: 0;
 }
 
 .header-single-post .inner-box .blog-post-cat a:last-of-type:after {
     display: none;
 }
 
 .header-single-post .post-parallax-wrapper {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     text-align: center;
 }
 
 .header-single-post .post-parallax-wrapper:before {
     z-index: 1;
 }
 
 .header-single-post .post-parallax-wrapper img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }
 
 header .header-master.header-half {
     height: 80vh;
 }
 
 header .header-master.header-half .social-network-box {
     width: 80vh;
 }
 
 @media only screen and (min-width: 991px) {
     .hero-personal[data-dsn-header='personal'].dsn-end-animate .header-project .intro-project {
         right: 40%;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
     }
     .hero-personal[data-dsn-header='personal'].dsn-end-animate #dsn-hero-parallax-img {
         width: 40%;
     }
 }
 
 @media only screen and (min-width: 991px) {
     [data-dsn-header='project'].dsn-end-animate #dsn-hero-parallax-img {
         right: 60%;
         width: 40%;
     }
 }
 
 @media only screen and (max-width: 991px) {
     .main-slider .social-network-box {
         display: none;
     }
 }
 
 .main-slider .bg-container {
     position: relative;
     width: 80%;
     height: 100%;
     right: 20%;
     overflow: hidden;
 }
 
 @media only screen and (max-width: 767px) {
     .main-slider .bg-container {
         width: 100%;
         right: 0;
     }
 }
 
 .main-slider.demo-2 .bg-container {
     width: 100%;
     right: 0;
 }
 
 .main-slider.demo-3 .bg-container .swiper-slide {
     height: 60%;
 }
 
 .main-slider.demo-3 .box-next {
     display: none;
 }
 
 .main-slider.demo-3 .dsn-slider-content .slide-content .description {
     display: none !important;
 }
 
 .main-slider .slide-item {
     overflow: hidden;
 }
 
 .main-slider .box-next,
 .main-slider .description,
 .main-slider .dsn-controls {
     z-index: 2;
 }
 
 .main-slider .box-next,
 .main-slider .description {
     height: 120px;
     width: 40%;
     bottom: 0;
     max-width: 350px;
 }
 
 .main-slider .description {
     right: 0;
     font-size: 14px;
     font-weight: 700;
     padding: 30px;
     margin-left: -15px;
     margin-right: -15px;
 }
 
 .v-light:not(.no-light) .main-slider .description {
     background-color: #090909;
     color: rgba(255, 255, 255, 0.69);
 }
 
 @media only screen and (max-width: 767px) {
     .main-slider .description {
         display: none;
     }
 }
 
 .main-slider .box-next {
     background-color: #000;
     left: 0;
 }
 
 @media only screen and (max-width: 767px) {
     .main-slider .box-next {
         width: 30%;
         height: 100px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .main-slider .box-next {
         width: 40%;
         height: 100px;
     }
 }
 
 .main-slider .box-next .content-box-next {
     width: 65%;
     padding: 20px 20px 20px 0;
 }
 
 .main-slider .box-next .content-box-next>span {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 2px;
 }
 
 .main-slider .box-next .content-box-next .metas {
     margin-bottom: 0;
 }
 
 @media only screen and (max-width: 767px) {
     .main-slider .box-next .content-box-next {
         width: 100%;
         z-index: 2;
     }
     .main-slider .box-next .content-box-next .metas {
         display: none;
     }
 }
 
 .v-light:not(.no-light) .main-slider .box-next .content-box-next>span {
     color: #fff;
 }
 
 @media only screen and (max-width: 575px) {
     .main-slider .box-next .content-box-next {
         padding: 10px;
     }
 }
 
 .main-slider .box-next .content-box-next .title-next {
     margin-top: 15px;
     margin-bottom: 10px;
     font-size: 18px;
 }
 
 .v-light:not(.no-light) .main-slider .box-next .content-box-next .title-next {
     color: #fff;
 }
 
 @media only screen and (max-width: 767px) {
     .main-slider .box-next .content-box-next .title-next {
         margin-bottom: 0;
     }
 }
 
 .main-slider .box-next .img-box-next {
     width: 35%;
 }
 
 @media only screen and (max-width: 767px) {
     .main-slider .box-next .img-box-next {
         position: absolute;
         left: 0;
         width: 100%;
     }
 }
 
 .main-slider .box-next .img-box-next .bg-container {
     width: 100%;
 }
 
 .main-slider .box-next .img-box-next .arrow {
     border-radius: 50%;
     padding: 14px;
     border: 1px solid rgba(255, 255, 255, 0.09);
 }
 
 @media only screen and (max-width: 767px) {
     .main-slider .box-next .img-box-next .arrow {
         display: none;
     }
 }
 
 .main-slider .box-next .img-box-next svg {
     width: 25px;
     fill: #fff;
     cursor: pointer;
     transform: scaleX(-1);
 }
 
 .main-slider .dsn-controls {
     left: 20px;
     top: 25%;
     height: 50%;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }
 
 .main-slider .dsn-controls .dsn-numbers {
     height: 40px;
     line-height: 40px;
 }
 
 .main-slider .dsn-controls .dsn-numbers span {
     width: 35px;
     color: #fff;
     letter-spacing: 2px;
 }
 
 .main-slider .dsn-controls .dsn-numbers span.full-number {
     color: rgba(255, 255, 255, 0.69);
 }
 
 .main-slider .dsn-controls .dsn-progress {
     background: rgba(255, 255, 255, 0.34);
     width: 2px;
     height: calc(100% - 100px);
 }
 
 .main-slider .dsn-controls .dsn-progress .dsn-progress-indicator {
     right: 0;
     top: 0;
     height: 70%;
     background-color: #fff;
 }
 
 .main-slider .dsn-slider-content {
     top: 0;
     z-index: 1;
     pointer-events: none;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .sub-text-header {
     color: #fff;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .sub-text-header h5 {
     color: #fff;
 }
 
 .main-slider .dsn-slider-content .description,
 .main-slider .dsn-slider-content .dsn-button-link,
 .main-slider .dsn-slider-content .metas,
 .main-slider .dsn-slider-content .sub-text-header {
     -webkit-clip-path: inset(100% 0 0 0);
     clip-path: inset(100% 0 0 0);
     -webkit-transition: -webkit-clip-path 0.5s;
     transition: -webkit-clip-path 0.5s;
     -o-transition: clip-path 0.5s;
     transition: clip-path 0.5s;
     transition: clip-path 0.5s, -webkit-clip-path 0.5s;
 }
 
 .main-slider .dsn-slider-content .dsn-button-link {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     padding-left: 5px;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .title {
     color: #fff;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom {
     color: #fff;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-text {
     color: #fff;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-circle {
     background: #fff;
     color: #000;
     z-index: 2;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-circle i {
     color: #000;
 }
 
 .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .scroll-d img {
     -webkit-filter: none;
     filter: none;
 }
 
 .main-slider .dsn-slider-content .slide-content.dsn-active {
     z-index: 3;
 }
 
 .main-slider .dsn-slider-content .slide-content.dsn-active .description,
 .main-slider .dsn-slider-content .slide-content.dsn-active .dsn-button-link a,
 .main-slider .dsn-slider-content .slide-content.dsn-active .metas,
 .main-slider .dsn-slider-content .slide-content.dsn-active .sub-text-header,
 .main-slider .dsn-slider-content .slide-content.dsn-active .title a {
     pointer-events: auto;
 }
 
 .main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .description,
 .main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .dsn-button-link,
 .main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .metas,
 .main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .sub-text-header {
     -webkit-clip-path: inset(0 0 0 0);
     clip-path: inset(0 0 0 0);
 }
 
 .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title {
     opacity: 0;
     visibility: hidden;
 }
 
 .nav-slider .metas span {
     font-size: 11px;
 }
 
 .main-slider .dsn-slider-content .dsn-button-link.mt-30 {
     margin-top: 25px;
 }
 
 @media only screen and (max-width: 991px) {
     .main-slider:not(.has-horizontal)>.bg-container:after {
         content: '';
         position: absolute;
         width: 100%;
         height: 100%;
         top: 0;
         z-index: 1;
     }
 }
 
 .work-inner.work-inner-space {
     margin-top: -200px;
     padding-top: 0;
 }
 
 @media only screen and (max-width: 767px) {
     .work-inner.work-inner-space {
         margin-top: 80px;
     }
 }
 
 .work-inner.our-work-3 .work-item {
     height: 100vh;
 }
 
 .work-inner.our-work-3 .work-container .nav-right,
 .work-inner.our-work-3 .work-container .nav-left {
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .work-inner [data-dsn-grid='moveUp'] {
     height: 100%;
 }
 
 .work-inner [data-dsn='video'] {
     position: absolute;
     top: 0;
 }
 
 .work-inner .filterings {
     position: absolute;
     top: 0;
     left: -20px;
     -webkit-transform: rotate(-270deg);
     -ms-transform: rotate(-270deg);
     transform: rotate(-270deg);
     -webkit-transform-origin: top;
     -ms-transform-origin: top;
     transform-origin: top;
     cursor: pointer;
 }
 
 @media only screen and (max-width: 767px) {
     .work-inner .filterings {
         position: relative;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         left: auto;
         right: 0;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: start;
         margin-right: 30px;
         margin-bottom: 50px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .work-inner .filterings {
         margin-right: 15px;
     }
 }
 
 .work-inner .filterings .filterings-icon {
     position: relative;
     cursor: pointer;
     width: 40px;
     height: 20px;
 }
 
 .work-inner .filterings .filterings-icon:after,
 .work-inner .filterings .filterings-icon:before {
     content: '';
     position: absolute;
     left: 0;
     height: 2px;
     background-color: #fff;
 }
 
 .v-light:not(.no-light) .work-inner .filterings .filterings-icon:after,
 .v-light:not(.no-light) .work-inner .filterings .filterings-icon:before {
     background-color: #000;
 }
 
 .work-inner .filterings .filterings-icon:before {
     top: 14px;
     width: 20px;
 }
 
 .work-inner .filterings .filterings-icon:after {
     height: 2px;
     top: 5px;
     width: 28px;
 }
 
 .work-inner .filterings span {
     font-family: 'YekanBakhFaNum';
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     padding-right: 15px;
     color: #fff;
     -webkit-transition: letter-spacing 0.5s ease-in-out;
     -o-transition: letter-spacing 0.5s ease-in-out;
     transition: letter-spacing 0.5s ease-in-out;
 }
 
 .v-light:not(.no-light) .work-inner .filterings span {
     color: #000;
 }
 
 .work-inner .filterings:hover span {
     letter-spacing: 3px;
 }
 
 .work-inner .projects-list {
     position: relative;
     width: 100%;
 }
 
 .work-inner:not(.work-masonry) .work-item-box:nth-of-type(n+4) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 991px) {
     .work-inner:not(.work-masonry) .work-item-box {
         width: calc(50% - 2px);
     }
     .work-inner:not(.work-masonry) .work-item-box:nth-of-type(n+3) {
         margin-top: 50px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .work-inner:not(.work-masonry) .work-item-box {
         width: 100%;
         padding: 0;
     }
     .work-inner:not(.work-masonry) .work-item-box:nth-of-type(n+2) {
         margin-top: 50px;
     }
 }
 
 .work-inner .work-item-box {
     display: inline-block;
     width: 33%;
     padding: 0 15px;
 }
 
 .work-inner .work-item {
     height: 80vh;
 }
 
 .work-inner .work-item.work-item-2 {
     height: 55vh;
 }
 
 .work-inner .work-item a {
     width: 100%;
     height: 100%;
     -webkit-transition: -webkit-transform 0.5s ease-in-out;
     transition: -webkit-transform 0.5s ease-in-out;
     -o-transition: transform 0.5s ease-in-out;
     transition: transform 0.5s ease-in-out;
     transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
 }
 
 .work-inner .work-item[data-dsn-grid='moveUp'] img {
     height: 120%;
 }
 
 .work-inner .work-item .item-border {
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.5);
     transition: transform 0.6s, background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.6s;
     z-index: 1;
     pointer-events: none;
 }
 
 .work-inner .work-item .item-info {
     right: 0;
     padding: 15px;
     width: 100%;
     -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     transition: -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     -o-transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);
     z-index: 2;
     top: auto;
     bottom: 0;
 }
 
 .work-inner .work-item .item-info .cat {
     font-size: 13px;
     letter-spacing: 2px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 10px;
     font-family: 'YekanBakhFaNum';
     opacity: 0.9;
 }
 
 .v-light:not(.no-light) .work-inner .work-item .item-info .cat {
     color: rgba(255, 255, 255, 0.69);
 }
 
 .work-inner .work-item .item-info h4 {
     font-size: 25px;
     -webkit-transition: margin-bottom 0.5s ease;
     -o-transition: margin-bottom 0.5s ease;
     transition: margin-bottom 0.5s ease;
     z-index: 3;
     font-weight: 600;
 }
 
 .v-light:not(.no-light) .work-inner .work-item .item-info h4 {
     color: #fff;
 }
 
 .work-inner .work-item .item-info p {
     margin: 20px 0;
 }
 
 .work-inner .work-item .item-info span {
     margin-top: 0;
     color: #fff;
     opacity: 0;
     font-size: 13px;
     text-transform: uppercase;
     letter-spacing: 2px;
     -webkit-transition: opacity 0.6s ease;
     -o-transition: opacity 0.6s ease;
     transition: opacity 0.6s ease;
 }
 
 .work-inner .work-item.dsn-active .item-border,
 .work-inner .work-item:hover .item-border {
     background-color: rgba(0, 0, 0, 0.8);
 }
 
 .work-inner .work-item.dsn-active .item-info,
 .work-inner .work-item:hover .item-info {
     -webkit-transform: translate(0, -50px);
     -ms-transform: translate(0, -50px);
     transform: translate(0, -50px);
 }
 
 .work-inner .work-item.dsn-active .item-info h4,
 .work-inner .work-item:hover .item-info h4 {
     margin-bottom: 10px;
 }
 
 .work-inner .work-item.dsn-active .item-info span,
 .work-inner .work-item:hover .item-info span {
     opacity: 1;
 }
 
 .work-inner.work-4-col .work-item-box {
     width: calc(25% - 15px);
 }
 
 .work-inner.work-4-col .work-item-box:nth-of-type(n+5) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 991px) {
     .work-inner.work-4-col .work-item-box {
         width: calc(50% - 15px);
     }
 }
 
 @media only screen and (max-width: 767px) {
     .work-inner.work-4-col .work-item-box {
         width: 100%;
     }
 }
 
 .work-inner.work-4-col .work-item {
     height: 60vh;
 }
 
 .work-inner.work-2-col .work-item-box {
     width: calc(50% - 15px);
 }
 
 .work-inner.work-2-col .work-item-box:nth-of-type(n+3) {
     margin-top: 50px;
 }
 
 @media only screen and (max-width: 767px) {
     .work-inner.work-2-col .work-item-box {
         width: 100%;
     }
 }
 
 .work-inner.work-2-col .work-item {
     height: 100vh;
 }
 
 .work-inner .work-container .nav-right,
 .work-inner .work-container .nav-left {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: absolute;
     top: 30px;
     border: 1px solid rgba(0, 0, 0, 0.2);
     text-transform: uppercase;
     font-size: 12px;
     min-height: 48px;
     border-radius: 50px;
     color: #fff;
     letter-spacing: 1.2px;
     cursor: pointer;
     background-color: rgba(165, 100, 51, 0.9);
 }
 
 .work-inner .work-container .nav-right .label,
 .work-inner .work-container .nav-left .label {
     font-weight: 700;
     padding-right: 15px;
     padding-left: 10px;
     text-align: center;
 }
 
 .work-inner .work-container .nav-right .icon,
 .work-inner .work-container .nav-left .icon {
     width: 35px;
     height: 35px;
     line-height: 35px;
     border-radius: 50%;
     background: rgba(0, 0, 0, 0.2);
     text-align: center;
 }
 
 .work-inner .work-container .nav-right .icon i,
 .work-inner .work-container .nav-left .icon i {
     font-size: 12px;
 }
 
 .work-inner .work-container .nav-right {
     right: 15px;
 }
 
 .work-inner .work-container .nav-right .label {
     padding-left: 15px;
     padding-right: 10px;
 }
 
 .work-inner .work-container .nav-right .icon {
     margin-right: 15px;
 }
 
 .work-inner .work-container .nav-left {
     left: 15px;
 }
 
 .work-inner .work-container .nav-left .icon {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
     margin-left: 15px;
 }
 
 [data-dsn='rStories'].work-masonry .story-item {
     cursor: pointer;
 }
 
 [data-dsn='rStories'].work-masonry .story-item:before {
     z-index: 1;
     pointer-events: none;
     opacity: 0;
     -webkit-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
     transition: opacity 0.5s;
 }
 
 [data-dsn='rStories'].work-masonry .story-item .rs-content {
     position: absolute;
     width: 100%;
     bottom: 0;
     z-index: 999;
     padding: 15px;
     font-weight: 700;
 }
 
 [data-dsn='rStories'].work-masonry .story-item .rs-content .r-s-title {
     font-size: 20px;
     font-weight: 700;
 }
 
 [data-dsn='rStories'].work-masonry .story-item .rs-content h4 [data-dsn='rStories'].work-masonry .story-item .rs-content h4 {
     overflow: hidden;
     will-change: transform;
 }
 
 [data-dsn='rStories'].work-masonry .story-item .rs-content h4 .dsn-word-wrapper {
     opacity: 0;
     visibility: hidden;
     will-change: transform;
     -webkit-transform: translateY(50%) rotate(-15deg) scale(0.8);
     -ms-transform: translateY(50%) rotate(-15deg) scale(0.8);
     transform: translateY(50%) rotate(-15deg) scale(0.8);
     -webkit-transform-origin: top right;
     -ms-transform-origin: top right;
     transform-origin: top right;
     -webkit-transition: opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     transition: opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     -o-transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     -webkit-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     -o-transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
     transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
 }
 
 [data-dsn='rStories'].work-masonry .story-item .rs-content p [data-dsn='rStories'].work-masonry .story-item .rs-content p {
     overflow: hidden;
     will-change: transform;
 }
 
 [data-dsn='rStories'].work-masonry .story-item .rs-content p .dsn-word-wrapper {
     opacity: 0;
     visibility: hidden;
     will-change: transform;
     -webkit-transform: translateY(50%) rotate(-15deg) scale(0.8);
     -ms-transform: translateY(50%) rotate(-15deg) scale(0.8);
     transform: translateY(50%) rotate(-15deg) scale(0.8);
     -webkit-transform-origin: top right;
     -ms-transform-origin: top right;
     transform-origin: top right;
     -webkit-transition: opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     transition: opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     -o-transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
     transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
     -webkit-transition-delay: calc(50ms * var(--word-dsn-index) + 200ms);
     -o-transition-delay: calc(50ms * var(--word-dsn-index) + 200ms);
     transition-delay: calc(50ms * var(--word-dsn-index) + 200ms);
 }
 
 [data-dsn='rStories'].work-masonry .story-item:hover:before {
     opacity: 0.5;
 }
 
 [data-dsn='rStories'].work-masonry .story-item:hover .rs-content h4 {
     color: #fff;
 }
 
 [data-dsn='rStories'].work-masonry .story-item:hover .rs-content h4 .dsn-word-wrapper {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0) rotate(0) scale(1);
     -ms-transform: translateY(0) rotate(0) scale(1);
     transform: translateY(0) rotate(0) scale(1);
 }
 
 [data-dsn='rStories'].work-masonry .story-item:hover .rs-content p {
     color: #fff;
 }
 
 [data-dsn='rStories'].work-masonry .story-item:hover .rs-content p .dsn-word-wrapper {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0) rotate(0) scale(1);
     -ms-transform: translateY(0) rotate(0) scale(1);
     transform: translateY(0) rotate(0) scale(1);
 }
 
 .filters-content {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     padding-right: 8.82353%;
     padding-left: 8.82353%;
     z-index: 9999;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
 }
 
 .filters-content .filtering {
     position: fixed;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }
 
 .filters-content .filtering button {
     color: #fff;
     display: block;
     position: relative;
     cursor: pointer;
     font-size: 24px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-family: 'YekanBakhFaNum';
 }
 
 .filters-content .filtering button.active {
     color: #AA0000;
     font-weight: 800;
     letter-spacing: 4px;
 }
 
 .filters-content .filtering button span.counter {
     position: absolute;
     left: -20px;
     top: -10px;
     font-size: 12px;
     font-weight: 600;
 }
 
 .filters-content .filtering button:not(:last-child) {
     margin-bottom: 30px;
 }
 
 .close-wind {
     position: fixed;
     height: 100%;
     width: 100%;
     top: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.85);
     cursor: pointer;
 }
 
 .button-loadmore {
     position: relative;
     clear: both;
     display: block;
     width: 190px;
     height: 60px;
     line-height: 63px;
     text-align: center;
     cursor: pointer;
     color: #bdc1c0;
     background-color: #AA0000;
     font-size: 14px;
     font-weight: 600;
     padding: 0 35px;
     -webkit-transition: height 1s, border-radius 1s;
     -o-transition: height 1s, border-radius 1s;
     transition: height 1s, border-radius 1s;
 }
 
 .button-loadmore.loadmore-work {
     margin-right: auto;
     margin-left: auto;
 }
 
 .button-loadmore.dsn-loading {
     height: 23px !important;
     border-radius: 7px;
 }
 
 .button-loadmore.dsn-loading .progress-text {
     top: -19px;
 }
 
 .button-loadmore .dsn-load-progress-ajax {
     position: absolute;
     right: 0;
     top: 0;
     width: 0;
     height: 100%;
     background-color: #212121;
     color: #fff;
 }
 
 .button-loadmore .progress-text {
     position: absolute;
     top: 0;
     right: 0;
     color: #fff;
     z-index: 2;
     width: 100%;
     height: 100%;
     letter-spacing: 3px;
     text-transform: uppercase;
     opacity: 1;
     font-size: 14px;
 }
 
 .button-loadmore .progress-no-more {
     display: none;
 }
 
 .our-work .work-item .item-info {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0);
 }
 
 .root-blog {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .root-blog .post-list-item {
     position: relative;
     margin-bottom: 120px;
 }
 
 @media only screen and (max-width: 991px) {
     .root-blog .post-list-item {
         margin-bottom: 80px;
     }
 }
 
 .root-blog .post-list-item figure {
     position: relative;
     width: 100%;
 }
 
 .root-blog .post-list-item figure a {
     width: 100%;
 }
 
 .root-blog .post-list-item figure img {
     position: relative;
     display: block;
     width: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     max-height: 80vh;
 }
 
 .root-blog .post-list-item .post-list-item-content {
     margin-top: 30px;
     width: 100%;
     position: relative;
 }
 
 .root-blog .post-list-item .post-list-item-content .post-info-date {
     margin-left: 20px;
 }
 
 @media only screen and (max-width: 575px) {
     .root-blog .post-list-item .post-list-item-content {
         padding-right: 0;
         padding-left: 0;
     }
 }
 
 .root-blog .post-list-item .post-list-item-content .post-info-top a {
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 1.2px;
     word-spacing: 2px;
     margin-bottom: 20px;
     color: #fff;
 }
 
 .v-light:not(.no-light) .root-blog .post-list-item .post-list-item-content .post-info-top a {
     color: #000;
 }
 
 .root-blog .post-list-item .post-list-item-content .post-info-top>div {
     position: relative;
     display: inline-block;
 }
 
 .root-blog .post-list-item .post-list-item-content h3 {
     margin-bottom: 30px;
 }
 
 .root-blog .post-list-item .post-list-item-content .post-author {
     width: 100%;
     display: block;
     margin-bottom: 40px;
 }
 
 .root-blog .post-list-item .post-list-item-content .post-author img {
     width: 60px;
     height: 60px;
     display: inline-block;
     border-radius: 50%;
     margin-left: 10px;
 }
 
 .root-blog .post-list-item .post-list-item-content .post-author span {
     font-weight: 300;
 }
 
 .root-blog .post-list-item .post-list-item-content .post-author span a {
     color: #fff;
     padding-right: 5px;
     letter-spacing: 2px;
 }
 
 .news-content {
     position: relative;
     overflow: hidden;
 }
 
 @media only screen and (max-width: 991px) {
     .news-content {
         padding-right: 0;
         padding-left: 0;
     }
 }
 
 .news-content .news-content-inner {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .news-content .News-socials-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 23%;
     padding-left: 30px;
 }
 
 @media only screen and (max-width: 991px) {
     .news-content .News-socials-wrapper {
         width: 26%;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .News-socials-wrapper {
         width: 100%;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
 }
 
 .news-content .News-socials-wrapper .news-title {
     font-size: 42px;
     font-weight: 800;
     line-height: 1.2;
     letter-spacing: 0.01em;
 }
 
 .news-content .News-socials-wrapper .News-news-date {
     font-size: 20px;
     line-height: 1.2;
     letter-spacing: 2px;
     color: #fff;
     opacity: 0.8;
 }
 
 .v-light:not(.no-light) .news-content .News-socials-wrapper .News-news-date {
     color: #000;
 }
 
 .news-content .News-socials-wrapper .title-caption {
     margin-bottom: 20px;
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .News-socials-wrapper .title-caption {
         display: inline-block;
         margin-bottom: 10px;
     }
 }
 
 .news-content .News-socials-wrapper .cat {
     display: block;
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .News-socials-wrapper .cat {
         width: 100%;
         margin-bottom: 30px;
     }
 }
 
 .news-content .News-socials-wrapper .cat a {
     display: block;
     text-decoration: none;
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .News-socials-wrapper .cat a {
         display: inline-block;
     }
 }
 
 .news-content .News-socials-wrapper .cat a span {
     font-size: 12px;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #fff;
     background-color: #090909;
     padding: 5px 15px;
     margin: 0 5px 5px;
 }
 
 .v-light:not(.no-light) .news-content .News-socials-wrapper .cat a span {
     background-color: #e6e6e6;
     color: #000;
 }
 
 .news-content .News-socials-wrapper .cat a span:first-child {
     margin-right: 0;
 }
 
 .news-content .News-socials-wrapper .cat a span::last-child {
     margin-bottom: 0;
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .News-socials-wrapper .post-share {
         width: 100%;
         margin-bottom: 30px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .News-socials-wrapper .post-share ul {
         display: inline-block;
     }
 }
 
 .news-content .News-socials-wrapper .post-share ul li {
     list-style: none;
     margin-bottom: 10px;
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .News-socials-wrapper .post-share ul li {
         display: inline-block;
         margin-right: 10px;
     }
 }
 
 .news-content .News-socials-wrapper .post-share ul li:last-child {
     margin-bottom: 0;
 }
 
 .news-content .News-socials-wrapper .post-share ul li a {
     position: relative;
     text-decoration: none;
     -webkit-transition: color 670ms linear 417ms;
     -o-transition: color 670ms linear 417ms;
     transition: color 670ms linear 417ms;
 }
 
 .news-content .News-socials-wrapper .post-share ul li a:before {
     content: '';
     position: absolute;
     bottom: 0;
     height: 45%;
     right: -0.15em;
     left: -0.15em;
     background: rgba(82, 83, 85, 0.19);
     background-size: 100% 100%;
     -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     -webkit-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-transform: scale(0.98, 0) translateZ(0);
     transform: scale(0.98, 0) translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: -1;
     background-repeat: repeat-x;
 }
 
 .news-content .News-socials-wrapper .post-share ul li a:after {
     content: '';
     position: absolute;
     bottom: 0;
     height: 1px;
     right: -0.025em;
     left: -0.075em;
     background: rgba(82, 83, 85, 0.19);
     background-size: 100% 100%;
     -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     -o-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
 }
 
 .news-content .News-socials-wrapper .post-share ul li a:hover:before {
     -webkit-transform: scale(1, 1) translateZ(0);
     transform: scale(1, 1) translateZ(0);
 }
 
 .news-content .News-socials-wrapper .post-share ul li a:hover:after {
     opacity: 0;
     -webkit-transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
 }
 
 .news-content .post-content {
     position: relative;
     display: block;
     width: 77%;
 }
 
 @media only screen and (max-width: 991px) {
     .news-content .post-content {
         width: 74%;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .post-content {
         width: 100%;
     }
 }
 
 .news-content .post-content>* {
     margin-bottom: 30px;
 }
 
 .news-content .post-content:first-child,
 .news-content .post-content> :first-child {
     margin-top: 0;
 }
 
 .news-content .post-content:last-child,
 .news-content .post-content> :last-child {
     margin-bottom: 0;
 }
 
 .news-content .post-content p {
     letter-spacing: -0.6px;
 }
 
 .news-content .post-content p a {
     display: inline-block;
 }
 
 .news-content .post-content blockquote {
     font-size: 20px;
     font-family: 'YekanBakhFaNum', serif;
     color: #fff;
     font-style: italic;
     padding: 10px 15px 10px 0;
     border-right: 1px solid #cacaca;
 }
 
 .v-light:not(.no-light) .news-content .post-content blockquote {
     color: #000;
     border-right: 1px solid #bebebe;
 }
 
 .news-content .post-content a {
     position: relative;
     text-decoration: none;
     -webkit-transition: color 670ms linear 417ms;
     -o-transition: color 670ms linear 417ms;
     transition: color 670ms linear 417ms;
 }
 
 .news-content .post-content a:before {
     content: '';
     position: absolute;
     bottom: 0;
     height: 45%;
     right: -0.15em;
     left: -0.15em;
     background: rgba(82, 83, 85, 0.19);
     background-size: 100% 100%;
     -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     -webkit-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-transform: scale(0.98, 0) translateZ(0);
     transform: scale(0.98, 0) translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: -1;
     background-repeat: repeat-x;
 }
 
 .news-content .post-content a:after {
     content: '';
     position: absolute;
     bottom: 0;
     height: 1px;
     right: -0.025em;
     left: -0.075em;
     background: rgba(82, 83, 85, 0.19);
     background-size: 100% 100%;
     -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     -o-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
 }
 
 .news-content .post-content a:hover:before {
     -webkit-transform: scale(1, 1) translateZ(0);
     transform: scale(1, 1) translateZ(0);
 }
 
 .news-content .post-content a:hover:after {
     opacity: 0;
     -webkit-transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
 }
 
 .news-content .post-tags {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 50px 0 0;
 }
 
 @media only screen and (max-width: 767px) {
     .news-content .post-tags {
         padding: 30px 0 0;
     }
 }
 
 .news-content .post-tags a {
     color: #fff;
     margin-left: 30px;
     display: inline-block;
     line-height: 1;
     float: right;
 }
 
 .v-light:not(.no-light) .news-content .post-tags a {
     color: #000;
 }
 
 .news-content .post-tags a:before {
     content: '#';
     position: relative;
     margin-left: 5px;
     font-size: 14px;
     background-color: transparent;
     border: 0;
 }
 
 .news-content .post-tags a:after {
     display: none;
 }
 
 .form-box {
     position: relative;
 }
 
 .form-box .form-group {
     width: 100%;
 }
 
 .form-box .form-group .help-block {
     color: #AA0000;
     font-weight: 600;
     margin-bottom: 15px;
 }
 
 .form-box .form-group li {
     list-style: none;
 }
 
 .entry {
     width: 100%;
     margin-bottom: 30px;
 }
 .entry p{
     color: #fff !important;
     font-size: 12px;
     top: 75%;
     padding: 0 25px 0 25px;
     left: .5px !important;
     z-index: 1000 !important;
     position: absolute;
     text-shadow: 1px 1px 2px black;
 }
 .entry input,
 .entry textarea {
     font-family: 'YekanBakhFaNum';
     font-weight: 700;
     font-size: 16px;
     width: 100%;
     background-color: transparent;
     border: none;
     border-bottom: 1.5px solid #AA0000;
     padding-bottom: 20px;
     color: #eee;
     margin-top: 10px;
     margin-bottom: 0;
     letter-spacing: -0.5px;
 }
 
 .v-light:not(.no-light) .entry input,
 .v-light:not(.no-light) .entry textarea {
     border-color: #AA0000;
     color: #0009;
 }
 
 .entry input::-webkit-input-placeholder,
 .entry textarea::-webkit-input-placeholder {
     font-weight: 700;
     font-size: 16px;
     letter-spacing: -0.5px;
 }
 
 .entry input:-ms-input-placeholder,
 .entry textarea:-ms-input-placeholder {
     font-weight: 700;
     font-size: 16px;
     letter-spacing: -0.5px;
 }
 
 .entry input::-ms-input-placeholder,
 .entry textarea::-ms-input-placeholder {
     font-weight: 700;
     font-size: 16px;
     letter-spacing: -0.5px;
 }
 
 .entry input::placeholder,
 .entry textarea::placeholder {
     font-weight: 700;
     font-size: 16px;
     letter-spacing: -0.5px;
 }
 
 .entry input {
     height: 100%;
 }
 
 label {
     color: #AA0000;
     font-size: 15px;
     font-weight: 600;
 }
 
 .v-light:not(.no-light) label {
     color: #AA0000;
 }
 
 #map .gm-bundled-control,
 #map .gm-bundled-control-on-bottom,
 #map .gm-fullscreen-control,
 #map .gm-style-cc,
 #map .gmnoprint {
     display: none !important;
 }
 
 .comments-post {
     position: relative;
     width: 100%;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .comments-post .comments-title {
     margin-bottom: 70px;
 }
 
 @media only screen and (max-width: 991px) {
     .comments-post .comments-title {
         margin-bottom: 35px;
     }
 }
 
 .comments-post .comments-title .subtitle {
     margin-bottom: 0;
 }
 
 .comments-post .comments-area {
     position: relative;
 }
 
 .comments-post .comments-area .comment-list>li.comment:first-child {
     margin-top: 0;
 }
 
 .comments-post .comments-area .comment-list>li.comment:first-child>.comment-body {
     padding-top: 0;
 }
 
 .comments-post .comments-area .comment {
     list-style: none;
     margin-top: 20px;
 }
 
 .comments-post .comments-area .comment .comment-body {
     position: relative;
     padding-top: 30px;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-author {
     position: relative;
     top: 10px;
     right: 0;
     width: 64px;
     height: 64px;
     display: block;
     float: right;
 }
 
 @media only screen and (max-width: 575px) {
     .comments-post .comments-area .comment .comment-body .comment-author {
         width: 30px;
         height: 30px;
     }
 }
 
 .comments-post .comments-area .comment .comment-body .comment-author img {
     display: block;
     height: auto;
     max-width: 100%;
     border-radius: 50%;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text {
     padding: 0 90px 0 0;
     min-height: 64px;
 }
 
 @media only screen and (max-width: 575px) {
     .comments-post .comments-area .comment .comment-body .comment-text {
         padding: 0 40px 0 0;
     }
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-date {
     float: left;
     margin: 3px 0 0 5px;
     font-size: 13px;
     color: #b0b0b0;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-date:before {
     content: '/';
     display: inline-block;
     margin-left: 5px;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-info {
     position: relative;
     display: inline-block;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-info .comment-name {
     float: right;
     margin: 0;
     font-weight: 700;
     font-size: 17px;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .text-holder p {
     margin: 7px 0 10px;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link {
     position: relative;
     text-decoration: none;
     -webkit-transition: color 670ms linear 417ms;
     -o-transition: color 670ms linear 417ms;
     transition: color 670ms linear 417ms;
     font-weight: 700;
     font-size: 15px;
     line-height: 20px;
     text-transform: uppercase;
     color: #fff;
 }
 
 .v-light:not(.no-light) .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link {
     color: #000;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:before {
     content: '';
     position: absolute;
     bottom: 0;
     height: 45%;
     right: -0.15em;
     left: -0.15em;
     background: rgba(82, 83, 85, 0.19);
     background-size: 100% 100%;
     -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);
     -webkit-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     -webkit-transform: scale(0.98, 0) translateZ(0);
     transform: scale(0.98, 0) translateZ(0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: -1;
     background-repeat: repeat-x;
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:after {
     content: '';
     position: absolute;
     bottom: 0;
     height: 1px;
     right: -0.025em;
     left: -0.075em;
     background: rgba(82, 83, 85, 0.19);
     background-size: 100% 100%;
     -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     -o-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:before {
     -webkit-transform: scale(1, 1) translateZ(0);
     transform: scale(1, 1) translateZ(0);
 }
 
 .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:after {
     opacity: 0;
     -webkit-transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
     -o-transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
     transition: 0.126s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
 }
 
 .comments-post .comments-area .comment .children {
     margin-right: 90px;
 }
 
 @media only screen and (max-width: 575px) {
     .comments-post .comments-area .comment .children {
         margin-right: 40px;
     }
 }
 
 @media only screen and (max-width: 400px) {
     .comments-post .comments-area .comment .children {
         margin-right: 20px;
     }
 }
 
 .comments-post .comments-form {
     position: relative;
     width: 100%;
     margin-top: 120px;
 }
 
 @media only screen and (max-width: 991px) {
     .comments-post .comments-form {
         margin-top: 80px;
     }
 }
 
 .footer-1 .footer-links {
     padding: 50px 0;
 }
 
 @media only screen and (max-width: 991px) {
     .footer-1 .footer-links .footer-block-inner:nth-of-type(n+3) {
         margin-top: 30px;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .footer-1 .footer-links .footer-block-inner:nth-of-type(n+2) {
         margin-top: 30px;
     }
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .link-hover {
     color: #000;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .link-hover:before {
     color: #000;
 }
 
 .footer-1 .footer-links .footer-title {
     position: relative;
     color: #AA0000;
     text-transform: uppercase;
     font-size: 16px;
     padding-bottom: 10px;
     margin-bottom: 20px;
     letter-spacing: 2px;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .footer-title {
     color: #AA0000;
 }
 
 .footer-1 .footer-links .footer-title:after {
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     width: 15px;
     height: 2px;
     background-color: #fff;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .footer-title:after {
     background-color: #bebebe;
 }
 
 .footer-1 .footer-links .footer-block.col-menu ul li {
     font-size: 14px;
     letter-spacing: 2px;
     margin-bottom: 10px;
     overflow: hidden;
 }
 
 .footer-1 .footer-links .footer-block.col-menu ul li:last-of-type {
     margin-bottom: 0;
 }
 
 .footer-1 .footer-links .footer-block.col-menu ul li a {
     text-transform: uppercase;
 }
 
 .footer-1 .footer-links .footer-block.col-contact p {
     font-size: 14px;
     margin-bottom: 10px;
 }
 
 .footer-1 .footer-links .footer-block.col-contact p:last-of-type {
     margin-bottom: 0;
 }
 
 .footer-1 .footer-links .footer-block.col-contact p strong {
     color: #fff;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .footer-block.col-contact p strong {
     color: #000;
 }
 
 .footer-1 .footer-links .footer-block.col-contact p span {
     margin-left: 5px;
     margin-right: 5px;
 }
 
 .footer-1 .footer-links .footer-block .footer-social ul {
     margin: 0;
 }
 
 .footer-1 .footer-links .footer-block .footer-social ul li {
     color: #fff;
     font-size: 14px;
     margin-left: 15px;
     padding-left: 5px;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-social ul li {
     color: #000;
 }
 
 @media only screen and (max-width: 575px) {
     .footer-1 .footer-links .footer-block .footer-social ul li {
         font-size: 13px;
         margin-left: 3px;
         padding-left: 3px;
     }
 }
 
 .footer-1 .footer-links .footer-block .footer-social ul li:first-of-type {
     padding-right: 0;
 }
 
 .footer-1 .footer-links .footer-block .footer-social ul li a {
     color: #fff;
     display: inline-block;
     letter-spacing: 2px;
     line-height: 1.6;
     font-size: 13px;
     font-family: 'YekanBakhFaNum';
     position: relative;
     text-transform: capitalize;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-social ul li a {
     color: #000;
 }
 
 .footer-1 .footer-links .footer-block .footer-logo {
     width: 70px;
 }
 
 .footer-1 .footer-links .footer-block .footer-logo img.logo-dark {
     display: block;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-logo img.logo-dark {
     display: none;
 }
 
 .footer-1 .footer-links .footer-block .footer-logo img.logo-light {
     display: none;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-links .footer-block .footer-logo img.logo-light {
     display: block;
 }
 
 .footer-1 .footer-nav {
     position: relative;
     padding: 30px 0;
     text-align: center;
     background-color: #000;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-nav {
     background-color: #f9f9f9;
 }
 
 @media only screen and (max-width: 575px) {
     .footer-1 .footer-nav {
         padding: 25px 0;
     }
 }
 
 .footer-1 .footer-nav ul li {
     display: inline-block;
     font-size: 14px;
     letter-spacing: 2px;
     margin: 0 18px;
 }
 
 @media only screen and (max-width: 575px) {
     .footer-1 .footer-nav ul li {
         font-size: 13px;
         margin: 5px;
     }
 }
 
 .footer-1 .footer-nav ul li a {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
 }
 
 .v-light:not(.no-light) .footer-1 .footer-nav ul li a {
     color: #000;
 }
 .copyright{
     padding:120px 0 40px 0  !important;
     }
 .footer-1 .copyright {
     padding: 30px 0;
     font-size: 14px;
 }
 
 .footer-1 .copyright p {
     text-transform: uppercase;
 }
 
 .footer-1 .copyright .copright-text {
     color: #e6e6e6;
     margin-top: 5px;
     font-family: myriad;
     text-transform: uppercase;
 }
 
 .v-light:not(.no-light) .footer-1 .copyright .copright-text {
     color: #000;
 }
 
 .footer-1 .copyright .copright-text a {
     color: #AA0000;
 }
 
 .v-light:not(.no-light) .footer-1 .copyright .copright-text a {
     color: #AA0000;
 }
 
 .footer .footer-container {
     padding: 0 50px 30px;
 }
 
 @media only screen and (max-width: 767px) {
     .footer .footer-container {
         padding: 0 30px;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .footer .footer-container {
         padding: 0;
     }
 }
 
 @media only screen and (max-width: 767px) {
     .footer .footer-container>div {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
     }
 }
 
 .footer .column-right,
 .footer .column-left {
     width: calc(50% - 35px);
 }
 
 @media only screen and (max-width: 767px) {
     .footer .column-right,
     .footer .column-left {
         width: 100%;
         text-align: center;
     }
 }
 
 .footer .column-right .logo-footer img {
     width: 75px;
 }
 
 .footer .column-right .footer-social ul {
     margin: 0;
 }
 
 .footer .column-right .footer-social ul li {
     color: #fff;
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     margin-left: 15px;
     padding-left: 5px;
 }
 
 @media only screen and (max-width: 575px) {
     .footer .column-right .footer-social ul li {
         font-size: 13px;
         margin-left: 3px;
         padding-left: 3px;
     }
 }
 
 .footer .column-right .footer-social ul li:first-of-type {
     padding-right: 0;
 }
 
 .footer .column-right .footer-social ul li a {
     color: #fff;
     display: inline-block;
     letter-spacing: 2px;
     font-size: 13px;
     font-family: 'YekanBakhFaNum';
     font-weight: 400;
     position: relative;
 }
 
 .v-light:not(.no-light) .footer .column-right .footer-social ul li a {
     color: #000;
 }
 
 .footer .column-left {
     text-align: left;
 }
 
 @media only screen and (max-width: 767px) {
     .footer .column-left {
         text-align: center;
         margin-top: 20px;
     }
 }
 
 .footer .column-left h5 {
     color: rgba(255, 255, 255, 0.69);
     display: inline-block;
     font-size: 13px;
     font-weight: 400;
     overflow: hidden;
 }
 
 .v-light:not(.no-light) .footer .column-left h5 {
     color: #000;
 }
 
 .footer .column-left h5 .love {
     color: #fd4145;
     padding-right: 5px;
     padding-left: 5px;
     font-size: 16px;
     font-weight: 700;
 }
 
 .footer .column-left h5 .link-hover {
     text-transform: initial;
     
 }
 
 .v-light:not(.no-light) .footer .column-left h5 .link-hover {
     color: #000;
 }
 
 .footer .scroll-top {
     position: relative;
 }
 
 @media only screen and (max-width: 767px) {
     .footer .scroll-top {
         position: absolute;
         left: 15px;
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
     }
 }
 
 @media only screen and (max-width: 575px) {
     .footer .scroll-top {
         position: relative;
         margin-top: 20px;
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
     }
 }
 
 .footer .scroll-top:hover .icon-circle {
     display: inherit;
 }
 
 .footer .scroll-top img {
     width: 60px;
 }
 
 .v-light:not(.no-light) .footer .scroll-top img {
     -webkit-filter: invert(1);
     filter: invert(1);
 }
 
 .footer .scroll-top i {
     position: absolute;
     top: 50%;
     right: 50%;
     width: 40px;
     height: 40px;
     line-height: 40px;
     -webkit-transform: translate(50%, -50%);
     -ms-transform: translate(50%, -50%);
     transform: translate(50%, -50%);
     text-align: center;
     font-size: 14px;
     color: #fff;
     cursor: pointer;
 }
 
 .v-light:not(.no-light) .footer .scroll-top i {
     color: #000;
 }
 
 .cap {
     position: absolute;
     bottom: 30px;
     right: 0;
     background-image: -webkit-gradient(linear, right top, left top, from(#0e0e0e5c), to(#1b1515));
     background-image: -webkit-linear-gradient(right, #0e0e0e5c 0, #1b1515 100%);
     background-image: -o-linear-gradient(right, #0e0e0e5c 0, #1b1515 100%);
     background-image: linear-gradient(to left, #0e0e0e5c 0, #1b1515 100%);
     padding: 4px 15px;
     color: #fff;
     z-index: 10;
 }
 
 .cap span {
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 2px;
 }
 
 .caption {
     -webkit-transform-origin: right center;
     -ms-transform-origin: right center;
     transform-origin: right center;
     color: #fff;
     letter-spacing: 2px;
     font-size: 14px;
     font-weight: 600;
     position: relative;
     margin-top: 15px;
 }
 
 .v-light:not(.no-light) .caption {
     color: #000;
 }
 
 .section-dsn-color * {
     color: inherit !important;
 }
 
 .work-inner.work-masonry .work-item .item-info {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
 }
 
 /* Custom CSS */
 
 .fa-reply {
     transform: scaleX(-1);
 }
 
 #redLine {
 height: 105px;
 width: 100%;
 background-color: none;
 position: absolute;
 top: 580px;
 z-index: 10;
 box-shadow: 0px 0px 5px black;
 }
 #redLineDivider{
     position: absolute;
     height: 2px;
 width: 100%;
 background-color: #000;
 /* z-index: -300 !important; */
 top: 50%;
 }
 #redLine h2 {
 text-align: center;
 color: #AA0000 !important;
 letter-spacing: -2px !important;
 padding-top: 2px ;
 font-size: 25px;
 width: 70%;
     }
 
 
 
 .homeVideo {
     height: 100vh;
     position: relative;
 }
 video {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .homeVideo-content {
     position: relative;
     padding-top: 150px;
     color: #fff;
     text-align: center;
 }
 .h2-redline {
     font-family: YekanBakhFaNum;
     font-size: clamp(40px, 3.5vw, 55px);
     line-height: 1.1;
     color: black !important;
     /* text-shadow: 2px 2px 10px black; */
     margin-top: 20px;
     text-align: center !important;
 }
 
 .p-redline {
     font-size: clamp(22px, 3vw, 30px);
     margin-top: 455px;
     text-align: center !important;
     color: #fff !important;
 }
 
 .homeVideo-content button {
     display: block;
     font-size: clamp(14px, 1.5vw, 18px);
     border: 1px solid #f1f1f1;
     border-radius: 5px;
     background: transparent;
     color: #fff;
     margin: 130px auto 0;
     padding: 12px 20px;
     cursor: pointer;
 }
 #redLine img {
 width: 100%;
 text-align: center !important;
 margin-top: -500px !important;
 }
 
   .img_header{
     position: relative;
     display: inline-block;
     width: 950px;
     right: 630px;
     bottom: 1050px;
     z-index: 105;
     margin-top: 550px;
   }
 
 
 
   .img_header{width: 950px;scale: .95;}
   @media (max-width:1300px){.img_header{}}
   @media (max-width:991px){.img_header{width: 100vw;left: 0 !important;right: 0 !important;top: -150px;position: absolute;scale: .8;z-index: 1;}}@media (max-width:767px){.img_header{width: 100vw;left: 0 !important;right: 0 !important;top: 80px;}}
 
 
 
   
 @media (max-width:1300px){.text-scroller{}}
 @media (max-width:991px){.text-scroller{top: 67em;z-index: 10;}}
 @media (max-width:767px){.text-scroller{top: 57.5em;z-index: 100;}}
 
 
 
 
 
 
   .container-led {
     width: 100%;
     overflow: hidden;
   
   }
   .horizontal-scrolling-items {
   
     font-size: 80px;
     text-transform: uppercase;
     color: #AA0000;
     margin-right: -1820px;
     margin-top: 10px;
     display: flex;
     width: 100vw;
     animation-name: infiniteScroll;
     animation-duration: 11s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
   }
   .horizontal-scrolling-items__item {
     white-space: nowrap;
     font-family: PixelFont !important;
   }
 
 .homeHero {
     width: 100vw;
     overflow: hidden;
     padding-top: 0;
     margin-top: 200px;
     margin-bottom: 200px;
 }
 .homeHero--inner {
     width: 100%;
     height: 100%;
     position: relative;
     padding: 130px 0 0 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }
 .homeHero__title {
     color: #fff;
     width: 100%;
     max-width: 1300px;
     margin: 0 auto;
     padding: 0 20px;
     font-family: proxima-nova,sans-serif;
     font-weight: 700;
     font-style: normal;
     font-size: 6rem;
     line-height: 110%;
     text-align: center;
     text-transform: uppercase;
     z-index: 9;
     overflow: hidden;
     cursor: default;
     position: relative;
 }
 .homeHero__title {
     font-size: 4rem;
     line-height: 6rem;
     text-align: center;
     color: transparent;
 }
 
 .homeHero__title div{
     transition: 1s opacity ease .3s,1s transform ease .3s,.5s color ease,1s -webkit-transform ease .3s,1s -moz-transform ease .3s,1s -o-transform ease .3s;
 }
 .homeHero__title div:hover {
     color: #fff;
     opacity: 0;
 }
 .homeHero__clips {
     display: none;
 }
 .homeHero__clips {
     width: 200px;
     height: 200px;
     margin-bottom: 35px;
     object-fit: cover;
     display: block;
     -webkit-clip-path:inherit;
     clip-path:inherit;
     z-index: 10;
     mix-blend-mode: exclusion;
 }
 
 #background {
     background-position: center;
     background-size: cover;
     /* max-height: 100vh; */
     position: relative;
     width: auto;
     height: 110vh !important;
     margin-top: 250px !important;
     z-index: 100 !important;
     margin-bottom: -400px;
 
   }
   #reel-clips{
     height: 97vh;
     object-fit:fill !important;
     object-position: center !important;
   }
   #hover-video{
     margin-top: -200px;
     z-index: 100 !important;
     object-fit:fill !important;
     object-position: center !important;
   }
   .background-panel {
     background-size: cover;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     transition: opacity 0.75s;
   }
   
   .containerVideo {
     position: relative;
     z-index: 2;
   }
   
   .btnVIdeo {
     background-color: none;
     padding: 10px;
   }
   #text-hover-video{
       color: #fff;
       font-size: 50px;
       text-align: center;
       line-height: 1.5;
       padding-right: 150px;
       padding-left: 150px;
       font-family: YekanBakhFaNum;
     font-weight: 800;
    height: 180px;
    margin-top: 50px;
     }
     #text-hover-video:hover{
         color: #000;
 opacity: .7;
 text-shadow: 5px 1px 5px #fff;
       }
 
 
 .img-ul-li{
     position: absolute;
     right: 0px;
     top: 0;
     width: 100%;
     height: auto;
     z-index: -1;
 }
 
   .about h3 {
     font-weight: 700;
     font-size: 26px;
     margin: 10px 0 20px 0;
     font-family: var(--font-secondary);
   }
   
   .about h2, h3 {
     text-align: center;
   }
   
 
   /* >>>>>>>>>>>>>>>>>>> COUNTER  <<<<<<<<<<<<<<<<<< */
 
     /*--------------------------------------------------------------
   # Stats Counter Section
   --------------------------------------------------------------*/
   .stats-counter {
     background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/stadium/azadi-3.webp") center center;
     background-size: cover;
     padding: 80px 0;
   }
  #text-counter{
     font-size: 18px;
     text-align: justify;
     color: #fff;
     opacity: .8;
     margin-top: -20px;
     padding-bottom: 2px;
     text-shadow: 1px 1px 3px black;
     padding-right: 15px;
     padding-left: 15px;
   }
   @media (min-width: 1365px) {
     .stats-counter {
       background-attachment: fixed;
     }
   }
   
   .stats-counter .stats-item {
     padding: 30px;
     width: 100%;
   }
   
   .stats-counter .stats-item span {
     font-size: 48px;
     display: block;
     color: #fff;
     font-weight: 700;
   }
   
   .stats-counter .stats-item p {
     padding: 0;
     margin: 0;
     font-family: var(--font-secondary);
     font-size: 16px;
     font-weight: 700;
     color: #fff;
   }
   
 
  /* Before After Section */
  
 .divider-wrapper { 
     width: 100%;
     height: 30vh !important;
     margin: 30px auto;
     position: relative;
     cursor: w-resize !important;
   }
     .divider-wrapper:hover { cursor: none; }
 
    .span-right{
     position: absolute;
     color: #fff !important;
     font-size: 50px;
     top: 350px;
     right: 50px;
     opacity: .8;
    }
    .span-left{
     position: absolute;
     color: #fff !important;
     font-size: 50px;
     top: 350px;
     left: 50px;
     opacity: .8;
    }
 
     .divider-bar {
       position: absolute;
       width: 2px;
       left: 50%;
       top: 0px;
       bottom: -3px;
       background: #AA0000; 
       -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.4); 
       -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
       box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
     }
    
     .code-wrapper {
         border-radius: 25px !important;
       border: 1px solid #222;
       box-shadow: 2px 2px 5px #222;
       display: block;
       overflow: hidden;
       width: 100%;
       height: 100%;
       position: relative;
       background: url("../img/stadium/before-after/b3_New.webp") no-repeat;
         background-size: cover;
     }
    
     .design-wrapper, .design-image {
       border-radius: 0 8px 8px 0;
       -moz-border-radius: 0 8px 8px 0;
       -webkit-border-radius: 0 8px 8px 0;
     }
   
     .design-wrapper {
       overflow: hidden;
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
    
       -webkit-transform: translateX(50%);
       transform: translateX(50%);
     }
       .design-image {
         display: block;
         width: 100%;
         height: 100%;
         position: relative;
    border-radius: 5px;
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
         background: url("../img/stadium/before-after/a3_New.webp") no-repeat;
         background-size: cover;
       }
 
 
 
       .post {
      
         width: 650px;
         height: auto;
         margin-right: -20px;
         margin-top: -100px;
       }
       
       .post-date {
         font-size: 15px;
         color: #505050;
         text-align: justify;
       }
       
       .post-author {
         color: #555;
       }
       
       .post-excerpt {
         letter-spacing: 1px;
         line-height: 1.33;
       }
       
       .post-image {
         position: relative;
         flex:content;
         width: auto;
         max-width: 300px;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         
         img {
           visibility: hidden;
           width: 0;
           height: 0;
           position: absolute
         }
       }
       
     
       
       .post-content {
         flex: 0 0 100%;
         padding: 10px 10px;
       }
       
       .post-link {
         display: inline-block;
         margin: 0 0 15px;
         padding: 16px 48px;
         background: lightblue;
         color: #fff;
         text-decoration: none;
         border-radius: 4em;
         transition: background .2s ease-in-out;
         
         &:hover {
           background: darken(lightblue, 10%);
         }
       }
       
       @media screen and (max-width: 1024px) {
         .post {
           width: 80%;
         }
       }
 
 
       @media screen and (max-width: 768px) {
         .post {
           flex-direction: column;
         }
         
         .post-image {
           height: auto;
           max-width: 100%;
         }
         
         .post-content {
           padding: 20px 0;
         }
       }
 
       .video-back-logo{
         top: 0;
         right: 0;
       }
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 .img-list{
     max-width: 55% !important;
 }
       .image-left, .image-right
 {
     margin: auto;
 }
 
 #p-list{
     margin-left: 50px !important;
     width: 250px;
 }
 #tabs-1-content{
     p{
         text-align: justify;
     }
 }
 #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{
     padding-bottom: 10px !important;
 }
 #tabs-1-content, #tabs-2-content, #tabs-3-content, #tabs-4-content, #tabs-5-content{
     img{
         width: 100%;
         height: 300px;
     }
     h2{
         padding-top: 5px !important;
         text-align: justify;
         font-size: 15px !important;
         line-height: 1.5;
     }
 }
 @media (min-width: 20em)
 {
     .image-left, .image-right
     {
         display: flex;
         align-items: center;
     }
 
     .image-left img
     {
         margin-right: 1em;
         float: left; /* fallback */
     }
 
     .image-right img
     {
         order: 1;
         margin-left: 1em;
         float: right; /* fallback */
     }
     
     /* clearfix for fallback */
     .image-left::after,
     .image-right::after
     {
         content: "";
       display: block;
         clear: both;
     }
 }
 
 @media (min-width: 30em)
 {
     .image-left img, .image-right img
     {
         flex-shrink: 0;
     }
 }
 
 
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 figure {
   background: #000;
   width: 100%;
   height: 300px;
   border-radius: 20px;
 }
 figure h2 {
     font-size: 16px;
     font-weight: 500;
     color: #fff !important;
     text-align: justify;
     padding: 35px;
     margin-top: -10px;
     text-shadow: 1px 1px 3px black;
   }
 figure img {
     width: 100%;
     height: 330px;
   opacity: .4;
   border-radius: 20px;
 
 }
 
 figure:hover img {
   opacity: 1;
   -webkit-transition: opacity 0.35s ease;
   -moz-transition: opacity 0.35s ease;
   -o-transition: opacity 0.35s ease;
   transition: opacity 0.35s ease;
   /* box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.9); */
   filter: grayscale(0);
   -webkit-fliter:grayscale(0);
 }
 
 figcaption {
   width: 100%;
   color: #000;
   text-align: center;
   text-decoration: none;
   font-family: verdana;
   position: relative;
   bottom: 40%;
   opacity: 1;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 figure:hover figcaption, figcaption a {
   bottom: 80%;
   opacity: 0;
 }
 
 
   /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 
   /*--------------------------------------------------------------
   # Gallery Section
   --------------------------------------------------------------*/
 
   .clients{
 margin-top: 100px !important;
   }
 .mod-sld-images{
     margin-top: -40px !important;
 }
 
 
 
 
 
 
 
   .swiper-container-horizontal
   > .swiper-pagination-bullets
   .swiper-pagination-bullet::before,
 .swiper-container-horizontal
   > .swiper-pagination-bullets
   .swiper-pagination-bullet,
 [class^="swiper-button-"] {
   transition: all 0.3s ease;
 }
 
 .swiper-container {
   width: 100%;
   height: 28vw;
   transition: opacity 0.6s ease;
 }
 .swiper-container.swiper-container-coverflow {
   padding-top: 2%;
 }
 .swiper-container.loading {
   opacity: 0;
   visibility: hidden;
 }
 .swiper-container:hover .swiper-button-prev,
 .swiper-container:hover .swiper-button-next {
   transform: translateX(0);
   opacity: 1;
   visibility: visible;
 }
 
 .swiper-slide {
   background-position: center;
   background-size: cover;
 }
 .swiper-slide .entity-img {
   display: none;
   position: relative;
 }
 .swiper-slide .content {
   position: absolute;
   top: 40%;
   left: 0;
   width: 50%;
   padding-left: 5%;
   color: #000;
   /* text-shadow: 1px 1px 3px black; */
 }
 .swiper-slide .content .title {
     text-align: center;
   font-size: 1.3em;
   font-weight: bold;
   margin-top: 1.35em;
   margin-right: -15em;
   width: 600px;
   color: #fff
 }
 .swiper-slide .content .caption {
   display: block;
   font-size: 20px;
   line-height: 1.4;
   color: lightgray;
 }
 
 [class^="swiper-button-"] {
   width: 44px;
   opacity: 0;
   visibility: hidden;
 }
 
 .swiper-button-prev {
   transform: translateX(50px);
   rotate: 180deg;
 }
 
 .swiper-button-next {
   transform: translateX(-50px);
   rotate: 180deg;
 }
 
 .swiper-container-horizontal
   > .swiper-pagination-bullets
   .swiper-pagination-bullet {
       margin: 0 9px;
   position: relative;
   width: 12px;
   height: 12px;
   background-color: #fff;
   opacity: 1;
 }
 .swiper-container-horizontal
   > .swiper-pagination-bullets
   .swiper-pagination-bullet::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 18px;
   height: 18px;
   transform: translate(-50%, -50%);
   border: 0px solid #fff;
   border-radius: 50%;
 }
 .swiper-container-horizontal
   > .swiper-pagination-bullets
   .swiper-pagination-bullet:hover,
 .swiper-container-horizontal
   > .swiper-pagination-bullets
   .swiper-pagination-bullet.swiper-pagination-bullet-active {
   opacity: 1;
 }
 .swiper-container-horizontal
   > .swiper-pagination-bullets
   .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
   border-width: 1px;
 }
 
 @media (max-width: 1180px) {
   .swiper-slide .content .title {
     font-size: 25px;
   }
   .swiper-slide .content .caption {
     font-size: 12px;
   }
 }
 @media (max-width: 1023px) {
   .swiper-container {
     height: 40vw;
   }
   .swiper-container.swiper-container-coverflow {
     padding-top: 0;
   }
 }
 
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 .vid-wrap{
     position:absolute;
     z-index: 1000;
     left: 20px;
     top: 20px;
   }
   .vid-wrap h5{
     font-size: 14px;
     min-width: 290px;
     margin-left: 250px;
     margin-top: .1px;
   }
   button.play {
     cursor:pointer;
     display:flex;
     justify-content:center;
     align-items:center;
     position:relative;
     width: 40px;
     height: 40px;
     border-radius: 25px;
     border: none;
     left: -10px;
     background-color: #AA0000;
     transition:width cubic-bezier(.44,1,.72,1.19) .3s .3s, height cubic-bezier(.44,1,.72,1.19) .3s, background-color ease .3s;
   }
   button.play:hover{
     background-color: #AA0000;
   }
   button.play:before{
     content:'';
     width: 0;
     height: 0;
     margin-left:3px;
     display:block;
     position:absolute;
     border-style: solid;
     border-width: 5px 0 5px 7px;
     border-color: transparent transparent transparent #ffffff;
     transition:opacity ease-out .1s .3s;
   }
   button.play:after {
     content:'';
     /* -webkit-filter: blur(3px);
     filter: blur(3px); */
     z-index:-1;
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     left:0;
     border-radius: 30px;
     border:solid 7px #AA0000;
     transition:border ease .3s;
     box-shadow: 1px 0 15px 1px #505050;
   }
   .vid-wrap.active button.h6{
     opacity: 0;
   }
   button.play:hover:after{
     -webkit-filter: blur(10px);
     filter: blur(10px);
     border:solid 4px #AA0000;
   }
   button.play:focus{
     outline:none;
   }
   button.play:active{
     transform:scale(.95);
   }
   .vid-wrap.active button.play:active{
     transform:scale(1);
   }
   .vid-wrap.active button.play{
     pointer-events:none;
     width:98vw;
     height:96vh;
     background-color: #AA0000;
     transition:width cubic-bezier(.44,1,.72,1.19) .3s .2s, height cubic-bezier(.44,1,.72,1.19) .3s .5s, background-color ease .5s .8s;
   }
   .vid-wrap.active button.play:before{
     opacity:0;
     transition:opacity ease-out .1s;
   }
   
   .vid-wrap.active button.play:after{
     top:-7px;
     border:solid 7px rgba(0,0,0,.4);
     transition:border ease .3s .3s;
   }
   
   .vid-frame{
     position:absolute;
     border-radius: 25px;
     left:-10px;
     top:0;
     width:100%;
     height:100%;
     overflow:hidden;
   }
   #player{
     /* position:absolute;
     left:-5px;
     min-height:250px;
     width:calc(100%);
     height:100%;
     object-position: right !important; */
     object-fit:contain;
     margin-top: 0;
     background-color: #000;
   }
 
 
 
   /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
   .banner{
     position: relative;
     width: 100%;
     height: 100vh;
     overflow: hidden;
   }
 
  .banner video {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
 }
 
 .banner h1{
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 font-weight: 400;
 font-size: 24vw;
 text-align: center;
 mix-blend-mode: screen;
 background-color: #ffffff;
 }
 
 
 .text-up-margin{
 
     margin-top: 100px;
     /* margin-top: 40px; */
 h3{
     font-size: 40px;
     text-align: center;
     line-height: 1.3;
 }
     p{
         font-size: 17px;
         font-size: 18px;
         text-align: justify;
         margin-top: 20px;
     }
 }
 .image-stadium-cartoon{
     scale: .5;
     margin-top: -150px;
     margin-bottom: -200px;
 }
 
 #img-back-video{
     width: 100vw;
     height: 500px;
    
 }
 .box-video{
     position: relative;
     width: 100vw;
     height: 100%;
     margin-top: -120px;
 }
 #back-video-footer{
     position: absolute;
     height: 300px;
     width: 530px;
 top: 100px !important;
 left: 130px !important;
 box-shadow: 0 0 10px #000;
 }
 
 
 .image-goaler{
     display: block !important;
     margin-right: calc(50% - 250px);
     margin-top: 40px;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    height: auto;
 }
 
 .text-email{
     margin-top: 7px;
     font-size: 70px !important;
     letter-spacing: -4px !important;
     text-align: center;
     text-decoration: none !important;
     color: #fff !important;
 }
 .back-red-text{
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 85px;
     background-color: #AA0000;
     margin-top: -22px;
     text-decoration: none !important;
 }
 .back-red-text:hover{
     text-decoration: none !important;
 }
 
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>> back to top */
 #direct-call-button {
     position:fixed;
     left:16px;
     bottom:15px;
     cursor:pointer;
     width:45px;
     height:45px;
     z-index: 1000 !important;
 }
 
 #back-to-top-button {
     position:fixed;
     bottom:15px;
     cursor:pointer;
     width:45px;
     height:45px;
     z-index: 1000 !important;
 }
   .animatable {
     visibility: hidden;
     animation-play-state: paused;
   }
   .animated {
     visibility: visible;
     animation-fill-mode: both;
     animation-duration: 6s;
     animation-play-state: running;
   }
   @keyframes bounceInRight {
     0% {
       opacity: 0;
       transform: translateX(-3000px);
     }
     60% {
       transform: translateX(-500px);
     }
     80% {
       transform: translateX(-100px);
     }
     100% {
       opacity: 1;
       transform: translateX(0);
     }
   }
   .animated.bounceInRight {
     animation-name: bounceInRight;
   }  
 
 
   /* >>>>>>>>>>>>>>>>>>>>>>>>>>>> call button */
   .btn-flip {
     opacity: 1;
     outline: 0;
     color: #fff;
     line-height: 40px;
     position: relative;
     margin-right: 37%;
     margin-top: 3%;
     text-align: center;
     display: inline-block;
     text-decoration: none;
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 600;
     font-size: 18px;
   }
   .btn-flip:hover:after {
     opacity: 1;
     transform: translateY(0) rotateX(0);
   }
   .btn-flip:hover:before {
     opacity: 0;
     transform: translateY(50%) rotateX(90deg);
   }
   .btn-flip:after {
     top: 0;
     left: 0;
     opacity: 0;
     width: 300px;
     color: #fff;
     display: block;
     transition: 0.5s;
     position: absolute;
     background: #323237;
     content: attr(data-back);
     transform: translateY(-50%) rotateX(90deg);
   }
   .btn-flip:before {
     width: 300px;
     top: 0;
     left: 0;
     opacity: 1;
     color: #fff;
     display: block;
     padding: 0 30px;
     line-height: 40px;
     transition: 0.5s;
     position: relative;
     background: #AA0000;
     content: attr(data-front);
     transform: translateY(0) rotateX(0);
   }
   
   
 
   /* >>>>>>>>>>>>>>>>>>>>>>  download button >>>>>>>>>>>>> */
   #lrt{
     direction: ltr !important;
   }
   .sec-downlod{
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100% !important;
     height: 10vh;
     font-family: Roboto, sans-serif;
     margin-top: 30px;
     
   }
   .upload {
     --btn-color: #3bafda;
     --progress-color: #000;
     --ease-in-out-quartic: cubic-bezier(0.77, 0, 0.175, 1);
     position: relative;
     display: flex;
     background: white;
 
     box-shadow: 0 1.7px 1.4px rgba(0, 0, 0, 0.02), 0 4px 3.3px rgba(0, 0, 0, 0.028), 0 7.5px 6.3px rgba(0, 0, 0, 0.035), 0 13.4px 11.2px rgba(0, 0, 0, 0.042), 0 25.1px 20.9px rgba(0, 0, 0, 0.05), 0 60px 50px rgba(0, 0, 0, 0.07);
     overflow: hidden;
     transform: rotate(0);
   }
   .upload__info {
     display: flex;
     align-items: center;
     padding: 16px;
     margin-right: 40px;
   }
   .upload__filename {
     padding-left: 8px;
     color: #AA0000;
   }
   .upload__button {
     position: relative;
     padding: 16px;
     margin: 0;
     font-size: 100%;
     font-family: inherit;
     color: white;
     background: none;
     border: none;
     border-radius: inherit;
     outline: none;
     cursor: pointer;
     transform: scale(0.9);
   }
   .upload__button::before {
     position: absolute;
     content: "";
     z-index: -1;
     top: 0;
     right: 0 !important;
     width: 100%;
     height: 100%;
     background-color: #AA0000;
     border-radius: inherit;
     transform-origin: right;
   }
   .upload__hint {
     position: absolute;
     top: 0;
     right: 0 !important;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     color: #fff;
     transform: translateX(100%);
   }
   .upload__progress {
     position: absolute;
     content: "";
     top: 90%;
     right: 0 !important;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     color: #fff;
     background: var(--progress-color);
     transform: scaleX(0);
     transform-origin: left;
   }
   .upload__progress .check {
     stroke-dasharray: 16px;
     stroke-dashoffset: 16px;
     margin-left: 6px;
   }
   .upload.uploading .upload__button {
     animation: expand 0.3s forwards;
   }
   .upload.uploading .upload__button::before {
     animation: fill-left 1.2s 0.4s var(--ease-in-out-quartic) forwards;
   }
   .upload.uploading .upload__info > *, .upload.uploading .upload__button__text {
     animation: fade-up-out 0.4s 0.4s forwards;
   }
   .upload.uploading .upload__hint {
     animation: fade-up-in 0.4s 0.8s forwards;
   }
   .upload.uploading .upload__progress {
     animation: fill-right 2s 1s var(--ease-in-out-quartic) forwards;
   }
   .upload.uploaded .upload__progress {
     animation: slide-up 1s var(--ease-in-out-quartic) forwards;
   }
   .upload.uploaded .upload__progress .check {
     animation: stroke-in 0.6s 0.4s var(--ease-in-out-quartic) forwards;
   }
   .upload.uploaded-after .upload__info {
     animation: slide-down-info 1s var(--ease-in-out-quartic) forwards;
   }
   .upload.uploaded-after .upload__button {
     animation: slide-down-button 1s var(--ease-in-out-quartic) forwards;
   }
   .upload.uploaded-after .upload__progress {
     animation: slide-down-progress 1s var(--ease-in-out-quartic) forwards;
   }
   @keyframes expand {
     to {
       transform: scale(1);
     }
   }
   @keyframes fill-left {
     to {
       /* transform: scaleX(4, 1.2); */
       transform: scaleX(-13);
       margin-right: 300px;
     }
   }
   @keyframes fade-up-out {
     to {
       opacity: 0;
       transform: translateY(-40%);
     }
   }
   @keyframes fade-up-in {
     to {
       opacity: 1;
       transform: translateY(0);
     }
   }
   @keyframes fill-right {
     to {
       transform: scaleX(1);
     }
   }
   @keyframes slide-up {
     from {
       transform: scaleX(1) translateY(0);
     }
     to {
       transform: scaleX(1) translateY(-90%);
     }
   }
   @keyframes stroke-in {
     to {
       stroke-dashoffset: 0;
     }
   }
   @keyframes slide-down-info {
     from {
       transform: translateY(-100%);
     }
     to {
       transform: translateY(0);
     }
   }
   @keyframes slide-down-button {
     from {
       transform: scale(0.9) translateY(-100%);
     }
     to {
       transform: scale(0.9) translateY(0);
     }
   }
   @keyframes slide-down-progress {
     from {
       transform: scaleX(1) translateY(-90%);
     }
     to {
       transform: scaleX(1) translateY(10%);
     }
   }
 
 
   #dark-section{
     margin-top: 320px;
     width: 100vw;
     height: 1300px;
   }
 
 
   .video-about{
     position: relative;
     display: inline;
     width: 1100px;
     height: auto;
     text-align: center;
     box-shadow: 2px 2px 10px #0e0e0d;
     object-fit: contain;
   }
 .video-about-down{
     text-align: center !important;
     margin-top: -50px;
     padding-bottom: 40px;
 }
 
  #image-stadium-cartoon{
     scale: .27; 
     z-index: 1000 !important; 
     position: absolute; 
     margin-top: -590px;
     margin-right: 200px;
  }
 #image-ball-cartoon{
     scale: .3; 
     z-index: 1000 !important; 
     position: absolute; 
     right: 190px;
     top: -250px; 
     rotate: -15deg;
 }
 
 #icon-vid-head{
     z-index: 100000 !important;
 }
 #text-about{
     color: #E0E0E0 !important;
     font-size: 15px;
     margin-left: 260px;
 }
 .A54581528047{
     /* scale: .78;   */
     margin-top: 0;   
     margin-bottom: 0;
     }
     .A73641925240{
         margin-top: 10px; 
         margin-bottom: 30px;
     }
     .back-video-black{
         /* margin-top: -5cqmax !important; */
         margin-bottom: 2vmax;
         background-color: #000;
         width: 100vw !important;
         height: auto !important;
         position: static;
         z-index: -2;
     }
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> mandegari section <<<<<<<<<<<<<<<<<<< */
 
 #mandegari{
 width: 55px;
 width: 300px;
 height: auto;
 position: absolute;
 top: 12px;
 right: 50%;
 z-index: 10000;
 pointer-events: all;
 p{
     font-size: 14px;
     font-weight: 600;
     position: absolute;
     width: 200px;
     top: 18px;
 left: 45px;
 
 }
 }
 
   
   .video-main {
     position: relative;
     display: inline-block;
   }
   
   .videoB {
     height: 50px;
     width: 50px;
     line-height: 50px;
     text-align: center;
     border-radius: 100%;
     background: transparent;
     color: #fff;
     display: inline-block;
     background: #000000;
     z-index: 999;
     
   }
   
   @keyframes waves {
     0% {
       -webkit-transform: scale(0.2, 0.2);
       transform: scale(0.2, 0.2);
       opacity: 0;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }
     50% {
       opacity: 0.9;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
     }
     100% {
       -webkit-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
       opacity: 0;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     }
   }
   
   .fa-play:before {
     content: "\f04b";
   }
   
   .waves {
     position: absolute;
     width: 150px;
     height: 150px;
     background: rgba(0, 0, 0, 0.3);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     border-radius: 100%;
     right: -50px;
     bottom: -50px;
     z-index: -1;
      -webkit-animation: waves 3s ease-in-out infinite;
     animation: waves 3s ease-in-out infinite;
   }
           
   .wave-1 {
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
   }
   
   .wave-2 {
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
   }
   
   .wave-3 {
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
   }
 
 
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 .button-google-drive {
     appearance: none;
     background: transparent;
     border: none;
     cursor: pointer;
     isolation: isolate;
   }
   
   .button-google-drive {
     font-size: 16px;
     line-height: 1.5;
     font-weight: 700;
     width: 380px;
     border-radius: 0;
     background: #efefef;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     isolation: isolate;
     overflow: hidden;
     margin-top: 50px;
     box-shadow: 1px 1px 5px #000;
   
     & > span.text {
       color: #AA0000;
       width: 100%;
 
       text-align: left;
       padding-block: 12px;
       padding-left: 60px;
       z-index: 2;
       transition: all 200ms ease;
     }
   
     & > div.overlay {
       color: #AA0000;
       width: 48px;
       height: calc(100% - 2px);
       display: flex;
       justify-content: flex-start;
       align-items: center;
       padding: 12px;
       border-radius: inherit;
       background: #242424;
       position: absolute;
       right: 1px;
       z-index: 1;
       transition: all 400ms ease;
     }
   
     &:is(:hover, :focus) {
       & > span.text {
         color: #ededed;
       }
       & > div.overlay {
         width: calc(100% - 2px);
         transition: width 200ms ease;
       }
     }
   }
   
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> modal <<<<<<<<<<<<<<<<<<<< */
 
 
 .modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     background-color: rgb(0 0 0 / 60%);
     z-index: 9999;
     justify-content: center;
     align-items: center;
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.6s;
     animation-name: animatetop;
     animation-duration: 0.6s;
 }
 @-webkit-keyframes animatetop {
     from {top:-200px; opacity:0} 
     to {top:0; opacity:1}
   }
   @keyframes animatetop {
     from {opacity:.5}
   }
   @keyframes animatetop {
     from {top:-200px; opacity:0}
     to {top:0; opacity:1}
   }
   @keyframes fade-up-in {
     to {
       opacity: 1;
       transform: translateY(0);
     }
   }
 .modal-content {
     background-color: #E0E0E0;
     border-radius: 0;
     box-shadow: 0 0 10px rgb(173 148 148 / 70%);
     width: 95vw;
     max-width: 95vw;
     height: 93vh;
     position: relative;
     margin: 1rem;
 }
 /* >>>>>>>>>>>amir>>>>>>>>>>>>>>>>>>>>>>>> */
 .modal2 {
     display: none;
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 95%);
     z-index: 1000000;
     justify-content: center;
     align-items: center;
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.6s;
     animation-name: animatetop;
     animation-duration: 0.6s;
 }
 @-webkit-keyframes animatetop {
     from {top:-200px; opacity:0} 
     to {top:0; opacity:1}
   }
   @keyframes animatetop {
     from {opacity:.5}
   }
   @keyframes animatetop {
     from {top:-200px; opacity:0}
     to {top:0; opacity:1}
   }
   @keyframes fade-up-in {
     to {
       opacity: 1;
       transform: translateY(0);
     }
   }
 .modal-content2 {
     width: 100%;
     position: relative;
     aspect-ratio: 1920 / 1080;
     margin-top: 0;
     scale: .8;
 
 }
 
 
 
 
 .modal3 {
     display: none;
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 80%);
     z-index: 1000000;
     align-items: center;
 
     margin-left: 100;
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.6s;
     animation-name: animatetop;
     animation-duration: 0.6s;
 }
 @-webkit-keyframes animatetop {
     from {top:-200px; opacity:0} 
     to {top:0; opacity:1}
   }
   @keyframes animatetop {
     from {opacity:.5}
   }
   @keyframes animatetop {
     from {top:-200px; opacity:0}
     to {top:0; opacity:1}
   }
   @keyframes fade-up-in {
     to {
       opacity: 1;
       transform: translateY(0);
     }
   }
 #image_modal{
     background-color: #E0E0E0;
 }
 #close2-img-red{
     color: #AA0000;
 }
 .text-openmodal-image{
     width: 100vw;
     font-size: 20px;
     font-weight: 800;
     color: #000;
     display: block;
 text-align: center !important;
 position: absolute;
 z-index: 100000;
 top: 47.8vh;
 opacity: .7;
 
 }
 #img_view {
     width: 100vw;
     position: absolute;
 top: 0;
 left: 0;
 object-fit: contain;
 
 }
 .modal-content3 img{
     width: 100vw;
     height: 100vh;
     position: absolute;
     top: calc(100vh-100)/2;
     left: 0;
     scale: .6;
     justify-content: center;
     align-items: center;
     text-align: center;
 }
 /* >>>>>>>>>>>amir basteh>>>>>>>>>>>>>>>>>>>>>>>> */
 .click-me {
     background: none;
 }
 
 .btn-mandegari.click-me {
     box-shadow: none;
 }
 
 .btn-mandegari.click-me:hover {
     box-shadow: none;
 }
 
 .click-me svg {
     width: 100px;
 }
 
 .open-modal {
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .open-modal p {
     color: brown;
 }
 
 
 
 .close {
     cursor: pointer;
     position: absolute;
     font-size: 3.25rem;
     font-weight: bold;
     left: 20px;
     top: 0;
 }
 .close2 {
     cursor: pointer;
     position: absolute;
     font-size: 4.5rem;
     font-weight: bold;
     left: 20px;
     top: 0;
     color: #fff;
     z-index: 1000000;
     text-shadow: 1px 1px 3px #000;
 }
 
 
 .open-modal {
     display: flex;
 }
 
 .show {
     display: flex;
 }
 
 .hide {
     display: none;
 }
 
 .btn-mandegari {
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
 .btn-mandegari:hover {
     box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24),
         0 17px 50px 0 rgba(0, 0, 0, 0.19);
 }
 
   #section-mandegari{
     position: absolute !important;
     z-index: 10000000 !important;
     .container {
         margin: 1rem;
         padding: 1rem;
         display: flex;
         flex-direction: column;
     }
   }
   
   /* >>>>>>>>>>>>>>> amir*/
   #section_video_play{
     position: absolute !important;
     z-index: 10000000 !important;
     .container {
         margin: 1rem;
         padding: 1rem;
         display: flex;
         flex-direction: column;
     }
   }
   
   #section_image_play{
     position: absolute !important;
     z-index: 10000000 !important;
     .container {
         margin: 1rem;
         padding: 1rem;
         display: flex;
         flex-direction: column;
     }
   }
   /* >>>>>>>>>>>>>>> amir*/
 
 
   #button-container {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
   }
   
   #btn-mandegari {
     position: relative;
     width: 55px;
 
 
 
   }
   .btn-mandegari:focus-visible {
     outline: 2px solid #000000;
     outline-offset: 2px;
   }
   .btn-mandegari.active {
     width: 50vw;
     --play-button-opacity: 0;
     
   }
   .btn-mandegari.active:hover {
     --stop-button-opacity: 1;
   }
   
   .button-icon {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     width: 3rem;
     filter: drop-shadow(1px 0px 12px rgba(0, 0, 0, 0.4));
     transition: opacity 0.1s ease;
   }
   .button-icon--stop {
     opacity: var(--stop-button-opacity);
   }
   .button-icon--play {
     opacity: var(--play-button-opacity);
   }
   
 /* >>>>>>>>>>>>>>> video modal*/
 /* Hero Video */
 .outter.hero-video {
     margin-top: 30px;
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
   }
   @media (max-width: 767px) {
     .outter.hero-video {
       height: 325px;
     }
   }
 #video_modal_id{
     object-fit: contain;
     object-position: center;
 }
   .hero-video .video-container {
     height: 320px;
     width: 100%;
     overflow: hidden;
     padding: 0 130px 0 130px;
     /* box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4); */
     position: absolute;
     top: 60px;
     left: 0px;
 
 
   }
   #video-mandegari{
     padding: 0 45px 0 45px;
   }
   @media (max-width: 767px) {
     .hero-video .video-container {
       height: 325px;
 
     }
   }
   .hero-video video {
     -o-object-fit: cover;
        object-fit: cover;
     position: absolute;
     height: 550px;
     width: 100%;
     top: 0;
     left: 0;
   }
   @media (max-width: 767px) {
     .hero-video video {
       height: 325px;
     }
   }
   .hero-video .video-container:after {
     content: "";
     display: block;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     /* background: rgba(0, 0, 0, 0.3); */
     z-index: 1;
   }
   .hero-video h2 {
     margin: 0 0 1rem !important;
     padding: 0;
     color: #fff !important;
     text-shadow: 1px 1px 3px #000;
     font-size: 50px !important;
   }
   .hero-video h5 {
     margin: 0 0 1rem !important;
     padding: 0;
     color: lightgray !important;
     text-shadow: 1px 1px 3px #000;
     margin-top: 2px !important;
     font-size: 18px !important;
     padding: 0 120px 0 120px  !important;
   }
   @media (max-width: 767px) {
     .hero-video h2 {
       font-size: 32px;
     }
   }
   @media (min-width: 768px) {
     .hero-video h2 {
       font-size: 52px;
     }
   }
   .hero-video .desc {
     color: white;
     font-weight: 400;
     font-size: 18px;
   }
   .hero-video .callout {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     height: 100%;
     text-align: center;
     position: relative;
     z-index: 10;
     width: 90%;
     margin: auto;
   }
   @media (max-width: 767px) {
     .hero-video .callout {
       width: 90%;
     }
   }
   .hero-video .button {
     text-transform: uppercase;
     background-color: transparent;
     border-radius: 0px;
     margin-top: 20px;
     margin-top: 0px;
     background-color: #AA0000;
     padding: 15px 30px;
     border-radius: 0px;
     color: #fff;
     text-decoration: none;
     font-weight: bold;
   }
   @media (max-width: 767px) {
     .hero-video .button {
       padding: 10px 20px;
     }
   }
   .hero-video .button:hover {
     cursor: pointer;
     background-color: #AA0000;
   }
 
 .text-mandegari-modal{
     position: absolute;
     font-size: 15px;
     text-align: justify;
     color: #000;
     top: 370px;
     padding: 0 10px 0 10px;
     margin: 30px 0 0 2.5%;
 
 }
 #text-mandegari{
     color: #E0E0E0 !important;
     font-size: 15px !important;
     font-weight: 700 !important;
 }
 .mobile-view{
     visibility: hidden;
 }
 
 .footer-1 {
 height: 0 !important;
 }
 
 .v-light:not(.no-light) #text-about {
     color: #000 !important;
 }
 .v-light:not(.no-light) #text-mandegari {
     color: #000 !important;
 }
 .callout h5{
     
     width: 100%;
      font-size: 17px !important;
      line-height: 1.5;
  }
 /* >>>>>>>>>>>>>>>>>>>>>>> modal video <<<<<<<<<<<<< */
 .mfp-fade.mfp-bg {
     opacity: 0;
     -webkit-transition: all 0.15s ease-out; 
     -moz-transition: all 0.15s ease-out; 
     transition: all 0.15s ease-out;
 }
 .mfp-fade.mfp-bg.mfp-ready {
     opacity: 0.8;
 }
 .mfp-fade.mfp-bg.mfp-removing {
     opacity: 0;
 }
 
 .mfp-fade.mfp-wrap .mfp-content {
     opacity: 0;
     -webkit-transition: all 0.15s ease-out; 
     -moz-transition: all 0.15s ease-out; 
     transition: all 0.15s ease-out;
 }
 .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
     opacity: 1;
 }
 .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
     opacity: 0;
 }
 /* Magnific Popup CSS */
 .mfp-bg {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1000000;
     overflow: hidden;
     position: fixed;
     background: #0b0b0b;
     opacity: 0.8; }
   
   .mfp-wrap {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     scale: 1.1;
     z-index: 1000000;
     position: fixed;
     outline: none !important;
     -webkit-backface-visibility: hidden; }
   
   .mfp-container {
     text-align: center;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 0 8px;
     box-sizing: border-box; }
   
   .mfp-container:before {
     content: '';
     display: inline-block;
     height: 100%;
     vertical-align: middle; }
   
   .mfp-align-top .mfp-container:before {
     display: none; }
   
   .mfp-content {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 auto;
     text-align: left;
     z-index: 1045; }
   
   .mfp-inline-holder .mfp-content,
   .mfp-ajax-holder .mfp-content {
     width: 100%;
     cursor: auto; }
   
   .mfp-ajax-cur {
     cursor: progress; }
   
   .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
     cursor: -moz-zoom-out;
     cursor: -webkit-zoom-out;
     cursor: zoom-out; }
   
   .mfp-zoom {
     cursor: pointer;
     cursor: -webkit-zoom-in;
     cursor: -moz-zoom-in;
     cursor: zoom-in; }
   
   .mfp-auto-cursor .mfp-content {
     cursor: auto; }
   
   .mfp-close,
   .mfp-arrow,
   .mfp-preloader,
   .mfp-counter {
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none; }
   
   .mfp-loading.mfp-figure {
     display: none; }
   
   .mfp-hide {
     display: none !important; }
   
   .mfp-preloader {
     color: #CCC;
     position: absolute;
     top: 50%;
     width: auto;
     text-align: center;
     margin-top: -0.8em;
     left: 8px;
     right: 8px;
     z-index: 1044; }
     .mfp-preloader a {
       color: #CCC; }
       .mfp-preloader a:hover {
         color: #FFF; }
   
   .mfp-s-ready .mfp-preloader {
     display: none; }
   
   .mfp-s-error .mfp-content {
     display: none; }
   
   button.mfp-close,
   button.mfp-arrow {
     overflow: visible;
     cursor: pointer;
     background: transparent;
     border: 0;
     -webkit-appearance: none;
     display: block;
     outline: none;
     padding: 0;
     z-index: 1046;
     box-shadow: none;
     touch-action: manipulation; }
   
   button::-moz-focus-inner {
     padding: 0;
     border: 0; }
   
   .mfp-close {
     width: 44px;
     height: 44px;
     line-height: 44px;
     position: absolute;
     right: 0;
     top: 0;
     text-decoration: none;
     text-align: center;
     opacity: 0.65;
     padding: 0 0 18px 10px;
     color: #FFF;
     font-style: normal;
     font-size: 28px;
     font-family: Arial, Baskerville, monospace; }
     .mfp-close:hover,
     .mfp-close:focus {
       opacity: 1; }
     .mfp-close:active {
       top: 1px; }
   
   .mfp-close-btn-in .mfp-close {
     color: #333; }
   
   .mfp-image-holder .mfp-close,
   .mfp-iframe-holder .mfp-close {
     color: #FFF;
     right: -6px;
     text-align: right;
     padding-right: 6px;
     width: 100%; }
   
   .mfp-counter {
     position: absolute;
     top: 0;
     right: 0;
     color: #CCC;
     font-size: 12px;
     line-height: 18px;
     white-space: nowrap; }
   
   .mfp-arrow {
     position: absolute;
     opacity: 0.65;
     margin: 0;
     top: 50%;
     margin-top: -55px;
     padding: 0;
     width: 90px;
     height: 110px;
     -webkit-tap-highlight-color: transparent; }
     .mfp-arrow:active {
       margin-top: -54px; }
     .mfp-arrow:hover,
     .mfp-arrow:focus {
       opacity: 1; }
     .mfp-arrow:before,
     .mfp-arrow:after {
       content: '';
       display: block;
       width: 0;
       height: 0;
       position: absolute;
       left: 0;
       top: 0;
       margin-top: 35px;
       margin-left: 35px;
       border: medium inset transparent; }
     .mfp-arrow:after {
       border-top-width: 13px;
       border-bottom-width: 13px;
       top: 8px; }
     .mfp-arrow:before {
       border-top-width: 21px;
       border-bottom-width: 21px;
       opacity: 0.7; }
   
   .mfp-arrow-left {
     left: 0; }
     .mfp-arrow-left:after {
       border-right: 17px solid #FFF;
       margin-left: 31px; }
     .mfp-arrow-left:before {
       margin-left: 25px;
       border-right: 27px solid #3F3F3F; }
   
   .mfp-arrow-right {
     right: 0; }
     .mfp-arrow-right:after {
       border-left: 17px solid #FFF;
       margin-left: 39px; }
     .mfp-arrow-right:before {
       border-left: 27px solid #3F3F3F; }
   
   .mfp-iframe-holder {
     padding-top: 40px;
     padding-bottom: 40px; }
     .mfp-iframe-holder .mfp-content {
       line-height: 0;
       width: 100%;
       max-width: 900px; }
     .mfp-iframe-holder .mfp-close {
       top: -40px; }
   
   .mfp-iframe-scaler {
     width: 100%;
     height: 0;
     overflow: hidden;
     padding-top: 56.25%; }
     .mfp-iframe-scaler iframe {
       position: absolute;
       display: block;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
       background: #000; }
   
   /* Main image in popup */
   img.mfp-img {
     width: auto;
     max-width: 100%;
     height: auto;
     display: block;
     line-height: 0;
     box-sizing: border-box;
     padding: 40px 0 40px;
     margin: 0 auto; }
   
   /* The shadow behind the image */
   .mfp-figure {
     line-height: 0; }
     .mfp-figure:after {
       content: '';
       position: absolute;
       left: 0;
       top: 40px;
       bottom: 40px;
       display: block;
       right: 0;
       width: auto;
       height: auto;
       z-index: -1;
       box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
       background: #444; }
     .mfp-figure small {
       color: #BDBDBD;
       display: block;
       font-size: 12px;
       line-height: 14px; }
     .mfp-figure figure {
       margin: 0; }
   
   .mfp-bottom-bar {
     margin-top: -36px;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     cursor: auto; }
   
   .mfp-title {
     text-align: left;
     line-height: 18px;
     color: #F3F3F3;
     word-wrap: break-word;
     padding-right: 36px; }
   
   .mfp-image-holder .mfp-content {
     max-width: 100%; }
   
   .mfp-gallery .mfp-image-holder .mfp-figure {
     cursor: pointer; }
 @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
   /**
        * Remove all paddings around the image on small screen
        */
   .mfp-img-mobile .mfp-image-holder {
     padding-left: 0;
     padding-right: 0; }
   .mfp-img-mobile img.mfp-img {
     padding: 0; }
   .mfp-img-mobile .mfp-figure:after {
     top: 0;
     bottom: 0; }
   .mfp-img-mobile .mfp-figure small {
     display: inline;
     margin-left: 5px; }
   .mfp-img-mobile .mfp-bottom-bar {
     background: rgba(0, 0, 0, 0.6);
     bottom: 0;
     margin: 0;
     top: auto;
     padding: 3px 5px;
     position: fixed;
     box-sizing: border-box; }
     .mfp-img-mobile .mfp-bottom-bar:empty {
       padding: 0; }
   .mfp-img-mobile .mfp-counter {
     right: 5px;
     top: 3px; }
   .mfp-img-mobile .mfp-close {
     top: 0;
     right: 0;
     width: 35px;
     height: 35px;
     line-height: 35px;
     background: rgba(0, 0, 0, 0.6);
     position: fixed;
     text-align: center;
     padding: 0; } }
 
 @media all and (max-width: 900px) {
   .mfp-arrow {
     -webkit-transform: scale(0.75);
     transform: scale(0.75); }
   .mfp-arrow-left {
     -webkit-transform-origin: 0;
     transform-origin: 0; }
   .mfp-arrow-right {
     -webkit-transform-origin: 100%;
     transform-origin: 100%; }
   .mfp-container {
     padding-left: 6px;
     padding-right: 6px; } }
 
 
 /* >>>>>>>>>>>>>>>>>>>>>> */
 
 #fade {
     display: none;
     position: fixed;
     top: 0 !important;
     left: 0 !important;
     width: 100%;
     height: 100%;
     background-color: #000;
     z-index: 1001;
     -moz-opacity: 0.8;
     opacity: .80;
     filter: alpha(opacity=80);
 }
 #img-fade{
    width: 97%;
    padding-left: 10px;
 }
   #light {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     /* border: 2px solid #FFF; */
     /* background: #FFF; */
     z-index: 10000000 !important;
     overflow: visible;
     scale: .7;
     width: 100%;
     height: 100%;
     background-color: transparent;
   }
   
   #boxclose {
     float: right;
     cursor: pointer;
     color: #fff;
     border: 1px solid #AEAEAE;
     border-radius: 3px;
     background: #222222;
     font-size: 31px;
     font-weight: bold;
     display: inline-block;
     line-height: 0px;
     padding: 11px 3px;
     position: absolute;
     right: 2px;
     top: 302px;
     z-index: 102;
     opacity: 0.9;
   }
   
   .boxclose:before {
     content: "×";
   }
   
   #fade:hover ~ #boxclose {
     display:none;
   }
   
   .test:hover ~ .test2 {
     display: none;
   }
   #VisaChipCardVideo{
     /* top: 50%;
     left: 50%;
     transform: translate(-50%, -50%); */
 right: 0;
 top: 300px;
 width: 100vw;
 height: 100vh;
 scale: .95;
 z-index: 10000000000000 !important;
 box-shadow: 1px 1px 5px #000;
   }
   
 /* /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 
   /* >>>>>>>>>>>>>>>>>>>>>>>> button custom <<<<<<<<<<<<<<<<<<<<<<<< */
 
 
   .btn-sec {
 margin-top: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   
 
 
       .button-custom-google-drive {
         cursor: pointer;
         font-size: 18px;
         font-weight: 800;
         width: 400px;
         border-radius: 0;
         background: #E0E0E0;
         position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;
         overflow: hidden;
         box-shadow: 0 1.7px 1.4px rgba(0, 0, 0, 0.02), 0 4px 3.3px rgba(0, 0, 0, 0.028), 0 7.5px 6.3px rgba(0, 0, 0, 0.035), 0 13.4px 11.2px rgba(0, 0, 0, 0.042), 0 25.1px 20.9px rgba(0, 0, 0, 0.05), 0 60px 50px rgba(0, 0, 0, 0.07);
         overflow: hidden;
         border-radius: 5px !important;
         & > span.text-custom {
           color:#000;
           width: 100%;
           text-align: center;
           padding-block: 12px;
           padding-right: 60px;
           z-index: 2;
           transition: all 600ms ease;
         }
       
         & > div.overlay-custom {
           color: #E0E0E0;
           width: 52px;
           height: 100%;
           display: flex;
           justify-content: flex-end;
           align-items: center;
           padding: 12px;
           border-radius: inherit;
           background: #AA0000;
           position: absolute;
           right: 0;
           scale: .9;
           z-index: 1;
           transition: all 600ms ease;
         }
       
         &:is(:hover, :focus) {
           & > span.text-custom {
             color: #000;
             margin-left: 85px;
             transition: all 600ms ease;
           }
           & > div.overlay-custom {
             width: 100%;
             transition: width 400ms ease;
             scale: .98;
             height: 90% !important;
             margin-top: 1.3px;
           }
         }
       }
   .button-custom {
     cursor: pointer;
     font-size: 15px;
     font-weight: 600;
     width: 500px;
     border-radius: 0;
     background: #000;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     overflow: hidden;
     box-shadow: 0 1.7px 1.4px rgba(0, 0, 0, 0.02), 0 4px 3.3px rgba(0, 0, 0, 0.028), 0 7.5px 6.3px rgba(0, 0, 0, 0.035), 0 13.4px 11.2px rgba(0, 0, 0, 0.042), 0 25.1px 20.9px rgba(0, 0, 0, 0.05), 0 60px 50px rgba(0, 0, 0, 0.07);
     overflow: hidden;
     border-radius: 5px !important;
     & > span.text-custom {
       color: #E0E0E0;
       width: 100%;
       text-align: center;
       padding-block: 12px;
       padding-right: 60px;
       z-index: 2;
       transition: all 600ms ease;
     }
   
     & > div.overlay-custom {
       color: #E0E0E0;
       width: 52px;
       height: calc(100% - 2px);
       display: flex;
       justify-content: flex-end;
       align-items: center;
       padding: 12px;
       border-radius: inherit;
       background: #AA0000;
       position: absolute;
       right: 0;
       top: 0;
       z-index: 1;
       transition: all 600ms ease;
       scale: .9;
     }
   
     &:is(:hover, :focus) {
       & > span.text-custom {
         color: #E0E0E0;
         margin-left: 30px;
         transition: all 600ms ease;
       }
       & > div.overlay-custom {
         width: calc(100% - 2px);
         transition: width 400ms ease;
         scale: .98;
         height: 90% !important;
         margin-top: 1.3px;
       }
     }
   }
   .button-custom-download{
     cursor: pointer;
     font-size: 18px;
     font-weight: 800;
     width: 380px;
     border-radius: 0;
     background: #AA0000;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     overflow: hidden;
     box-shadow: 0 1.7px 1.4px rgba(0, 0, 0, 0.02), 0 4px 3.3px rgba(0, 0, 0, 0.028), 0 7.5px 6.3px rgba(0, 0, 0, 0.035), 0 13.4px 11.2px rgba(0, 0, 0, 0.042), 0 25.1px 20.9px rgba(0, 0, 0, 0.05), 0 60px 50px rgba(0, 0, 0, 0.07);
     overflow: hidden;
     border-radius: 5px !important;
     & > span.text-custom {
       color: #E0E0E0;
       width: 100%;
       text-align: center;
       padding-block: 12px;
       padding-right: 60px;
       z-index: 2;
       transition: all 600ms ease;
     }
   
     & > div.overlay-custom {
       color: #E0E0E0;
       width: 52px;
       height: calc(100%);
       display: flex;
       justify-content: flex-end;
       align-items: center;
       padding: 12px;
       border-radius: inherit;
       background: #E0E0E0;
       position: absolute;
       right: 0;
       bottom: 0;
       top: 0;
       z-index: 1;
       transition: all 600ms ease;
       scale: .9;
     }
   
     &:is(:hover, :focus) {
       & > span.text-custom {
         color: #AA0000;
         margin-left: 85px;
         transition: all 600ms ease;
       }
       & > div.overlay-custom {
         width: calc(100%);
         transition: width 400ms ease;
         scale: .98;
         height: 90% !important;
         margin-top: 1.3px;
       }
     }
   }
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>  LOGO VIDEO GALLERY  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 
 
 .thumbnail{
     background-color: #001d23;
     padding: 10px;
 }
 
 
 #back-video-footer-video{
     object-fit: contain;
 }
 .img-back-logo{
     scale: 1.55;
     scale: 1.8;
 }
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> new image gallery <<<<<<<<<<<<<<<<<<<<<<<< */
 .mod-sld-images{
     width:100%;
     
 .sld-images{
     min-height:0;
     min-width:0;
     display:flex;
     .slick-list{
       padding-left: 10px;
       padding-right:10px;
     }
             .item-sld{
                 transition: all ease .5s;
                 &:hover{
                     transform: scale(1.15);
                     z-index: 1;
                     position: relative;
                 }
                 img{
                     width: 100% ;
                     display: flex;
           padding: 15px;
           border-radius: 30px;
                 }
                 span{
                     position: absolute;
                     top: 47%;
                     font-size: 12.8px;
                     font-weight: 800;
                 }
                 .link{
                     position: relative;
                     transition: all ease .5s;
           width:100%;
           height: 240px !important;
           display:flex;
           box-sizing: border-box;
           justify-content: center;
           align-content: center;
           align-items: center;
           flex-direction: column;
           img{
             display:table;
             width:100%;
             height:100%;
             box-sizing: border-box;
           }
                     .magnifing{
                           display: flex;  
               justify-content: center;
               align-content: center;
               align-items: center;
               flex-direction: column;
               position: absolute;
               width:  100;  
               height: 100%;
               top:   0;
               left:   0;
               right:  0;
               bottom: 0;
               scale: .6;
               transform: scale(0);
               background-color: rgba(0, 0, 0, 0.4);
               transition: all ease .5s;
               z-index: 99;
               box-sizing: border-box;
                         svg{
                             display: table;
                             width: 100%;
                             max-width: 45px;
                             height: auto;
                         }	
                     }
                     &:hover{
                         .magnifing{
                             transform: scale(1.2);
                         }
                     }
                 }	
             }
             
             .slick-track{
                 padding-top: 0;
         padding-bottom: 15px;
             }
             
             .slick-dots{
                 display: flex;
                 flex-direction: row;
                 align-items: center;
                 justify-content: center;
                 list-style-type: none;
                 li{
           list-style-type: none;
                     padding-left: 	2px;
                     padding-right: 	2px;
                     button{
                         background-color: transparent;
                         border: 1px solid #4f2e2d;
                         font-size: 0px;
                         width: 10px;
                         height: 10px;
                         box-sizing: border-box;
                         border-radius: 10px;
                         transition: all ease .5s;
                         box-sizing: border-box;
             &:before,
             &:after{
               display:none;
             }
                     }
                     &.slick-active{
                         button{
                             background-color: #4f2e2d;
                         }
                     }
                 }
             }
         }
   }
 
 .tag-a-ghoolpeikar{
     z-index: 1000 !important;
     cursor: pointer;
 }
 
 /* #text-visible-mobile{
     padding-top: 10px;
     padding-bottom: 300px !important;
 } */
 #intro-about-p{
     font-size: 1.2rem;
     font-weight: 400;
     text-align: justify;
     /* margin-top: -450px !important; */
     padding-bottom: 10px;
     line-height: 1.5;
 }
 
 
 
 /* #intro-about-h5{
     line-height: 1.4;
     margin-top: 20px;
     margin-bottom: -460px !important;
 } */
 
 /* #intro-about-h5{
     line-height: 1.4;
     margin-top: 20px;
     margin-bottom: -460px !important;
 } */
 
 #two-btn-inline{
     justify-content: space-between !important;
     margin: 0 !important;
     padding: 0 !important;
     
     }
 
 
     /* body.bg {
         background-color: #000 !important;
       }
 #tt{
     cursor: pointer;
     font-size: 50px;
 }
 .containerMM {
     width: 100%;
     position: absolute;
     top: 50%;
     transform: translateY(50%);
   }
       .text {
         color: transparent;
         text-shadow: 0px -1px 30px #ff0000;
         transition: all 0.2s ease;
       }
       .text:hover {
         color: #ff0000;
         text-shadow: none;
         transition: all 0.2s ease;
         transform: scale(2);
         text-align: center;
       } */
       .stadium-view{
         margin-top: 20px;
         display: inline-flex;
         width: 100%;
         justify-content: space-between;
     }  
 .containerBB a {
     display: inline;
     position: relative;
     transition: all 0.2s;
     display: inline-block;
     height: 100% !important;
   }
   
   .containerBB a::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100%;
     height: 100%;
     min-height: 30px;
     transform: translate(-50%, -50%) scaleX(0);
     z-index: -1;
     transform-origin: 50%;
   }
   .bg {
     position: fixed;
     width: 100%;
     height: 100vh;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     opacity: 0;
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     background-color: black;
     transition: all 0.3s ease-out;
   }
   
   .bg-show .bg {
     z-index: 10000000 !important;
     opacity: 1;
   }
   
   .bg-show a:hover {
     z-index: 20000000;
     border-bottom-color: transparent;
 
   }
   
   .bg-show .containerBB a:hover::before {
     transform: translate(-50%, -50%) scaleX(1);
     transition: transform 0.2s 0.1s ease-out;
   }
       .imgCall{
         /* filter: blur(2px); */
         margin: auto !important;
         padding: 5px !important;
 color: #fff;
 background-color: #AA0000;
 border-radius: 5px;
         z-index: 100;
         cursor: pointer;
         /* margin: 15px 15px 0 15px; */
         }
         .text-hover-stadium{        
                 font-weight: 600;
                 padding: 0 20px 0 20px;
                 font-size: 13.5px;
             }
             .text-hover-stadium:hover{
                 filter: blur(0) !important;
                 top: 100px;
             }
             /* .imgCall:hover{
                 position: relative;
                 display: block;
                 background-image: url(../img/about/5-2.webp);
                 text-align: center !important;
                 filter: blur(0) !important;
                 width: 100vw !important;
                 height: 40vh !important;
                 margin-right:-100% !important;
                 font-size: 40px;
             } */
 
             .imgCall:hover{
 background-color: transparent;
 color: transparent;
             }
 
 
 
 
 
 
         /* .imgCall{width:28px;left:45px;}@media (max-width:1300px){.imgCall{max-width:100%;width:25px;left:30px}}@media (max-width:1200px){.imgCall{width:26px;left:30px}}@media (max-width:767px){.imgCall{width:23px;left:15px;}} */
 
 
 .containerVideo .swipeimage {
   position: absolute;
   bottom: -120px;
   right: 70px;
   min-width: 650px !important;
   height: auto;
   border-radius: 20px;
   /* box-shadow: 0 3px 30px #000; */
   /* transform: translate(-70%, -70%); */
   object-fit: contain;
   opacity: 0;
   pointer-events: none;
   z-index: 5;
 }
 .containerVideo2 .swipeimage {
     position: absolute;
     top: 0;
     left: 0;
     min-width: 800px !important;
     height: auto;
     border-radius: 20px;
     /* box-shadow: 0 3px 30px #000; */
     transform: translate(-50%, -50%);
     object-fit: contain;
     opacity: 0;
     pointer-events: none;
     z-index: 5;
   }
 .text-video {
   cursor: grab;
 }
 .text-video h2{
    font-size: 60px;
 padding: 0 150px 0 150px;
 font-weight: 800;
 line-height: 1.7;
   }
 
 
   .text-stadium-hover {
     box-shadow: inset 0 0 0 0 #AA0000;
     color: #AA0000;
       padding: 0 .25rem;
       margin: 0 -.25rem;
     transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
   }
   .text-stadium-hover:hover {
     color: #fff;
     box-shadow: inset 400px 0 0 0 #AA0000;
   }
   /* Presentational styles */
   .text-stadium-hover {
     direction: ltr;
       color: #AA0000;
     font-size: 17px;
       font-weight: 700;
     line-height: 1.5;
     text-decoration: none !important;
   }
 
 
   @media (max-width:767px){.containerVideo .swipeimage{min-width: 300px !important;position: fixed;bottom: 300px;right: 150px;scale: .9 !important;}}
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 .fading-letme {
     /* height: 50px; */
     color: #000;
     text-align: center;
     margin-top: -15vmax;
     padding-bottom: 150px;
     font-family: myriadLight !important;
     scale: .9;
     /* margin-right: -15px; */
   }
   @media(min-width: 640px) {
     
     .fading-letme {
 /* scale: 60%; */
 padding-bottom: 400px;
     }
 }
 
 @media (min-width: 0px) and (max-width: 991px) {
     .fading-letme {
         /* scale: 80%; */
         margin-top: -100px;
         padding-bottom: 400px;
         scale: .9;
         margin-bottom: -250px;
 
     }
 }
 
 
 
 
 @media(min-width: 991px) {
     .fading-letme {
         /* scale: 80%; */
         margin-top: 120px;
         padding-bottom: 400px;
         scale: .8;
         scale: .9;
     }
 }
 .letme-h2{
     height:25vmin;
     text-align: center;
 margin-top: -60px;
 font-size: 10vmin;
 }
 @media(min-width: 640px) {.letme-h2 {font-size: 12vmax ;display: inline;margin-right: -50px;}}
 @media(min-width: 991px) {.letme-h2 {font-size: 10vmax ;display: inline;}}
   /* @keyframes fade-in {
     from {
       opacity: 0;
     }
     to {
         opacity: 1;
       }
   } */
   .bit-more{
     margin-left: 90px;
   }
 .let-me{
     margin-right: 60px;
 }
 .let-me, .about-supersize, .bit-more{
     font-family: myriadLight;
     letter-spacing: -1.5px !important;
 }
 
 
 
 
 
 #section-mockup{
     margin-top: -250px !important;
 }
 
 #Demo3{
     margin-top: -100px;
     margin-top: 0px;
 }
 #Demo3{
     h3{
         font-size: 40px !important;
     }  
 }
 
 #button-top {
     display: inline-block;
 background-image: url(../img/back-to-top.svg);
     position: fixed;
     width: 50px;
     height: auto;
     bottom: 12px;
     right: 12px;
     transition: 
       opacity .5s, visibility .5s;
     opacity: 0;
     visibility: hidden;
     z-index: 1000;
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
   }
   .v-light:not(.no-light) #button-top {
     background-image: url(../img/back-to-top-black.svg);
 }
   #button-top::after {
     content: "\f077";
     font-family: FontAwesome;
     font-weight: normal;
     font-style: normal;
     font-size: 2em;
     line-height: 50px;
     visibility: hidden;
 
   }
   /* #button-top:hover {
     cursor: pointer;
     background-color: #333;
   } */
   /* #button-top:active {
     background-color: #555;
   } */
   #button-top.show {
     opacity: 1;
     visibility: visible;
   }
   
 
 
 /* >>>>>>>>>>>>>>>>>>>> */
 
   @keyframes scroller {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         visibility: visible;
     }
     100% {
         -webkit-transform: translate3d(-100%, 0, 0);
         transform: translate3d(-100%, 0, 0);
     }
 }
 .text-scroller{
     /* margin-top: -220px !important; */
     /* margin-top: 100px; */
     margin-top: -300px;
     position: absolute;
     display: inline-flex;
     width: 100%;
     overflow: hidden;
     /* height: 110px; */
     text-transform: uppercase;
     align-items: center;
     justify-content: center;
     box-shadow: 0px 0px 5px #000;
     z-index: 1000;
 }
 
 .scroller-left {
     left: 100%;
 }
 
 .werd {
     height: 110px;
     padding-left: 1rem;
     line-height: 4rem;
     padding-top: 2rem;
     white-space: nowrap;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-name: scroller;
     animation-name: scroller;
     -webkit-animation-duration: 85s;
     animation-duration: 85s;
     font-size: 80px;
     color: #AA0000;
     font-family: PixelFont !important;
     background-color: #E0E0E0;
     font-weight: 10 !important;
 }
 .black-line-roll{
     width: 100vw;
     height: 3px;
     background-color: #000;
     position: absolute;
     z-index: 102;
 }
 
 @media (max-width:1300px){.werd{font-size: 80px;}}
 @media (max-width:1200px){.werd{font-size: 75px;}}
 @media (max-width:767px){.werd{font-size: 35px;height: 55px;padding-top: 0;position: relative;   z-index: 100;}}
 @media (max-width:767px){
     .werd{
         font-size: 3rem;
         height: 5rem;
         padding-top: .6rem;
         position: relative;
            z-index: 100;
         }}
 @media (max-width:767px){
     .text-scroller{
         margin-top: -350px !important;
     }
 }
 @media (max-width:400px){.werd{font-size: 35px;height: 4rem;padding-top: .2rem;position: relative;   z-index: 100;}}
 
 
 
 
 .body-video2 {
     margin-top: 100px;
     text-align: center;
     text-transform: uppercase;
     padding: 50px 0;
   }
   .text-three-video{
     color: #AA0000 !important;
     padding-bottom: 20px;
   }
   .box-video2 {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 20px 0;
     width: 100%;
     height: 200px;
     color: #fff;
     border-radius: 20px;
     cursor: pointer;
   }
   .box-video-img {
     height: 200px;
     border-radius: 20px;
   }
   .box-video2 {
    p{
     position: absolute;
     text-align: center;
     font-size: 1rem;
     color: #fff;
     background-color: #AA0000;
     padding:0 15px 0 15px;
     text-shadow: .2px .2px 5px #000;
    }
   }
 
 
   /* .img333 {
       height: auto;
       max-height: 100%;
       max-width: 100%;
       width: auto;
       
     }
     @media (max-width:767px){.img333{ margin-right: 0 !important;text-align: center !important;background-color: yellow;scale: 1;margin-top: -570px}}
     @media (min-width:767px){.img333{ margin-right: 0 !important;text-align: center !important;scale: 1;margin-top: -170px;min-width: 100% !important;}}
     @media (min-width:991px){.img333{ margin-right: 300px !important;scale: .7;margin-top: -500px;margin-bottom: -240px;background-color: ;}}
     @media (min-width:1300px){.img333{ margin-right: 550px !important;scale: .68;margin-top: -900px;margin-bottom: -300px;background-color: transparent;}} */
 
 
 
 
 
 
     .about-div .about-div-img {
         height: 100%;
       }
       
       .about-div h2 {
         font-weight: 700;
         font-size: 3.5vmax;
         margin-bottom: 30px;
         font-family: var(--font-secondary);
         background-color: yellow !important;
         text-align: center;
         margin-top: 200px;
       }
       
       
       .about-div .play-btn {
         width: 94px;
         height: 94px;
         background: radial-gradient(var(--color-primary) 50%, rgba(206, 18, 18, 0.4) 52%);
         border-radius: 50%;
         display: block;
         position: absolute;
         left: calc(50% - 47px);
         top: calc(50% - 47px);
         overflow: hidden;
       }
       
       .about-div .play-btn:before {
         content: "";
         position: absolute;
         width: 120px;
         height: 120px;
         -webkit-animation-delay: 0s;
         animation-delay: 0s;
         -webkit-animation: pulsate-btn 2s;
         animation: pulsate-btn 2s;
         -webkit-animation-direction: forwards;
         animation-direction: forwards;
         -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
         -webkit-animation-timing-function: steps;
         animation-timing-function: steps;
         opacity: 1;
         border-radius: 50%;
         border: 5px solid rgba(206, 18, 18, 0.7);
         top: -15%;
         left: -15%;
         background: rgba(198, 16, 0, 0);
       }
       
       .about-div .play-btn:after {
         content: "";
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-40%) translateY(-50%);
         width: 0;
         height: 0;
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-left: 15px solid #fff;
         z-index: 100;
         transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
       }
       
       .about-div .play-btn:hover:before {
         content: "";
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translateX(-40%) translateY(-50%);
         width: 0;
         height: 0;
         border: none;
         border-top: 10px solid transparent;
         border-bottom: 10px solid transparent;
         border-left: 15px solid #fff;
         z-index: 200;
         -webkit-animation: none;
         animation: none;
         border-radius: 0;
       }
       
       .about-div .play-btn:hover:after {
         border-left: 15px solid var(--color-primary);
         transform: scale(20);
       }
       
 .text-dosath{
     width: 100%;
     padding: 0 0 0 0 !important;
     margin: 0 0 0 0 !important;
     text-align: justify;
     font-weight: 800;
     font-size: 20px;
 }
 .text-mordad-403{
     width: 100%;
     padding: 0 15px 0 15px !important;
     margin: 10px 0 0 0 !important;
     text-align: justify;
     background-color: red;
 }
 
       @-webkit-keyframes pulsate-btn {
         0% {
           transform: scale(0.6, 0.6);
           opacity: 1;
         }
       
         100% {
           transform: scale(1, 1);
           opacity: 0;
         }
       }
       
       @keyframes pulsate-btn {
         0% {
           transform: scale(0.6, 0.6);
           opacity: 1;
         }
       
         100% {
           transform: scale(1, 1);
           opacity: 0;
         }
       }
 
 
 
 
       .responsive-image-ball {
         width: 98%;
         float: left;
         margin-left: 0;
         margin-top: -10%;
 
         padding-bottom: 130px;
         scale: 1.2;
     }
     
     @media(min-width: 640px) {
     /*
         .responsive-image-ball {
             width: 100%;
             margin: 0 0 0 -5vw;
             margin-top: 5%;
             min-height: 100% !important;
             padding-bottom: 100px;
         }
             */
     }
 
 
     @media(min-width: 991px) and (max-width: 1199px) {
     
         .responsive-image-ball {
             width: 50%;
             scale: 2.5;
             margin-left: -40%;
             margin-top: 15%;
             min-height: 100% !important;
             padding-bottom: 100px;
             margin-bottom: 0px;

         }
     }
 
 
     @media(min-width: 1200px) {
     
         .responsive-image-ball {
             width: 50%;
             scale: 1.7;
             margin-left: -25%;
             margin-top: -9%;
             min-height: 100% !important;
             padding-bottom: 100px;
             margin-bottom: 0px;
         }
     }
 
 
 /* >>>>>>>>>>>>>>>> start image video text >>>>>>>>>>>>>>>>>>>> */
 .image-video-text {
     margin: 50px 0 0 0 ;
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: auto;
     min-width: 100vw;
   }
   .container-image-video-text {
     width: 100%;
   min-height: 300px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   }
   .card-image-video-text {
     position: relative;
     width: calc(100%);
     min-height: 300px;
     background: #E0E0E0;
     margin: 10px;
     box-sizing: border-box;
     box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
   }
   .v-light:not(.no-light) .card-image-video-text {
     background-color: #034f66;
 }
   .card-image-video-text .imgBx-image-video-text {
     position: absolute;
     width: 45%;
     height: 100%;
     left: 0;
 
   }
   .card-image-video-text .imgBx-image-video-text img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 15px;
       scale:.94;
       cursor: pointer;
   }
   .card-image-video-text .details-image-video-text {
     position: absolute;
     right: 0;
     width: 50%;
     height: 100%;
     box-sizing: border-box;
     display: flex;
     justify-content: center;
     align-items: center;
     /* padding-right: 30px; */
   }
   .content-image-video-text {
     padding: 20px;
     box-sizing: border-box;
   }
   .content-image-video-text h2 {
     margin: 0;
     padding: 10px 0 30px 0;
     font-size: 24px;
     line-height: 1 !important;
     font-weight: 600;
     text-align:start;
     color: #000;
   }
   .v-light:not(.no-light) .content-image-video-text h2 {
     color: #fff;
 }
 .v-light:not(.no-light) .content-image-video-text span {
     color: #d4d4d4;
 }
   .content-image-video-text span {
     font-size: 14px;
     color: #000;
     line-height: 1.6em;
     padding: 0 0 30px 0;
     padding: 0 0 0px 0;
   }
   .content-image-video-text a {
     display: inline-block;
     text-decoration: none;
     padding: 5px 10px;
     margin-top: 10px;
     margin-bottom: 30px;
     border: 2px solid #262626;
     color: #d4d4d4;
     font-weight: 500;
     border-radius: 10px;
 width: 100%;
 text-align: center;
 background: #AA0000;
   }
   .content-image-video-text span{
     text-align: justify;
   }
   .content-image-video-text a:hover {
     background: #d4d4d4;
     color: #034f66;
   }
   @media (max-width: 1200px) {
     .container-image-video-text {
       width: 100%;
     }
   }
   @media (max-width: 991px) {
     .card-image-video-text {
       width: calc(100%);
       margin: 10px auto;
     }
   }
   @media (max-width: 768px) {
     .card-image-video-text {
       width: calc(100%);
       margin: 10px auto;
       text-align: center;
       .content-image-video-text h2{
         text-align: center;
         margin-top: 5px;
       }
 
     }
     .card-image-video-text .imgBx-image-video-text {
       position: relative;
       width: 100%;
       height: 200px;
       margin-top: 10px;
     }
     .card-image-video-text .details-image-video-text {
       position: relative;
       width: 100%;
       height: 300px;
     }
   }
   @media (max-width: 480px) {
     .card-image-video-text {
       width: calc(100%);
       margin: 10px auto;
       
     }
     .content-image-video-text span{
         
         font-size: 14px;
         margin-top: -10px;
       }
       .p-larg-vid {
         font-size: 16px;
     }
     #intro-about-p {
         font-size: 16px;
     }
 
     .card-image-video-text .details-image-video-text {
         height: 340px;
       }
 }
 
 /* >>>>>>>>>>>>>>>> end image video text >>>>>>>>>>>>>>>>>>>> */
 
 
 /* >>>>>>>>>>>>>>>>>> start let me dark mode <<<<<<<<<<<<<<<< */
   .v-light:not(.no-light) #img-letme {
     display: block !important;
 }
 .v-light:not(.no-light) #img-letme2 {
     display: none;
 }
 /* >>>>>>>>>>>>>>>>>> end let me dark mode <<<<<<<<<<<<<<<< */
 
 
 
 
 
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   4K LAPTOP SIZE  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 
   /* @media (min-width: 1600px) {
     .img_header{
         width: 5250px;
         right: 600px;
         bottom: 600px;
       }
 .background-section-top h1{
     font-size: 60px;
 }
 .background-section-top .subtitle-page{
     font-size: 17px !important;
     width: 95%;
 }
 #text-hover-video{
     font-size: 80px;
     margin-top: 20px;
 }
   }
 #redLine{
 margin-top: -28px;
 } */
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   MOBILE SIZE  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 
   @media only screen and (max-width: 767px) {
 
     #mobile-hide-two{
         display: none;
     }
     .preloader .title {
         font-family: myriadBold !important;
     }
     
     .preloader .title .text-strok {
         font-family: myriadBold !important;
     }
     
     .preloader .title .text-fill {
         font-family: myriadBold !important;
     }
     .preloader {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1000000 !important;
         background-image: url(../img/about/5-2-mobile.webp);
         /* object-fit: cover; */
         object-position: center !important;
         background-size: 100% 100%;
     }
     
     .preloader .title {
         width: -webkit-max-content;
         width: -moz-max-content;
         width: max-content;
         line-height: 0.9;
         letter-spacing: 5px;
         font-size: 50px;
         margin-top: -50px;
     }
     
     .preloader .title .text-strok {
         color: transparent;
         -webkit-text-stroke: .3px #fff;
     }
 
 #icon-vid-head{
     position: fixed !important;
 
 }
 #btn-mandegari {
     position: relative;
     width: 3.5rem;
 right: 30px;
 
   }
 #mandegari{
     position: fixed !important;
 }
 #text-mandegari{
     visibility: hidden;
 }
 .video-container{
     left: 105px;
 }
 .modal-content2 {
     
     width: 90%;
     scale: 1;
 }
 .mobile-view{
     visibility: visible;
 }
 .callout h2{
         padding: 0 5px 0 5px !important;
         font-size: 25px !important;
 }
 .callout h5{
     
    width: 100vw;
     font-size: 12px !important;
 }
 .text-mandegari-modal{
     width: 100vw;
     font-size: 12px !important; 
 }
 .mobile-hide{
     visibility: hidden;
 }
 .mobile-view
 textarea{
     position: absolute;
     top: 450px;
     left: 13px;
     width: 93%;
     height: 220px;
     padding: 12px 20px;
     box-sizing: border-box;
     border: 1px solid #000;
     border-radius: 0;
     background-color: #E0E0E0;
     resize: none;
     direction: ltr;
 text-align: right;
 font-size: 14px;
 }
     .site-header .inner-header .main-logo {
         width: 96px;
         pointer-events: all;
     }
     
     .site-header .inner-header .main-logo img {
         width: 100%;
         margin: 1px 2px 0 12px;
     }
     .site-header .inner-header .main-logo {
         width: 100px;
         pointer-events: all;
     }
     
     .site-header .inner-header .main-logo img {
         height: 30px;
 margin-right: 80px;
     }
 #text-about, .text-mandegari{
     visibility: hidden;
 }
 
 
 .header-page{
     margin-top: -55px !important;
 }
 header .header-page .title-page {
     font-size: 22px;
     font-weight: 800;
     margin-bottom: 15px;
     line-height: 1;
     text-align: center;
     /* color: #AA0000; */
 }
 header .header-page .title {
     font-size: 26px;
     font-weight: 800;
     margin-bottom: 25px;
     line-height: 1.2;
     text-align: center;
 }
 header .header-page .subtitle-page {
     font-size: 16px;
     font-weight: 400;
     margin-bottom: 55px;
     line-height: 1.2;
     text-align: justify;
     padding: 0 5px 0 5px;
 }
 
 
 
 /* @media (max-width:991px){.title-page{font-size: 200px !important;}}@media (max-width:767px){.title-page{font-size: 200px !important;}} */
 
 
 
 
 .header-page .img_header{
     width: 100vw;
     left: 0 !important;
     right: 0 !important;
     margin-top: 300px;
     text-align: center !important;
 scale: 1.1;
     z-index: 15;
   }
   .background-section-top {
     height: 900px !important;
 }
   #redLine {
     height: 70px;
     width: 100vw;
     background-color: #E0E0E0;
     position: absolute;
     margin-top: -70px;
     z-index: 30;
     box-shadow: 0px 0px 4px black;
     }
     #redLineDivider{
         position: absolute;
         height: 2px;
     width: 100vw;
     background-color: #000;
     /* z-index: -300 !important; */
     top: 50%;
     }
     .container-led {
         width: 100vw;
         overflow: hidden;
       
       }
       .horizontal-scrolling-items {
   
         font-size: 45px;
         text-transform: uppercase;
         color: #AA0000;
         margin-right: -900px;
         margin-top: 10px;
         display: flex;
         width: 100vw;
         animation-name: infiniteScroll;
         animation-duration: 5s;
         animation-iteration-count: infinite;
         animation-timing-function: linear;
       }
       .horizontal-scrolling-items__item {
         white-space: nowrap;
         font-family: PixelFont !important;
       }
 
 
         #background{
             visibility: hidden;
             max-height: 150px !important;
           }
 
           #visible-mobile {
             visibility: visible !important;
             margin-top: -20px;
 
 video{
     width: 100vw !important;
     height: auto !important;
     padding-top: 50px !important;
 text-align: center !important;
 left:0 !important;
 }
           }
 
           /* #text-visible-mobile{
             position: absolute;
             color: #fff;
             font-size: 19px;
             text-align: center !important;
             line-height: 1.5;
 margin-top: -230px;
             padding-right: 20px;
             padding-left: 20px;
             font-family: YekanBakhFaNum;
           font-weight: 800;
 height: 10vh !important;
           left: 0 !important;
           right: 0 !important;
         }
         #visible-mobile-video{
             margin-top: -170px !important;
         } */
           /* .div-divider{
             height: 10vh;
             width: 100vw;
           } */
           /* .v-light:not(.no-light) #text-visible-mobile {
             color: #000;
         } */
           .title-h2 {
             font-size: 30px;
 font-weight: 800;
 padding-right: 10px;
 padding-left: 10px;
             text-align: center;
             /* padding-top: 40px; */
             margin-bottom: 0;
             /* color: #000 !important; */
         }
         .intro-about{
             p{
                 margin-top: 15px !important;
                 font-weight: 600;
                 font-size: 14px;
                 font-family: var(--font-secondary);
                 text-align: center; 
             }
         }
         .intro-about{
             h5{
                 top: 310px;
                 font-weight: 400;
                 font-size: 16px;
                 font-family: var(--font-secondary);
                 text-align: justify; 
             }
         }
         .A54581528047{
             /* scale: .93; */
             padding-top : 0;
             padding-bottom: 0;
         }
         #img-fade{
             padding: 0;
             width: 10%;
             height: 185px;
             margin-top: 130px;
             box-shadow: .2px .2px 2px #0e0e0d;
             margin-bottom: -10px;
         }
         
         #img-ripple{
 width: 100vw;
             height: auto;
             margin-top: 125px;
             box-shadow: .2px .2px 2px #0e0e0d;
             margin-bottom: 0 !important;
         }
         #img-ripple-two{
             margin-top: -200px;
             margin-bottom: 90px;
             border-radius: 10px;
         }
         #desktop-hide{
             visibility: visible;
 margin-top: 310px;
 scale: .99;
 position: relative;
 
         }
 
         #intro-about-p{
             height: auto !important;
             font-size: 17px;
             font-weight: 400;
             text-align: justify;
             margin-top: -80px !important;
             padding:0 5px 0 5px;
         }
 
           .sm-title-block {
             position: relative;
             font-size: 17px;
             font-weight: 400;
             margin-top: -330px;
             padding:0 0 210px 0;
             text-align: justify;
         }
         .video-about{
             position: relative;
             display: inline;
             width: 100%;
             height: auto;
             text-align: center;
             box-shadow: .2px .2px 2px #0e0e0d;
 scale: .92;
           }
         .video-about-down{
             text-align: center !important;
             margin-top: -50px;
             padding-bottom: 20px;
         }
 
         .button-google-drive {
             font-size: 16px;
             line-height: 1.5;
             font-weight: 700;
             width: 100%;
             border-radius: 0;
             background: #efefef;
             position: relative;
             display: flex;
             justify-content: center;
             align-items: center;
             position: relative;
             isolation: isolate;
             overflow: hidden;
             margin-top: 50px;
             box-shadow: 1px 1px 5px #000;
           
             & > span.text {
               color: #AA0000;
               width: 100%;
         
               text-align: left;
               padding-block: 12px;
               padding-left: 20px;
               z-index: 2;
               transition: all 200ms ease;
             }
           }
 
 
 
 
         #back-video-footer{
             position: absolute;
             height: 20vh;
             width: 200px;
         top: 1 !important;
         left: 50px !important;
         box-shadow: 0 0 10px #000;
         }
 
         #img-back-video{
             width: 100%;
             height: 100%;
             margin-top: -120px;
             background-image: url('../img/Mockup-Ball-Mobile_Small.webp') !important;
             background-position: center !important;
             background-repeat: no-repeat !important;
             background-size: cover !important;
         }
 
         #image-ball-cartoon{
             scale: .11; 
             z-index: 1000 !important; 
             position: absolute; 
             margin-right: 0px;
             margin-top: 0px; 
             rotate: -15deg;
         }
         .footer-1 .footer-nav {
             position: relative;
             padding: 30px 0;
             text-align: center;
             background-color: transparent !important;
         }
         
         .v-light:not(.no-light) .footer-1 .footer-nav {
             background-color: transparent !important;
         }
         .vid-frame{
             margin: 0;
             position:absolute;
             border-radius: 20px;
             left:-5px;
             top:0;
             width:95%;
             height:100%;
             overflow:hidden;
             scale: .95;
           }
           #player{
             position:absolute;
             margin: 0;
             left:-5px;
             top: 0;
             min-height:250px;
             width:95vw;
             height:110vh;
             object-fit:cover !important;
             object-position: center !important;
           }
           .play{
             left:-5px;
           }
           .services-about .services-wp .content .services-item-info ul li {
             position: relative;
             padding-right: 15px;
             margin-bottom: 15px;
             font-size: 4px !important;
             line-height: 1.1;
         }
 
         #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{
             width: 100%;
             padding-left: 9px !important;
             padding-bottom: 12px;
             line-height: 2.5;
             font-size: 16px;
             display:inline;
             justify-content:space-between;
         }
         #tabs-1-content, #tabs-2-content, #tabs-3-content, #tabs-4-content, #tabs-5-content{
             img{
                 width: 100%;
                 height: 222px;
             }
             h2{
                 color: #000;
                 text-shadow: none;
                 font-size: 12.5px;
                 margin-top: 160px;
                 text-align: justify;
                 padding: 0 ;
             }
             
         }
 
         figure {
             background: none;
             width: 100%;
             height: 222px;
             height: 400px;
             margin-top: -20px;
             padding-bottom: 20px;
           }
           figure img {
               width: 100%;
               height: 170px !important;
             opacity: 1;
 
           }
           .v-light:not(.no-light) figure h2 {
 filter: invert();
         }
           .clients{
             top: 25px;
             text-align: center;
             font-size: 24px !important;
           }
           .swiper-container {
             width: 100%;
             height: 66vw;
             transition: opacity 0.6s ease;
           }
           .swiper-container.swiper-container-coverflow {
             padding-top: 2%;
           }
 
           .swiper-slide .content .title {
             text-align: center;
           font-size: 1em;
           font-weight: bold;
           margin-top: 1.2em;
           margin-right: -20em;
           width: 600px;
         }
 
         .about h3 {
             font-weight: 700;
             font-size: 18px;
             margin: 10px 0 20px 0;
             font-family: var(--font-secondary);
             text-align: center;
           }
           
           .about h2 {
             font-weight: 800;
             font-size: 40px;
             margin: 10px 0 20px 0;
             font-family: var(--font-secondary);
             text-align: center;
           }
           .divider-wrapper { 
 scale: .94;
 
           }
           .span-right, .span-left{
             font-size: 50px;
             top: 310px;
            }
            .about p {
             font-weight: 400;
             font-size: 16px;
 padding: 0 25px 0 25px;
             font-family: var(--font-secondary);
             text-align: justify;
           }
 #Demo{
     h3{
         font-size: 26px;
         text-align: center;
         padding: 0 25px 0 25px;
     }
         p{
             font-weight: 400;
             font-size: 16px;
     padding: 0 25px 0 25px;
             font-family: var(--font-secondary);
             text-align: justify;
         }
 }
 .btn-flip {
     margin-right: 12%;
     margin-top: 5%;
     text-align: center;
     display: inline-block;
     text-decoration: none;
     font-family: YekanBakhFaNum;
     font-style: normal;
     font-weight: 600;
     font-size: 18px;
   }
   .image-stadium-cartoon{
     scale: .8;
     margin-top: 5px;
     margin-bottom: -20px;
 }
 #text-counter{
     font-size: 15px;
     text-align: justify;
     color: #fff;
     opacity: .9;
     margin-top: -20px;
     padding-bottom: 2px;
     text-shadow: 1px 1px 3px #000;
     padding-right: 25px;
     padding-left: 25px;
   }
   #Demo2{
     h3{
         font-size: 26px;
         text-align: center;
         padding: 0 5px 0 5px;
     }
     p{
         font-weight: 400;
         font-size: 16px;
 padding: 0 5px 0 5px;
         font-family: var(--font-secondary);
         text-align: justify;
     }
 }
     #dark-section{
         h2{
 font-size: 26px;
 text-align: right;
 padding: 0 25px 0 25px;
 margin-top: -20px; 
         }
       }
       #image-ball-cartoon{
         scale: .22; 
         z-index: 1000 !important; 
         position: absolute; 
         margin-right: 85px;
         margin-top: 55px; 
         rotate: -15deg;
     }
     .entry p{
         color: #fff !important;
         font-size: 15px;
         padding: 0 45px 0 45px;
         top: 65%;
         left: 0t;
         z-index: 1000 !important;
         position: absolute;
         text-shadow: 1px 1px 2px #000;
         text-align: center;
     }
     .mockup-ball-mobile{
         width: 100% !important;
         height: 300px !important;
 background: url('../img/Mockup-Ball-Mobile.webp') !important;
 object-position: center;
 object-fit: cover !important;
     }
     .box-video{
         position: relative;
         width: 100vw;
         height: 100%;
         margin-top: 2000px;
     }
     #back-video-footer{
         position: absolute;
         height: 65%;
 scale: 1.3;
     top: -30px !important;
 left: 60px !important;
     box-shadow: 0 0 5px #000;
     }
 
     #Demo3{
         h3{
             font-size: 24px !important;
             text-align: center;
             padding: 0 2px 0 2px;
             margin-top: -150px;
         }
         p{
             font-weight: 400;
             font-size: 16px;
     padding: 0 2px 0 2px;
             font-family: var(--font-secondary);
             text-align: justify;
         }
     }
     #video-about{
 scale: 1.1;
     }
 
     .image-goaler{
         /* margin-right: 15% !important; */
         margin-top: 5px;
        justify-content: center !important;
        align-items: center !important;
         /* width: 100%; */
     }
     .back-red-text{
         height: 75px;
         width: 100%;
     }
         .text-email{
             margin-top: 20px;
             font-size: 32px;
             letter-spacing: -1px !important;
             text-align: center !important;
             text-decoration: none !important;
         }
 .copyright{
 padding:20px 0 40px 0  !important;
 }
 
 /* Magnific Popup CSS */
 .mfp-bg {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1000000;
     overflow: hidden;
     position: fixed;
     background: #0b0b0b;
     opacity: 0.8; }
   
   .mfp-wrap {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     scale: .95;
     z-index: 1000000;
     position: fixed;
     outline: none !important;
     -webkit-backface-visibility: hidden; }
   
   .mfp-container {
     text-align: center;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     padding: 0 8px;
     box-sizing: border-box; }
 
 .btn-sec{
     scale: .9;
 }
 
 .text-custom{
     font-size: 11px;
 }
 .text-custom-derbi{
     font-size: 13px;
 }
 .text-custom-pdf{
     font-size: 15px;
 }
 .button-custom {
 
 
   
     &:is(:hover, :focus) {
       & > span.text-custom {
         color: #E0E0E0;
         margin-left: 52px;
         transition: all 600ms ease;
         width: 100%;
       }
       & > div.overlay-custom {
         width: calc(100% - 2px);
         transition: width 400ms ease;
       }
     }
   }
 
   .stadium-view{
     display: block;
     width: 100%;
     text-align: center;
 }
 
 .imgCall{
     width:80vw;
     justify-content: center;
     align-items: center;
     padding-right: 0 !important;
     padding-left: 0;
     margin-right: 0px !important;
 }
 
 #video-mandegari{
     padding: 0 15px 0 15px;
   }
 .callout a{
     width: 280px;
 }
 .callout{
     margin-top: -50px !important;
 }
 .btn-red-mobile{
     border-radius: 10px !important;
 }
 .clients-mobile{
     margin-top: -250px;
 }
 figure:hover figcaption, figcaption a {
     top: -40%;
     opacity: 1;
   }
 
 .section-margin-ghoolpeikar{
     margin-top: -100px;
 }
 
 
 #section-mockup{
     margin-top: -80px !important;
 }
 .callout h2{
     margin-top: 100px !important;
     width: 200% !important;
 }
 
 
 
 
 
 
 
 
   }
 
 
   /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   SMALL MOBILE SIZE  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
 
   @media only screen and (min-width: 300px) {
 
     .mobile-view
     textarea{
         position: absolute;
         top: 420px;
         left: 2.5%;
         width: 95%;
         height: calc(100% - 470px);
         padding: 12px 20px;
         box-sizing: border-box;
         border: 0px solid #000;
         border-radius: 0;
         background-color: #E0E0E0;
         resize: none;
         direction: ltr;
     text-align: right;
     font-size: 14px;
     }
     .callou{
         margin-top: -100px !important;
     }
 
     /* .callout h2{
         margin-top: 100px !important;
       width: 280px;
       font-size: 18px;
     } */
 .callout h5{
     padding:0 50px 0 50px !important;
     text-align: justify !important;
 }
 .vid-bishak-mobile{
     object-fit: contain;
     z-index: 10;
     padding-bottom: 50px;
     margin-top: -110px !important;
 }
 .section-header h2{
 font-size: 35px;
 }
 .section-header h3{
     font-size: 17px;
     width: 100%;
     padding: 0 4px 0 4px;
     }
 
     .divider-wrapper { 
         width: 100%;
         height: 750px !important;
         width: 90%;
         height: 700px !important;
 
         margin: 30px auto;
         position: relative;
         cursor: w-resize !important;
       }
         .divider-wrapper:hover { cursor: none; }
     
        .span-right{
         position: absolute;
         color: #fff !important;
         font-size: 50px;
         /* top: 30vw !important; */
         /* top: 300px !important; */
         top: clamp(0px, 20vw, 330px) !important;
         right: 55px;
         opacity: .8;
        }
        .span-left{
         position: absolute;
         color: #fff !important;
         font-size: 50px;
         /* top: 30vw !important; */
         /* top: 300px !important; */
         top: clamp(0px, 20vw, 330px) !important;
         left: 55px;
         opacity: .8;
        }
 
        .text-up-margin h3{
         font-size: 35px !important;
         text-align: center !important;
         padding: 0 5px 0 5px !important;
     }
     .text-up-margin p{
 
         padding: 0 5px 0 5px !important;
     }
 .text-up-margin a{
     display: flex;
     margin: 20px 0 0 0 !important;
     text-align: center !important;
     justify-content: center !important;
     align-items: center !important;
     scale: .85;
 }
 .stats-item p{
 font-size: 17px !important;
 }
 
 #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5{
     padding-left: 7px !important;
 }
 .p-larg-vid{
     margin-bottom: -30px;
 }
 .section-title{
     margin-top: -130px; 
 }
 #Demo{
     margin-top: -300px;
     margin-top: -150px;
 }
 #Demo2{
     margin-top: -50px;
     margin-top: 100px;
 }
 .section-title{
     margin-top: -150px;
 }
 #text-client{
     font-size: 23px !important;
     text-align: right !important;
     padding-left: 10px !important;
     padding-top: 50px !important;
     margin-left: 10px;
 }
 .wapper-client{
     margin-top: -70px;
 }
 #image-ball-cartoon{
 position: absolute;
 display: inline-flex;
     scale: 1.25;
     height: 100%;
     margin-top: 210px;
     margin-right: 65px;
 }
   }
 @media screen and (min-width: 769px) {
     #image-ball-cartoon{ 
 scale: .65;
 margin-top: 255px;
 margin-right: 10px;
     }
 }
 
 .text-email{
     font-size: 29px;
 }
 .copyright{
     scale: .95;
 }
 
 .divider-bar {
     position: absolute;
     width: 2px;
     left: 50%;
     top: 0px;
     bottom: -3px;
     height: 70%;
     background: #AA0000; 
     -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.4); 
     -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
     box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
   }
  
   .code-wrapper {
     border: 1px solid #222;
     box-shadow: 2px 2px 5px #222;
     display: block;
     overflow: hidden;
     width: 100%;
     height: 70%;
     position: relative;
     background: url("../img/stadium/before-after/b3_New.webp") no-repeat;
       background-size: cover;
   }
  
   .design-wrapper, .design-image {
     border-radius: 0 8px 8px 0;
     -moz-border-radius: 0 8px 8px 0;
     -webkit-border-radius: 0 8px 8px 0;
   }
 
   .design-wrapper {
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
  
     -webkit-transform: translateX(50%);
     transform: translateX(50%);
   }
     .design-image {
       display: block;
       width: 100%;
       height: 100%;
       position: relative;
  border-radius: 5px;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       background: url("../img/stadium/before-after/a3_New.webp") no-repeat;
       background-size: cover;
     }
     .span-right{
 
         font-size: 40px;
         top: 300px;
         right: 50px;
 
        }
        .span-left{
 
         font-size: 40px;
         top: 300px;
         left: 50px;
         opacity: .8;
        }
 
 #text-list-mobile{
     margin-top: 300px;
 }
 
 #img_view {
     position: absolute;
     width: 100vw !important;
 /* height: 50%; */
 padding-right: 0 !important;
 padding-left: 0 !important;
 top: 0;
 right: 0;
 left: 0;
 object-fit: contain;
 scale: .95;
 }
 .text-openmodal-image{
     width: 100vw;
     font-size: 12px;
     font-weight: 600;
     top: 48.8vh;
 }
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 .item-sld{
 
     span{
 
         font-size: 11px !important;
         font-weight: 600 !important;
     }
     
 }
 
 
 figcaption h2{
     font-weight: 400 !important ;
     font-size: 12px !important;
   }
 
 #dark-section{
     margin-top: 300px !important;
     text-align: center;
 }
 
 
 
     button.play {
         left: -5px;
       }
       
       .vid-frame{
        
         left:-5px;
       }
 
 
 
 @media only screen and (max-width: 768px){
     .text-email{
         font-size: 30px !important;
     }
     .image-goaler{
 /* margin-right: 50px; */
 margin-right: 20vw;
 width: 60%;
     }
     #two-btn-inline{
         justify-content: center !important;
                 }
                 .entry{
                     background-color: #001d23;
                 }
                 .entry img{
                     max-width: 100vw !important;
                     }
 }
 
 
 @media (max-width:990px){
     .tablet-size{
         text-align: center; 
         min-width: 90vw !important;
         justify-content: center !important;
         align-items: center !important;
         scale: 1;
         margin-top: 10px;
         /* margin-left: -5%; */
 
     }
 }
 @media (max-width:767px){
     .tablet-size{scale: 1;
         margin-top: -10px;
     }
 }
 
 /* @media (max-width:1300px){.tablet-size{}}@media (max-width:991px){.tablet-size{text-align: center; min-width: 90vw !important;justify-content: center !important;align-items: center !important;scale: .85;}}@media (max-width:767px){.tablet-size{scale: 1;}}
 @media (min-width:1300px){.fading-letme{scale: 1.5;margin-left: 28px !important;margin-top: 100px;}}@media (max-width:991px){.fading-letme{margin-top: 400px;margin-bottom: -400px;}}@media (max-width:767px){.fading-letme{margin-top: -250px;margin-bottom: -400px;scale: 1;}}@media (max-width:400px){.fading-letme{margin-top: -290px;margin-bottom: -400px;scale: .9;}} */
 
 
 
 
 
 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 
 
 #intro-about-h5{margin-top: 0 !important;line-height: 1.5;padding-bottom: 40px;}
 @media (max-width:1300px){#intro-about-h5{ margin-top: 0 !important;line-height: 1.6;padding-bottom: 120px;font-size: 18px;}}
 @media (max-width:991px){#intro-about-h5{ line-height: 1.4;margin-top: 20px !important;display: inline-block !important;height: 100px !important;}}
 @media (max-width:767px){#intro-about-h5{top: 21vmin !important;}}
 @media (min-width:767px) and (max-width: 1440px){
     #intro-about-h5{
         margin-top: 30px;
         margin-bottom: -350px !important;
     }
 }
 
 @media (max-width:1300px){
     #intro-about-p{
          line-height: 1.5;
          font-size: 16.5px;
         }
     }
 @media (max-width:991px){#intro-about-p{ line-height: 1.5;font-size: 18px;margin-top: -45vmax;}}
 @media (max-width:767px){#intro-about-h5{margin-top: 30px !important;margin-bottom: -10px !important;}}
 
 @media (max-width:991px){#intro-about-p{ line-height: 1.5;font-size: 18px;margin-top: -45vmax;}}
 @media (max-width:767px){#intro-about-h5{margin-top: 30px !important;margin-bottom: -10px !important;}}
 
 @media (max-width:991px){.title-h2{ text-align: center;margin-bottom: -5px !important;}}
 @media (max-width:991px){#intro-about-h5{ margin-top: -70px!important;}}
 
 
 @media (max-width:1300px){
     #intro-about-p{ 
         line-height: 1.5;
         font-size: 16.5px;
         margin-top: -20px;
     }
 }
 
 
 @media (max-width:991px){
     #intro-about-p{
          line-height: 1.5;
          font-size: 18px;
          margin-top: -340px;
         }
         }
 @media (max-width:767px){
     #intro-about-h5{margin-top: 2vmax !important;
         padding-bottom: 18vmax !important ;
         padding-bottom: 130px !important ;
         font-size: 16px !important;
     }
 }
 
 @media (max-width:991px){
     .title-h2{ 
         line-height: 1.5;
         font-size: 45px;
         margin-top: -350px;
         margin-top: -100px;
     }
 }
 @media (max-width:767px){
     .title-h2{
         margin-top: 10px;
         margin-bottom: -80px !important;
         font-size: 30px;
     }
     }
 
 @media (max-width:991px){
     #intro-about-h5{ 
         line-height: 1.5;
         font-size: 20px;
         margin-top: 20px !important;
     }
 }
 
 
 @media (min-width:721px){
     .box-video2 p{
          font-size: 15px;
         }
     }
 
 
 
 
 /* >>>>>>>>>>>>>>>>>>>> amir css >>>>>>>>>>>>>>>>>>>>>>>>>> */
 @media (min-width:768px) and (max-width:991px){
 #section-mockup {
     margin-top: 160px !important;
 }
 }
 
 @media (min-width:576px) and (max-width:767px){
     #section-mockup {
         margin-top: -1500px !important;
     }
     }
     
 
 
     @media only screen and (min-width: 0px) and (max-width: 700px) {
             .body-video2 {
                 margin-top: 0px;
     }        
     
             #intro-about-h5 {
                 padding-bottom: 135px !important;
             }
     
     
             .text-up-margin h3{
                 font-size: 20px !important;
             }
 
         }
 
 
 @media only screen and (min-width: 0px) and (max-width: 400px) {
     #intro-about-p {
         font-size: 16px;
     }
     .services-about .services-wp .box-title-services ul {
         margin-bottom: 0px;
         font-size: 12px;
     }
     #tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5 {
         padding-left: 5px !important;
         font-size: 15px;
     }
     .about h2, h3 {
         text-align: center;
     }
     h3 {
         font-size: 25px;
            }
            .text-three-video {
             padding-bottom: 0px;
         }
         #img-ripple-two {
             margin-top: -220px;
         }
         .clients {
             top: 45px;
         }
         #image-ball-cartoon {
             margin-right: 35px;
         }
         #dark-section {
             h2 {
                 padding: 0 0 0 0;
             }
              }
 }
 
 
 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
                 #intro-about-p {
                     line-height: 1.9;
                     font-size: 16.5px;
                     margin-top: -70px;
                 }
 }
 
 
 @media only screen and (min-width: 1301px)  {
     #intro-about-p {
         line-height: 1.7;
         font-size: 17px;
         margin-top: -15px;
     }
 }
 
 
 @media only screen and (min-width: 625px) and (max-width: 767px) {
     #intro-about-h5 {
         line-height: 1.5;
         font-size: 20px;
         margin-top: -50px !important;
     }
 }
 
 @media only screen and (min-width: 0px) and (max-width: 767px) {
 .callout h2 {
     margin-top: 100px !important;
     width: 500% !important;
 }
 .callout h5 {
     width: 100vw;
     font-size: 12px !important;
 }
 
 }
 
 @media only screen and (min-width: 768px) and (max-width: 1122px) {
 .hero-video h2 {
     margin: 40px 0px 0px !important;
     padding: 0px;
     color: #fff !important;
     text-shadow: 1px 1px 3px #000;
     font-size: 40px !important;
     width: 900px !important;
 }
 
 .callout h5 {
     padding: 0 0 0 0px !important;
     text-align: justify !important;
 }
 
 }
 
 
 @media only screen and (min-width: 0px) and (max-width: 767px) {
 .tablet-size {
    margin-left: 0%;
 }
 
 }
 
 
 @media only screen and (min-width: 576px) and (max-width: 765px) {
     .box-video2 p {
          font-size: 10px;
        }
 }
 
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
 header {
     overflow:unset;
     margin-bottom: 120vw !important;
 }
 }
 
 
 @media only screen and (min-width: 1200px){
     /* header {
         overflow:unset;
         margin-bottom: 130vh !important;
     } */
     }
 
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .text-scroller {
     margin-top: 710px;
  }
 }
 

 @media only screen and (min-width: 991px) and (max-width: 1200px) {
    .text-scroller {
     z-index: 0 !important;
}
}

 @media only screen and (min-width: 1200px) and (max-width: 1440px){
     .text-scroller {
     margin-top: 550px;
     z-index: 0 !important;
 }
 header .header-page .subtitle-page {
     margin-right: 10px;
 }
 .title-h2 {
     margin-bottom: 25px;
     text-align: center;
     }
 }
 
 @media only screen and (min-width: 1441px) and (max-width: 5440px){
     #intro-about-h5 {
         margin-top: 0 !important;
         line-height: 1.5;
         margin-bottom: -350px;
         font-size: 27px;
 }
 
 .text-scroller {
     margin-top: 700px;
     z-index: 0 !important;
 }
 
 #intro-about-p {
     line-height: 1.6;
     font-size: 23px;
     margin-top: -90px;
 }
 
 .title-h2 {
     font-size: 42px;
     margin-bottom: 20px;
     letter-spacing: 2px;
     text-align: center;
 }
 
 header .header-page .subtitle-page {
     font-size: 25px;
     font-weight: 500;
     line-height: 39px;
     max-width: 850px;
     margin-top: 25px;
     text-align: justify !important;
 }
 
 header .header-page .title-page {
     font-size: 35px;
     font-weight: 600;
     margin-bottom: 25px;
     line-height: 1.5;
 }
 .title {
     font-size: 50px;
     font-weight: 700;
     line-height: 1.5;
     }
 .mod-sld-images {
         .sld-images {
             .item-sld {
                 .link {
             height: 340px !important;
         }
     }
 }
 }
 
 .section-header h2 {
     font-size: 50px;
 }
 .section-header h3 {
     font-size: 25px;
 }
 
 .divider-wrapper {
      height: 930px !important;
      margin-top: 50px; 
  }
 
  .text-up-margin p {
     font-size: 25px;
 }
 
 .card-image-video-text {
     min-height: 350px;
  }
  .box-video2 p {
     font-size: 20px;
 }
 
 .entry p {
     color: #fff !important;
     font-size: 15px;
 }
 
 .v-light:not(.no-light) .brand-client .wapper-client .logo-box .info .content {
     background-color: #0D5470;
     background-color: #000;
 }
 
 .img-back-logo {
      scale: 2.3;
     height: 100% !important;
     width:100%;
 }
 
 #text-client {
     font-size: 35px !important;
  }
 
 
  #image-ball-cartoon {
     scale: .65;
     margin-top: 255px;
     margin-right: 130px;
 }
 
 element.style {
     margin-top: 80px;
 }
 
 .content-image-video-text h2 {
     margin: 0;
     padding: 20px 20px 20px 0px;
     font-size: 35px;
     }
 
     .content-image-video-text span {
         font-size: 20px;
         color: #000;
         line-height: 1.6em;
         padding: 5px 20px 10px 0px;
     }
 
 
     .p-larg-vid {
         margin-bottom: 0px;
         font-size: 25px;
     }
 }
 
 
 @media only screen and (min-width: 850px) and (max-width: 910px){
     #intro-about-p {
         margin-top: -390px;
     }
     }
 
 @media only screen and (min-width: 911px) and (max-width: 991px){
 #intro-about-p {
     margin-top: -430px;
 }
 }
 
 
 .divider-wrapper {
     height: 40vw !important;
     max-height: 700px;
     min-height: 250px;
     margin-top: 50px; 
 }
 
 
 @media only screen and  (max-width: 450px){
     .divider-wrapper {
         height: 320px !important;
     }
     .v-light:not(.no-light) .section-title h2 {
         padding-bottom: 0px !important; 
     }
 .mod-sld-images {
     .sld-images {
         .item-sld {
             .link {
         height: 180px !important;
 
     }
 }
 }
 }
 
 .span-right{
     top: 130px !important;
     right: 15px !important;
    }
    .span-left{
     top: 130px !important;
     left: 15px !important;
    }
 }
 
 @media only screen and (min-width: 451px) and (max-width: 991px){
     .divider-wrapper {
         height: 450px !important;
  
     }
 
     .span-right{
         top: 180px !important;
        }
        .span-left{
         top: 180px !important;
        }
     
 
 }
 


 @media only screen and (min-width: 992px) and (max-width: 1199px){
 .fading-letme {
    margin-top: -300px;
    padding-bottom: 300px;
 }

 *{
     scroll-behavior: smooth;
 }