@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url(../webfonts/IRANSansWeb.eot);
    src: url(../webfonts/IRANSansWeb.eot?#iefix) format('embedded-opentype'), /* IE6-8 */ url(../webfonts/IRANSansWeb.woff2) format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url(../webfonts/IRANSansWeb.woff) format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url(../webfonts/IRANSansWeb.ttf) format('truetype');

}

@font-face {
    font-family: IranYekan;
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/iranyekan/eot/iranyekanwebregular(fanum).eot');
    src: url('../webfonts/iranyekan/eot/iranyekanwebregular.eot') format('embedded-opentype'), /* IE6-8 */ url('../webfonts/iranyekan/woff2/iranyekanwebregular(fanum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../webfonts/iranyekan/woff2/iranyekanwebregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../webfonts/iranyekan/woff/iranyekanwebregular(fanum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../webfonts/iranyekan/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../webfonts/iranyekan/ttf/iranyekanwebregular(fanum).ttf') format('truetype');
url('../webfonts/iranyekan/ttf/iranyekanwebregular.ttf') format('truetype');
}

body {
    font-family: IranYekan, IRANSans, 'sans-serif';

}
.zivana-main{
    min-height: 45vh !important;
}
a{
    text-decoration: none;
}
.border-zivana{
    border: double 2px transparent;
    border-radius: 8px;
    background-image: linear-gradient(white, white),
    linear-gradient(to left, #4967FF, #02BEFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

@media only screen and (max-width:700px){
    .border-zivana{
        border-width: 1px;
    }
}

.mks-header-border-tb{
    border-top: solid 1px #edf0fc;
    border-bottom: solid 1px #edf0fc;
}
.mks-header-menu{
}
.mks-header-menu > ul > li:last-child ul {
    left: 0;
    right: auto;
}
.mks-header-menu > ul > li:last-child ul li ul {
    left: 100%;
    right: auto;
}
.mks-header-menu ul{
    width: 100%;
    list-style: none;
    display: inline-flex;
    justify-content: space-evenly;
    margin: 0;
    padding: 0;
    transition: all ease-in .2s;
}
.mks-header-menu ul li{
    position: relative;
}


.mks-header-menu ul li a{
    padding: 4px 8px;
    color: #000000;
    text-decoration: none;
    font-size: 20px;
}
.mks-header-menu ul li:hover a{
    font-weight: 900;
}
.mks-header-menu ul li:hover > ul{
    opacity: 1;
    visibility: visible;
}

.mks-header-menu ul li ul{
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: #ffffff;
    right: 0;
    top: 127%;
    display: inline-block;
    z-index: 1;
    width: max-content;
    min-width: 200px;
    border: solid 1px #e9e9e9e9;
    border-radius: 0 0 5px 5px;
}
.mks-header-menu ul li ul li{}
.mks-header-menu ul li ul li a{
    padding: 8px 10px;
    display: block;
    font-size: 17px;
}
.mks-header-menu ul li ul li a:hover{
    background-color: #edf0fc;
}

.mks-header-menu ul li ul li ul{
    opacity: 0;
    visibility: hidden;
    right: 100%;
    top: -1px;
    border-radius: 5px 0 5px 5px;
}
.mks-header-menu ul li ul li ul li{}
.mks-header-menu ul li ul li ul li a{}

.zivana-footer{
    background: linear-gradient(90deg,rgba(4, 225, 255, 1) 0%, rgba(74, 101, 255, 1) 100%);
    border-radius: 8px 8px 0 0;
}

.search-sm{
    height: 2rem;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.divider-linear{
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(90deg,rgba(4, 225, 255, 1) 0%, rgba(74, 101, 255, 1) 100%);
    border-image-slice: 1;
    width:100%;
}

.banner-button{
    bottom: 6rem;
    right:20rem;
    height: 3rem;
}

@media only screen and (max-width: 700px){
    .banner-button{
        bottom: 2rem;
        right:4rem;
        height: 2rem;
        width: 37% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
    }
}

.w-60{
    width: 60% !important;
}

.text-justify{
    text-align: justify !important;
}

.rounded-8{
    border-radius: 8px;
}
.swiper {
    width: 600px;
    height: 300px;
}

.swiper-slide-service{
    width: 23.5% !important;
}

@media only screen and (max-width: 700px){
    .swiper-slide-service{
        width: 43% !important;
    }
}

.swiper{
    height: auto !important;
}

.bg-gray{
    background-color: #EFEFEF;
    border: none !important;
    color: #54585a !important;
}

.swiper-slide-portfolio{
    width: 40% !important;
}

@media only screen and (max-width: 700px){
    .swiper-slide-portfolio{
        width: 75% !important;
    }
}

.accordion-item-faq{
    border: double 2px transparent;
    background-image: linear-gradient(white, white),
    linear-gradient(to left, #4967FF, #02BEFF);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 8px !important;
}

.accordion-button-faq:not(.collapsed){
    background: none !important;
    box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button-faq:focus{
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button-faq.collapsed::after {
    background: url("/wp-content/themes/zivana/assets/images/faq1.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.accordion-button-faq:not(.collapsed)::after {
    background: url("/wp-content/themes/zivana/assets/images/faq2.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-slide-blog{
    width: 21% !important;

}

@media only screen and (max-width: 700px){
    .swiper-slide-blog{
        width: 40% !important;
    }
}


.blog-text{
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: flex-end;
}

.portfolio-badge{
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    display: flex !important;
}

.portfolio-badge:hover .badge{
    display: flex !important;
}

.zi-overlay{
    background: linear-gradient(180deg, #04e1ff00 50%, #4966FF 100%) ;
}

.fs-7{
    font-size: 1.25rem;
}

@media only screen and (max-width: 700px){
    .fs-7{
        font-size: 0.90rem;
    }
}

.btn-zivana{
    background: #EFEFEF;
    border: none !important;
}

.btn-zivana:hover{
    background: linear-gradient(90deg,rgba(4, 225, 255, 0.3) 0%, rgba(74, 101, 255, 0.3) 100%) ;
    border: none !important;
}

.accordion-flush>.accordion-item>.accordion-collapse, .accordion-flush>.accordion-item>.accordion-header .accordion-button, .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{
    border-radius: 8px !important;
}

.accordion-button-menu:not(.collapsed){
    background: #3ea0ff61;
}

.shadow-xlg{
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 700px){
    .container{
        --bs-gutter-x:2.5rem !important;
    }
}


.burger {
    width: 30px;
    height: 22px;
    justify-content: space-between;
    cursor: pointer;
}

.burger span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #000;
    border-radius: 2px;
    transition: 0.4s;
    transform-origin: center;
}

select.form-select{
    direction: ltr;
    text-align: right;

}

.ratio-1{
    aspect-ratio: 1 !important;
}

.zi-pagination{

}
.zi-pagination span,
.zi-pagination a{
    display: inline-block;
    border: solid 1px #eeeeee;
    border-radius: 5px;
    padding: 2px 10px;
    color: #000;
}
.zi-pagination span.dots{
    opacity: .5;
}
.zi-pagination span.current{
    font-weight: 900;
    color: #4868ff;
    border: solid 2px #4868ff;
}

.zi-footer-menu{}
.zi-footer-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.zi-footer-menu ul li{

}
.zi-footer-menu ul li a{
    color: #ffffff;
    font-weight: 900;
    font-size: 15px;
    padding: 5px 0;
    display: block;
}

.zi-banner{
    aspect-ratio: 1 / 0.43 !important;
    object-fit: cover;
}

.ratio-2x1{
    aspect-ratio: 2/1 !important;
    object-fit: cover;
}

.ratio-1x1{
    aspect-ratio: 1 !important;
    object-fit: cover;
    height: 100%;
}

.ratio-2x3{
    aspect-ratio: 2/3 !important;
    object-fit: cover;
    height: 100%;
}

.zi-hover:hover{
    background: linear-gradient(90deg, #02beff47 0%, #417aff4a 100%) ;

}



.juxtapose {
    width: 100%;
    width: 400px;
    max-height: 400px;
}
a.jx-knightlab{
    display: none !important;
}

div.jx-controller{
    width: 0 !important;
}


div.juxtapose{
    height: 100% !important;
}


.mks-header-menu ul li:hover, .mks-header-menu ul li:active{
    background: #EFEFEF;
    border-radius: 8px;
}

.mks-header-menu ul li{
    padding-left: 1rem;
    padding-right: 1rem;
}

.bg-zivana{
    background: linear-gradient(to left, #4079ff4d, #05e2ff4d);
}

.img-w-30{
    width: 1.5rem;
}

.color-gray{
    color: #54585a !important;
}

@media (min-width: 768px) {
    .portfolio-item:nth-child(4) {
        display: none;
    }
}