:root, [data-mana-theme=light]{
    --color-primary:#004C98;
    --color-primary-lighten-1:#6897C6;
    --color-primary-lighten-2:#99BBDD;
    --color-primary-lighten-3:#D6E8FA;
    --color-primary-lighten-4:#F1F8FF;
    --color-secondary: #FDD008;
    --color-secondary-lighten-1: #FFE881;
    --color-secondary-lighten-2: #FFF6CF;
    --color-error:rgb(207, 32, 90);
}
/* --------------------------------
            Btns and Links style
----------------------------------*/
.btn{
    border-radius: 8px!important;
    font-size:16px!important;
    font-weight: 700!important;
    padding: 20px 48px!important;
    transition: all 0.3s ease-in-out!important;
}
.btn-icon{
    width: 48px!important;
    height: 48px!important;
    padding: 0!important;
}
.btn-sx{
    font-size: 14px!important;
    font-weight: 600!important;
    padding: 8px 16px!important;
}
.btn-md{
    font-size: 18px!important;
    font-weight: 900!important;
    padding: 24px 56px!important;
}
.btn-lg {
    width: 100%!important;
    font-size: 20px!important;
    font-weight: 900!important;
    padding: 28px 64px!important;
}

.btn-block {
    width:100%!important;
    font-size: 20px!important;
    padding: 28px 64px!important;
    font-weight: 900!important;
}
.btn-primary{
    color: var(--color-primary-lighten-4)!important;
    border: 1px solid var(--color-primary)!important;
    background-color: var(--color-primary)!important;
}
.btn-primary:hover {
    color: var(--color-primary);
    border: 1px solid var(--color-secondary)!important;
    background-color: var(--color-secondary)!important;
}
.btn-primary-outlined {
    color: var(--color-primary);
    border: 1px solid var(--color-primary)!important;
    background-color: transparent!important;
}

.btn-primary-outlined:hover {
    color: var(--color-primary-lighten-4)!important;
    border: 1px solid var(--color-primary)!important;
    background-color: var(--color-primary)!important;
}

.btn-primary-text {
    color: var(--color-primary)!important;
    border: none;
    background-color: transparent!important;
}

.btn-primary-text:hover {
    color: var(--color-primary)!important;
    border: none;
    background-color: var(--color-primary-lighten-4)!important;
}

.btn-error-outlined {
    color: var(--color-error)!important;
    border: 1px solid var(--color-error)!important;
    background-color: transparent;
}

.btn-error-outlined:hover {
    color: #fff!important;
    border: 1px solid var(--color-error)!important;
    background-color: var(--color-error)!important;
}

.d-flex{
    display:flex;
}
.d-flex.flex-wrap{
    flex-wrap:wrap;
}
.d-flex.flex-column{
    flex-direction:column;
}
.d-center{
    align-items: center;
    justify-content: center;
}

/* --------------------------------
            Utility style
----------------------------------*/

* {
   
    /*font-family: 'Vazirmatn RD UI FD',
        'Segoe UI',
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
    ;*/
}
p {
     line-height:24px!important;
     text-align:justify;
}

.mn-home-page .container{
    max-width:100%!important;
    /*padding-right: 0px!important; 
    padding-left: 0px!important;*/
}

a {
    text-decoration: none;
    color: inherit;
}
.mn-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted var(--color-primary);
}
.wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal {
    margin-bottom: 0;
    padding: 18px 15px!important;
}
.mn-tooltip .mn-tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: var(--color-primary);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the mn-tooltip */
    position: absolute;
    top:-88%;
    right: 0;
    z-index: 3;
}

.mn-tooltip:hover .mn-tooltiptext {
    visibility: visible;
}
.relative{
    position: relative!important;
}

.bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 4px;
    margin-bottom: 0;
    border-radius: 25px;
}
.bullet-secondary{
    background-color: var(--color-secondary);
}
.isolate-decorate{
    position: absolute;
    background-image: url(../images/isolate-aaset-1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.decorate-1{
    width: 18px;
    height: 160px;
    right: -24px;
    background-image: url(../images/isolate-aaset-1.png);
}
.decorate-2{
    width: 340px;
    height: 490px;
    background-image: url(../images/isolate-aaset-2.png);
    left:0;
}
.decorate-3 {
    background-image: url(../images/isolate-aaset-3.png);
}
.decorate-4 {
    background-image: url(../images/isolate-aaset-4.png);
}
.swiper-button-next:after,
.swiper-button-prev:after{
    font-size: 20px;
    color: var(--color-primary);
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0px;
    right: auto;
}
.products-slider{
    padding:32px 24px 32px 0!important;
}
.mana-main-menu-wrapper{
    flex-grow:2;
    border-left:1px solid var(--color-primary)!important;
}
.mana-main-menu{
    padding: 12px 0;
    /*border-left: 1px solid var(--color-primary);*/
}
.mana-left-menu-wrapper{
    padding:20px 16px;font-family: "IRANSans", Arial, Helvetica, sans-serif;
}
.wd-nav .menu-item.item-level-0 {
    padding: 10px;
}
.mana-menu-phone-wrapper{
    padding:20px 16px;
    font-family: "IRANSans", Arial, Helvetica, sans-serif;
}
.mana-menu-phone-wrapper span{
   font-family: "IRANSans", Arial, Helvetica, sans-serif;
}
.whb-top-bar {
     background: linear-gradient(145deg, rgba(0, 76, 152, 1) 50%, rgba(255, 255, 255, 1) 50%)!important;
}
.whb-top-bar-inner .whb-column.whb-col-center.whb-visible-lg.whb-empty-column{
    background: transparent!important;
}
.whb-top-bar-inner .whb-column.whb-col-left.whb-visible-lg{
    background: transparent!important;
}
.whb-top-bar-inner .whb-column.whb-col-left.whb-visible-lg span{
    color:var(--color-primary)!important;
}
.whb-top-bar-inner .whb-column.whb-col-right.whb-visible-lg{
    background: transparent!important;
}
.mana-header-container{
    padding-right:0!important;
    padding-left:0!important;
}

.site-logo{
  position: relative;
  overflow: hidden;
}
.site-logo::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  content: "";
  display: block;
  height: 100%;
  left: -75%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
  z-index: 2;
  -webkit-animation: shine 0.85s infinite;
          animation: shine 0.85s infinite;
}



@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

/* --------------------------------
            Typography
----------------------------------*/
.text {
    color: #fff !important
}
.text-sx {
    font-weight: 200;
    font-size: 12px;
    line-height: 14px;
}
.text-sm {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
}
.text-reg{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
}
.text-med {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}
.text-lg {
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
}
.text-xl {
    font-weight: 900;
    font-size: 36px;
    line-height: 24px;
}

.title-1{
    font-size: 48px;
    font-weight: 900;
}
.text-primary{color:var(--color-primary)!important}
.text-primary-4{color:var(--color-primary-lighten-4)!important}
.text-secondary{color: var(--color-secondary)!important}


/* --------------------------------
            Header slider style
----------------------------------*/

.header-slider-wrapper, .header-slider-wrapper .slider, .header-slider-wrapper .slide{
    height:100%
}
.header-slider-wrapper{
    width:100%;
    overflow: hidden; 
    height: 70vh;
}
.header-slider-wrapper .slider{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s ease-out;
}


.header-slider-wrapper .slide {
    position: relative;
    width: 100%;
    background-position: right center;
    background-size: cover;
    transition: opacity 0.3s ease-out;
}

.header-slider-wrapper .slide img{
    width: 100%;
    height:100%;
    object-fit: cover;
}

.header-slider-wrapper .slide .slide-bg,
 .header-slider-wrapper .slide .chair,
 .header-slider-wrapper .slide .asset,
 .header-slider-wrapper .slide .chair-model
  {
    position: absolute;
  }
.header-slider-wrapper .slide .slide-bg {
    width: 80%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:0;
    transform: translateX(-120%); 
    transition: transform 0.3s ease-in-out 0.8s;
}
.header-slider-wrapper:lang(en-US) .slide .slide-bg {
    left:unset;
    right: 0;
    transform: translateX(120%); 
}
.header-slider-wrapper .slide .slide-bg img{
    border-top-right-radius:96px;
    border-bottom-right-radius:96px;
}
.header-slider-wrapper:lang(en-US) .slide .slide-bg img{
    border-top-left-radius:96px;
    border-bottom-left-radius:96px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.header-slider-wrapper .slide .slide-bg::before{
    width:100%;
    height:50%;
    background:#fff;
}
.header-slider-wrapper .slide .side-overlay {
    position: absolute;
    width: 80%;
    margin-right: 20%;
    height: 40%;
    top: 0;
    left: 0;
    opacity:0;
    border-top-right-radius: 96px;
    background: linear-gradient(180deg, rgba(9,9,121,1) 0%, rgba(9,9,121,0) 50%);
     transition: all 0.8s ease-in-out 0.4s;
}
.header-slider-wrapper:lang(en-US) .slide .side-overlay {
    margin-right:0;
    margin-left: 20%;
    height: 40%;
    left: unset;
    border-top-left-radius: 96px;
    border-top-right-radius: 0px;
    right: 0;
}

.header-slider-wrapper .slide.active .side-overlay {
    opacity:1;
}
.header-slider-wrapper .slide.active .slide-bg {
    transform: translateX(0%);
    transition: transform 0.3s ease-in-out;
}
.header-slider-wrapper .slide .chair {
    width: auto;
    height:70%;
    bottom: 0;
    right: 16px;
    z-index: 3;
    transform: translateX(100px);
    opacity:0;
    transition: all 0.8s ease-in-out;
}
.header-slider-wrapper:lang(en-US) .slide .chair {
   
    left: 16px;
    right:unset;
    transform: translateX(-100px);
    
}
.header-slider-wrapper .slide.active .chair {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.8s ease-in-out 0.3s, opacity 0.8s ease-in-out 0.4s;
}

.header-slider-wrapper .slide .asset {
    height: 100%;
    transform: rotateY(90deg);
    top: 0;
    right: -22%;
    z-index: 2;
    transition: all 0.8s ease-in-out 1s;
}
.header-slider-wrapper:lang(en-US) .slide .asset {
    transform: rotateY(-90deg);
    left: -22%;
    right:unset;

}
.header-slider-wrapper .slide.active .asset {
    transform: rotateY(0deg);
}
.header-slider-wrapper .slide .slide-title {
    position: relative;
    margin-right: calc(20% + 64px);
    padding-top: 32px;
    transform: translateX(-100px);
    opacity: 0;
    height: 20%;
    padding-right: 32px;
    height: 20%;
    padding-right: 32px;
    z-index: 10;
    transition: all 0.8s ease-in-out 0.4s;
}
.header-slider-wrapper:lang(en-US) .slide .slide-title {
    margin-left: calc(20% + 64px);
    margin-right:unset;
    
}

.header-slider-wrapper .slide.active .slide-title {

    transform: translateX(0);
    opacity: 1;
    transition: transform 0.8s ease-in-out 0.3s, opacity 0.8s ease-in-out 0.4s;
}
.header-slider-wrapper .slide .chair-model {
    top: 22%;
    right: 18%;
    z-index: 6;
    transform: rotate(90deg) translateX(-120%);
    transform-origin: right;
    transition: all 0.8s ease-in-out;
}
.header-slider-wrapper .slide.active .chair-model {
    transform: rotate(90deg) translateX(0%);
    transition: all 0.8s ease-in-out 0.2s;
}

.slider-nav-container{
    margin-right: 20%;
}
.header-slider-wrapper .slider-nav-container .btn-nav{
    outline:none;
    border:none;
    padding: 4px 6px; 
    min-height: unset;
    aspect-ratio: 1;
    margin: 0 4px;
    background-color: #efefef;
    transition: all 0.3s ease-out;
}
.header-slider-wrapper .slider-nav-container .btn-nav:hover {background-color: var(--color-primary-lighten-3);}
.header-slider-wrapper .slider-nav-container .btn-nav.active {background-color: var(--color-primary);}
.header-slider-wrapper .slider-nav-container .btn-nav.nav-bullet {
    width:8px!important;
    height: 12px!important;
}
.header-slider-wrapper .slider-nav-container .btn-nav.sqr {
    border-radius: 4px; 
}

 .header-slider-wrapper .slider-nav-container .btn-nav.nav-next, .header-slider-wrapper .slider-nav-container .btn-nav.nav-prev {
     border-radius: 2px;
     background-color: rgb(255 255 255 / 15%);
 }


/* --------------------------------
            Animation
----------------------------------*/
@keyframes fadeInUp {
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    10%{
        opacity: 0;
    }
    100%{
    opacity: 1;
    transform: translateY(0px);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }

    10% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(5);
    }
}

@keyframes svg-puls {
    0% {
        width:8px;
        height:8px
    }

    50% {
        width:14px;
        height: 14px
    }
    100% {
        width:8px;
        height:8px
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

/* --------------------------------
            Other Style
----------------------------------*/
.main-title-container{
    color: var(--color-primary);
    margin-right:20px;
}
.header-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--color-secondary);
    border-top-left-radius: 96px;
    border-bottom-left-radius: 96px;
}
.header-text:lang(en-US) {
    
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 96px;
    border-bottom-right-radius: 96px;
}
.main-title-container.onview .site-title{
    animation:fadeInUp 1s ease-out 0.5s;
    animation-fill-mode: both
}

.main-title-container.onview .site-subtitle {
    animation: fadeInUp 1s ease-out 0.8s;
    animation-fill-mode: both
}
.header-actions-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.header-actions-container .action {
    padding: 10px;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
    background-color: #fff;
    width:20%;
    aspect-ratio:1;
    margin: 4px;
    transition: all 0.6s ease-out;
}
.header-actions-container.onview .action {
    animation: fadeInDown 1s ease-out ;
    animation-delay: var(--dt);
    animation-fill-mode: both
}
.header-actions-container .action img{
    width:70%;
   
} 
.slider-nav-container {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 24px;
}
.slider-nav-container:lang(en-US) {
    right: 24px;
    left:unset;
}
.section{
    margin:48px 0;
    overflow: hidden;
}
.section:first-child{
    margin-top:148px;
}
.section-header{
    width:100%;
    height: 79px;
    padding:4px 5%;
    background-color:transparent;
    background-image: url(../images/sectio-header-bg.svg);
    background-size: 90% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-header:lang(en-US){
    
    background-image: url(../images/en-sectio-header-bg.svg);
  
}
.section-header-title{
    position: relative;
    margin-top:20px;
    z-index:0;
}
.section-header-title::before {
    position: absolute;
    content: '';
    width:26px;
    height:26px;
    background-image: url(../images/bullet-outline.svg);
    background-size:cover ;
    z-index: -1;
}
.section-header-action{
    position: relative;
    width: auto;
    height:60px;
    color:#fff;
    font-size: 16px;
    font-weight: 900;
    padding: 16px 32px;
    margin-bottom: 24px;
    margin-left: 32px;
    z-index: 0;
}
.section-header-action::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 60px;
    z-index: -1;
    top:0;
    right:0;
    background-color: var(--color-primary);
    transform: skewX(-45deg);
    transition: all 0.3s ease-out;
}
.section-header-action:lang(en-US)::before {
    transform: skewX(45deg);
}
.section-header-action:hover::before {
    transform: skewX(-35deg);
}
.section-header-action:lang(en-US):hover::before {
    transform: skewX(25deg);
}
.section-body{
    margin-top:72px
}
.cats-container{
    max-width: 85%;
    margin:0 auto;
    margin-top:48px;
}
.cat-card-wrapper{
     width:23%;
     margin: 8px;
     overflow: hidden;
}
.cat-card{
    position: relative;
    width:100%;
    aspect-ratio: 1;
    background-color: var(--color-primary-lighten-3);
    overflow: hidden;
    border-radius: 16px;
   
}
.cat-card::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:30%;
    background: linear-gradient(180deg, rgba(0,76,152,1) 0%, rgba(0,76,152,0) 100%);

}
.cat-card-wrapper .cat-title {
    position: relative;
    z-index: 3;
    font-size: 1rem;
    color: var(--color-primary);
    background: #fff;
    padding: 4px;
    padding-right:18px;
    height: 32px;
}
.cat-card-wrapper .cat-title::before {
    content:'';
    position:absolute;
    background-color:var(--color-secondary);
    right:8px;
    width:4px;
    height:24px;
    transform: perspective(1000px) rotateZ(15deg);
}
.cat-card .cat-bg, .cat-card .cat-item{
    position: absolute;
    width:100%;
    height: 100%;
    top:0;
    right:0;
    transition: all 0.3s ease-out;

}
.cat-card .cat-bg img,
.cat-card .cat-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cat-card .cat-bg{
    opacity:0.3;
}
.cat-card:hover .cat-bg {
    opacity: 1;
}
.adv-container{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.adv-container .adv-media, .adv-container .adv-text-container{
    width:50%;;
    max-width:600px;
}


.adv-media-container .adv-item{
    position: absolute;
    width:24px;
    height:24px;
    padding:2px;
    transform-origin: 50% 50%;
    border-radius: 16px;
    top:var(--adv-top);
    right:var(--adv-right);
    background-color: var(--color-secondary);
    cursor:pointer;
    z-index:5;
    transition: all 0.3s ease-out;
}
.adv-media-container .adv-item.active {
   transform: scale(3);
   opacity:0.4         
}
.adv-media-container .adv-item::before {
    content:'';
    position: absolute;
    width:28px;
    height:28px;
    top:-2px;
    right:-2px;
    border-radius: 28px;
    border:1px solid var(--color-secondary);
    background-color: transparent;
    transform-origin: 50% 50%;
    animation: fadeOut 1s linear infinite;
}
.adv-media-container .adv-item.active::before {
    display: none;
}
.adv-media-container .adv-item img {
    width: 100%;
    height: 100%;
    margin-bottom: 5px;
}
.adv-media-container .adv-item.active img {
    display: none;
}
.adv-media .decorate-1{
    top: 16px;
    right: -32px;
}
.adv-media .decorate-2 {
    left: -264px;
    top: 0;
}
.adv-menu{
    display: none;
}

.unframe-wrapper{
    overflow: hidden;
    width:100%;
    padding:12px 12px 4px 4px; 
}
.unframe-wrapper.has-bg{
    background-image: url(../images/unframe-sq-border.svg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.unframe {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; 
}
.unframe-vr {
    -webkit-mask-image: url(../images/unframe-vr.svg);
    mask-image: url(../images/unframe-vr.svg);
}

.unframe-hr {
    -webkit-mask-image: url(../images/unframe-hr.svg);
    mask-image: url(../images/unframe-hr.svg);
}
.unframe-sq {
    -webkit-mask-image: url(../images/unframe-sq.svg);
    mask-image: url(../images/unframe-sq.svg);
}
.adv-wrapper{
    width:100%;
    height:100%
}

.adv-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    opacity:0;
    transform: scale(0);
    transition: all 0.3s ease-out;
}
.adv-card.active {
    opacity: 1;
    transform: scale(1);
}
.adv-card .adv-card-media{
    position:relative;
    width: 260px;
    height: 260px;
    border-radius: 500px;
    overflow: hidden;
    border: 1px solid var(--color-primary);
    margin-bottom: 32px;
}
.adv-card .asset{
    position:absolute;
}
.asset.y-bullet{
    right: 160px;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background-color: var(--color-secondary);
    top: 88px;
    z-index:2;
}
.asset.strip {
    right: 110px;
    width: 150px;
    height: 150px;
    background-image: url(../images/strip-bullete.png);
    top: 33px;
    background-position: center;
    background-size: cover;
}
.asset.dotted {
    right: -72px;
    background-image: url(../images/dotted-bg.png);
    top: 0;
    background-position: center;
    height: 75px;
    width: 179px;
    background-repeat: repeat-x;
}
.asset.dotted.d-1{
    top: 69%;
    right: -19px;
    width: 164px;
    height: 70px;
    position: absolute;
    background-size: auto 100%;
}
.adv-card .adv-card-media img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.adv-card .adv-card-body h2 {
    font-size: 24px;
    font-weight: 700;
}
.d3-card{
    position: relative;
}
.d3-card .card-media{
    position: relative;
    height:220px;
    width:100%;
    margin-top:32px
   
}

.d3-card .card-media img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:all 0.3s ease-out 0.3s;
}
.d3-card .card-media .alt-img {
    position: absolute;
    top:0;
    right:0;
    opacity:0;
}
.d3-card:hover .card-media .main-img {opacity:0}
.d3-card:hover .card-media .alt-img {opacity:1}
.d3-card .card-bg{
    background-color: var(--color-primary-lighten-3);
    width:100%;
    height: 100%;
    position: absolute;
    z-index:-1;
    transform: perspective(1000px) rotateY(-70deg);
        transform-origin: right;
        transition: all 0.3s ease-out;
}
.d3-card:hover .card-bg {
    transform: perspective(1000px) rotateY(0deg);
}
.d3-card .card-tag{
    position: absolute;
    top:0;
    right:-12px;
    transform-origin: right center;
    transform:rotate(-90deg);
}

.swiper-wrapper {
    /*height :auto;*/
}

.swiper{
    margin: 0 auto;
    padding:32px 24px;
}
.video-player{
    overflow: hidden;
}
.video-overlay{
    position: absolute;
    top:0;
    right:0;
    flex-direction: column;
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    z-index: 5;
   
}
.video-gallery .video-overlay{
     background:linear-gradient(to top, rgba(0, 76, 152, 0.75) 30%, rgba(255, 255, 255, 0) 100%)!important;;
}
.video-player::before{
    content: '';
    position: absolute;
    width:50%;
    height: 72px;
    background-image: url(../images/unframe-border.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    left:0;
    top:-24px;
    transition:all 0.6s ease-in;
}
.video-player.played::before{opacity:0;}
.video-player::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 72px;
    background-image: url(../images/unframe-border.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg);
    right: 0;
    bottom: -24px;
    transition:all 0.6s ease-in;
}
.video-player.played::after{opacity:0;}
.video-overlay img{
    width:120px;
    height:120px;
    margin-bottom: 20px;
}
.video-overlay .overlay-text{
    color: var(--color-primary-lighten-4);
    font-size: 20px;
    font-weight: 600;
}

.video-player .video-footer{
    position: absolute;
    bottom:8px;
    right:8px;
    z-index:6;
}
.video-gallery{
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 48px 4px 0 4px;
}
.other-video{
    width:100%;
    height: 30%; 
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 12px;
}
.other-video:last-child{
    margin-bottom: 0;
}
.other-video .video-overlay img{
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
}
.achivement-container{
    background-image: url(../images/achive-bg.png);
    background-repeat: no-repeat;
    background-clip: content-box;
    background-size: 100% 100%;;
    background-position: 50% 50%;
}
.achive-text{
    padding:16px 32px;
    color: var(--color-primary);
}
.achive-slider, .customer-slider{
    margin-top:26px;
}
.customer-slider .swiper-button-prev::after , .customer-slider .swiper-button-next::after{
    content:''!important;
    position:absolute;
    width:64px;
    height:64px;
    background-image:url(../images/dotted-arrow.png);
    background-size:cover;
    background-position:center;
}
.customer-slider .swiper-button-next::after{
    left:0;
    transform:rotate(180deg);
}
.customer-slider .swiper-button-prev::after{
    right:0;
}
.achive-slide{
    overflow:hidden;
    width: auto;
}
.achive-slide .swiper-pagination{
    bottom:-4px!important;
}
.achive-media{
    width: 100%;
}

.achive-media img{
width:100%
}
.achive-slide .achive-title{
    font-size: 12px;
    transform: translateY(200px);
    display:none;
}
.achive-title:lang(en-US){
    padding-top:32px;
}
.certif-section-title:lang(en-US) {
    margin: 10% 0% 0 5%;
}
.certif{
    overflow: hidden;
    width:40%;

}
.certif-section-title{
    margin:10% 5% 0 0;
}
.certif-wrapper{
    height: 420px;
    margin: 96px 16px 16px 16px;
    overflow-y: auto;
}
.certif-wrapper .cerif-guaid {
    position: absolute;
    padding: 4px 16px;
    border-radius: 25px;
    border: 1px solid var(--color-primary-lighten-2);
    color: var(--color-primary);
    bottom: 9%;
    opacity: 0;
    transition: all 0.3s ease-out;
    right: 35%;
    font-size: 12px;
}
.certif-wrapper:hover .cerif-guaid{
    opacity:0.1;
}
.certif-container{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;

}
.certif-media{
    width:100%;
    padding: 16px;
}
.certif-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.certif .certif-title{
    transform: translateY(200px);
}
.section-media{
    height:100%;
    position: relative;
    padding: 56px 16px
}
.section-media .wall-3d{
    width: 100%;
    aspect-ratio: 1;
    border-top-right-radius: 96px;
    border-bottom-right-radius: 96px;
    background-color: var(--color-secondary);
    transform: perspective(1000px) rotateY(0deg);
    transition: all 0.3s ease-out;
}
.section-media .wall-3d h3{
    text-shadow: -10px 11px 11px rgba(0 0 0 /0.5);
    transform: perspective(1000px) translateZ(0px);
    margin: 48px 32px;
    transition: all 0.3s ease-out;
}
.section-media .img-container{
    position: absolute;
    width:60%;
    bottom:0%;
    right: 0;
}
.section-media .img-container img{
    width:100%;
    height: 100%;
    object-fit: cover;
    opacity:0;
    transition: all 0.3s ease-out 0.3s;
}
.section-media.inview .wall-3d h3 {
    transform: perspective(1000px) translateZ(150px);
}
.section-media.inview .wall-3d {
    transform: perspective(1000px) rotateY(40deg);
}
.section-media.inview .img-container img {
    opacity:1;
}
#iran-map .st0 {
    fill: #004c98;
}

#iran-map .st1 {
    fill: none;
    stroke: #fdd008;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

#iran-map .st2 {
    fill: #fdd008;
    position: relative;
    transform-origin: center center;
    animation: svg-puls 1s infinite;
}
#shmse{
    animation: spin 40s infinite;
    transform-origin: 429px 239px;
}
.inner-shams{
    x: 354px;
    y: 387px;
    transform-origin: 469px 500px;
    animation: spin 40s infinite;
}
.outer-shams{
    x:110px;
    animation: spin 30s infinite;
    transform-origin: 223.35px 115px;
}
#blog{
   background-image: url(../images/strip-wiev-bg.png);
    background-size: 105%;
    background-position: -5px 100px;
    background-repeat: repeat-x;
    
}
.blog-card{
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
}
.blog-card::before, .blog-card::after {
    content: '';
    position: absolute;
    height: 48px;
    width:55%;
    z-index: 1;
    background-image: url(../images/unframe-border.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.blog-card::before{
    top:-2px;
    left:0;
}
.blog-card::after {
    bottom: -2px;
    right: 0;
    transform: rotate(180deg);
}
.blog-card .card-media{
    width:100%;
    height: 150px;
    overflow: hidden;
}
.blog-card .card-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-card .card-body {
    padding:8px 8px  32px 8px;

}
.blog-card .card-actions , .blog-card .card-chip{
    position: absolute;
    z-index: 3;
}

.blog-card .card-actions{
    bottom: 0;
    right: 0;
    padding-right: 12px;
}

.blog-card .card-chip {
    top: 0;
    left: 0;
    padding-left: 12px;
}

.blog-card .card-actions .blog-card-action{
    color:var(--color-primary);
    font-size: 14px;
    font-weight: 700;
}
footer.footer-container{
    position:relative;
    background-color:var(--color-primary);
    padding:50px 0;
}
footer.footer-container::before{
    content: '';
    position: absolute;
    width:50%;
    height: 72px;
    background-image: url(../images/unframe-border.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    left:0;
    top:-24px;

}

footer.footer-container::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 72px;
    background-image: url(../images/unframe-border.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg);
    right: 0;
    bottom: -24px;

}
footer.footer-container span, footer.footer-container p{
    color:#fff!important;
}
footer.footer-container svg path{
    fill:#fff!important
}
footer.footer-container .elementor-328 .elementor-element.elementor-element-6d73612f .elementor-button span{
    color:var(--color-primary)!important;
}
footer.footer-container .elementor-328 .elementor-element.elementor-element-6d73612f .elementor-button:hover{
     background-color: var(--color-secondary)!important;
}
footer.footer-container .elementor-328 .elementor-element.elementor-element-3f9497d6 .elementor-button {
    background-color: var(--color-secondary)!important;
    color: var(--color-primary)!important;
}
footer.footer-container .elementor-328 .elementor-element.elementor-element-3f9497d6 .elementor-button:hover{
     background-color: #fff!important;
     color:var(--color-primary)!important;
}
footer.footer-container .elementor-328 .elementor-element.elementor-element-3f9497d6 .elementor-button:hover span{
     
     color:var(--color-primary)!important;
}
footer.footer-container .elementor-328 .elementor-element.elementor-element-3f9497d6 .elementor-button:hover svg path{
     
     fill:var(--color-primary)!important;
}
div[data-id="762e63df"]{
   position: absolute;
    bottom: -50px;
    z-index: 2;
}
div[data-id="762e63df"] p{
       color:var(--color-primary)!important;
}

@media (max-width: 992px) {
    .section {
            margin: 64px 0;
            overflow: hidden;
        }
    .video-overlay img {
            width: 64px;
            height: 64px;
            margin-bottom: 12px;
        }
    
        .video-player::after {
            bottom: -30px;
        }
    
        .video-player::before {
            top: -30px;
        }
    
        .video-gallery {
        width: 100%;
        height: 450px;
        display: flex;
        flex-direction: column;
        padding: 32px 4px 0 4px;
        justify-content: space-around;
    }
    
        .other-video {
            width: 100%;
            height: 100%;
        }
    
        .other-video .video-overlay img {
            width: 32px;
            height: 32px;
            margin-bottom: 16px;
        }
        .achivement-container{
            background-image: none;
            background-color: var(--color-primary-lighten-4);
        }
        .achive-text {
            padding: 16px 16px 16px 16px;
        }
}


@media (max-width: 768px) {
    .section {
        margin: 64px 0;
        overflow: hidden;
    }
    .text-med {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
    .whb-color-dark:not(.whb-with-bg) {
    background-color:var(--color-primary-lighten-4)!important;
    }
    .header-actions-container .action img{
    width:100%;
   
    } 
    .video-player:before, .video-player:before {
    height: 44px;
    }
    .mana-main-menu-wrapper, .mana-left-menu-wrapper{
        display:none;
    }
    .mana-top-header{
        justify-content:center;
    }
    .achive-media img {
        width: 80%;
        margin:0 10%;
    }
    .header-text{
        position: absolute;
        height: 50%;
        z-index: 5;
        background:transparent;
        justify-content: flex-start;
    }
    .main-title-container{
        /*position: absolute;*/
        top:8px;
        margin:0 24% 0% 16px;
        color: var(--color-primary);
    }
    .adv-card .adv-card-media {
        
        width: 160px;
        height: 160px;
        
    }
    .header-slider-wrapper {
     height: 55vh;
    }
    .slider-nav-container {
        bottom: 60px;
        left: 8px;
    }
    .header-slider-wrapper .slide .side-overlay {
       /* height: 80%;
        background: linear-gradient(180deg, rgb(245 158 11 / 77%) 0%, rgba(9,9,121,0) 50%);*/
}
    .header-actions-container{
        position: absolute;
        right:2px;
        top: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .header-actions-container.onview .action {
        display: block;
        margin: 4px;
    }
    .header-slider-wrapper .slide .chair {
        right: unset;
        left: 16px;
    }
    .header-slider-wrapper .slide .asset {
        height: 80%;
        top: unset;
        right: -33%;
        bottom: 0;
    }
    .header-slider-wrapper .slide .slide-title {
        display: none;
    }
    .slider-nav-container{
        position: relative;
        z-index: 5;
        justify-content: start;
    }
    .header-slider-wrapper .slide .chair {
        width: 80%;
        height: auto;
    }
    .header-slider-wrapper .slide .chair-model {
        top: unset;
        bottom: -42px;
        right: 18%;
        z-index: 6;
        transform: rotate(0deg) translateX(320%);
        transform-origin: right;
        transition: all 0.8s ease-in-out;
    }
    .header-slider-wrapper .slide.active .chair-model {
        transform: rotate(0deg) translateX(0%);
        transition: all 0.8s ease-in-out 0.2s;
    }
    .header-slider-wrapper .slide .slide-bg::before {
        position: absolute;
       
        width: 100%;
        height:50%;
        background: linear-gradient(180deg, var(--color-primary) 0%, rgba(9, 9, 121, 0) 50%);
    }
    .section-header-action{
        display: none;
    }
    .section-header{
        background-image: none;
        justify-content: center;
        position: relative;
    }
    .section-header-title::before{
        display:none ;
    }
    .section-header::before,.section-header::after {
        content:'';
        position: absolute;
        width:50%;
        height:1px;
        background-color: var(--color-secondary);
    }
    .section-header::before{
        top: 0;
        right: 0;
    }
    .section-header::after {
        bottom: 0;
        left: 0;
    }
    .cats-container{
        max-width: 100%;
    }
    .cat-card-wrapper{
        width:100%;
    }
    .cat-card{
        width:100%;
    }
    .cat-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 76, 152, 1) 0%, rgba(0, 76, 152, 0) 100%);
    }
    .cat-card .cat-bg {
        opacity: 1;
    }
    .adv-menu {
        display: block;
    }
    .adv-container{
        width: 100%!important;
        transform: translateX(0%);
        transition: all 0.3s ease-out;
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .adv-wrapper {
        height: auto;
    }
    .adv-container .adv-media,
    .adv-container .adv-text-container {
        width: 100%;
        max-width: 100%;
        padding: 0 32px;
    }
    #advReturn{
        display:none;
    }
    .asset.y-bullet{
    right: 58px;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background-color: var(--color-secondary);
    top: 88px;
    z-index:2;
    }
    .asset.y-bullet:lang(en-US){
    right: 218px;
   
    }
    
    .asset.strip {
    right: 5px;
    width: 150px;
    height: 150px;
    background-image: url(../images/strip-bullete.png);
    top: 33px;
    background-position: center;
    background-size: cover;
    }
    .asset.strip:lang(en-US) {
        right: 165px;
     }
    .asset.dotted {
    right: -115px;
    background-image: url(../images/dotted-bg.png);
    top: 24px;
    background-position: center;
    height: 75px;
    width: 179px;
    background-repeat: repeat-x;
    }
    .unframe-wrapper.has-bg {
        background-size: contain;
    }
    .unframe-wrapper {
        overflow: hidden;
        width: 100%;
        padding: 6px;
    }
    .adv-media-container {
        height: unset; 
        margin-top: 4px;
    }
    .section-media .img-container {
        width: 70%;
        bottom: 0;
    }

    .section-media {
        margin-top: 64px;
    }
    
    .header-actions-container .action {
        width: 48px;
        height: 48px;
    
    }
    .header-actions-container .action img {
         width: 32px;
    }
    .certif-wrapper .cerif-guaid{
         display:none;
    }
    footer.footer-container:before {
    width: 60%;
    height: 60px;
   
    }
     footer.footer-container:after {
    width: 85%;
    height: 60px;
   
    }
   
}