/*! =======================================================
                      VERSION  11.0.2
========================================================= */


/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.slider.slider-horizontal {
    width: 100%;
    height: 1em;
}

.text-block {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-top: 10%;
    transform: translate(-50%, -50%);
    color: white !important;
    font-size: 100%;
    background-color: #00000085;
    width: 100%;
    height: 100%;
}

.slider.slider-horizontal .slider-track {
    height: 0.5em;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    /* margin-left: -10px; */
}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #036fa5;
    margin-top: 0
}

.slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
    direction: ltr;
    width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    display: inline-block;
    text-align: left;
    font-size: 1.6em;
    font-weight: 600;
}

.slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0
}

.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0
}

.slider.slider-vertical {
    height: 210px;
    width: 20px
}

.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    left: 25%;
    top: 0
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0
}

.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
    width: 100%;
    left: 0;
    right: 0
}

.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
    margin-top: -10px
}

.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #036fa5;
    margin-left: 0
}

.slider.slider-vertical .slider-tick-label-container {
    white-space: nowrap
}

.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
    padding-left: 4px
}

.slider.slider-vertical.slider-rtl .slider-track {
    left: initial;
    right: 25%
}

.slider.slider-vertical.slider-rtl .slider-selection {
    left: initial;
    right: 0
}

.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
    border-width: 10px 10px 10px 0
}

.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
    padding-left: initial;
    padding-right: 4px
}

.slider.slider-disabled .slider-handle {
    background-color: #cfcfcf;
    background-image: -moz-linear-gradient(top, #DFDFDF, #BEBEBE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#BEBEBE));
    background-image: -webkit-linear-gradient(top, #DFDFDF, #BEBEBE);
    background-image: -o-linear-gradient(top, #DFDFDF, #BEBEBE);
    background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE', GradientType=0)
}

.slider.slider-disabled .slider-track {
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #E5E5E5, #E9E9E9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#E9E9E9));
    background-image: -webkit-linear-gradient(top, #E5E5E5, #E9E9E9);
    background-image: -o-linear-gradient(top, #E5E5E5, #E9E9E9);
    background-image: linear-gradient(to bottom, #E5E5E5, #E9E9E9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#E9E9E9', GradientType=0);
    cursor: not-allowed
}

.slider input {
    display: none
}

.slider .tooltip-inner {
    /* white-space: nowrap; */
    max-width: none;
    font-size: 1.8em;
    font-weight: 600;
    background: none;
    color: #0040ff;
    padding: 0;
    margin-left: .2em;
}

.slider .bs-tooltip-top .tooltip-inner,
.slider .bs-tooltip-bottom .tooltip-inner {
    position: relative;
}

.slider.bs-tooltip-left .tooltip-inner,
.slider.bs-tooltip-right .tooltip-inner {
    position: relative;
    top: -100%
}

.slider .tooltip {
    /* pointer-events:none */
}

.slider .tooltip.bs-tooltip-top .arrow,
.slider .tooltip.bs-tooltip-bottom .arrow {
    left: 50%;
    border-color: #fff transparent transparent transparent;
    border-width: 1em;
    border-style: solid;
    bottom: -2em;
    position: absolute;
    transform: translateX(-50%);
}

.slider .tooltip.bs-tooltip-top.show {
    display: flex !important;
}

.slider .tooltip.bs-tooltip-top {
    margin-top: -5em;
    position: absolute;
    background-color: #fff;
    padding: 1.2em 1em 1em;
    border-radius: 10em;
    color: #0040ff;
    line-height: 1.5em;
    width: 12em;
    margin-left: -5.3em;
    transition: .2s;
    opacity: 1;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider .tooltip.bs-tooltip-bottom {
    margin-top: 2px
}

.slider .tooltip.bs-tooltip-left,
.slider .tooltip.bs-tooltip-right {
    margin-top: -14px
}

.slider .tooltip.bs-tooltip-left .arrow,
.slider .tooltip.bs-tooltip-right .arrow {
    top: 8px
}

.slider .hide {
    display: none
}

.slider-track {
    background-color: #f7f7f7;
    position: absolute;
    cursor: pointer;
}

.slider-selection {
    background-color: #f7f7f7;
    box-sizing: border-box;
    position: absolute;
    transition: .1s;
}

.slider-selection.tick-slider-selection {
    background-color: #ffd500;
}

.slider-track-low,
.slider-track-high {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    background: transparent
}

.slider-handle {
    background-color: #FFD500;
    position: absolute;
    top: 50%;
    width: 1.5em;
    height: 1.5em;
    border: 0px solid transparent;
    transform: translateY(-50%);
    transition: .2s;
}

.slider-handle:hover {
    cursor: pointer
}

.slider-handle.round {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.slider-handle.triangle {
    background: transparent none
}

.slider-handle.custom {
    background: transparent none
}

.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204
}

.slider-tick {
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    box-sizing: border-box;
    position: absolute;
    cursor: pointer;
    width: 1em;
    height: 1em;
    top: 0;
    filter: none;
    opacity: 0.8;
    border: 0px solid transparent;
}

.slider-tick.round {
    border-radius: 50%
}

.slider-tick.triangle {
    background: transparent none
}

.slider-tick.custom {
    background: transparent none
}

.slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204
}

.slider-tick.in-selection {
    background-color: #ffffff;
    opacity: 1;
}


/*# sourceMappingURL=bootstrap-slider.min.css.map */


/**
 * Swiper 6.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 25, 2020
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: -webkit-calc(var(--swiper-navigation-size) / 44 * 27);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: -webkit-calc(-1 * var(--swiper-navigation-size) / 2);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-filter: blur(50px);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

@font-face {
    font-family: IRANSansX-Light;
    src: url('../fonts/woff/IRANSansX-Light.woff'), url('../fonts/woff2/IRANSansX-Light.woff2');
}

@font-face {
    font-family: IRANSansX-Light;
    src: url('../fonts/woff/IRANSansX-Regular.woff'), url('../fonts/woff2/IRANSansX-Regular.woff2');
}

i {
    font-family: 'icon';
    font-style: normal;
}

.single-post main * {
    font-family: 'IRANSansX-Light' !important;
}

.single-post main i {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.page-template-as-download main,
.page-template-as-credit main,
.page-template-as-express main,
.page-template-as-credit-product main,
.page-template-as-services main {
    background-position: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    float: right;
    font-family: 'IRANSansX-Regular';
    direction: rtl;
    font-size: 10px;
    color: #001A66;
    float: right;
    width: 100%;
    margin-top: -10rem;
    background-color: #fff;
    /* z-index: 50; */
}

.rh-header .logo-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.rh-header .logo-container a img {
    width: 100px;
    height: 100px;
    display: block;
}

footer {
    width: 100%;
    float: right;
}

section.AS-credit__intro {
    background: linear-gradient(180deg, #E6ECFF, rgb(255 255 255 / 0%));
    padding-top: 17em;
    position: relative;
    /* z-index: 10; */
}

.AS-container {
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

.AS-credit__intro-sides-desc .AS-credit__blue-color {
    margin-top: .25em;
    margin-bottom: .8em;
}

.AS-credit__intro-sides-desc .AS-credit__dark-bg {
    margin-top: .25em;
    margin-bottom: .8em;
}

.AS-credit__intro-sides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.AS-credit__blue-bg {
    background: #0040FF;
    color: #fff;
    padding: 0 .3em;
    display: inline-block;
}

.AS-credit__dark-bg {
    background: #001A66;
    color: #fff;
    padding: 0 .3em;
    display: inline-block;
}

.AS-credit__xxl-text {
    font-size: 4em;
    font-weight: 800;
}

.AS-credit__xxl-text h1 {
    font-family: 'IRANSansX-Regular';
    font-weight: 700;
    line-height: 1.5;
}

.AS-credit__blue-color {
    color: #0040ff;
    display: table;
}

.AS-credit__dark-color {
    color: #001A66;
    display: table;
}

.AS-credit__end-of-green:before,
.AS-credit__end-of-green:after {
    content: "";
    position: absolute;
    left: -2%;
    height: 100%;
    width: 2%;
    background: #00AE56;
    top: 0;
}

.AS-credit__end-of-green {
    position: relative;
}

.AS-credit__end-of-green:after {
    background: #00CC65;
    left: -6%;
    width: 4%;
}

.AS-credit__l-text {
    font-size: 2em;
}

.AS-credit__intro-sides-desc .AS-credit__l-text {
    width: 80%;
    margin-bottom: 5em;
}

.widget.widget_nav_menu ul.menu li a {
    line-height: 3em;
}

.widget.widget_nav_menu ul.menu li a:before {
    display: none;
}

.AS-credit__button-bordered-green {
    border: .2em solid rgb(0 204 101);
    -webkit-border-radius: 10em;
    border-radius: 10em;
    font-weight: bold;
    line-height: 4.5em;
    text-align: center;
    height: 4.5em;
    display: inline-block;
}

.AS-credit__button-bg-green {
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background: #00CC65;
    height: 4.5em;
    font-weight: 600;
    text-align: center;
    line-height: 4.5em;
    display: inline-block;
    z-index: 20;
}

a {
    text-decoration: none;
}

.AS-credit__button-bg-green a {
    color: #fff;
    padding: 0 2.5em;
    display: block;
}

.AS-credit__button-bordered-green a {
    color: #00cc65;
    font-size: 1.4em;
    display: flex;
    width: 100%;
    padding: 0 2.5em;
    height: 100%;
    align-items: center;
    justify-content: center;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.AS-credit__button-bordered-green {
    margin-left: 1.5em;
}

.AS-credit__intro-art span {
    width: 400px;
    height: 574px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    position: relative;
}

.AS-credit__intro-art span img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.AS-credit__intro-art span:before {
    content: "";
    /* box-shadow: #bdc5dc -10px 15px 100px; */
    position: absolute;
    width: 60%;
    height: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: -1;
}

li.AS-credit__features-item {
    width: 25%;
    list-style: none;
    padding: 0 2.5em;
}

section.AS-credit__features ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -2.5em;
}

main.AS-download {
    overflow: visible;
}

li.AS-credit__features-item > div {
    padding: 2em 4em;
    position: relative;
    display: block;
    height: 100%;
}

li.AS-credit__features-item b {
    font-size: 2em;
    display: block;
    margin-bottom: .3em;
    font-weight: 600;
}

.AS-credit__features-icon {
    position: absolute;
    right: -2.5em;
    width: 5em;
    height: 5em;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    background-color: #FFD500;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0.5em solid #fff;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 3;
}

li.AS-credit__features-item > div:after {
    position: absolute;
    left: 50%;
    content: "";
    -webkit-box-shadow: 3px 0px 20px -5px #CCD4EC;
    box-shadow: 3px 0px 20px -5px #CCD4EC;
    z-index: 0;
    right: -2.5em;
    width: 5em;
    height: 5em;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

li.AS-credit__features-item span {
    font-size: 1.4em;
    text-align: justify;
    display: block;
}

.AS-credit__features-content {
    /* text-align: justify; */
    position: relative;
    z-index: 3;
}

li.AS-credit__features-item > div:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    -webkit-box-shadow: 0px 5px 20px -7px #CCD4EC;
    box-shadow: 0px 5px 20px -7px #CCD4EC;
}

section.AS-credit__features {
    /* padding: 7em 0; */
}

.small-container {
    max-width: 900px;
    margin: auto;
}

.AS-credit__button-bordered-green a i,
.AS-credit__button-bg-green a.AS-credit__applink--link-cta i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    vertical-align: middle;
    margin-left: .7em;
    margin-right: -.5em;
    position: relative;
}

.AS-credit__intro-sides-desc .AS-credit__button-bg-green a.AS-credit__applink--link-cta {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
    transform-origin: right bottom;
}

.AS-credit__button-bg-green a.AS-credit__applink--link-cta i {
    margin-right: .7em;
    width: 3em;
    height: 3em;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    background-color: rgb(102 224 163);
    justify-content: center;
    align-items: center;
    margin-left: 0;
    background-position: center;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='9.877' height='13.072' viewBox='0 0 9.877 13.072'%3E%3Cg id='Group_154' data-name='Group 154' transform='translate(-1225.871 -661.424)'%3E%3Cpath id='Path_91' data-name='Path 91' d='M3064.244,1024.111l3.44,3.441,3.441-3.441' transform='translate(-1836.825 -357.025)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_92' data-name='Path 92' d='M3080,1027.943v-7.877' transform='translate(-1849.191 -357.642)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_373' data-name='Path 373' d='M0,7.877V0' transform='translate(1234.748 673.496) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E ");
    background-position: center;
    background-repeat: no-repeat;
    transition: .5s;
}

.AS-credit__button-bg-green a.AS-credit__applink--link-cta span {
    font-size: 1.4em;
    padding: 0 1em 0 2em;
    transition: .5s;
    font-family: 'IRANSansX-Regular' !important;
    color: #fff;
    /* margin-right: 3.5em; */
}

.AS-credit__features-icon i {
    /* align-items: center; */
    margin-left: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}

a {
    color: #001A66;
}

.AS__title-section {
    font-weight: 800;
    text-align: center;
    margin-bottom: 3em;
}

.AS__title-section h2 {
    font-family: 'IRANSansX-Regular';
    font-weight: 800;
    color: #001A66;
    font-size: inherit;
}

section[class*="AS-"] {
    margin-bottom: 9em;
    float: right;
    width: 100%;
}

.AS-credit__flow-blue-line {
    background-color: #0040FF;
    width: 10em;
    height: 100%;
    min-height: 200px;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 10px solid #E2E9FF;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
}

.AS__title-section span {
    font-size: 3.5em;
}

.AS-credit__flow-items li {
    list-style: none;
    width: -webkit-calc(50% - 11em);
    width: calc(50% - 11em);
    position: relative;
    margin-bottom: -7em;
}

.AS-credit__flow-number {
    font-size: 6em;
    font-weight: 800;
    -webkit-text-stroke: 1px #0040ff;
    -webkit-text-fill-color: white;
    line-height: 1em;
}

.AS-credit__flow-title {
    font-size: 3em;
    color: #0040ff;
    font-weight: 700;
}

.AS-credit__flow-desc {
    font-size: 1.4em;
    padding-top: .5em;
    padding-bottom: 3em;
    text-align: justify;
}

.AS-credit__flow-items li:nth-child(odd) {
    direction: ltr;
    text-align: left;
    clear: both;
}

.AS-credit__flow-items li:nth-child(even) {
    float: left;
    clear: both;
}

.AS-credit__flow-items i {
    position: absolute;
    left: -14.5em;
    top: 5em;
    width: 7em;
    height: 7em;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    border: 1px solid rgb(255 255 255 / .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.AS-credit__flow-items i img {
    max-width: 55%;
    display: block;
    max-height: 50%;
}

.AS-credit__flow-items li:nth-child(even) i {
    left: auto;
    right: -14.5em;
}

.AS-credit__flow-contain {
    padding-top: 2em;
    position: relative;
    float: right;
    width: 100%;
    padding-bottom: 5em;
}

.AS-credit__bg-dark {
    background: #001A66;
    -webkit-border-radius: 2.5em;
    border-radius: 2.5em;
    -webkit-box-shadow: 0px 25px 45px -25px rgb(0 26 102 / 50%);
    box-shadow: 0px 25px 45px -25px rgb(0 26 102 / 50%);
    color: #fff;
}

section.AS-credit__register .AS-credit__bg-dark {
    padding: 6em;
    text-align: center;
    background-image: url(img/pattern-dp.png);
}

.AS-credit__register-desc {
    font-size: 1.8em;
    margin-bottom: 2em;
}

.S-credit__register-contain {
    width: 29%;
    margin: auto;
}

.S-credit__register-contain .AS-credit__button-bg-green a {
    font-size: 1.6em;
    cursor: pointer;
}

.AS-credit__intro .AS-credit__button-bg-green {
    -webkit-border-radius: 10em;
    border-radius: 10em;
    height: 4.5em;
    line-height: 4.5em;
}

.S-credit__register-contain .AS__title-section {
    margin-bottom: 1em;
}

section.AS-credit__from-dk .AS__title-section {
    text-align: revert;
}

.AS-credit__paragraph li {
    margin-bottom: .5em;
}

.AS-credit__paragraph {
    font-size: 1.5em;
    line-height: 2em;
}

.AS-credit__paragraph h3 {
    font-family: 'IRANSansX-Regular';
    font-weight: 600;
    font-size: 1.05em;
    color: #001A66;
    display: inline;
}

html {
    scroll-behavior: smooth;
}

.AS-credit__paragraph p {
    display: inline;
}

.AS-credit__from-dk--side-r {
    width: 70%;
    padding-left: 6em;
}

.AS-credit__from-dk--side-l {
    width: 30%;
    text-align: left;
}

.AS-credit__from-dk--sides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.AS-credit__from-dk--side-l svg {
    max-width: 100%;
}

section.AS-credit__faq .AS__title-section {
    text-align: right;
}

.AS-credit__faq-contain {
    -webkit-box-shadow: rgb(78 143 255 / .25) 0px 5px 23px -4px;
    box-shadow: rgb(78 143 255 / 25%) 0px 3px 40px -15px;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
    /* padding: 1em 0; */
    background-color: #fff;
}

.AS-credit__faq .AS-credit__faq-notice {
    margin-top: 2em;
}

.AS-credit__faq-question {
    padding: 1.1em 2em;
    border-bottom: 1px solid rgb(0 64 255 / 7%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.AS-credit__faq-question .AS-credit__faq-text {
    font-size: 1.6em;
    display: inline-block;
}

li.AS-credit__faq-item {
    list-style: none;
}

.AS-credit__faq-answer {
    background-color: rgb(0 64 255 / .06);
    padding: 2em 6.5em 2.5em 4em;
    display: none;
}

.AS-credit__faq-answer .AS-credit__faq-text {
    font-size: 1.4em;
    line-height: 2em;
    text-align: justify;
}

li.AS-credit__faq-item:first-child {
    padding-top: 1em;
}

li.AS-credit__faq-item:last-child {
    padding-bottom: 1em;
}

.AS-credit__faq-icon {
    font-size: 3em;
    font-weight: 600;
    color: #0040ff;
    display: inline-block;
    margin: 0 0.5em 0 .5em;
}

.AS-credit__faq-icon i {
    font-style: normal;
    width: 0.6em;
    display: inline-block;
    text-align: center;
}

.jquery-accordion-active .AS-credit__faq-icon i {
    display: none;
}

.jquery-accordion-active .AS-credit__faq-icon ii {
    display: block;
}

.AS-credit__faq-icon ii {
    display: none;
    color: #001a66;
    width: 0.6em;
    text-align: center;
}

li.AS-credit__faq-item:last-child .AS-credit__faq-question {
    border-bottom: 0;
}

.AS-credit__faq-question:hover {
    background-color: rgb(237 242 255 / 0.4);
}

li.AS-credit__blog-item {
    list-style: none;
    width: 50%;
    padding: 0 3em;
    float: right;
}

.AS-credit__blog-side-r {
    -webkit-border-radius: 2em;
    border-radius: 2em;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 5px 25px -13px rgb(0 64 255 / .35);
    box-shadow: 0px 5px 25px -13px rgb(0 64 255 / .35);
    padding-top: 100%;
}

section.AS-credit__blog {
    background-color: #FAFBFF;
    padding: 6em 0 10em;
    margin-bottom: 0;
    height: max-content;
    margin-bottom: 0;
}

.AS-credit__blog-title {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.4em;
    /* min-height: 1.8em; */
    min-width: 90%;
    margin-bottom: 0.3em;
}

.AS-credit__blog-desc {
    font-size: 1.4em;
    line-height: 2em;
}

.AS-credit__blog-side-l {
    position: relative;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    overflow: hidden;
    z-index: 0;
    padding-top: 100%;
}

.AS-credit__blog-cta a {
    color: #0040ff;
    font-size: 1.5em;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.AS-credit__blog-cta a > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}

.AS-credit__blog-cta a > i {
    margin-right: .8em;
    width: 1em;
}

.AS-credit__blog-side-r:before {
    content: "";
    width: 7em;
    height: 7em;
    position: absolute;
    background-color: #fff;
    -webkit-border-radius: 0 0 0 2em;
    border-radius: 0 0 0 2em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -3.5em;
    top: 7em;
    z-index: -1;
    -webkit-box-shadow: -8px 0px 25px -13px rgb(0 64 255 / .6);
    box-shadow: -8px 0px 25px -13px rgb(0 64 255 / .6);
}

.AS-credit__blog-side-r:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    z-index: -1;
}

.AS-credit__blog-image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
}

.AS-credit__blog-side-l:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(0 64 255 / .5);
    z-index: 1;
}

li.AS-credit__blog-item > div > div {
    width: 50%;
    padding: 0 1em;
    position: relative;
    float: left;
}

li.AS-credit__blog-item > div > div:first-child {
    float: left;
}

li.AS-credit__blog-item > div > div:last-child {
    float: right;
}

li.AS-credit__blog-item > div {
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 -1em;
}

.AS-credit__blog-time {
    background-color: rgb(255 213 0 / 0.7);
    position: absolute;
    left: 3em;
    bottom: 3em;
    color: #fff;
    -webkit-border-radius: 10em;
    border-radius: 10em;
    padding: 0 1.5em;
    line-height: 2.5em;
    z-index: 2;
}

.AS-credit__blog-time span {
    font-size: 1.3em;
}

.AS-credit__blog-side-r > div {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3em;
    width: 100%;
    height: 100%;
}

.AS-credit__blog-side-l > div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.AS-credit__blog-cta {
    position: absolute;
    right: 3em;
    bottom: 3em;
}

.AS-credit__blog-items > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 -3em;
}

.owl-item {
    float: right;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.AS-credit__blog-items .owl-item {
    min-width: 50%;
    float: right;
}

.AS-credit__blog-items .owl-stage-outer {
    padding: 2em 0 5em;
    margin-top: -2em;
}

.AS-credit__blog-items .owl-controls {
    position: absolute;
    top: 0;
    width: 100%;
}

i.AS-credit__arrow-prev,
i.AS-credit__arrow-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.652' height='17.062' viewBox='0 0 10.652 17.062'%3E%3Cpath id='Path_117' data-name='Path 117' d='M3735.41,3896l-6.41,6.409,6.41,6.41' transform='translate(-3726.879 -3893.879)' fill='none' stroke='%23001a66' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E%0A");
    width: 4em;
    -webkit-box-shadow: 0px 5px 20px -4px rgb(0 64 255 / .2);
    box-shadow: 0px 5px 20px -4px rgb(0 64 255 / .2);
    height: 4em;
    position: absolute;
    background-color: #fff;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    cursor: pointer;
}

i.AS-credit__arrow-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.652' height='17.062' viewBox='0 0 10.652 17.062'%3E%3Cpath id='Path_116' data-name='Path 116' d='M3729,3896l6.41,6.409-6.41,6.41' transform='translate(-3726.879 -3893.879)' fill='none' stroke='%23001a66' stroke-linecap='round' stroke-width='3'/%3E%3C/svg%3E%0A");
    left: auto;
    right: 0;
}

i.AS-credit__arrow-prev {
}

.AS-credit__blog-nav {
    position: absolute;
    width: -webkit-calc(100% - 6em);
    width: calc(100% - 6em);
    top: 1.5em;
    right: 3em;
}

section.AS-credit__blog .swiper-container {
    padding: 10em 0;
    margin: -9em -3em;
}

.AS-credit__intro-art {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.AS-credit__calculator-bule {
    background: #0040FF;
    color: #fff;
    -webkit-border-radius: 4em;
    border-radius: 4em;
    padding: 6em 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 1;
}

span.AS-credit__title-bold {
    font-size: 3.8em;
    font-weight: 700;
}

span.AS-credit__title-thin {
    font-size: 1.6em;
    display: block;
    /* margin-top: -.5em; */
}

.AS-credit__titles {
    text-align: center;
    padding-left: 3em;
}

.AS-credit__calculator-selectors li {
    width: 33.3333%;
    list-style: none;
    padding: 0 1.5em;
    float: right;
}

.AS-credit__calculator-selectors ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.AS-credit__calculator-selectors {
    width: 80%;
}

.AS-credit__calculator-select {
    background-color: #fff;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
    height: 6em;
    /* line-height: 6em; */
    color: #001A66;
    text-align: center;
}

li.AS-credit__calculator-item label {
    font-size: 1.6em;
    margin-bottom: .5em;
    display: block;
    padding-right: 1em;
}

.AS-credit__calculator-select-item span {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: .3s;
    transition: .3s;
}

.AS-credit__calculator-select-item {
    font-size: 1.6em;
    font-weight: 600;
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.AS-credit__calculator-select-item m {
    margin-right: 0.2em;
    font-size: 0.9em;
    vertical-align: text-bottom;
}

.AS-calculator_selector__arrow-next,
.AS-calculator_selector__arrow-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.658' height='10.489' viewBox='0 0 6.658 10.489'%3E%3Cpath id='Path_17' data-name='Path 17' d='M3260.757,1297.855l3.83,3.83-3.83,3.83' transform='translate(-3259.343 -1296.44)' fill='none' stroke='%230040ff' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.5em;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.AS-calculator_selector__arrow-prev {
    right: auto;
    left: 1.5em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.658' height='10.489' viewBox='0 0 6.658 10.489'%3E%3Cpath id='Path_18' data-name='Path 18' d='M3264.587,1297.855l-3.83,3.83,3.83,3.83' transform='translate(-3259.343 -1296.44)' fill='none' stroke='%230040ff' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.AS-credit__calculator-select:before,
.AS-credit__calculator-select:after {
    content: "";
    width: 30%;
    background: linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255) 35%, rgb(255 255 255 / 0%));
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    pointer-events: none;
    bottom: 0;
}

.AS-credit__calculator-select:after {
    right: 0;
    background: -webkit-linear-gradient(left, rgb(255 255 255 / 0%), white 65%, white);
    background: -webkit-gradient(linear, left top, right top, from(rgb(255 255 255 / 0%)), color-stop(65%, white), color-stop(65%, white));
    background: linear-gradient(90deg, rgb(255 255 255 / 0%), white 65%, white);
}

.AS-credit__calculator-select:before {
    left: 0;
}

.AS-credit__calculator-select-item b {
}

.AS-credit__calculator-select-item b {
    display: block;
    margin-top: .4em;
    font-size: .8em;
}

.AS-credit__calculator-select-item span {
    display: block;
    font-weight: 400;
    margin-top: -.3em;
    font-size: .9em;
}

.AS-credit__calculator-select-item span c {
    vertical-align: text-bottom;
    font-size: .8em;
    margin-left: 0.3em;
}

.AS-credit__calculator-select-item span cc {
    font-size: .9em;
}

.AS-credit__calculator-select-item t {
    font-size: .8em;
    margin-right: .3em;
}

.AS-calculator_selector__arrow-next.swiper-button-disabled,
.AS-calculator_selector__arrow-prev.swiper-button-disabled {
    cursor: unset;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.AS-credit__calculator-select-item.swiper-slide.swiper-slide-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.AS-credit__calculator-select-item.swiper-slide.swiper-slide-active span {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-weight: 600;
    white-space: nowrap;
}

.AS-credit__calculator-details {
    background-color: rgb(242 245 255);
    -webkit-border-radius: 0 0 4em 4em;
    border-radius: 0 0 4em 4em;
    margin-top: -4em;
    padding: 8em 0 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.AS-credit__calculator-detail-items {
    display: flex;
    width: 100%;
    justify-content: center;
}

.AS-credit__calculator-detail-item i svg {
    max-width: 98%;
}

.AS-credit__calculator-detail-notice {
    width: 100%;
    text-align: center;
    margin: 2em 0 0em;
    font-size: 1.2em;
}

.AS-credit__calculator-detail-item {
    width: 22%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.AS-credit__calculator-detail-item > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: center;
}

.AS-credit__calculator-item-desc > span:first-child {
    font-size: 1.4em;
    display: block;
}

.AS-credit__calculator-item-desc > span:last-child {
    font-size: 2em;
    font-weight: 700;
}

.AS-credit__calculator-item-desc > span n {
    position: relative;
}

.AS-credit__calculator-item-desc > span n c {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}

.AS-credit__calculator-item-desc > span d {
    font-size: .8em;
    font-weight: 600;
    vertical-align: -1px;
}

.AS-credit__calculator-item-desc > span n c,
.AS-credit__calculator-item-desc > span n m {
    line-height: 1.5;
}

n#as_credit_pre_payment m > d {
    display: none;
}

.AS-credit__calculator-detail-item:nth-child(1) .AS-credit__calculator-item-desc > span n c {
    animation: 1.5s effectLetter ease-in-out;
    animation-delay: 0s;
}

.AS-credit__calculator-detail-item:nth-child(2) .AS-credit__calculator-item-desc > span n c {
    animation: 1s effectLetter ease-in-out;
    animation-delay: .2s;
}

.AS-credit__calculator-detail-item:nth-child(3) .AS-credit__calculator-item-desc > span n c {
    animation: 1.5s effectLetter ease-in-out;
    animation-delay: .4s;
}

.AS-credit__calculator-detail-item:nth-child(4) .AS-credit__calculator-item-desc > span n c {
    animation: 1.5s effectLetter ease-in-out;
    animation-delay: .6s;
}

@keyframes effectLetter {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        color: #ffd500;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
        color: #ffd500;
    }
}

.AS-credit__calculator-item-desc > span:last-child r {
    font-size: .7em;
    font-weight: 600;
}

.AS-credit__calculator-item-desc {
    margin-right: 1.5em;
    width: calc(100% - 5em);
}

.AS-credit__intro-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.AS-credit__calculator-select > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

body:not(.single) .fixed#as_credit_get_app {
    position: fixed;
    right: 1.5em;
    bottom: 4em;
    z-index: 101;
    height: 4.5em;
    box-shadow: 0px 6px 22px -3px rgb(0 204 101 / .7);
    transition: 0s all, .5s opacity;
}

body:not(.single) .fixed#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta {
}

#as_credit_get_app {
    -webkit-transition: 0s all, .5s opacity;
    transition: 0s all, .5s opacity;
    position: relative;
    transform-origin: right;
}

.AS-credit__button-bordered-green a i {
    -webkit-animation: arrowToDown 1s infinite linear;
    animation: arrowToDown 1s infinite linear;
    bottom: .5em;
}

@-webkit-keyframes arrowToDown {
    to {
        bottom: -.2em;
    }
}

@keyframes arrowToDown {
    to {
        bottom: -.2em;
    }
}

.AS-credit__art-boxs img {
    max-width: 90%;
}

.back-top {
    display: none;
}

.main-wrap {
    background-color: rgb(255 255 255 / 0%) !important;
    padding-top: 10em;
}

@media (max-width: 1350px) {
    li.AS-credit__features-item {
        width: 50%;
        padding: 1.25em 2.5em;
    }

    section.AS-credit__features ul {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -1.25em 0;
        margin-left: -2.5em;
    }

    .AS-container {
        max-width: 900px;
    }

    .S-credit__register-contain {
        width: 44%;
    }

    li.AS-credit__blog-item > div > div {
        width: 100%;
    }

    li.AS-credit__blog-item > div {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .AS-credit__blog-side-l {
        padding-top: unset;
        height: 15em;
    }

    li.AS-credit__blog-item > div > div:last-child {
        margin-top: 2em;
    }

    .AS-credit__blog-side-r:before {
        top: -3.5em;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        -webkit-border-radius: 2em 0em 0 0em;
        border-radius: 2em 0em 0 0em;
        -webkit-box-shadow: 0px -9px 25px -13px rgb(0 64 255 / .6);
        box-shadow: 0px -9px 25px -13px rgb(0 64 255 / .6);
    }

    .AS-credit__blog-side-r {
        padding-top: 60%;
    }

    .AS-credit__blog-cta {
        left: 3em;
        right: auto;
        bottom: 2.2em;
    }

    .AS-credit__blog-title {
        /* position: absolute; */
        /* transform: translate(-50% , -50%); */
        /* left: 50%; */
        /* color: #fff; */
        /* text-align: center; */
        /* min-height: auto; */
        /* top: calc(1.5em - 50%); */
    }

    .AS-credit__blog-time {
        bottom: 10%;
    }

    .AS-credit__calculator-bule {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 4em 5em 5em;
    }

    .AS-credit__calculator-selectors {
        width: 100%;
    }

    .AS-credit__titles {
        padding: 0;
        width: 100%;
        line-height: 3em;
        margin-bottom: 4em;
    }

    span.AS-credit__title-bold {
    }

    .AS-credit__calculator-detail-item {
        width: 30%;
    }

    .fixed#as_credit_get_app {
        position: fixed;
        right: 2em;
        bottom: 4em;
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .AS-credit__calculator-bule {
        padding: 4em 3em 5em;
    }

    .AS-credit__calculator-selectors li {
        padding: 0 1em;
    }

    .AS-calculator_selector__arrow-next {
        right: 1em;
    }

    .AS-calculator_selector__arrow-prev {
        left: 1em;
    }

    .AS-credit__calculator-select {
        -webkit-border-radius: 1.3em;
        border-radius: 1.3em;
    }
}

@media (max-width: 1000px) {
    .AS-credit__calculator-detail-items {
        flex-wrap: wrap;
    }

    .AS-credit__calculator-detail-item {
        width: 50%;
        margin-bottom: 2em;
    }

    .AS-container {
        max-width: 700px;
    }

    .S-credit__register-contain {
        width: 60%;
    }

    .AS-credit__from-dk--side-r {
        width: 100%;
        padding-left: 0;
    }

    .AS-credit__from-dk--side-l {
        width: 100%;
        text-align: center;
        padding-top: 4em;
    }

    .AS-credit__from-dk--sides {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .AS-credit__from-dk--side-l svg {
        max-height: 100%;
        height: 20em;
    }

    .AS-credit__calculator-select-item {
        width: 55%;
    }

    .AS-credit__art-boxs {
    }

    .AS-credit__blog-title {
        /* top: calc(0.1em - 50%); */
    }

    .AS-credit__intro-art {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .small-container {
        width: 100%;
    }

    .AS-credit__intro-sides-desc {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        text-align: center;
    }

    .AS-credit__intro-sides {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .AS-credit__intro-art {
    }

    .AS-credit__intro-sides-desc .AS-credit__blue-color {
        display: block;
        margin-bottom: 0.5em;
    }

    .AS-credit__intro-sides-desc .AS-credit__l-text {
        margin: auto;
    }

    .AS-credit__end-of-green:before {
        display: none;
    }

    .AS-credit__end-of-green:after {
        top: -12%;
        left: 0;
        width: 100%;
        height: 12%;
    }

    .AS-credit__intro-art span {
        width: 300px;
        height: 470px;
    }

    .AS-credit__xxl-text {
        font-size: 3em;
    }

    .AS-credit__l-text {
        font-size: 1.8em;
    }

    .AS-credit__button-bordered-green a span {
        display: none;
    }

    .AS-credit__button-bordered-green a i,
    .AS-credit__button-bg-green a i {
        margin: 0;
    }

    .AS-credit__button-bordered-green {
        width: 4.5em;
        margin: auto;
    }

    .AS-credit__button-bordered-green a {
        padding: 0;
    }

    .fixed#as_credit_get_app {
        font-size: 1em;
        right: 2em;
        bottom: 3em;
    }

    div#as_credit_get_app {
        position: fixed;
        right: 1.5em;
        bottom: 4em;
        height: 4.6em;
        width: auto;
        display: flex;
        align-items: center;
        box-shadow: 0px 6px 22px -3px rgb(0 204 101 / .7);
    }

    .AS-credit__intro-sides-desc .AS-credit__button-bg-green {
        font-size: 10px;
    }

    .AS-credit__intro .AS-credit__button-bg-green a.AS-credit__applink--link-cta span {
        width: 5em;
        display: inline-block;
        white-space: normal;
        padding: 0;
        line-height: 1.4em;
        font-size: 1.2em;
        margin-left: 1em;
    }

    .AS-credit__intro-sides-desc .AS-credit__button-bg-green a.AS-credit__applink--link-cta i {
        width: 3.8em;
        height: 3.8em;
    }

    .AS-credit__flow-blue-line {
        width: 8em;
    }

    .AS-credit__flow-items li {
        width: -webkit-calc(50% - 9em);
        width: calc(50% - 9em);
    }

    .AS-credit__flow-items i {
        left: -11.5em;
        width: 5em;
        height: 5em;
        top: 5em;
    }

    .AS-credit__flow-items i svg {
        max-width: 50%;
        display: block;
    }

    .AS-credit__flow-items li:nth-child(even) i {
        right: -11.5em;
    }

    .AS-credit__intro-ctas {
        margin-top: 3em;
    }

    .AS-credit__calculator-bule {
        padding: 4em 3em 3em;
    }

    .AS-credit__blog-side-r {
        padding-top: unset;
    }

    section.AS-credit__intro {
        padding-top: 14em;
    }

    .AS-credit__blog-side-r > div {
        position: relative;
        padding-bottom: 7em;
    }
}

@media (max-width: 800px) {
    .AS-credit__faq-question {
        padding-right: 1em;
    }

    .rh-header {
        margin-bottom: 0;
        background-color: transparent;
        margin: 0;
        padding: 20px;
    }

    .AS-credit__calculator-select-item {
        width: 35%;
        min-width: 120px;
    }

    body {
        background-color: transparent !important;
    }

    li.AS-credit__features-item {
        width: 100%;
        padding: 1em 2.5em;
    }

    .AS-container {
        max-width: 90%;
    }

    section[class*="AS-"] {
        margin-bottom: 8em;
    }

    section.AS-credit__blog {
        margin-bottom: 0 !important;
    }

    .AS-credit__calculator-selectors li {
        width: 100%;
        margin-bottom: 2em;
    }

    .AS-credit__calculator-selectors ul {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .AS-credit__titles {
        margin-bottom: 2em;
    }

    .AS-credit__calculator-select {
        height: 5em;
        -webkit-border-radius: 1.5em;
        border-radius: 1.5em;
    }

    .AS-calculator_selector__arrow-next {
        right: 1.5em;
    }

    .AS-calculator_selector__arrow-prev {
        left: 1.5em;
    }

    li.AS-credit__calculator-item label {
        margin-bottom: .4em;
        font-size: 1.5em;
        padding-right: .8em;
    }

    .AS-credit__calculator-detail-item {
        width: 100%;
        border-bottom: 1px solid rgb(0 26 102 / .05);
        padding: 1.2em 0 1em;
        margin-bottom: 0;
    }

    .AS-credit__calculator-detail-notice {
        margin: 1em 0 1em;
    }

    .AS-credit__calculator-details {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 5.5em 4em 1.5em;
    }

    .AS-credit__calculator-detail-item:last-child {
        border-bottom: 0;
    }

    .AS__title-section span {
        font-size: 2.5em;
    }

    .AS-credit__blog-title {
        /* top: calc(-0.9em - 50%); */
    }

    .AS-credit__flow-blue-line {
        width: 4.5em;
        border: none;
        right: 0;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .AS-credit__flow-items li:last-child .AS-credit__flow-desc {
        padding-bottom: 0;
    }

    .AS-credit__flow-items i {
        border: none;
        width: 4em;
        height: 4em;
        top: -1em;
        right: -6.25em;
    }

    .AS-credit__flow-title {
        font-size: 2em;
    }

    .AS-credit__flow-items li:nth-child(odd),
    .AS-credit__flow-items li:nth-child(even) {
        text-align: justify;
        width: -webkit-calc(100% - 7em);
        width: calc(100% - 7em);
        direction: rtl;
        float: right;
        margin-bottom: 0;
    }

    .AS-credit__flow-number {
        font-size: 4em;
        float: left;
    }

    .AS-credit__flow-items {
        width: 100%;
        margin-right: 6.5em;
    }

    .AS-credit__flow-blue-line:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 10;
        background: -webkit-radial-gradient(rgb(255 255 255 / 30%) 0.1em, transparent .18em);
        background: radial-gradient(rgb(255 255 255 / 30%) 0.1em, transparent .18em);
        background-repeat: repeat-y;
        background-size: 25px 25px;
        background-position: 50% 0%;
    }

    .AS-credit__flow-contain {
        padding-top: 2em;
        padding-bottom: 0em;
    }

    .AS-credit__flow-items li:nth-child(even) i {
        right: -6.25em;
    }

    .S-credit__register-contain {
        width: 100%;
    }

    section.AS-credit__register .AS-credit__bg-dark {
        width: 100%;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    section.AS-credit__register .AS-container {
        max-width: 100%;
    }

    section.AS-credit__from-dk .AS__title-section {
        text-align: center;
    }

    section.AS-credit__faq .AS__title-section {
        text-align: center;
    }

    li.AS-credit__blog-item {
        width: 100%;
    }

    .AS-credit__intro-art span {
        height: 45vh;
        background-size: contain;
        width: 31vh;
        margin-bottom: 4vh;
    }

    section.AS-credit__intro {
        padding-top: 12em;
    }

    .AS-credit__intro-sides-desc {
        /* font-size: 1.2vh; */
    }

    .AS-credit__intro-sides-desc .AS-credit__l-text {
        font-size: 14px;
    }

    .AS-credit__intro-ctas {
        margin-top: 2vh;
        font-size: 10px;
    }
}

@media (max-width: 500px) {
    section.AS-credit__register .AS-credit__bg-dark {
        padding: 5em 3em;
    }

    .fixed#as_credit_get_app {
        bottom: 2em;
        right: 1.5em;
    }

    .AS-credit__calculator-select-item {
    }

    .AS-credit__flow-blue-line {
        width: 4em;
    }

    .AS-credit__flow-items i,
    .AS-credit__flow-items li:nth-child(even) i {
        right: -5.88em;
        width: 3.7em;
        height: 3.7em;
        top: -.8em;
    }

    .AS-credit__flow-items {
        margin-right: 6em;
    }

    .AS-credit__calculator-bule {
        -webkit-border-radius: 3em;
        border-radius: 3em;
        padding: 4em 2em 2em;
    }

    .AS__title-section {
        margin-bottom: 3em;
    }

    section[class*="AS-"] {
        margin-bottom: 7em;
    }

    section.AS-credit__from-dk .AS__title-section {
        margin-bottom: 2em;
    }

    .AS-credit__flow-items li:last-child .AS-credit__flow-desc {
        margin-bottom: 0;
    }

    .AS-credit__titles {
        font-size: .8em;
        margin-bottom: 3em;
    }

    .AS-credit__calculator-item-desc > span:last-child {
        font-size: 1.8em;
    }

    .AS-credit__calculator-details {
        -webkit-border-radius: 0 0 3em 3em;
        border-radius: 0 0 3em 3em;
    }
}

.contain-more-than {
    max-height: 200px;
    line-height: 2em;
    overflow: hidden;
    position: relative;
}

a.mini-button--more,
a.mini-button--less {
    margin-top: 2em;
    display: block;
    padding: 1em 0 1em .5em;
    cursor: pointer;
    margin-top: 1em;
}

.contain-more-than.expanded:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 30px;
    background: linear-gradient(0deg, hsl(0deg 0% 100%) 5%, rgb(0 0 0 / 0%));
    z-index: 1;
}

.contain-more-than.contain-more-than-gray.expanded:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 25px;
    background: linear-gradient(0deg, #f5fbff 5%, transparent);
    z-index: 1;
}

.AS-credit-product__main .AS-credit__intro-art {
    order: 0;
    text-align: left;
    padding-left: 3em;
}

.AS-credit-product__main .AS-credit__intro-art,
.AS-credit-product__main .AS-credit__intro-sides-desc {
    width: 50%;
}

.AS-credit-product__main .small-container {
    max-width: 1200px;
}

.AS-credit-product__main .AS-credit__intro-art span {
    float: left;
}

.AS-credit-product__main .AS-credit__intro-sides-desc {
    padding-right: 3em;
}

.AS-credit-product__main .AS-credit__intro-sides-desc .AS-credit__l-text {
    margin-bottom: 4em;
}

.AS-credit-product__main section.AS-credit__intro {
    height: 630px;
    background: linear-gradient(180deg, rgb(220 234 255), rgb(255 255 255 / 0%));
    padding-top: 18em;
    display: flex;
    align-items: center;
    padding-bottom: 3em;
}

.AS-credit-product__main .slider .tooltip-inner:after {
    content: "میلیون تومان";
    font-size: 0.7em;
    vertical-align: bottom;
    margin-right: .4em;
}

.AS-credit-product__popular-laptops--contain > ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -1.7em;
    width: calc(100% + 3.4em);
    height: auto;
}

li.AS-credit-product__popular-laptops-item {
    width: 16.6666%;
    text-align: center;
    padding: 0 1.7em;
    list-style: none;
    display: block;
}

li.AS-credit-product__popular-laptops-item > div {
    border: 1px solid #F1F2F6;
    border-radius: 2em;
    padding-top: 65%;
    position: relative;
    transition: .3s;
}

.AS-credit-product__popular-laptops-title,
li.AS-credit-product__popular-laptops-item img {
    font-size: 1.8em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* white-space: nowrap; */
    font-weight: 600;
    transition: .3s all;
    max-width: 50%;
    max-height: 50%;
}

.AS-credit-product__popular-laptops-title e {
    font-family: calibri;
}

.AS-credit-product__popular-laptops-title {
    opacity: 0;
    max-width: 100%;
    width: 100%;
    padding: 0 1em;
    line-height: 2em;
}

li.AS-credit-product__popular-laptops-item > div:hover .AS-credit-product__popular-laptops-title {
    opacity: 1;
}

li.AS-credit-product__popular-laptops-item > div:hover img {
    opacity: 0.05;
    transform: translate(-50%, -50%) scale(1.3);
}

li.AS-credit-product__popular-laptops-item > div:hover {
    background: #F7F9FF;
    border-color: #F7F9FF;
}

.AS-credit-product__sortbytype-img img {
    max-width: 60%;
    max-height: 60%;
}

.AS-credit-product__sortbytype-img {
    background-color: #F5F7FF;
    border-radius: 2.5em;
    width: 16em;
    height: 16em;
    display: flex;
    justify-content: center;
    align-items: center;
}

li.AS-credit-product__sortbytype-item > div {
    display: flex;
}

li.AS-credit-product__sortbytype-item {
    list-style: none;
    margin-bottom: 4em;
}

.AS-credit-product__sortbytype-title {
    font-size: 2em;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 0.8em;
}

.AS-credit-product__sortbytype-title h3 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: inherit;
    font-family: 'IRANSansX-Regular';
    line-height: inherit;
    color: inherit;
}

.AS-credit-product__sortbytype-desc {
    font-size: 1.5em;
    line-height: 1.9em;
}

.AS-credit-product__sortbytype-title > span:first-child {
    color: #fff;
    background-color: #001A66;
    width: 1.5em;
    height: 1.5em;
    border-radius: 10em;
    display: flex;
    justify-content: center;
    font-size: 1.2em;
    margin-left: 0.5em;
    line-height: 1.6em;
}

.AS-credit-product__sortbytype-content {
    width: calc(100% - 16em);
    padding-right: 4em;
    color: #001a66;
    padding-top: 1em;
}

section.AS-credit-product__sortbytype .AS__title-section {
    text-align: revert;
}

.AS-credit-product__main .AS-credit__intro-art > ul {
    position: relative;
    width: 100%;
    padding-top: 60%;
}

.AS-credit-product__intro-art-item.act {
    /* opacity:1; */
}

.AS-credit-product__intro-art-item {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    list-style: none;
    width: 400px;
    height: 350px;
    perspective: 300px;
    /* opacity: 0; */
}

.AS-credit-product__intro-art-item > * {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    opacity: 0;
    transition: 0.8s;
}

.AS-credit-product__intro-art-item--b {
    background-size: 35%;
    width: 100%;
    height: 85%;
    z-index: 2;
    /* opacity: 1; */
}

.AS-credit-product__intro-art-item > .AS-credit-product__intro-art-item--sh {
    box-shadow: 0px 100px 30px -40px rgb(47 63 109 / 0.5);
    transform-style: preserve-3d;
    transform: translatex(-50%) rotateX(83deg);
    height: 15%;
    bottom: 5%;
    width: 0%;
    left: 50%;
    z-index: -1;
    opacity: 1;
    transition: 1.5s cubic-bezier(0, 0, 0.04, 1.1);
}

main.AS-credit-product__main {
    margin-top: -13em;
}

.AS-credit-product__main li.AS-credit-product__sortbytype-item:last-child {
    margin-bottom: 0;
}

.AS-credit-product__main .tooltip-min,
.AS-credit-product__main .tooltip-max {
    display: none !important;
}

.AS-credit-product__intro-art-item.act .AS-credit-product__intro-art-item--p {
    opacity: 1;
    bottom: 2em;
    transition: 1.5s cubic-bezier(0, 0, 0.04, 1.1);
    filter: brightness(1) contrast(1);
}

.AS-credit-product__intro-art-item .AS-credit-product__intro-art-item--p {
    bottom: 15em;
    filter: brightness(2.5) contrast(2.5);
}

.AS-credit-product__intro-art-item .AS-credit-product__intro-art-item--p img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

li.AS-credit-product__intro-art-item.act .AS-credit-product__intro-art-item--sh {
    opacity: 1;
    box-shadow: 0px 100px 30px -10px rgb(47 63 109 / 0.5);
    width: 65%;
}

li.AS-credit-product__intro-art-item.act .AS-credit-product__intro-art-item--b {
    animation: 3s brandProductArt 1s linear;
    animation-fill-mode: both;
}

@keyframes brandProductArt {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        filter: brightness(5.5);
    }
    100% {
        opacity: 0;
        filter: brightness(0);
    }
}

.AS-credit__calculator-detail-credit-amount {
    background-color: rgb(255 255 255);
    color: rgb(0 26 102 / 0.5);
    font-size: 2em;
    font-weight: 600;
    border-radius: 1em;
    padding: 0.2em 1.3em 0.1em;
    margin-bottom: 1em;
}

.AS-credit__calculator-detail-credit-amount t {
    font-size: 0.7em;
    margin-right: .2em;
}

.AS-credit__calculator-detail-credit-amount c {
    font-size: .7em;
    margin-left: .3em;
}

@media (max-width: 1350px) {
    .AS-credit-product__main .AS-credit__xxl-text {
        font-size: 3em;
    }

    .AS-credit-product__main .AS-credit__l-text {
        font-size: 1.8em;
    }

    .AS-credit-product__main li.AS-credit-product__popular-laptops-item {
        width: 25%;
    }

    .AS-credit__calculator-detail-credit-amount {
        padding: 0.2em 0.8em 0.1em;
    }
}

@media (max-width: 1000px) {
    .AS-credit-product__main .AS-credit__intro-art,
    .AS-credit-product__main .AS-credit__intro-sides-desc {
        width: 100%;
        padding-right: 0;
        margin-bottom: 5em;
        padding-left: 0;
    }

    .AS-credit-product__main .AS-credit__intro-sides-desc {
        margin-bottom: 0;
    }

    .AS-credit-product__main .AS-credit-product__intro-art-item {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50vw;
        height: 32vw;
    }

    .AS-credit-product__main .AS-credit__intro-sides-desc .AS-credit__dark-color {
        text-align: center;
        margin: auto;
        width: 100%;
        margin-bottom: 0.3em;
    }

    .AS-credit-product__main .AS-credit__xxl-text {
        font-size: 3.5em;
    }

    .AS-credit-product__main li.AS-credit-product__popular-laptops-item {
        width: 33.333%;
    }

    .AS-credit-product__main section.AS-credit__intro {
        height: auto;
        padding-top: 10em;
    }

    .AS-credit__calculator-detail-item > div {
        width: auto;
    }

    .AS-credit__calculator-detail-item > div {
        width: 60%;
    }
}

@media (max-width: 800px) {
    .AS-credit-product__main li.AS-credit-product__popular-laptops-item {
        /* width: 50%; */
    }

    .AS-credit-product__main .AS-credit-product__sortbytype-img {
        width: 10em;
        height: 10em;
    }

    .AS-credit-product__main .AS-credit-product__sortbytype-content {
        padding-right: 3em;
        width: calc(100% - 10em);
    }

    .AS-credit-product__main .AS-credit__xxl-text {
        font-size: 2.7em;
    }

    .AS-credit__calculator-detail-item > div {
        width: auto;
    }

    .AS-credit-product__main section.AS-credit__intro {
        padding-top: 7em;
        padding-bottom: 0;
    }
}

@media (max-width: 500px) {
    .AS-credit-product__main .AS-credit-product__intro-art-item {
        height: 50vw;
        width: 65vw;
    }

    .AS-credit-product__main .AS-credit__intro-art {
        margin-bottom: 3em;
        padding-left: 0;
        min-height: 80vw;
    }

    .AS-credit-product__main li.AS-credit-product__popular-laptops-item {
        width: 50%;
    }

    .AS-credit-product__main .AS-credit-product__sortbytype-img {
        width: 100%;
        height: 10em;
        margin-bottom: 1em;
    }

    .AS-credit-product__main li.AS-credit-product__sortbytype-item > div {
        flex-wrap: wrap;
    }

    .AS-credit-product__main .AS-credit-product__sortbytype-img img {
        max-height: 60%;
    }

    .AS-credit-product__main .AS-credit-product__sortbytype-content {
        width: 100%;
        padding-right: 0;
    }

    .AS-credit-product__main li.AS-credit-product__sortbytype-item {
        margin-bottom: 5em;
    }

    .AS-credit-product__main .slider .tooltip.bs-tooltip-top {
        padding: 1.2em .5em 1em;
        width: 10em;
        margin-left: -4.3em;
    }

    .AS-credit-product__main .slider .tooltip-inner:after {
        margin-right: .2em;
    }

    .AS-credit-product__main li.AS-credit-product__popular-laptops-item > div {
        padding-top: 55%;
    }

    .AS-credit-product__main li.AS-credit-product__sortbytype-item {
        margin-bottom: 3em;
    }

    .AS-credit__calculator-detail-credit-amount {
        margin-bottom: 0.5em;
    }
}

.AS__sarzamin_intro #as_credit_get_app.AS-credit__btn-popup {
    position: fixed;
    right: 3em;
    bottom: 5em;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup {
    max-height: 100em;
    border-radius: 3em;
    background-color: transparent;
    box-shadow: none;
}

.AS-credit__applink-fly-contain--bottom li {
    list-style: none;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
}

.AS-credit__applink-fly-contain--top li > div {
    border: 1px solid #40538C;
    border-radius: 1.5em;
    width: 7.5em;
    height: 7.5em;
    font-size: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.4em;
    padding-top: 1em;
    transition: 0.3s;
}

.AS-credit__applink-fly-contain--top > ul {
    display: flex;
    justify-content: space-between;
    padding: 2em;
    margin-bottom: 0;
}

body.single .AS-credit__applink-fly-contain--top {
    transition-delay: 0s;
}

.AS-credit__applink-fly-contain--top {
    background-color: #001A66;
    color: #fff;
    border-radius: 3em 3em 0em 0em;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    transition: .5s cubic-bezier(0, 0, 0, 1.06);
    transition-delay: .5s;
    position: relative;
    z-index: -1;
    padding-bottom: 3em;
    margin-bottom: -3em;
    min-width: 25em;
}

.AS-credit__applink-fly-contain--bottom {
    background-color: #19DE7B;
    border-radius: 3em;
    padding: 1.5em 0;
    min-height: 6em;
    min-width: 25em;
    overflow: hidden;
}

.AS-credit__applink-fly-contain--top li {
    list-style: none;
    padding: .8em;
    cursor: pointer;
}

.AS-credit__applink-fly-contain--top li span {
    font-size: 1.2em;
    font-weight: 400;
    width: 100%;
    height: 2em;
}

.AS-credit__applink-fly-contain--top li .as-pop-open span {
    font-weight: 600;
}

.AS-credit__applink-fly-contain--bottom li > div {
    border-bottom: 1px solid rgb(255 255 255 / 25%);
    font-size: 1.4em;
    text-align: right;
    padding: 0 2em;
    line-height: 3.5em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AS-credit__applink-fly-contain--bottom li > div b {
    font-weight: 600;
    margin-right: .2em;
    font-size: 1.1em;
}

i.arrow-left {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.771' height='10.712' viewBox='0 0 6.771 10.712'%3E%3Cpath id='Path_394' data-name='Path 394' d='M22231.422,6586.606l-3.943,3.942,3.943,3.941' transform='translate(-22226.064 -6585.192)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
    width: 0.5em;
    height: 0.5em;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}

.AS-credit__applink-fly-contain--top li i {
    display: flex;
    font-size: 1.8em;
}

.AS-credit__applink-fly-contain--top li.active > div {
    border: 2px solid #fff;
}

.AS-credit__applink-fly-contain--bottom li:last-child > div {
    border-bottom: 0;
}

.AS-credit__applink-fly-contain {
    bottom: 2.4em;
    position: absolute;
    max-width: 0;
    overflow: hidden;
    transition: 0.5s;
    transition-delay: 0s;
    max-height: 0;
    z-index: 1;
    font-family: 'IRANSansX-Regular';
}

.AS-credit__applink-fly-contain .AS__download-notice-copon {
    background-color: #1ad074;
    width: auto;
    padding: 0 1em;
    /* margin-bottom: -3em; */
    margin-top: 0em;
    color: #fff;
    border-radius: 3em 3em 0 0;
    position: relative;
}

.AS-credit__applink-fly-contain .AS__download-notice-copon:nth-of-type(2) {
    background-color: #1ad074;
    border-radius: 0;
    padding: 0 !important;
}

.AS-credit__applink-fly-contain .AS__download-notice-copon:nth-of-type(2) > div {
    background-color: #13bb66;
    padding: 1.5em 1em 3em;
    border-radius: 3em 3em 0 0;
}

.AS-credit__applink-fly-contain .AS__download-notice-copon:nth-of-type(1):before {
    content: "";
    height: 3em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3em;
    background-color: #1ad074;
    opacity: 0;
    transition: 0.5s;
    z-index: 0;
}

.AS-credit__applink-fly-contain .AS__download-notice-copon.active:nth-of-type(1):before {
    opacity: 1;
}

.AS-credit__applink-fly-contain .AS__download-notice-copon.active {
    padding: 1.5em 1em 3em;
    max-height: 100em;
}

.AS__download-notice.AS__download-notice-copon span {
    display: block;
    font-size: 1.5em;
    line-height: 2.5;
}

.AS-credit__applink-fly-contain .AS__download-notice > div {
    display: block;
}

.AS-credit__applink-fly-contain .AS__download-notice-copon code {
}

.AS__download-notice-copon-contain {
    display: block;
    background-color: #1ffb8d;
    border-radius: 10em;
    max-width: 70%;
    margin: auto;
    line-height: 3em;
    position: relative;
    text-align: center;
    padding: 0 2em 0 5em;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup .AS__download-notice-copon-contain code {
    font-size: 1.4em;
    color: #007b3d;
    font-family: monospace !important;
    background-color: unset;
}

.AS__download-notice-copon-contain button {
    position: absolute;
    left: 0;
    top: 0;
    /* width: 3.7em; */
    height: 100%;
    border-radius: 10em;
    background-color: rgb(0 26 102 / 39%);
    font-family: 'IRANSansX-Regular';
    font-size: 1.2em;
    font-weight: 600;
}

.AS-credit__applink-fly-contain--bottom {
    border-radius: 3em 3em 0 3em;
    padding: 2em 0 0;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup .AS-credit__applink-fly-contain {
    max-height: 70em;
    max-width: 50em;
    transition: .7s;
    transition-delay: .3s;
    font-size: 10px;
}

#as_credit_get_app.AS-credit__btn-popup {
    max-height: 4.5em;
    transition: 1s;
    z-index: 100;
    transform: scale(1);
    border-radius: 10em;
}

body.single #as_credit_get_app.AS-credit__btn-popup {
    margin: 3em auto;
    display: table;
    position: relative;
    bottom: auto;
    right: auto;
    left: 0;
}

body.single .as-pop-open#as_credit_get_app.AS-credit__btn-popup {
    left: 150px;
}

body.single .as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta i {
    width: 100%;
    height: 100%;
}

body.single .as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta div {
    height: 100%;
}

#as_credit_get_app.AS-credit__btn-popup.unvisible {
    visibility: hidden;
    opacity: 0;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup .AS-credit__applink-fly-contain--top {
    max-height: 20em;
}

.AS__overlay > div:before {
    content: "";
    height: 100%;
    background: rgb(236 246 255 / .8);
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 105;
}

.AS__overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}

body.overlay main {
    z-index: 50;
}

.AS__overlay > div {
    height: 100%;
    width: 100%;
    position: absolute;
}

.AS__overlay.as-pop-open,
body.overlay .AS__overlay {
    visibility: visible;
    opacity: 1;
}

.AS-credit__applink-fly-contain--bottom > ul {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    transition: 0.5s;
    padding-bottom: 0.8em;
    padding: 0;
    margin-bottom: 10px;
}

.AS-credit__applink-fly-contain--bottom > ul.active {
    max-height: 100em;
}

#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta {
    /* background-color: #00cc65; */
    position: relative;
    z-index: 1;
    border-radius: 100em;
    white-space: nowrap;
    transition: .3s linear;
    transition-delay: 0s;
    max-width: 40em;
    max-height: 100em;
    cursor: pointer;
    height: 4.5em;
    overflow: hidden;
    padding: 0;
    line-height: 4.5em;
    text-decoration: none;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta {
    max-width: 4.5em;
    max-height: 4.5em;
    overflow: hidden;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta i {
    width: 4.5em;
    height: 4.5em;
    margin-right: 0;
    margin-left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.943' height='18.942' viewBox='0 0 18.943 18.942'%3E%3Cg id='Group_202' data-name='Group 202' transform='translate(2.121 2.121)'%3E%3Cpath id='Path_392' data-name='Path 392' d='M22541.572,6827.141l14.7,14.7' transform='translate(-22541.572 -6827.141)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cpath id='Path_393' data-name='Path 393' d='M22556.273,6827.141l-14.7,14.7' transform='translate(-22541.572 -6827.141)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta span {
    /* position: relative; */
}

@media (max-width: 1000px) {
    .as-pop-open#as_credit_get_app.AS-credit__btn-popup .AS-credit__applink-fly-contain {
        max-width: 30em;
    }

    body.single .as-pop-open#as_credit_get_app.AS-credit__btn-popup {
        left: 120px
    }

    #as_credit_get_app.AS-credit__btn-popup {
        height: 4.5em;
    }

    #as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta {
        height: 4.5em;
    }

    body.single #as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta {
        height: 4em;
    }

    .as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta span {
        margin-right: 4em;
    }

    .AS-credit__applink-fly-contain--top li > div {
        width: 6.5em;
        height: 6.5em;
        line-height: 1.6em;
    }

    .AS-credit__applink-fly-contain--top li i {
        height: 1em;
    }

    .AS-credit__applink-fly-contain--top li i svg {
        height: 100%;
    }

    .AS-credit__applink-fly-contain--top li {
        padding: .8em .6em;
    }

    .AS-credit__applink-fly-contain--bottom li > div {
        line-height: 3em;
        font-size: 1.4em;
    }

    .as-pop-open#as_credit_get_app.AS-credit__btn-popup .AS-credit__applink-fly-contain--top {
    }

    .AS-credit__applink-fly-contain--top > ul {
        padding: 1.2em 2em;
    }

    #as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta span {
        /* font-size: 1.1em; */
        margin-right: 3.5em;
        position: relative;
        min-width: 5em;
        vertical-align: middle;
        padding-right: 0;
    }

    #as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta i {
        width: 3em;
        height: 3em;
        margin-left: .5em;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup .AS-credit__applink-fly-contain > div {
    min-width: 25em;
    /* height: 35em; */
    position: relative;
    /* padding-bottom: 1em; */
}

.AS-credit__applink-fly-contain--bottom li > div a {
    color: #fff !IMPORTANT;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    text-decoration: none !important;
}

@media (max-width: 1000px) {
    .AS-credit__intro-promotion .AS-credit__intro-art span {
        height: 390px;
        margin-bottom: 0;
    }
}

@media (max-width: 800px) {
    .AS-credit__intro-promotion .AS-credit__intro-art span {
        height: 55vw;
        background-size: 100vw;
    }
}


/********************Promotion Credit Page*******************************/

.AS-credit__intro-promotion .AS-credit__intro-sides {
    flex-wrap: wrap;
}

.AS-credit__intro-promotion .AS-credit__intro-art {
    order: unset;
    width: 100%;
    margin-bottom: 4em;
}

.AS-credit__intro-promotion .AS-credit__intro-sides-desc {
    width: 100%;
}

.AS-credit__intro-promotion .AS-credit__xxl-text {
    text-align: center;
}

.AS-credit__intro-promotion .AS-credit__blue-color {
    display: block;
    margin-bottom: .5em;
}

.AS-credit__intro-promotion .AS-credit__intro-sides-desc .AS-credit__l-text {
    width: 50%;
    text-align: center;
    margin: auto;
    margin-bottom: 2em;
}

.AS-credit__intro-promotion .AS-credit__end-of-green:before,
.AS-credit__intro-promotion .AS-credit__end-of-green:after {
    display: none;
}

.AS-credit__intro-promotion .AS-credit__intro-ctas {
    justify-content: center;
}

.AS-credit__intro-promotion .AS-credit__intro-art span {
    width: 100%;
    height: 450px;
}

.AS-credit__intro-promotion .AS-credit__intro-art span:last-child {
    display: none;
}

.AS-credit__intro-promotion .AS-credit__intro-art span img {
    width: 60%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
    height: auto;
}

section.AS-credit__intro.AS-credit__intro-promotion {
    padding-top: 13em;
    background-position: center;
}

@media (max-width: 1350px) {
    .AS-credit__intro-promotion .AS-credit__intro-art span {
        height: 315px;
    }
}

@media (max-width: 1000px) {
    .AS-credit__intro-promotion .AS-credit__intro-art span {
        height: 450px;
    }

    .AS-credit__intro-promotion .AS-credit__intro-art span:last-child {
        display: block;
    }

    .AS-credit__intro-promotion .AS-credit__intro-art span:first-child {
        display: none;
    }
}

@media (max-width: 800px) {
    .AS-credit__intro-promotion .AS-credit__intro-art span {
        height: 64vw;
    }
}


/****************9908181937**************/

section.AS-services__benefits {
}

section.AS-services__intro {
    position: relative;
    background-color: rgb(241 249 252 / .3);
    padding-top: 9em;
}

section.AS-services__intro:before,
section.AS-services__intro > span.AS-services__intro-bg {
    background-color: #F1F9FC;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    border-radius: 0 0 0 100px;
    /* z-index: -1; */
}

.AS-services__intro-left,
.AS-services__intro-right {
    display: flex;
    width: 50%;
    position: relative;
    align-items: center;
}

.AS-services__intro-contain {
    display: flex;
    min-height: 60em;
}

section.AS-services__intro .AS-container {
}

.AS__title-bg-blue {
    background-color: #0040FF;
    color: #fff;
    display: inline-block;
    padding: 0 .3em;
}

.AS-services__intro-left > div {
    padding-right: 5em;
    width: 100%;
}

.AS__title-blue {
    color: #0040ff;
}

.AS__title-h1 {
    font-size: 4em;
    font-weight: 700;
}

.AS__title-h2 {
    font-size: 3.5em;
    font-weight: 700;
    margin-bottom: .8em;
}

.AS__title-p1 {
    font-size: 2em;
    font-weight: 500;
}

.AS-services__intro-left .AS__title-p1 {
    margin: 0em 0 4em;
}

.AS__btn-green {
    background-color: #00CC65;
    font-weight: 600;
    color: #fff;
    display: table;
    line-height: 50px;
    /* padding: 0 5em; */
    border-radius: 1em;
    width: 100%;
    text-align: center;
}

.AS__btn-green a {
    color: #fff;
}

.AS__btn-green span {
    font-size: 1.6em;
}

.AS__btn-rounded {
    border-radius: 20em;
}

li.AS-services__benefits-item {
    list-style: none;
    padding: 2.5em;
    width: 100%;
}

li.AS-services__benefits-count-4 {
    width: 25%;
}

li.AS-services__benefits-count-3 {
    width: 33.333%;
}

li.AS-services__benefits-count-2 {
    width: 50%;
}

section.AS-services__benefits ul {
    display: flex;
    margin: 0 -2.5em;
    flex-wrap: wrap;
}

li.AS-services__benefits-item > div {
    border-radius: 2em;
    box-shadow: 0px 6px 25px -12px #CCD4EC;
    padding: 3em 3em 4em;
    text-align: center;
    height: 100%;
}

li.AS-services__benefits-item > div i {
    align-items: center;
    width: 100px;
    display: flex;
    margin: auto;
    height: 100px;
    justify-content: center;
}

li.AS-services__benefits-item > div img {
    /* max-width:100%; */
    max-height: 100%;
}

.AS-services__benefits-item--title {
    font-size: 2em;
    margin: 0.6em 0 .3em;
    font-weight: 700;
}

.AS-services__benefits-item--desc {
    font-size: 1.4em;
}

.AS-services__flow .AS__title-section {
    text-align: right;
}

.AS-services__flow-item--title {
    font-size: 2em;
    font-weight: 600;
}

.AS-services__flow-item--numb {
    width: 4em;
    height: 4em;
    line-height: 4em;
    background-color: #001a66;
    border-radius: 10em;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0%;
    top: 0em;
}

.AS-services__flow-item--numb > span {
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1.9em;
}

li.AS-services__flow-item {
    list-style: none;
    position: relative;
    padding-right: 7em;
    padding-bottom: 1.8em;
    cursor: pointer;
}

.AS-services__flow-item--desc {
    font-size: 1.5em;
    margin-top: 0.2em;
}

.AS-services__flow-item:before {
    content: "";
    position: absolute;
    width: .4em;
    height: 100%;
    background: radial-gradient(rgb(0 26 102 / 0.2) 0.15em, transparent .24em);
    background-repeat: repeat-y;
    background-size: 15px 15px;
    background-position: 50% 0%;
    right: 1.8em;
    top: 0;
    /* z-index: -1; */
}

.AS-services__flow-item.act:before {
    background: radial-gradient(rgb(0 64 255) 0.15em, transparent .24em);
    background-repeat: repeat-y;
    background-size: 15px 15px;
    background-position: 50% 0%;
}

li.act .AS-services__flow-item--numb {
    background-color: #0040ff;
}

.AS-services__flow-contain li:last-child:before {
    display: none;
}

.AS-services__flow-notice {
    border: 2px solid #E5E9F5;
    border-radius: 1.5em;
    padding: 2em 3em;
    position: absolute;
    right: 0;
    bottom: 0;
}

.AS-services__flow-notice > div {
    font-size: 1.6em;
}

.AS-services__flow-contain {
    margin-bottom: 2em;
}

.AS-services__flow-right {
    width: 70%;
    position: relative;
    padding-bottom: 13em;
}

.AS-services__flow-left {
    width: 30%;
    margin-top: -8em;
    margin-bottom: -1em;
}

.AS-services__flow--content {
    display: flex;
}

.AS-services__flow--mockup:after {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.AS-services__flow--mockup ul {
    overflow: hidden;
    list-style: none;
    height: 98%;
    width: 97%;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 5em;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

li.AS-services__flow--mockup-step.act > div:first-child {
    opacity: 1;
    visibility: visible;
}

li.AS-services__flow--mockup-step > div:last-child {
    transition-delay: 2s;
}

li.AS-services__flow--mockup-step.act > div:last-child {
    /* z-index: 2; */
    opacity: 1;
}

li.AS-services__flow--mockup-step > div {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .3s;
}

li.AS-services__flow--mockup-step {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    transition: .8s;
}

.AS-services__flow--mockup {
    position: relative;
    height: 623px;
    width: 313px;
    float: left;
}

.AS-services__flow--mockup > div {
    height: 100%;
}

.AS-services__flow--mockup:before {
    content: "";
    box-shadow: rgb(198 206 230) -30px 45px 90px;
    position: absolute;
    width: 90%;
    height: 90%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: -1;
}

li.AS-services__flow--mockup-step.act {
    opacity: 1;
}

.AS-services__intro-right-item {
    width: 100%;
    height: 100%;
    list-style: none;
    transform: rotateY(-17deg) rotateX(0deg);
    transform-style: preserve-3d;
    position: relative;
    transition: 3s cubic-bezier(0.62, 0.02, 0.4, 1.01);
}

.AS-services__intro-right ul:before {
    /* content:""; */
    width: 150%;
    height: 50%;
    position: absolute;
    transform: translateX(-50%) rotateY(-17deg) rotateX(0deg);
    left: 50%;
    bottom: -80%;
    transition: 3s cubic-bezier(0.62, 0.02, 0.4, 1.01);
    background-image: radial-gradient(ellipse closest-side, rgb(206 223 239 / 70%) 0%, rgb(206 223 239 / 0.3) 20%, rgb(206 223 239 / 0%) 70%, rgba(0, 0, 0, 0) 100%);
}

.AS-services__intro-right ul.act:before {
    transform: translateX(-50%) rotateY(-17deg) rotateX(900deg);
}

ul.act .AS-services__intro-right-item {
    transform: rotateY(-17deg) rotateX(900deg);
}

.AS-services__intro-right-item > div:first-child,
.AS-services__intro-right-item > div:last-child {
    /* opacity:1; */
}

.AS-services__intro-right-item > div {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    backface-visibility: hidden;
    opacity: 0;
}

.AS-services__intro-right-item > div.show {
    opacity: 1;
}

.AS-services__intro-right ul {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    perspective: 600px;
    width: 350px;
    height: 200px;
    /* animation: contaion-card-rotation 0.5s infinite linear; */
    animation-direction: alternate-reverse;
}

@keyframes contaion-card-rotation {
    from {
        transform: translate(-50%, -48%) scale(1);
    }
    to {
        transform: translate(-50%, -52%) scale(1);
    }
}

@keyframes card-rotation {
    0%,
    20% {
        transform: rotateY(-17deg) rotateX(0deg);
    }
    40%,
    60% {
        transform: rotateY(-17deg) rotateX(1080deg);
    }
    80%,
    100% {
        transform: rotateY(-17deg) rotateX(0deg);
    }
}

.AS-services__intro-left .AS__title-bg-blue:before,
.AS-services__intro-left .AS__title-bg-blue:after {
    content: "";
    position: absolute;
    left: -2.5%;
    height: 100%;
    width: 2.5%;
    background: #00AE56;
    top: 0;
}

.AS-services__intro-left .AS__title-bg-blue:before {
    background: #00CC65;
    left: -8.5%;
    width: 6%;
}

.AS-services__intro-left .AS__title-bg-blue {
    position: relative;
}

.AS-services__intro-left .AS__title-bg-blue h1 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    color: #fff;
    font-family: 'IRANSansX-Regular';
    line-height: inherit;
}

.rh-header,
header#header {
    z-index: 100;
    position: relative;
}

.AS-services__intro-right-item > div:nth-child(even) {
    transform: rotateY(0deg) rotateX(-180deg);
    /* background-image: url(https://www.mydigipay.com/wp-content/uploads/2020/11/Group-276.svg)!important; */
}

@media (max-width: 1350px) {
    .AS-services__flow--mockup {
        width: 250px;
        height: 500px;
    }

    .AS-services__flow-right {
        width: 65%;
    }

    .AS-services__flow-left {
        width: 35%;
    }

    .AS-services__intro-left .AS__title-p1 {
        font-size: 18px;
    }

    li.AS-services__benefits-count-4 {
        width: 50%;
    }

    li.AS-services__benefits-count-3 {
        width: 33.333%;
    }

    li.AS-services__benefits-count-2 {
        width: 50%;
    }
}

@media (max-width: 1000px) {
    .AS-services__intro-right {
        min-height: 40em;
    }

    .AS-services__intro-left,
    .AS-services__intro-right {
        width: 100%;
    }

    .AS-services__intro-left .AS__title-bg-blue:before {
        top: -12%;
        left: 0;
        width: 100%;
        height: 12%;
    }

    .AS-services__intro-left .AS__title-bg-blue:after {
        display: none;
    }

    .AS-services__intro-contain {
        flex-wrap: wrap;
        min-height: auto;
    }

    .AS-services__intro-left > div {
        padding-right: 0;
    }

    .AS-services__intro-left {
    }

    .AS__title-bg-blue {
        /* margin-right: -.8em; */
    }

    section.AS-services__intro:before {
        width: 100%;
        border-radius: 0 0 5em 5em;
    }

    section.AS-services__benefits ul {
        flex-wrap: wrap;
    }

    li.AS-services__benefits-item {
        padding: 1.5em 2.5em;
    }

    li.AS-services__benefits-count-4,
    li.AS-services__benefits-count-3,
    li.AS-services__benefits-count-2 {
        width: 100%;
    }

    .AS-services__flow-left {
        width: 100%;
        margin: 0;
        margin-bottom: 5em;
    }

    .AS-services__flow-right {
        width: 100%;
        order: 1;
        padding-bottom: 0;
    }

    .AS-services__flow--content {
        flex-wrap: wrap;
    }

    .AS-services__flow--mockup {
        float: none;
        margin: auto;
    }

    .AS-services__flow .AS__title-section {
        text-align: center;
    }

    .AS-services__flow-notice {
        position: relative;
        text-align: justify;
    }

    .AS__title-h1 {
        font-size: 3.5em;
    }

    .AS__title-h2 {
        font-size: 3em;
    }

    .AS-services__intro-left .AS__title-p1 {
        margin-bottom: 3em;
        font-size: 16px;
    }

    .AS-services__intro-right ul {
        top: 41%;
        width: 300px;
        height: 180px;
        margin-left: -1em;
    }

    .AS-services__intro-right ul:before {
        bottom: -70%;
    }

    section.AS-services__intro {
        background: none;
        padding-top: 12em;
    }

    .AS-services__flow--mockup:before {
        box-shadow: rgb(198 206 230 / .7) -20px 30px 50px;
    }
}

@media (max-width: 800px) {
    .AS__title-h1,
    .AS__title-h2 {
        font-size: 3em;
    }

    .AS-services__intro-right ul {
        max-width: 70%;
        height: 230px;
        top: 35%;
    }

    .AS-services__intro-right ul:before {
        bottom: -40%;
    }

    .AS-services__flow--mockup {
        width: 210px;
        height: 420px;
    }

    .AS-services__flow-item:before {
        right: 1.3em;
        /* background-size: 10px 10px; */
    }

    .AS-services__flow-item.act:before {
        /* background-size: 10px 10px; */
    }

    li.AS-services__flow-item {
        padding-right: 4em;
    }

    .AS-services__flow-item--numb {
        width: 3.5em;
        height: 3.5em;
        top: 0em;
    }

    .AS-services__flow-item--numb {
        width: 3em;
        height: 3em;
        line-height: 3em;
    }

    .AS-services__flow-item--numb > span {
        font-size: 2em;
        line-height: 1.6em;
    }

    .AS-services__flow-item--desc {
        text-align: justify;
    }

    .AS-services__flow-contain {
        margin-bottom: 1em;
    }

    .AS__title-h2 {
        line-height: 1.2em;
        margin-top: 0.4em;
        font-size: 2.5em;
    }

    .AS-services__flow--mockup ul {
        border-radius: 3em;
    }
}

@media (max-width: 700px) {
    .rh-header .logo-container a img {
        display: none;
    }

    section.AS-services__intro {
        padding-top: 8em;
    }

    .AS-services__intro-right {
        min-height: 35em;
    }
}

@media (max-width: 500px) {
    .AS-services__intro-right {
        min-height: 30em;
    }
}

.AS-services__intro_promotion .AS-services__intro-right > div > span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.AS-services__intro_promotion.AS-services__intro.AS-services__intro_promotion:before {
    display: none;
}

.AS-services__intro_promotion .AS-services__intro-right {
    order: 1;
}

.AS-services__intro_promotion.AS-services__intro > span.AS-services__intro-bg {
    right: auto;
    left: 0;
    border-radius: 0 0 100px 0;
    background-color: #0027ff;
    z-index: 0;
}

.AS-services__intro_promotion.AS-services__intro.AS-services__intro_promotion {
    background-color: rgb(241 249 252 / 1);
}

.AS-services__intro_promotion .AS-services__intro-right > div > span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 0 100px 0;
    background-size: contain;
}

.AS-services__intro_promotion.AS-services__intro.AS-services__intro_promotion:before {
    display: none;
}

.AS-services__intro_promotion .AS-services__intro-right {
    order: 1;
}

.AS-services__intro_promotion.AS-services__intro > span.AS-services__intro-bg {
    right: auto;
    left: 0;
    border-radius: 0 0 100px 0;
    z-index: 0;
}

section.AS-services__intro.AS-services__intro_promotion {
    background-color: rgb(241 249 252 / 1);
}

.AS-services__intro_promotion .AS-services__intro-left > div {
    padding-right: 3em;
    padding-left: 2em;
}

@media (max-width: 1350px) {
    .AS-services__intro-left .AS__title-h1,
    .AS-services__intro-left .AS__title-h2 {
        font-size: 3.5em;
    }
}

@media (max-width: 1000px) {
    .scroll
    {
        left:  48%;
    }
    .AS-services__intro_promotion.AS-services__intro > span.AS-services__intro-bg {
        width: 100%;
        border-radius: 0 0 5em 5em;
    }

    .AS-services__intro_promotion.AS-services__intro.AS-services__intro_promotion {
        background-color: unset;
    }

    .AS-services__intro_promotion .AS-services__intro-left .AS__title-h2 {
        color: #fff;
    }

    .AS-services__intro_promotion .AS-services__intro-left .AS__title-bg-blue {
        background-color: #fff;
        color: #0027ff;
    }

    .AS-services__intro_promotion .AS-services__intro-right > div {
        height: 43em;
        margin-bottom: 2em;
        width: 100%;
        position: relative;
    }

    .AS-services__intro_promotion .AS-services__intro-left .AS__title-p1 {
        color: #fff;
        margin-bottom: 4em;
    }

    .AS-services__intro_promotion .AS-services__intro-left > div {
        padding-left: 0;
    }
}

@media (max-width: 800px) {
    .AS-services__intro_promotion .AS-services__intro-right > div {
        height: 53vw;
        margin-bottom: 0;
    }

    .AS-services__intro.AS-services__intro_promotion {
        padding-top: 8em;
    }

    .AS-services__intro_promotion .AS-services__intro-contain {
        min-height: 500px;
    }

    .AS-services__intro-left .AS__title-h1,
    .AS-services__intro-left .AS__title-h2 {
        margin-right: 0;
        font-size: 3em;
    }
}

@media (max-width: 600px) {
    .AS-services__intro_promotion .AS-services__intro-right > div {
        height: 85vw;
        margin-bottom: 2vh;
        max-height: 55vh;
    }

    .AS-services__intro_promotion.AS-services__intro > span.AS-services__intro-bg {
        border-radius: 0 0 3em 3em;
    }

    .AS-services__intro_promotion .AS-services__intro-left .AS__title-p1 {
        margin-bottom: 3em;
    }

    li.AS-services__benefits-item {
        padding: 1.2em 2.5em;
    }

    .AS-services__flow-item--title {
        font-size: 1.8em;
    }
}


/**************990824****************Download**/

.AS-download__main-mockup > div:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    z-index: 2;
}

li {
}

section.AS-download__main:before {
    content: "";
    background-color: #0040ff;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.AS-download__main-content {
    width: 50%;
    padding-top: 4em;
}

.AS-download__main .AS__download-notice-copon-contain {
    background-color: #fff;
    margin-top: 1em;
}

section.AS-download__main {
    margin-bottom: 0;
}

.AS-download__main-contain {
    /* display: flex; */
    /* align-items: center; */
    /* height: 130vh; */
    padding: 15em 0;
    min-height: 80em;
}

.AS__download-module--tabs li > div {
    border-radius: 2em;
    border: 1px solid rgb(0 26 102 / 0.15);
    text-align: center;
    padding-top: 100%;
    align-items: center;
    position: relative;
    transition: .5s;
}

.AS__download-module--tabs li span {
    font-size: 1.6em;
}

.AS__download-module--tabs ul {
    display: flex;
    margin: 0 -1.2em;
}

.AS__download-module--tabs li {
    padding: 0 1.2em;
    list-style: none;
    width: 33.333%;
    cursor: pointer;
}

.AS__download-module--links li {
    width: 50%;
    list-style: none;
    padding: 1.2em;
    margin: auto;
}

.AS__download-module--links ul {
    display: flex;
    flex-wrap: wrap;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .8s;
}

.AS__download-module--links,
.AS__download-module--tabs {
    width: 45em;
    margin: auto;
}

.AS__download-module--tabs {
    margin-bottom: 2.4em;
}

.AS__download-module--links li .AS__btn-green a {
    display: block;
}

.AS-download__main-content-titles {
    margin-bottom: 8em;
    text-align: center;
}

.AS-download__main-content-titles .AS__title-h1 {
    margin-bottom: .2em;
}

.AS__download-module {
}

.AS-download__main-mockup {
    width: 50%;
    height: 70vh;
    position: relative;
}

.AS-download__main-contain > div {
    position: relative;
    width: 100%;
    display: flex;
    /* height: 70vh; */
    /* align-items: center; */
}

.AS-download__main-mockup > div > div {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 96%;
    width: 95%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    overflow: hidden;
}

.AS-download__main-mockup > div {
    position: absolute;
    width: 340px;
    height: 660px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.AS-download__main-mockup > div:after {
    position: absolute;
    width: 90%;
    height: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    box-shadow: rgb(11 33 100 / 0.5) -70px 70px 60px;
}

i.android:before {
    content: "\e900";
}

i.apple:before {
    content: "\e901";
}

i.web:before {
    content: "\e902";
}

.AS__download-module--tabs i {
    display: block;
    font-size: 3.5em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15%;
}

.AS__download-module--tabs span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 19%;
    transition: .5s font-weight;
    white-space: nowrap;
}

.AS__download-module--tabs li.active > div {
    background-color: #f7f9ff;
    border: 1px solid rgb(247 249 255);
}

.AS__download-module--tabs li.active span {
    font-weight: 600;
}

.AS__download-module--tabs li > div:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    background-color: #f7f9ff;
    left: 0;
    top: 0;
    border-radius: 2em;
    transition: .5s;
    z-index: -1;
}

.AS__download-module--tabs li.active > div:before {
    height: calc(100% + 6em);
    border-radius: 2em 2em 0 0;
}

.AS__download-module--links {
    background-color: #F7F9FF;
    border-radius: 3em;
}

.AS__download-module--links ul.active {
    max-height: 50em;
    padding: 4em 4em;
    opacity: 1;
}

.AS-download__main-mockup video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.AS__download-module--tabs li.select > div:before {
    height: calc(100% + 3em);
}

.paragraf {
    text-align: center !important;
    margin: -135px 0px 0px 0PX !important;
    color: white !important;
    font-size: small !important;
    font-weight: bold !important;
}

.s-paragraf {
    background-color: #00cc65;
    height: 20px;
    width: 100%;
    border-radius: 17px 17PX 0PX 0PX;

}

@media (max-width: 1350px) {
    .paragraf {
        text-align: center !important;
        margin: -109px 0px 0px 0PX !important;
        color: white !important;
        font-size: x-small !important;
        font-weight: bold !important;

    }

    .s-paragraf {
        background-color: #00cc65;
        height: 17px;
        width: 100%;
        border-radius: 17px 17PX 0PX 0PX;

    }

    section.AS-download__main:before {
        width: 30%;
    }

    .AS-download__main-mockup {
        width: 40%;
    }

    .AS-download__main-content {
        width: 60%;
        font-size: .8em;
    }

    .AS-download__main-mockup > div {
        width: 310px;
        height: 600px;
        max-width: 33.5vh;
        max-height: 65vh;
    }

    .AS-download__main-content-titles {
        margin-bottom: 5em;
    }

    .AS-download__main-contain {
        /* padding-top: 40vh; */
        /* padding-bottom: 50vh; */
    }

    .AS-download__main-mockup > div {
    }
}

@media (max-width: 1000px) {

    .AS-download__main-content {
        width: 100%;
        min-height: 45em;
    }

    .AS-download__main-contain > div {
        flex-wrap: wrap;
        height: auto;
        display: block;
    }

    section.AS-download__main:before {
        width: 100%;
        height: 25em;
        bottom: 0;
        top: auto;
    }

    .AS-download__main-content-titles .AS__title-h1 {
        margin: 0;
        margin-bottom: 0.2em;
    }

    .AS-download__main-contain {
        padding-top: 14em;
        min-height: auto;
        height: auto;
        display: block;
    }

    .AS-download__main-mockup {
        width: 100%;
        height: 50em;
        margin-bottom: -5em;
    }

    .AS-download__main-mockup > div {
        width: 230px;
        height: 440px;
        top: 10%;
        bottom: 5em;
        transform: translatex(-50%);
    }

    .AS-download__main-mockup > div:after {
        box-shadow: rgb(11 33 100 / 0.4) -60px 60px 60px;
    }
}

@media (max-width: 800px) {

    .paragraf {
        text-align: center !important;
        margin: -99px 0px 0px 0PX !important;
        color: white !important;
        font-size: x-small !important;
        font-weight: bold !important;
    }

    .AS-download__main-mockup {
        max-height: 75vh;
    }

    .AS__download-module--links,
    .AS__download-module--tabs {
        max-width: 40em;
    }

    .AS__download-module--links ul.active {
        padding: 2em;
    }

    .AS__download-module--links li {
        padding: 1em;
    }

    .AS__download-module--tabs li {
        padding: 0 1em;
    }

    .AS-download__main-content {
        padding-top: 0em;
    }
}

@media (max-width: 470px) {
    .paragraf {
        text-align: center !important;
        margin: -68px 0px 0px 0PX !important;
        color: white !important;
        font-size: smaller !important;
        font-weight: bold !important;
    }
    .scroll
    {
        left: 46%;
    }
    .text-block{
        padding-top: 60% ;
    }

    .s-paragraf {
        background-color: #00cc65;
        height: 10px;
        width: 100%;
        border-radius: 14px 14PX 0PX 0PX;
    }

    .AS__download-module--tabs i {
        top: 10%;
        font-size: 2.5em;
    }

    .AS__download-module--tabs li span {
        bottom: 13%;
        font-size: 1.4em;
    }

    .AS__download-module--links,
    .AS__download-module--tabs {
        max-width: 28em;
        margin-bottom: 1.6em;
    }

    .AS__download-module--tabs li > div {
        border-radius: 1.6em;
    }

    .AS__download-module--tabs li {
        padding: 0 0.8em;
    }

    .AS__download-module--tabs ul {
        margin: 0 -.8em;
    }

    .AS__download-module--links .AS__btn-green {
        height: 4.5em;
        line-height: 4.5em;
    }

    .AS__download-module--links {
        border-radius: 2em;
    }

    .AS__download-module--links .AS__btn-green span {
        font-size: 1.4em;
    }

    .AS-download__main-contain {
        padding-top: 14em;
    }

    .AS-download__main-content {
        min-height: 40em;
    }

    .AS__download-module--links li {
        padding: .8em;
    }

    .AS-download__main-mockup > div {
        width: 200px;
        height: 390px;
    }

    .AS-download__main-mockup {
        height: 47em;
    }

    .AS-download__main-mockup > div > div {
        border-radius: 4em;
    }
}


/******************** NOTICE 9909041503 *************/

.AS__download-notice {
    border-radius: 2em;
    background-color: rgb(210 254 232);
    width: 45em;
    margin: 3em auto 0;
    max-height: 0;
    padding: 0;
    border: 0;
    transition: .5s;
    overflow: hidden;
}

.AS__download-notice.active {
    max-height: 100em;
    padding: 2em 2em;
}

.AS__download-notice span {
    font-size: 1.6em;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 1000px) {
    .AS__download-notice {
        margin-top: 1em;
    }
}

@media (max-width: 800px) {
    .AS__download-notice {
        max-width: 40em;
    }
}

@media (max-width: 470px) {
    .AS__download-notice {
        max-width: 28em;
    }
}


/******************** mockup mobile intro *************/

ul.AS-services__intro-right_mockup-x {
    height: 502px;
    width: 251px;
    top: 50%;
    perspective: 80em;
}

.AS-services__intro-right_mockup-x-item > span:first-of-type,
.AS-services__intro-right_mockup-x-item > span:last-of-type {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    position: absolute;
    z-index: 30;
    display: none;
}

.AS-services__intro-right_mockup-x-item > span:last-of-type {
    transform: rotateY(180deg) rotateX(0deg);
}

li.AS-services__intro-right_mockup-x-item > div {
    position: absolute;
    width: 93%;
    height: 96%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2em;
    overflow: hidden;
    backface-visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: 3s cubic-bezier(1, 0.04, 0, 0.97) box-shadow;
}

main.macos ul.act li.AS-services__intro-right_mockup-x-item > div {
    box-shadow: none;
}

li.AS-services__intro-right_mockup-x-item > div.show {
    opacity: 1;
}

li.AS-services__intro-right_mockup-x-item {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 3s cubic-bezier(1, 0.04, 0, 0.97);
    list-style: none;
    transform-style: preserve-3d;
}

.AS-services__intro-right_mockup-x-item {
    transform: translate(-50%, -50%) rotateY(0deg);
}

ul.act .AS-services__intro-right_mockup-x-item {
    transform: translate(-50%, -50%) rotateY(-180deg);
}

li.AS-services__intro-right_mockup-x-item > div:nth-child(even) {
    transform: translate(-50%, -50%) rotateY(180deg) rotateX(0deg);
}

.AS-services__intro-right_mockup-x-item:before {
    transform: rotateY(180deg) rotateX(0deg);
}

.AS-services__intro-right ul.act.AS-services__intro-right_mockup-x:before {
    transform: translateX(-50%) rotateY(-360deg) rotateX(360deg);
    background-image: radial-gradient(ellipse closest-side, rgb(206 223 239 / 70%) 0%, rgb(206 223 239 / 0.3) 20%, rgb(206 223 239 / 0%) 70%, rgba(0, 0, 0, 0) 100%);
}

.AS-services__intro-right ul.AS-services__intro-right_mockup-x:before {
    transform: translateX(-50%) rotateY(-0deg) rotateX(0deg);
    bottom: -35%;
    height: 30%;
    border-radius: 100%;
}

.AS-services__intro-contain.mockup-x {
    min-height: 68em;
}

.AS-services__intro-right ul.AS-services__intro-right_mockup-x:after {
    content: "";
    box-shadow: #a9b5ca -30px -30px 70px -10px;
    position: absolute;
    width: 90%;
    height: 90%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: 3s cubic-bezier(0.77, 0.01, 0.2, 1.01);
}

.AS-services__intro-right ul.AS-services__intro-right_mockup-x.act:after {
    transform: translate(-50%, -50%) rotateY(-180deg) rotateX(0deg) scale(0.9);
    box-shadow: #a9b5ca 30px -30px 40px -10px;
}

@media (max-width: 1000px) {
    .AS-services__intro-contain.mockup-x {
        min-height: auto;
    }

    ul.AS-services__intro-right_mockup-x {
        margin-left: 0;
        width: 18em;
        height: 35em;
    }

    .mockup-x .AS-services__intro-right {
        min-height: 45em;
    }

    .AS-services__intro-right ul.AS-services__intro-right_mockup-x:before {
        bottom: -30%;
    }
}


/*****************menu edit 990912 *********************/

nav {
    background-color: rgb(255 255 255 / 0.9);
    height: 8em;
    border-radius: 2em;
    box-shadow: rgb(0 26 102 / 40%) 0px 5px 20px -12px;
    display: flex;
    backdrop-filter: blur(10px);
    transition: .3s;
    width: 100%;
    position: relative;
    margin: auto;
    max-width: 1300px;
}

header {
    font-size: 10px;
    font-family: 'IRANSansX-Regular';
    width: 100%;
    top: 2em;
    transition: .3s;
    position: fixed;
    z-index: 102;
}

nav ul.navmenu > li > a {
    font-size: 1.4em;
    font-weight: 600;
    display: block;
    padding: 0 25px;
    height: 100%;
    line-height: 80px;
    white-space: nowrap;
}

nav ul.navmenu > .AS__nav-item-type-unlink > a {
    pointer-events: none;
}

.AS__nav-logo {
    height: 100%;
    width: 9em;
    display: flex;
    margin-left: 4.5em;
    position: relative;
    top: 0;
    right: 0;
    transition: .5s;
}

.AS__nav-logo a {
    display: flex;
    width: 100%;
}

.AS__nav-logo a img {
    display: block;
}

nav > div > ul > li {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

nav > div > ul {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0;
}

nav > div > ul > li > ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    right: -2em;
    background-color: #fff;
    padding: 4em 4em 2em;
    border-radius: 2em;
    box-shadow: 0px 10px 60px -20px rgb(0 49 193 / 0.3);
    transition: 0.3s;
    /* max-height: 45em; */
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    justify-content: space-between;
    width: 61em;
}

nav ul.navmenu > li.AS__nav-item-type-button > a {
    border: 1px solid #0040ff;
    height: 40px;
    border-radius: 10px;
    line-height: 40px !important;
    padding: 0 2.5em;
    color: #0040ff;
    justify-content: center;
}

.AS__nav-item-type-button:first-of-type {
    margin-right: auto;
}

nav > div > ul > li > ul.sub-menu > li > a {
    white-space: nowrap;
    padding: 1.5em;
    border-radius: 1em;
    box-shadow: 0px 3px 20px -10px rgb(0 43 171 / 0.4);
    display: flex;
    align-items: center;
    transition: .2s;
    position: relative;
}

nav > div > ul > li:before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAuNDMxIiBoZWlnaHQ9IjEzLjM1NCIgdmlld0JveD0iMCAwIDEwMC40MzEgMTMuMzU0Ij4NCiAgPHBhdGggaWQ9IlBhdGhfMjc0IiBkYXRhLW5hbWU9IlBhdGggMjc0IiBkPSJNMTMuMzU0LDEwMC40MzFWODIuMzA1QzEzLjM1NCw2NS41MzIsMCw2Mi41NTcsMCw0OC44NDNTMTMuMzU0LDMyLjM4MSwxMy4zNTQsMTUuMzgxdjg1LjA0OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMC40MzEpIHJvdGF0ZSg5MCkiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg0K");
    width: 10em;
    height: 1.3em;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}

nav > div > ul > li > ul.sub-menu > li:nth-child(even) {
    padding-left: 0;
}

nav > div > ul > li > ul.sub-menu > li {
    margin-bottom: 2em;
    width: 48%;
}

nav > div > ul > li > ul.sub-menu > li:last-child {
}

.AS__nav-item-content > span {
    display: block;
}

.AS__nav-item-content > span:last-child {
    font-weight: 300;
    font-size: .9em;
}

.AS__nav-item-content > span:first-child {
    font-weight: 600;
    font-size: 14px;
}

nav > div > ul > li > ul.sub-menu > li > a i {
    display: flex;
    margin-left: 1.2em;
    width: 5em;
    height: 4.5em;
    justify-content: center;
}

nav > div > ul > li > ul.sub-menu > li > a i img {
    max-width: 100%;
    max-height: 100%;
}

ul.sub-menu .AS__nav-item-content {
    min-width: 12em;
    font-size: 1.4em;
}

nav > div > ul > li.open > ul.sub-menu {
    visibility: visible;
    opacity: 1;
}

nav ul.navmenu > li.AS__nav-item-type-button > a:hover {
    background-color: #0040ff;
    color: #fff;
}

nav > div > ul > li.open:before {
    visibility: visible;
    opacity: 1;
}

nav .AS-container {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 4em;
}

body {
    /* padding-top: 8em; */
    background-color: #fff;
}

header.nav-fixed nav {
    max-width: 100%;
    border-radius: 0;
    height: 6.5em;
}

header.nav-fixed {
    top: 0;
}

header.nav-fixed nav ul.navmenu > li > a {
    line-height: 65px;
}

nav > div > ul > li > ul.sub-menu > li > a:hover {
    box-shadow: 0px 2px 30px -10px rgb(0 43 171 / 0.3);
    color: #0c1e52;
    background-color: rgb(224 228 236 / 1%);
    transform: scale(1.02);
}

.rh-header,
header#header,
header#header {
    display: none;
}

.tree-line span {
    display: block;
    position: absolute;
    height: .2em;
    width: 50%;
    background: #001a66;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.tree-line span:nth-child(even) {
    left: 50%;
    border-radius: 0 2px 2px 0;
}

.tree-line span:nth-child(odd) {
    left: 0px;
    border-radius: 2px 0 0 2px;
}

.tree-line span:nth-child(1),
.tree-line span:nth-child(2) {
    top: 0px;
}

.tree-line span:nth-child(3),
.tree-line span:nth-child(4) {
    top: 8px;
}

.tree-line span:nth-child(5),
.tree-line span:nth-child(6) {
    top: 16px;
}

nav.open .tree-line span:nth-child(1),
nav.open .tree-line span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

nav.open .tree-line span:nth-child(2),
nav.open .tree-line span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

nav.open .tree-line span:nth-child(1) {
    left: 3px;
    top: 5px;
}

nav.open .tree-line span:nth-child(2) {
    left: calc(50% - 3px);
    top: 5px;
}

nav.open .tree-line span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

nav.open .tree-line span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

nav.open .tree-line span:nth-child(5) {
    left: 3px;
    top: 14px;
}

nav.open .tree-line span:nth-child(6) {
    left: calc(50% - 3px);
    top: 14px;
}

.tree-line {
    width: 30px;
    height: 20px;
    position: absolute;
    transform: translatey(-50%) rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 5;
    top: 50%;
    right: 0;
    display: none;
    padding: .5em;
}

li.AS__nav-item-type-button {
    margin-right: auto;
}

li.AS__nav-item-type-button + li.AS__nav-item-type-button {
    margin-right: 1em;
}

@media (max-width: 1350px) {
    nav {
        max-width: 900px;
    }

    nav ul.navmenu > li > a {
        padding: 0 13px;
    }

    .AS__nav-item-content > span:first-child {
        font-size: 13px;
    }
}

@media (max-width: 1000px) {
    nav {
        max-width: 700px;
    }
}

@media (max-width: 800px) {
    nav {
        max-width: 90%
    }
}

@media (max-width: 1000px) {
    .tree-line {
        display: block;
        left: 0;
        right: auto;
    }

    nav > div > ul {
        flex-wrap: wrap;
        flex-direction: column;
        background-color: #0040ff;
        position: fixed;
        width: 335px;
        right: -150vw;
        top: 0;
        height: 100vh;
        max-width: 90%;
        padding-right: 0;
        padding-top: 7em;
        padding-bottom: 5em;
        transition: .5s;
        box-shadow: 0px 0px 100px -20px rgb(0 26 102 / .5);
        flex-wrap: initial;
    }

    nav .AS-container {
        padding: 0;
    }

    /* Let's get this party started */
    ul.navmenu::-webkit-scrollbar {
        width: .3em;
    }

    /* Track */
    ul.navmenu::-webkit-scrollbar-track {
        background: rgb(255 255 255 / 0.4);
        border-radius: 2em;
    }

    /* Handle */
    ul.navmenu::-webkit-scrollbar-thumb {
        background: #0035d1;
        border-radius: 2em;
    }

    ul.navmenu::-webkit-scrollbar-thumb:window-inactive {
        background: rgb(0 53 209);
    }

    ul.navmenu::-webkit-scrollbar-corner {
        border-radius: 1em;
    }

    nav {
        max-width: 100%;
        border-radius: 0;
        height: 6.5em;
    }

    header {
        top: 0;
    }

    nav ul.navmenu > li > a {
        line-height: 50px !important;
        color: #fff;
        border: 1px solid rgb(255 255 255 / 0.3);
        border-radius: 1em;
        width: 100%;
        display: flex;
        margin: auto;
        height: 50px;
        background-color: #0040ff;
        z-index: 1;
        position: relative;
    }

    .tree-line span {
        background: #001a66;
    }

    nav > div > ul > li {
        margin-bottom: 1.5em;
        width: 75%;
        flex-wrap: wrap;
        position: relative;
    }

    nav > div > ul > li > ul.sub-menu {
        position: relative;
        right: 0;
        top: -1em;
        /* width: 100%; */
        padding: 0;
        background-color: rgb(0 26 102 / 0.3);
        border-radius: 0 0 1.5em 1.5em;
        max-height: 0;
        overflow: hidden;
        transition: .3s;
    }

    nav > div > ul > li > ul.sub-menu > li > a {
        padding: 1.5em 2em;
        color: #fff;
        box-shadow: none;
        border-radius: 0;
    }

    nav > div > ul > li > ul.sub-menu > li > a i {
        margin-left: 1.5em;
        width: 3.5em;
        height: 3.5em;
    }

    nav > div > ul > li > ul.sub-menu > li > a i img {
        max-width: 100%;
        filter: brightness(0) invert(1);
    }

    .AS__nav-item-content {
        font-size: 1.3em;
    }

    nav ul.navmenu > li.AS__nav-item-type-button > a span {
        text-align: center;
    }

    .AS__nav-item-content > span:first-child {
        font-size: 14px;
    }

    nav > div > ul > li > ul.sub-menu > li {
        margin-bottom: 1em;
        margin: auto;
        border-bottom: 1px solid rgb(255 255 255 / 18%) !important;
        width: 100%;
    }

    nav > div > ul > li > ul.sub-menu > li:last-child {
        border-bottom: 0 !important;
    }

    nav > div > ul > li:before {
        display: none;
    }

    nav ul.navmenu > .AS__nav-item-type-unlink > a {
        pointer-events: all;
    }

    nav > div > ul > li.open > ul.sub-menu {
        max-height: 1000em;
        padding-bottom: 1em;
        padding-top: 2em;
        /* max-height: 50vh; */
        /* overflow-y: scroll; */
    }

    nav > div > ul > li > ul.sub-menu > li > a:hover {
        color: #fff;
        box-shadow: none;
        background-color: rgb(255 255 255 / 8%);
        transform: none;
    }

    li.AS__nav-item-type-button {
        margin-right: 0;
    }

    li.AS__nav-item-type-button + li.AS__nav-item-type-button {
        margin-top: 0;
        margin-right: 0;
    }

    nav ul.navmenu > li.AS__nav-item-type-button > a {
        background-color: #fff;
        color: #0040ff;
        height: 45px;
        line-height: 45px !important;
    }

    nav ul.navmenu > li.AS__nav-item-type-button > a:hover {
        background-color: #fff;
        color: #0040ff;
    }

    nav > div > ul > li.menu-item-has-children > div > span {
        position: absolute;
        transition: .3s;
        background: white;
        border-radius: 2px;
    }

    nav > div > ul > li.menu-item-has-children > div > span:first-of-type {
        top: 35%;
        bottom: 35%;
        width: 7%;
        left: 46%;
    }

    nav > div > ul > li.menu-item-has-children > div > span:last-of-type {
        left: 35%;
        right: 35%;
        height: 6%;
        top: 47%;
    }

    nav > div > ul > li.menu-item-has-children.open > div > span:first-of-type,
    nav > div > ul > li.menu-item-has-children.open > div > span:last-of-type {
        transform: rotate(90deg);
    }

    nav > div > ul > li.menu-item-has-children > div:hover > span:last-of-type {
        left: 50%;
        right: 50%;
    }

    nav > div > ul > li.menu-item-has-children > div {
        width: 45px;
        position: absolute;
        height: 45px;
        left: 1em;
        top: 0;
        z-index: 1;
    }

    nav > div > ul > li > ul.sub-menu > li > a:before {
        content: "\e912";
        font-size: 1.2em;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 1.7em;
        font-family: 'icon';
    }

    nav > div > ul > li.menu-item-has-children > a:before {
        content: "\e910";
        font-size: .9em;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        font-family: 'icon';
    }

    nav > div > ul > li.open > a:before {
        content: "\e911";
    }

    nav.open {
        box-shadow: none;
        background-color: transparent;
        backdrop-filter: none;
    }

    nav > div > ul > li > ul.sub-menu > li > a:before {
        content: "\e912";
        font-size: 1.2em;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 1.7em;
        font-family: 'icon';
    }

    nav > div > ul > li.menu-item-has-children > a:before {
        content: "\e910";
        font-size: .9em;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        font-family: 'icon';
    }

    nav > div > ul > li.open > a:before {
        content: "\e911";
    }

    nav.open > div > ul {
        right: 0;
        overflow-y: scroll;
    }
}

@media (max-width: 400px) {
    nav > div > ul > li > ul.sub-menu > li > a i {
        display: none;
    }

    nav.open .tree-line span {
        background-color: #fff;
    }

    nav > div > ul > li > ul.sub-menu > li > a {
        padding: 1.5em 2.5em;
    }

    nav > div > ul {
        max-width: 100%;
        width: 100%;
    }
}


/*********************Sarzamin******************/

main.AS__sarzamin {
    font-family: 'kalamehWeb';
    background-image: linear-gradient(180deg, #0042C7 0%, #00B5F6 60%, #C2FFF7 100%);
    direction: rtl;
    font-size: 10px;
}

@font-face {
    font-family: 'kalamehWeb';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/KalamehWeb_Regular.eot');
    src: url('fonts/KalamehWeb_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/KalamehWeb_Regular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/KalamehWeb_Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'kalamehWeb';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/KalamehWeb_Black.eot');
    src: url('fonts/KalamehWeb_Black.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/KalamehWeb_Black.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('fonts/KalamehWeb_Black.ttf') format('truetype');
}

.AS__sarzamin_intro-text {
    color: #fff;
    text-align: center;
    width: 55em;
    margin: auto;
    margin-top: 2em;
    max-width: 90%;
}

.AS__sarzamin_intro-title {
    font-size: 6em;
    font-weight: 800;
}

.AS__sarzamin_intro-desc {
    font-size: 3em;
    margin: 2em 0;
}

.AS__sarzamin_intro-cta > a > div {
    color: #fff;
    background-color: #FB5B5B;
    font-size: 2.5em;
    font-weight: 800;
    line-height: 53px;
    height: 60px;
    border-radius: 10em;
    display: inline-block;
    border-bottom: 7px solid #D82D2D;
    transition: .3s;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 2;
    max-width: 10em;
    transform-origin: right;
    display: flex;
    align-items: center;
    padding: 0 2em;
    cursor: pointer;
}

.AS__sarzamin_intro-center {
    text-align: center;
}

.AS__sarzamin_sec-title > span {
    font-size: 4em;
    font-weight: 800;
    color: #fff;
    margin-top: -1em;
    display: block;
}

.AS__sarzamin_video-fram {
    width: 90em;
    height: 50em;
    overflow: hidden;
    margin: auto;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.AS__sarzamin_video-fram > div {
    height: 100%;
    cursor: pointer;
}

.AS__sarzamin_video-fram video {
    object-fit: cover;
    clip-path: url(#mask);
    width: 90%;
    height: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4em;
}

.AS__sarzamin_sec-title {
    text-align: center;
    margin-bottom: 5em;
}

.AS__sarzamin_prize-arts {
    background-image: url(../img/intro-land.svg);
    width: 1000px;
    height: 130px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
    position: relative;
}

.AS__sarzamin_logo {
    background-image: url(../img/logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 250px;
    height: 100px;
    margin: 5em auto 8em;
    display: none;
}

.AS__sarzamin_arts-flag {
    background-image: url(../img/flag.png);
    width: 280px;
    height: 230px;
    background-position: center;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    right: 2%;
    bottom: 35%;
    z-index: 10;
    pointer-events: none;
}

.AS__sarzamin_arts-knife {
    background-image: url(../img/knife.svg);
    width: 90px;
    height: 130px;
    background-position: center;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    left: 20%;
    bottom: 28%;
    z-index: 10;
}

.AS__sarzamin_prize {
    margin-top: 28em;
    position: relative;
}

.AS__sarzamin_intro-cta.fixed a > div {
    position: fixed;
    right: 1em;
    bottom: 1em;
    box-shadow: 0px 10px 20px -5px rgb(255 53 53 / .7);
}

.AS__sarzamin_line-1,
.AS__sarzamin_line-2 {
    background-image: url(../img/dot-line-1.svg);
    background-repeat: no-repeat;
    width: 600px;
    height: 400px;
    margin: auto;
    background-size: cover;
    background-position: center;
}

.AS__sarzamin_line-2 {
    background-image: url(../img/dot-line-2.svg);
    width: 620px;
    height: 400px;
}

.AS__sarzamin_rules-art {
    background-image: url(../img/footer-ocean.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 50em;
    width: 100%;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.AS__sarzamin_rules {
    position: relative;
    min-height: 95em;
    width: 100%;
    z-index: 1;
}

.AS__sarzamin_rules-content {
    width: 700px;
    height: 100%;
    min-height: 60em;
    background-color: rgb(165 244 247 / 0.8);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    backdrop-filter: blur(20px);
    border-radius: 5em 5em 0 0;
    padding: 6em;
    max-width: 80%;
}

.AS__sarzamin_line-2 {
    background-image: url(../img/dot-line-2.svg);
}

.AS__sarzamin_rules-content ul li {
    background-color: rgb(16 184 227 / 0.4);
    border-radius: 2em;
    list-style: none;
    color: #fff;
    padding: 1.5em 0 1.5em 2em;
    margin-bottom: 2em;
    position: relative;
    font-family: 'IRANSansX-Regular';
}

.AS__sarzamin_rules-content ul li span:last-child {
    font-size: 1.6em;
    font-weight: 600;
    width: calc(100% - 2em);
}

.AS__sarzamin_rules-content ul li span:first-child {
    font-size: 4em;
    width: 2em;
    text-align: center;
    font-weight: 800;
}

.AS__sarzamin_rules-content ul li > div {
    display: flex;
    align-items: center;
}


/* Let's get this party started */

.AS__sarzamin_rules-content > div::-webkit-scrollbar {
    width: .4em;
}


/* Track */

.AS__sarzamin_rules-content > div::-webkit-scrollbar-track {
    background: rgba(208, 228, 246, 0.3);
}


/* Handle */

.AS__sarzamin_rules-content > div::-webkit-scrollbar-thumb {
    background: #fefeff;
}

.AS__sarzamin_rules-content > div::-webkit-scrollbar-thumb:window-inactive {
    background: #e4edf5
}

li[class*="-cloud-"] {
    background-image: url(../img/cloud-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    list-style: none;
    pointer-events: none;
}

.AS__sarzamin_rules-content > div ul {
    padding-right: 0;
}

.AS__sarzamin_rules-content > div {
    height: calc(100% - 41em);
    min-height: 40em;
    overflow: hidden;
    overflow-y: scroll;
    padding-left: 2em;
    box-shadow: inset 0px -25px 30px -40px #0a3458;
    border-radius: 3em;
}

li.AS__sarzamin_intro-cloud-2 {
    background-image: url(../img/cloud-4.png);
    left: 0;
    top: 50%;
    width: 240px;
    height: 200px;
    /* animation: 1s infinite cubic-bezier(0.4, 0, 1, 1) cloud-ver alternate-reverse; */
}

li.AS__sarzamin_intro-cloud-3 {
    background-image: url(../img/cloud-3.png);
    width: 300px;
    height: 50px;
    bottom: -7%;
    left: 85%;
    transform: translateX(-50%);
    animation: 6s infinite ease-out cloud alternate-reverse;
}

li.AS__sarzamin_intro-cloud-4 {
    background-image: url(../img/cloud-4.png);
}

li.AS__sarzamin_intro-cloud-1 {
    right: -13%;
    top: -5%;
    width: 500px;
    height: 210px;
    /* animation: 3s infinite ease-in-out cloud-ver alternate-reverse; */
}

li.AS__sarzamin_video-cloud-1 {
    background-image: url(../img/cloud-3.png);
    width: 140px;
    height: 80px;
    left: 20%;
    top: 30%;
    transform: translateX(-50%);
    animation: 8s infinite ease-in-out cloud alternate-reverse;
}

section[class*='AS__'] {
    position: relative;
}

li.AS__sarzamin_video-cloud-2 {
    background-image: url(../img/cloud-2.png);
    width: 500px;
    height: 100px;
    bottom: 10%;
    left: 25%;
    transform: translateX(-50%);
    animation: 5s infinite ease-in-out cloud-ver alternate-reverse;
}

main.AS__sarzamin + footer {
    display: none;
}

li.AS__sarzamin_rules-cloud-1 {
    background-image: url(../img/cloud-2.png);
    left: 75%;
    top: 54%;
    width: 600px;
    height: 130px;
    z-index: 0;
    transform: translateX(-50%);
}

li.AS__sarzamin_rules-cloud-2 {
    background-image: url(../img/cloud-3.png);
    width: 300px;
    height: 80px;
    left: 25%;
    top: 41%;
    transform: rotatey(180deg);
    transform: translateX(-50%);
    z-index: 2;
}

.AS__sarzamin_prize-item {
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    background-size: contain;
    transform: translate(-50%, -50%) scale(0.5);
    /* opacity: 0.7; */
    filter: blur(7px);
}

.AS__sarzamin_prize-item.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    filter: blur(0px);
    background: none;
}

.AS__sarzamin_prize-item.transition {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

ul.AS__sarzamin_prize-carousel {
    position: absolute;
    width: 800px;
    height: 380%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
    padding-right: 0;
}

.AS__sarzamin_prize-item:before {
    content: "";
    background-image: url(../img/box.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .5s;
    opacity: 1;
}

.AS__sarzamin_intro-cta > a:hover {
    /* transform: scale(0.9); */
}

.AS__sarzamin_prize-item img {
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    opacity: 0;
    transition: .5s;
}

li.AS__sarzamin_prize-item.afterActive,
li.AS__sarzamin_prize-item.beforeActive {
    transform: translate(-50%, -50%) scale(.6);
    opacity: 1;
    filter: blur(2px);
}

.AS__sarzamin_prize-item.active img {
    opacity: 1;
}

.AS__sarzamin_prize-item.active:before {
    opacity: 0;
}

.AS__sarzamin_intro-cta {
    position: relative;
    z-index: 10;
    height: 6em;
    display: table;
    margin: auto;
}

main.AS__sarzamin {
    font-family: 'KalamehWeb';
    font-size: 10px;
    z-index: 1;
    line-height: normal;
    margin-top: -18em;
    padding-top: 20em;
}

@keyframes cloud {
    from {
        margin-left: 0%;
    }
    to {
        margin-left: 7%;
    }
}

.AS__close {
    width: 0em;
    height: 0em;
    margin-right: 0;
    margin-left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.943' height='18.942' viewBox='0 0 18.943 18.942'%3E%3Cg id='Group_202' data-name='Group 202' transform='translate(2.121 2.121)'%3E%3Cpath id='Path_392' data-name='Path 392' d='M22541.572,6827.141l14.7,14.7' transform='translate(-22541.572 -6827.141)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cpath id='Path_393' data-name='Path 393' d='M22556.273,6827.141l-14.7,14.7' transform='translate(-22541.572 -6827.141)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10em;
    z-index: 3;
    background-color: #0fc76b;
    transition: .5s;
    transition-delay: 0s;
    opacity: 0;
    cursor: pointer;
    position: relative;
}

.as-pop-open .AS__close {
    width: 4em;
    height: 4em;
    transition-delay: .8s;
    opacity: 1;
}

@keyframes cloud-ver {
    0%,
    100% {
        margin-bottom: 0%;
    }
    20% {
        margin-bottom: 1%;
    }
}

.AS__sarzamin_rules-ship {
    background-image: url(../img/ship.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 30%;
    transform: translateX(-50%);
    bottom: 18%;
    width: 300px;
    height: 300px;
    z-index: 0;
    max-width: 100%;
    animation: ship 4s linear infinite alternate-reverse;
}

@keyframes ship {
    0%,
    100% {
        transform: translateX(-50%) rotate(-5deg);
    }
    50% {
        transform: translateX(-60%) rotate(5deg);
    }
}

section.AS__sarzamin_footer {
    z-index: 1;
    width: 100%;
    font-size: 1.5em;
    background-color: rgb(53 195 196);
    color: #fff;
    text-align: center;
    padding: 1em;
}

.AS__sarzamin_rules-land {
    background-image: url(../img/footer-lander.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2%;
    width: 1100px;
    max-width: 100%;
    height: 500px;
}

.AS__sarzamin_rules-strong {
    background-image: url(../img/stronge.png);
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8%;
    width: 130%;
    height: 70%;
    z-index: 2;
    max-width: 100%;
}

#AS_sarzamin_play > button {
    position: absolute;
    width: 90px;
    height: 90px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDE2My44NjEgMTYzLjg2MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMzQuODU3LDMuNjEzQzIwLjA4NC00Ljg2MSw4LjEwNywyLjA4MSw4LjEwNywxOS4xMDZ2MTI1LjYzN2MwLDE3LjA0MiwxMS45NzcsMjMuOTc1LDI2Ljc1LDE1LjUwOUwxNDQuNjcsOTcuMjc1ICAgYzE0Ljc3OC04LjQ3NywxNC43NzgtMjIuMjExLDAtMzAuNjg2TDM0Ljg1NywzLjYxM3oiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-size: contain;
    background-color: unset;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    animation: play 1s infinite linear;
}

@keyframes play {
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
    0% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 1;
    }
}

#AS_sarzamin_play.play > button {
    display: none;
}

@media (max-width: 1300px) {
    li.AS__sarzamin_intro-cloud-1 {
        right: -30%;
    }

    li.AS__sarzamin_intro-cloud-2 {
        left: -10%;
    }

    li.AS__sarzamin_rules-cloud-2 {
        width: 220px;
        left: 8%;
    }

    li.AS__sarzamin_video-cloud-2 {
        height: 80px;
        left: 7%;
    }

    li.AS__sarzamin_intro-cloud-3 {
        bottom: -30%;
    }

    li.AS__sarzamin_video-cloud-1 {
        left: 10%;
    }

    .AS__sarzamin_rules-land {
        height: 360px;
        bottom: 7%;
    }

    .AS__sarzamin_rules-ship {
        width: 250px;
        bottom: 14%;
        left: 24%;
    }

    .AS__sarzamin_rules-strong {
        bottom: -8%;
        width: 100%;
    }

    .AS__sarzamin_video-fram {
        width: 80em;
        height: 43em;
    }

    ul.AS__sarzamin_prize-carousel {
        height: 300%;
    }
}

@media (max-width: 1000px) {
    .AS__sarzamin_prize {
        margin-top: 20em;
    }

    .AS__sarzamin_video-fram {
        max-width: 85vw;
        max-height: 46vw;
    }

    #AS_sarzamin_play > button {
        width: 70px;
        height: 70px;
    }

    .AS__sarzamin_intro-text {
        font-size: 8px;
    }

    li.AS__sarzamin_intro-cloud-1 {
        width: 390px;
        height: 90px;
        right: -22%;
        top: -13%;
    }

    li.AS__sarzamin_intro-cloud-2 {
        width: 150px;
        height: 80px;
        left: -4%;
        top: 30%;
    }

    ul.AS__sarzamin_prize-carousel {
        max-width: 90%;
    }

    main.AS__sarzamin {
        padding-top: 15em;
    }

    .AS__sarzamin_prize-arts {
        max-width: 90%;
    }

    .AS__sarzamin_arts-flag {
        width: 230px;
        height: 180px;
        right: -6%;
        bottom: 4vw;
    }

    .AS__sarzamin_arts-knife {
        width: 75px;
        left: 16%;
        bottom: 2vw;
    }

    .AS__sarzamin_prize-item {
        transform: translate(-50%, -50%) scale(0.4);
    }

    .AS__sarzamin_line-1,
    .AS__sarzamin_line-2 {
        width: 500px;
        height: 320px;
    }

    .AS__sarzamin_sec-title > span {
        font-size: 3em;
    }

    li.AS__sarzamin_intro-cloud-1 {
        width: 180px;
        height: 60px;
        right: -13%;
        top: -10%;
    }

    li.AS__sarzamin_intro-cloud-2 {
        width: 100px;
        height: 50px;
        left: -3%;
        top: 40%;
    }

    .AS__sarzamin_intro-text {
        font-size: 7px;
        margin-top: 5em;
    }

    .AS__sarzamin_intro-cta > a > div {
        font-size: 2em;
    }
}

@media (max-width: 800px) {
    li.AS__sarzamin_video-cloud-1 {
        width: 110px;
        height: 80px;
        top: -6%;
    }

    li.AS__sarzamin_intro-cloud-3 {
        width: 180px;
        height: 50px;
    }

    .AS__sarzamin_line-1,
    .AS__sarzamin_line-2 {
        width: 330px;
        height: 210px;
    }

    .AS__sarzamin_sec-title {
        margin-bottom: 3em;
    }

    li.AS__sarzamin_video-cloud-2 {
        width: 220px;
        bottom: 5%;
    }

    li.AS__sarzamin_rules-cloud-2 {
        width: 170px;
        left: auto;
        top: 17%;
        right: -30%;
    }

    li.AS__sarzamin_rules-cloud-1 {
        width: 300px;
        left: 110%;
    }

    .AS__sarzamin_rules-land {
        bottom: 0%;
    }

    .AS__sarzamin_rules-ship {
        width: 170px;
        bottom: 7%;
        left: 15%;
    }

    .AS__sarzamin_rules-content {
        border-radius: 3em;
        padding: 4em 3em;
        /* min-height: 50em; */
    }

    .AS__sarzamin_rules-content > div {
        height: calc(100% - 50vw);
    }

    .AS__sarzamin_prize-item {
        width: 150px;
        height: 150px;
    }

    ul.AS__sarzamin_prize-carousel {
        height: 220%;
    }

    .AS__sarzamin_rules {
        min-height: 80em;
    }
}

@media (max-width: 500px) {
    .AS__sarzamin_intro-text {
        font-size: 6px;
        margin-top: 0;
    }

    .AS__sarzamin_rules-content > div {
        height: calc(100% - 28em);
    }

    #AS_sarzamin_play > button {
        width: 40px;
        height: 40px;
    }

    ul.AS__sarzamin_prize-carousel {
        height: 140%;
    }

    .AS__sarzamin_intro-clouds {
        display: none;
    }

    .AS__sarzamin_intro-cta > a {
        height: 50px;
        line-height: 43px;
    }

    .AS__sarzamin_prize {
        margin-top: 26vw;
    }

    .AS__sarzamin_arts-flag {
        width: 150px;
        height: 140px;
        bottom: 3vw;
    }

    .AS__sarzamin_arts-knife {
        width: 45px;
        left: 16%;
        bottom: -3vw;
    }

    .AS__sarzamin_prize-arts {
        max-width: 95%;
    }

    .AS__sarzamin_prize-item {
        width: 100px;
        height: 100px;
    }

    .AS__sarzamin_line-1,
    .AS__sarzamin_line-2 {
        width: 280px;
        height: 180px;
    }

    .AS__sarzamin_sec-title > span {
        font-size: 2.5em;
    }

    li.AS__sarzamin_video-cloud-2 {
        width: 160px;
        left: auto;
        right: -35%;
        bottom: 5%;
    }

    li.AS__sarzamin_video-cloud-2 {
    }

    .AS__sarzamin_video-fram {
        max-width: 90vw;
        max-height: 49vw;
    }

    .AS__sarzamin_video-fram video {
        border-radius: 2em;
    }

    .AS__sarzamin_rules-content {
        max-width: 90%;
        /* padding: 4em 0 4em 4em; */
    }

    .AS__sarzamin_rules-strong {
        background-position: left;
    }

    .AS__sarzamin_rules-land {
    }

    .AS__sarzamin_rules-land {
        max-width: 150%;
        background-position: left;
        transform: none;
        left: 0;
    }

    .AS__sarzamin_rules-ship {
        width: 160px;
        left: 23%;
        bottom: 6%;
    }

    .AS__sarzamin_rules-content ul li span:first-child {
        text-align: center;
        font-size: 2em;
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 10em;
        color: #54cdeb;
        line-height: 43px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -15px;
    }

    .AS__sarzamin_rules-content ul li {
        border-radius: 1.5em;
        padding: 1.5em;
        margin-top: 2.5em;
        padding-top: 3.5em;
        margin-bottom: 0;
    }

    .AS__sarzamin_rules-content ul li span:last-child {
        width: 100%;
        font-size: 1.5em;
    }

    .AS__sarzamin_rules-content > div {
        padding-left: 1em;
    }

    .AS__sarzamin_sec-title {
        margin-bottom: 2em;
    }
}


/**************************Internet Services Page Start****************************/

.AS-services__intro-right > div {
    width: 300px;
    height: 300px;
    perspective: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.AS-services__intro-right ul.AS-services__intro-right_cube {
    max-width: 100%;
    left: 50%;
    width: 100%;
    height: 100%;
    position: relative;
    transition: 2s;
    transform-style: preserve-3d;
    transform: translateZ(-100px);
    perspective: unset;
    transform: translate(-50%, -50%) translateZ(-150px) rotateY(270deg) rotatez(0deg);
    top: 50%;
}

.AS-services__intro-right_cube-item {
    position: absolute;
    width: 300px;
    height: 300px;
    list-style: none;
    background-size: contain;
    border-radius: 10px;
    backface-visibility: hidden;
    /* border: 5px solid #000; */
}

.AS-services__intro-right_cube-item:nth-child(1) {
    transform: rotateY(0deg);
}

.AS-services__intro-right_cube-item:nth-child(2) {
    transform: rotateY(90deg);
}

.AS-services__intro-right_cube-item:nth-child(3) {
    transform: rotateY(180deg);
}

.AS-services__intro-right_cube-item:nth-child(4) {
    transform: rotateY(-90deg);
}

.AS-services__intro-right_cube-item:nth-child(5) {
    transform: rotateX(90deg);
}

.AS-services__intro-right_cube-item:nth-child(6) {
    transform: rotateX(-90deg);
}

.AS-services__intro-right_cube-item:nth-child(1) {
    transform: rotateY(0deg) translateZ(150px);
}

.AS-services__intro-right_cube-item:nth-child(2) {
    transform: rotateY(90deg) translateZ(150px);
}

.AS-services__intro-right_cube-item:nth-child(3) {
    transform: rotateY(180deg) translateZ(150px);
}

.AS-services__intro-right_cube-item:nth-child(4) {
    transform: rotateY(-90deg) translateZ(150px);
}

.AS-services__intro-right_cube-item:nth-child(5) {
    transform: rotateX(90deg) translateZ(150px);
}

.AS-services__intro-right_cube-item:nth-child(6) {
    transform: rotateX(-90deg) translateZ(150px);
}

ul.AS-services__intro-right_cube.show-front {
    transform: translate(-50%, -50%) translateZ(-100px) rotateY(0deg) rotatez(0deg);
}

ul.AS-services__intro-right_cube.show-right {
    transform: translate(-50%, -50%) translateZ(-100px) rotateY(-90deg) rotatez(0deg);
}

ul.AS-services__intro-right_cube.show-back {
    transform: translate(-50%, -50%) translateZ(-100px) rotateY(-180deg) rotatez(0deg);
}

ul.AS-services__intro-right_cube.show-left {
    transform: translate(-50%, -50%) translateZ(-100px) rotateY(90deg) rotatez(0deg);
}

ul.AS-services__intro-right_cube.show-top {
    transform: translate(-50%, -50%) translateZ(-100px) rotateX(-90deg) rotatez(0deg);
}

ul.AS-services__intro-right_cube.show-bottom {
    transform: translate(-50%, -50%) translateZ(-100px) rotateX(90deg) rotatez(0deg);
}

@media (max-width: 1350px) {
    .AS-services__intro-right_cube-item {
        width: 250px;
        height: 250px;
    }

    .AS-services__intro-contain.cube > div:before {
        content: "";
    }

    .AS-services__intro-right > div {
        width: 250px;
        height: 250px;
        perspective: 500px;
    }

    .AS-services__intro-right_cube-item:nth-child(1) {
        transform: rotateY(0deg) translateZ(125px);
    }

    .AS-services__intro-right_cube-item:nth-child(2) {
        transform: rotateY(90deg) translateZ(125px);
    }

    .AS-services__intro-right_cube-item:nth-child(3) {
        transform: rotateY(180deg) translateZ(125px);
    }

    .AS-services__intro-right_cube-item:nth-child(4) {
        transform: rotateY(-90deg) translateZ(125px);
    }

    .AS-services__intro-right_cube-item:nth-child(5) {
        transform: rotateX(90deg) translateZ(125px);
    }

    .AS-services__intro-right_cube-item:nth-child(6) {
        transform: rotateX(-90deg) translateZ(125px);
    }
}

@media (max-width: 500px) {
    .AS-services__intro-right_cube-item {
        width: 50vw;
        height: 50vw;
    }

    .AS-services__intro-contain.cube > div:before {
        content: "";
    }

    .AS-services__intro-right > div {
        width: 50vw;
        height: 50vw;
        perspective: 100vw;
    }

    .AS-services__intro-right_cube-item:nth-child(1) {
        transform: rotateY(0deg) translateZ(25vw);
    }

    .AS-services__intro-right_cube-item:nth-child(2) {
        transform: rotateY(90deg) translateZ(25vw);
    }

    .AS-services__intro-right_cube-item:nth-child(3) {
        transform: rotateY(180deg) translateZ(25vw);
    }

    .AS-services__intro-right_cube-item:nth-child(4) {
        transform: rotateY(-90deg) translateZ(25vw);
    }

    .AS-services__intro-right_cube-item:nth-child(5) {
        transform: rotateX(90deg) translateZ(25vw);
    }

    .AS-services__intro-right_cube-item:nth-child(6) {
        transform: rotateX(-90deg) translateZ(25vw);
    }

    .AS-services__intro-contain.cube .AS-services__intro-right {
        min-height: 35em;
    }
}


/**************************Internet Services Page Start****************************/


/**************************EDIT BLOG START*****************************/

.single-post main#content {
    background-color: #fff;
    max-width: 900px;
    margin: auto;
    font-family: 'IRANSansX-Light';
}

.post-tp-2-header.wfi .single-post-title {
    font-weight: 600;
    line-height: 1.5em;
}

.entry-content img.aligncenter {
    background-color: rgb(232 234 241 / 26%);
    padding: .3em;
    margin: 3em auto;
}

.post-tp-2-header.wfi .post-header-title {
    padding: 0 1em;
}

.content-column {
    padding: 2em !important;
}

.post-tp-2-header.wfi:before {
    background: linear-gradient(0deg, rgb(0 64 255 / 71%) 0%, rgb(0 64 255 / 7%) 50%);
}

.main-menu.menu > li.menu-term-18:hover > a:before,
.main-menu.menu > li.menu-term-18.current-menu-item > a:before,
.main-menu.menu > li.menu-term-18.current-menu-parent > a:before,
.widget.widget_nav_menu ul.menu li.menu-term-18 > a:hover,
.widget.widget_nav_menu ul.menu li.current-menu-item.menu-term-18 > a,
.widget.widget_categories li.cat-item.cat-item-18 > a:hover > .post-count,
.listing-item-text-1.main-term-18:hover .term-badges.floated .term-badge.term-18 a,
.listing-item-tb-2.main-term-18:hover .term-badges.floated .term-badge a,
.listing-item.main-term-18:hover a.read-more,
.term-badges .term-badge.term-18 a,
.archive-title .term-badges span.term-badge.term-18 a:hover,
body.category-18 .archive-title .pre-title span,
body.category-18 .archive-title .pre-title:after,
.bs-pagination.main-term-18 .btn-bs-pagination:hover,
.bs-pagination-wrapper.main-term-18 .bs-loading > div,
.bs-pagination.main-term-18 .btn-bs-pagination.bs-pagination-in-loading,
.bs-slider-controls.main-term-18 .btn-bs-pagination:hover,
.bs-slider-controls.main-term-18 .bs-slider-dots .bs-slider-active > .bts-bs-dots-btn,
.main-menu.menu > li.menu-term-18 > a > .better-custom-badge,
.bs-popular-categories .bs-popular-term-item.term-item-18:hover .term-count,
.bs-slider-2-item.main-term-18 .term-badges.floated .term-badge a,
.bs-slider-3-item.main-term-18 .term-badges.floated .term-badge a,
.bs-slider-2-item.main-term-18 .content-container a.read-more:hover,
.bs-slider-3-item.main-term-18 .content-container a.read-more:hover,
.listing-item.main-term-18 .post-count-badge.pcb-t1.pcb-s1,
body.category-18 .archive-title.with-actions .page-heading {
    background-color: #fff !important;
    color: #0040ff !important;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.9em;
    height: 2em;
}

.single.single-post {
    background-color: #fff;
}


/**************************EDIT BLOG END*****************************/


/********************* 991028 IPG - Start *************************/

li.AS-ipg__cargo_item > div {
    border-radius: 2em;
    border: 1px solid #ECEFF7;
    padding-top: 80%;
    position: relative;
    transition: .3s;
}

.AS-ipg__who-it-work_art_logo img {
    max-width: 100%;
}

.AS-ipg__who-it-work_art_logo {
    width: 10em;
    height: 10em;
    display: flex;
    justify-content: center;
    background-color: #4A76FA;
    border-radius: 2.5em;
    box-shadow: 0px 15px 30px -5px rgb(96 129 226 / .6);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4em;
}

main.AS-ipg {
    font-family: 'IRANSansX-Regular';
    font-size: 10px;
    color: #001A66;
}

.AS-ipg__intro-title h1 {
    background-color: #001A66;
    color: #fff;
    font-weight: 700;
    font-size: 1em;
    font-family: 'IRANSansX-Regular';
    line-height: 1.6;
}

.AS-ipg__intro-title {
    font-size: 4em;
    background-color: #001A66;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin: auto;
    margin-bottom: 10px;
    padding: 0 .5em;
    font-family: 'IRANSansX-Regular';
    line-height: 1.6;
}

.AS-ipg__intro-subTitle {
    font-size: 3em;
}

.AS-ipg__intro-subTitle-2 {
    font-size: 2em;
}

.AS-ipg__intro-content {
    color: #001A66;
    text-align: center;
    margin: 70px 0 50px;
}

.AS-ipg__button-green-cornered {
    background-color: #00CC65;
    display: inline-block;
    height: 4.5em;
    line-height: 4.5em;
    border-radius: 10em;
}

.AS-ipg__button-green-cornered.AS__button-bordered {
    line-height: 4.3em;
}

.AS-ipg__button-green-cornered.AS__button-bordered.fixed {
    background-color: #00CC65;
}

.AS-ipg__button-green-cornered.AS__button-bordered.fixed a {
    color: #fff;
    /* padding: 0 3em; */
}

.AS-ipg__intro-cta > div.fixed {
    position: fixed;
    right: 1em;
    bottom: 3em;
    z-index: 10;
}

.fixed > .AS-ipg__button-green-cornered {
    box-shadow: 0px 6px 30px -7px #00b95c;
}

.AS-ipg__button-green-cornered > a {
    color: #fff;
    font-weight: 600;
    display: block;
    padding: 0 5em;
}

.AS-ipg__button-green-cornered > a > span {
    font-size: 1.4em;
}

.AS-ipg__intro-cta {
    text-align: center;
    position: relative;
    height: 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.AS-ipg__intro-cta > div {
    margin: 0 1em;
}

.AS-ipg__intro-art {
    margin: 5em auto 2em;
    max-width: 100%;
    text-align: center;
}

.AS-ipg__intro-art-mob {
}

.AS-ipg__intro-art img {
    max-width: 100%;
}

li.AS-ipg__features-item > div {
    border-radius: 20px;
    box-shadow: 0px 7px 35px -8px #E5E9F5;
    padding: 30px;
    text-align: justify;
    height: 100%;
}

.AS-ipg__features-item-icon {
    background-color: rgb(0 64 255 / 20%);
    width: 7em;
    height: 7em;
    display: flex;
    justify-content: center;
    border-radius: 20px;
    flex: none;
    align-items: center;
}

.AS-ipg__features-item-icon img {
    max-width: 60%;
    max-height: 60%;
}

.AS-ipg__features-item-content > b {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    line-height: 1.4;
    width: 100%;
}

.AS-ipg__features-item-content > span {
    font-size: 1.4em;
    width: 100%;
}

.AS-ipg__features-item-content {
    color: #001A66;
    display: flex;
    flex-wrap: wrap;
    padding-right: 20px;
}

li.AS-ipg__features-item > div {
    display: flex;
}

li.AS-ipg__features-item {
    width: 33.333%;
    padding: 1.5em 2.5em;
    list-style: none;
}

.AS-ipg__features ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.5em;
}

ul.as-items-5 li.AS-ipg__features-item:nth-child(4),
ul.as-items-5 li.AS-ipg__features-item:nth-child(5) {
    width: 50%;
}

.section-title > span {
    font-size: 3.5em;
    font-weight: 800;
}

.section-title {
    margin-bottom: 15px;
}

.AS-ipg__smart-gateway_content {
    display: flex;
    align-items: center;
}

.AS-ipg__smart-gateway_text > span {
    text-align: justify;
    display: block;
}

.AS-ipg__smart-gateway_art img {
    margin: auto;
    display: block;
}

.AS-ipg__smart-gateway_notice {
    border: 2px solid #CCD4EC;
    border-radius: 20px;
    padding: 1.2em;
    margin-top: 2em;
    font-weight: 600;
    font-size: 1.6em;
    text-align: justify;
}

.AS-ipg__smart-gateway_text {
    padding-left: 12em;
}

.AS-ipg__who-it-work {
    background-color: #FAFBFF;
    padding: 6em 0;
}

.section-title.align-center {
    text-align: center;
}

.AS-ipg__who-it-work_content {
    display: flex;
}

.AS-ipg__who-it-work_text {
    font-size: 1.6em;
    padding-left: 2em;
    text-align: justify;
}

.AS-ipg__who-it-work_notice {
    border: 2px solid #CCD4EC;
    border-radius: 20px;
    padding: 1.2em 1.5em;
    margin-top: 2em;
    font-weight: 600;
}

.AS-ipg__who-it-work_content > div {
    width: 50%;
}

li.AS-ipg__who-it-work_art_item {
    list-style: none;
    margin-bottom: 3em;
    position: relative;
}

li.AS-ipg__who-it-work_art_item > div {
    background-color: #fff;
    border-radius: 1.5em;
    box-shadow: 0px 10px 30px -10px #E8EDFB;
    padding: 1.8em 2.5em;
    display: flex;
    align-items: center;
    /* height: 6em; */
    z-index: 1;
    position: relative;
}

.AS-ipg__who-it-work_art_item-icon {
    margin-left: 2em;
    display: flex;
    max-height: 3em;
}

.AS-ipg__who-it-work_art_item-title {
    font-size: 1.6em;
    line-height: 1.5em;
    font-weight: 600;
}

.AS-ipg__who-it-work_art {
    display: flex;
    position: relative;
    align-items: center;
}

.AS-ipg__who-it-work_art_items {
    width: 100%;
    padding-right: 26em;
}

li.AS-ipg__who-it-work_art_item:last-child {
    margin-bottom: 0;
}

.AS-ipg__who-it-work_art_items > ul:before {
    content: "";
    width: 40%;
    height: calc(100% - 6em);
    position: absolute;
    border-radius: 0 2em 2em 0;
    border: 2px dashed #E5E9F5;
    border-left: 0;
    top: 50%;
    transform: translateY(-50%);
    right: -6em;
    z-index: 0;
}

.AS-ipg__who-it-work_art_items > ul {
    position: relative;
}

li.AS-ipg__who-it-work_art_item:before {
    content: "";
    width: 40%;
    position: absolute;
    border-radius: 0 2em 2em 0;
    border-top: 2px dashed #E5E9F5;
    top: 50%;
    transform: translateY(-50%);
    right: -6em;
    z-index: 0;
}

li.AS-ipg__who-it-work_art_item:last-child:before,
li.AS-ipg__who-it-work_art_item:first-child:before {
    border: none;
}

.AS-ipg__who-it-work_art_logo:before {
    content: "";
    width: 100%;
    position: absolute;
    border-top: 2px dashed #E5E9F5;
    top: 50%;
    transform: translateY(-50%);
    left: -6em;
    z-index: -2;
}

.AS-ipg__who-it-work_art_logo:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background-color: #4A76FA;
    border-radius: 2.5em;
    z-index: -1;
}

li.AS-ipg__cargo_item {
    width: 16.6666%;
    list-style: none;
    padding: 1.7em;
}

.AS-ipg__cargo_item-title,
.AS-ipg__cargo_item-logo {
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4em;
    transition: .3s;
    left: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.AS-ipg__cargo_item-logo {
    left: 0;
    top: 0;
    transform: none;
}

.AS-ipg__cargo_item-logo img {
    display: block;
    max-width: 80%;
}

.AS-ipg__cargo_item-title {
    transform: translate(-50%, -50%);
    opacity: 0;
    left: 50%;
    max-width: 80% !important;
    text-align: center;
    font-weight: 600;
    transition: .3s;
    width: 80%;
}

.AS-ipg__logistics_item-logo {
    width: 10em;
    height: 10em;
    border-radius: 100em;
    box-shadow: 0px 10px 30px -5px #E5E9F5;
    padding: 2.5em;
    display: flex;
    align-items: center;
    margin: auto;
    margin-top: -8em;
    background-color: #fff;
}

.AS-ipg__logistics-marketplace_contain {
    display: flex;
    align-items: center;
}

.AS-ipg__cargo_content {
    margin: 0 -1.7em;
}

section.AS-ipg__cargo {
}

li.AS-ipg__cargo_item > div:hover {
    background: #F7F9FF;
    border-color: #F7F9FF;
}

li.AS-ipg__cargo_item > div:hover .AS-ipg__cargo_item-title {
    opacity: 1;
}

li.AS-ipg__cargo_item > div:hover .AS-ipg__cargo_item-logo {
    opacity: 0.1;
}

li.AS-ipg__cargo_item > div:hover .AS-ipg__cargo_item-logo {
    transform: scale(1.2);
}

.AS-ipg__logistics-marketplace_contain > div {
    width: 50%;
}

.AS-ipg__logistics-marketplace_text > span {
    font-size: 1.6em;
}

.AS-ipg__logistics-marketplace_text {
    margin-bottom: 4em;
    text-align: justify;
}

.AS-ipg__logistics-marketplace_notice,
.AS-credit__faq-notice {
    background-color: #7381AB;
    border-radius: 20px;
    color: #fff;
    font-size: 1.6em;
    padding: 1.2em 1.5em;
    font-weight: 600;
    text-align: justify;
    margin-top: 1em;
}

li.AS-ipg__logistics_item > div {
    border-radius: 20px;
    box-shadow: 0px 7px 35px -10px #E5E9F5;
    padding: 30px;
}

li.AS-ipg__logistics_item {
    width: 33.333%;
    padding: 6.5em 2.5em;
    list-style: none;
}

.AS-ipg__logistics_item-logo > img {
    max-width: 100%;
}

.AS-ipg__logistics_item-title {
    text-align: center;
    padding-top: 2.5em;
}

.AS-ipg__logistics_item-title > b {
    font-size: 2em;
    display: block;
    margin-bottom: 0.2em;
}

.AS-ipg__logistics_item-title > span {
    font-size: 1.4em;
}

.AS-ipg__logistics_content {
    margin: 0 -2.5em;
}

.AS-ipg__logistics_more {
    width: 33.333%;
    margin: auto;
    position: relative;
    margin-top: -4em;
    padding: 6em 2.5em 0;
    min-width: 40em;
}

.AS-ipg__logistics_more:before,
.AS-ipg__logistics_more:after {
    content: "";
    width: 1.8em;
    height: 1.8em;
    border: 5px solid #CCD4EC;
    border-radius: 10em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background-color: #fff;
}

.AS-ipg__logistics_more:after {
    height: 6em;
    content: "";
    border: 0;
    border-radius: 0;
    background: radial-gradient(rgb(205 213 236) 0.18em, transparent .18em);
    background-repeat: repeat-y;
    background-size: 12px 12px;
    background-position: 50% 0%;
    z-index: -1;
}

.AS-ipg__logistics_more > div {
    text-align: center;
    border: 2px solid #F0F2F9;
    border-radius: 2em;
    padding: 2.5em;
}

.AS-ipg__logistics_more > div b {
    font-size: 2em;
    display: block;
}

.AS-ipg__logistics_more > div span {
    font-size: 1.8em;
}

.AS-ipg__document_contain {
    background-color: #F0F2F9;
    border-radius: 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}

.AS-ipg__document_text > span {
    font-size: 1.6em;
}

.AS-ipg__document_text > b {
    font-size: 3.5em;
    font-weight: 800;
    display: block;
}

.AS-ipg__button-black {
    background: #001A66;
    border-radius: 1em;
    margin-right: 2em;
}

.AS-ipg__button-black > a {
    color: #fff;
    padding: 0 7em;
    height: 5em;
    line-height: 5em;
    display: block;
}

.AS-ipg__button-black > a > span {
    font-size: 1.6em;
    font-weight: 600;
    white-space: nowrap;
}

.AS-ipg__document_cta > div {
    display: flex;
}

.AS-ipg__document_cta {
    display: flex;
    align-items: center;
    /* margin: 4em 0 1em; */
}

.AS-ipg__logistics-marketplace_art > span > img {
    border-radius: 2.5em;
    box-shadow: 0px 0px 70px -40px #7381AB;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.AS-ipg__logistics-marketplace_art > span:before,
.AS-ipg__logistics-marketplace_art > span:after {
    content: "";
    position: absolute;
    width: 125%;
    background-color: #F2F4F9;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100em;
    padding-top: 125%;
}

.AS-ipg__logistics-marketplace_art > span {
    position: relative;
    width: 490px;
    height: 800px;
    float: left;
    background-image: url(http://localhost/digipay_git/wp-content/themes/publisher/as-landing/img/ipg-upg.png);
    border-radius: 2.5em;
    background-size: cover;
}

.AS-ipg__logistics-marketplace_art > span:after {
    background: none;
    border: 4px dotted #F2F4F9;
    width: 145%;
    padding-top: 145%;
}

.AS-ipg__logistics-marketplace_content {
    padding-left: 5em;
}

.AS-ipg__smart-gateway_text > span {
    font-size: 1.6em;
}

section.AS-ipg__intro {
    margin-top: -13em;
    padding-top: 13em;
    background: linear-gradient(to bottom, rgb(204 212 236 / .4), transparent);
}

.AS-ipg__document_contain > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 4em 6em;
}

.AS-ipg__document_contain > div.AS-ipg__document_notice {
    background-color: rgb(115 129 171 / 10%);
    padding: 3em 5em;
    box-shadow: inset 0px 20px 35px -40px #7381ab;
}

.AS-ipg__document_notice > span {
    font-size: 1.6em;
    display: block;
    margin: auto;
}

@media (max-width: 1350px) {
    li.AS-ipg__features-item {
        width: 50%;
        padding: 1.5em 2em;
    }

    .text-block{
        padding-top: 20% ;
    }
    .AS-ipg__smart-gateway_text {
        padding-left: 5em;
    }

    .AS-ipg__smart-gateway_art {
        width: 40em;
    }

    .AS-ipg__who-it-work_content > div {
        width: 100%;
    }

    .AS-ipg__who-it-work_content {
        flex-wrap: wrap;
    }

    .AS-ipg__who-it-work_art {
        padding: 8em 8em;
        margin-bottom: -4em;
    }

    .AS-ipg__who-it-work_text {
        padding-left: 0;
    }

    .AS-ipg__who-it-work_art_logo {
        right: 8em;
    }

    .AS-ipg__who-it-work_art_items > ul:before {
        right: -8em;
    }

    li.AS-ipg__who-it-work_art_item:before {
        right: -8em;
    }

    .AS-ipg__who-it-work_art_logo:before {
        left: -8em;
    }

    li.AS-ipg__cargo_item > div {
    }

    li.AS-ipg__cargo_item {
        width: 20%;
        padding: 1.7em 1.2em;
    }

    .AS-ipg__logistics-marketplace_contain {
        flex-wrap: wrap;
    }

    .AS-ipg__logistics-marketplace_contain > div {
        width: 100%;
    }

    .AS-ipg__logistics-marketplace_art {
        order: 1;
    }

    .AS-ipg__logistics-marketplace_content {
        order: 2;
        padding-left: 0;
    }

    .AS-ipg__logistics-marketplace_art > span {
        float: none;
        display: block;
        margin: 5em auto 8em;
    }

    li.AS-ipg__logistics_item {
        padding: 6.5em 2em;
    }

    .AS-ipg__logistics_content {
        margin: 0 -2em;
    }

    .AS-ipg__logistics_more {
    }

    .AS-ipg__features ul {
        margin: 0 -2em;
    }

    ul.as-items-5 li.AS-ipg__features-item:nth-child(5) {
        width: 100%;
    }
}

@media (max-width: 1000px) {
    section.AS-ipg__intro {
        padding-top: 7em;
    }

    .text-block{
        padding-top: 25% ;
    }

    .AS-ipg__smart-gateway_content {
        flex-wrap: wrap;
    }

    .AS-ipg__smart-gateway_text {
        padding-left: 0;
        order: 2;
    }

    .AS-ipg__smart-gateway_art {
        margin: auto;
        order: 1;
        width: auto;
        margin-top: -5em;
    }

    .AS-ipg__smart-gateway_art img {
        max-width: 100%;
    }

    li.AS-ipg__features-item {
        padding: 1.2em;
    }

    .AS-ipg__features ul {
        margin: 0 -1.2em;
    }

    li.AS-ipg__cargo_item {
        width: 25%;
    }

    .AS-ipg__logistics-marketplace_art > span:after {
        width: 135%;
        padding-top: 135%;
    }

    .AS-ipg__logistics-marketplace_art > span:before {
        width: 120%;
        padding-top: 120%;
    }

    .AS-ipg__logistics-marketplace_art > span {
        margin: 2em auto 5em;
    }

    li.AS-ipg__logistics_item {
        width: 50%;
    }

    .AS-ipg__document_contain > div {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .AS-ipg__document_cta > div {
        justify-content: center;
        margin-top: 2em;
    }

    .AS-ipg__button-black:first-child {
        /* margin-right: 0; */
        /* margin: .5em 0; */
    }
}

@media (max-width: 800px) {
    .AS-ipg__intro-art {
        margin: 0em auto -5em;
    }

    .text-block{
        padding-top: 30% ;
    }

    .AS-ipg__features-item-icon {
        width: 4.5em;
        border-radius: 1.3em;
        height: 4.5em;
        margin: auto;
    }

    .AS-ipg__features-item-icon img {
        max-width: 45%;
    }

    li.AS-ipg__features-item > div {
        flex-wrap: wrap;
        padding: 2.5em;
    }

    .AS-ipg__features-item-content {
        padding-right: 0;
    }

    .AS-ipg__features-item-content > b {
        margin: 1em auto 0.5em;
        text-align: center;
    }

    li.AS-ipg__features-item {
        padding: 1em;
    }

    .AS-ipg__intro-title {
        font-size: 5vw;
    }

    .AS-ipg__intro-content {
    }

    .AS-ipg__smart-gateway_art {
        max-width: 70%;
        margin-top: -4em;
    }

    .section-title > span {
        font-size: 2.5em;
        line-height: 1.5em;
    }

    .section-title {
        text-align: center;
    }

    .AS-ipg__who-it-work_art_items {
        padding-right: 0;
    }

    .AS-ipg__who-it-work_art_logo {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: 5em;
        z-index: 1;
        width: 8em;
        height: 8em;
        border-radius: 2em;
    }

    .AS-ipg__who-it-work_art_logo:before {
        border-top: 0;
        border-right: 2px dashed #E5E9F5;
        width: auto;
        height: 100%;
        transform: translateX(-50%);
        left: 50%;
        display: none;
    }

    .AS-ipg__who-it-work_art {
        padding: 5em;
        padding-top: 18em;
        padding-bottom: 6em;
    }

    .AS-ipg__who-it-work_art_items > ul:before {
        border-radius: 0;
        border: 0;
        border-right: 3px dashed #E5E9F5;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: calc(100% + 7em);
        right: auto;
        top: auto;
        bottom: 0;
    }

    li.AS-ipg__who-it-work_art_item:before {
        display: none;
    }

    li.AS-ipg__who-it-work_art_item {
        max-width: 450px;
        margin: auto;
        margin-bottom: 3em;
        text-align: center;
    }

    li.AS-ipg__who-it-work_art_item:after {
        content: "";
        position: absolute;
        width: 1em;
        height: 1em;
        background-color: #fafbff;
        bottom: -2.2em;
        border-radius: 10em;
        border: 2px solid rgb(204 212 236 / 0.5);
        left: 50%;
        transform: translateX(-50%);
    }

    li.AS-ipg__who-it-work_art_item:last-child:after {
        display: none;
    }

    li.AS-ipg__logistics_item {
        padding: 4.5em 1.2em 7em;
    }

    .AS-ipg__logistics_content {
        margin: 0 -1.2em;
    }

    .AS-ipg__logistics_item-logo {
        width: 8em;
        height: 8em;
        margin-top: -6em;
    }

    li.AS-ipg__logistics_item > div {
        padding: 3em 2em;
    }

    li.AS-ipg__cargo_item {
        padding: 1.7em 1em;
        width: 33.333%;
    }

    li.AS-ipg__cargo_item > div {
        border-radius: 1.5em;
    }

    .AS-ipg__logistics-marketplace_art > span {
        width: 300px;
        height: 410px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 1.8em;
    }

    .AS-ipg__logistics-marketplace_text {
        margin-bottom: 3em;
    }

    .AS-ipg__document_contain > div {
        padding: 4em;
    }

    .AS-ipg__document_cta > div {
        flex-wrap: wrap;
    }

    .AS-ipg__button-black {
        margin: 1em;
    }
}

@media (max-width: 500px) {
    .AS-ipg__intro-subTitle {
        font-size: 2.5em;
    }

    .text-block{
        padding-top: 40% ;
    }
    .AS-ipg__intro-subTitle-2 {
        font-size: 1.8em;
    }

    .AS-ipg__intro-title {
        font-size: 2.5em;
        line-height: 1.2em;
        padding: 0.3em 0.5em;
    }

    .AS-ipg__intro-content {
        margin: 8em 0 3em;
    }

    .AS-ipg__button-green-cornered {
        height: 4.5em;
        line-height: 4.5em;
    }

    .AS-ipg__button-green-cornered > a {
        padding: 0 3em;
    }

    .AS-ipg__intro-art {
        margin: 0 auto;
    }

    li.AS-ipg__features-item {
        width: 100%;
    }

    .AS-ipg__features-item-icon {
        margin: inherit;
    }

    li.AS-ipg__features-item > div {
        flex-wrap: nowrap;
        padding: 2em;
    }

    .AS-ipg__features-item-content > b {
        margin: inherit;
        margin-bottom: .5em;
        text-align: right;
    }

    .AS-ipg__features-item-content {
        padding-right: 1.5em;
    }

    .AS-ipg__smart-gateway_art {
        max-width: 85%;
    }

    .AS-ipg__who-it-work_art {
        padding: 15em 0em 5em;
    }

    .AS-ipg__who-it-work_art_logo {
        width: 7em;
        height: 7em;
        border-radius: 1.5em;
        top: 4em;
    }

    .AS-ipg__logistics-marketplace_art > span {
        width: 70vw;
        height: 100vw;
    }

    .AS-ipg__logistics-marketplace_art > span:after {
        width: 145%;
        padding-top: 145%;
    }

    .AS-ipg__logistics-marketplace_text {
        margin-bottom: 4em;
    }

    li.AS-ipg__logistics_item {
        width: 100%;
    }

    .AS-ipg__logistics_more {
        min-width: 100%;
        padding: 6em 1.5em 0;
    }

    .AS-ipg__logistics_more > div {
        padding: 1.8em 2em;
    }

    .AS-ipg__logistics_more > div span {
        font-size: 1.6em;
    }

    .AS-ipg__logistics_more > div b {
        font-size: 1.8em;
    }

    .AS-ipg__document_contain > div {
        padding: 3em;
    }

    .AS-ipg__document_text > b {
        font-size: 2.5em;
    }

    .AS-ipg__document_cta {
        margin: 2em 0 1em;
    }

    .AS-ipg__button-black > a {
        height: 4.5em;
        line-height: 4.5em;
    }

    section.AS-ipg__intro {
        margin-bottom: 2em;
    }

    .AS-ipg__intro-art-desk {
        height: 50vw;
        position: relative;
    }

    .AS-ipg__intro-art img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 230%;
        max-width: 1000%;
    }

    ul.as-items-5 li.AS-ipg__features-item:nth-child(4) {
        width: 100%;
    }

    .AS-ipg__button-black {
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

section.AS-ipg__form {
    background-color: #7381AB;
    padding: 8em 0 2em;
    color: #fff;
}

.AS-ipg__form_subtitle {
    font-size: 1.6em;
    text-align: center;
}

.AS-ipg__form_notice {
    background-color: rgb(0 0 0 / 15%);
    font-size: 1.6em;
    padding: 2em;
    border-radius: 1.5em;
    margin-top: 2em;
    font-weight: 600;
    text-align: justify;
    text-align-last: center;
    line-height: 2em;
}

.AS-ipg__form_contain {
    max-width: 570px;
    margin: auto;
    position: relative;
    padding-bottom: 5em;
}

section.AS-ipg__form input {
    height: 45px;
    font-size: 14px;
    border: none;
    font-weight: 600;
    line-height: 45px;
    margin: 0;
    background: none;
    padding: .5em 1em 0.5em 0.2em;
    color: #001a66;
}

label.AS-ipg__form_half {
    width: 50%;
    float: right;
    padding: 2.2em 1.2em;
    position: relative;
}

.AS-ipg__form br {
    display: none;
}

label.AS-ipg__form_half > span:first-child,
label.AS-ipg__form_full > span:first-child {
    color: #7381AB;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4em;
    font-weight: 500;
    right: 2em;
    pointer-events: none;
    transition: .2s;
}

label.AS-ipg__form_half select {
    height: 45px;
    width: 100%;
    color: #7381AB;
    font-size: 14px;
    font-weight: 300;
    padding: 0 1em;
    outline: none;
    background: none;
    border: none;
}

label.AS-ipg__form_full {
    padding: 1.8em 1.2em;
    float: right;
    width: 100%;
    position: relative;
}

label.AS-ipg__form_full textarea {
    border-radius: 1.2em;
    border: none;
    max-height: 10em;
    margin-bottom: 2em;
}

.AS-ipg__form_label label {
}

.AS-ipg__form_label {
    text-align: center;
    position: relative;
    margin-top: 8em;
    height: 4.5em;
    margin-bottom: 4em;
}

.AS-ipg__form_label .wpcf7-radio {
    width: 50%;
    border: 2px solid rgb(255 255 255 / 55%);
    border-radius: 10em;
    height: 4.6em;
    display: block;
    margin: auto;
    display: flex;
    min-width: 26em;
}

.AS-ipg__form_label .wpcf7-radio > span {
    width: 50%;
    margin: 0;
}

.AS-ipg__form_label .wpcf7-radio span label {
    line-height: 4.2em;
    height: 4.2em;
    cursor: pointer;
    display: block;
}

.AS-ipg__form_label .wpcf7-radio > span input {
    display: none;
}

.AS-ipg__form_label .wpcf7-radio span label span {
    font-size: 1.5em;
    font-weight: 600;
}

.AS-ipg__form_form {
    margin-top: 6em;
}

label.AS-ipg__form_half > span:last-child,
label.AS-ipg__form_full > span:last-child {
    height: 100%;
    display: block;
    background-color: #fff;
    border-radius: 1.2em;
    padding: 0 0 0 1.5em;
    /* overflow: hidden; */
}

label.AS-ipg__form_half.focus > span:first-child,
label.AS-ipg__form_full.focus > span:first-child {
    /* margin-top: -2.5em; */
    color: #fff;
    top: .65em;
}

.AS-ipg__form_label > span > span.wpcf7-not-valid-tip,
label.AS-ipg__form_half > span span {
    position: absolute;
    bottom: -2em;
    left: 1em;
    color: #ffffff;
    transition: .3s;
    background-color: rgb(0 64 255 / 31%);
    padding: .2em 1em 0 1em;
    border-radius: 0 0 0.7em 0.7em;
}

label.AS-ipg__form_half.focus > span span {
    /* opacity: 0; */
}

label.AS-ipg__form_half > span {
    /* background-color: #fff; */
    /* border-radius: 1.2em; */
}

wpcf7-response-output {
}

section.AS-ipg__form .wpcf7-response-output {
    background-color: rgb(0 64 255 / 31%);
    border: none;
    font-size: 1.4em;
    padding: 1em;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1em;
    width: 90%;
    margin: 0;
}

section.AS-ipg__form input[type="submit"].wpcf7-submit {
    height: 45px !important;
    line-height: 45px !important;
    font-family: 'IRANSansX-Regular';
    font-weight: 600 !important;
    padding: 0;
    font-size: 14px;
    border-radius: 12px;
    padding: 0 6em;
    margin: 2em auto !important;
    display: block;
    background: #001A66;
    box-shadow: 0px 16px 30px -15px #001a66;
}

.wpcf7-submit.disabled {
    pointer-events: none;
    opacity: .07;
}

section.AS-ipg__form .wpcf7-form p {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}

section.AS-ipg__form .wpcf7 .ajax-loader {
    background-color: rgb(255 255 255);
    width: 100%;
    height: 101%;
    background-size: 10em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0em;
    background-repeat: no-repeat;
    background-color: rgb(115 129 171 / .9);
    border-radius: 0;
    z-index: 1;
    background-image: url(../img/icon/loading.svg);
    background-position: center;
    margin: 0;
}

.AS-ipg__form_label .wpcf7-radio {
    margin-bottom: 8em;
}

.AS-ipg__form_label .wpcf7-radio span label input:checked + span {
    height: 100%;
    background-color: #fff;
    width: 100%;
    display: block;
    color: #7381ab;
    border-radius: 10em;
}

.AS-ipg__form_label > span {
    height: 100%;
    display: block;
}

.AS-ipg__form_label > span > span.wpcf7-not-valid-tip {
    left: 50%;
    transform: translateX(-50%);
}

section.AS-ipg__form form.sent .wpcf7-response-output {
    position: absolute;
    height: 102%;
    width: 100%;
    z-index: 1;
    background-color: rgb(115 129 171 / .9);
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 2em;
}

section.AS-ipg__form input.wpcf7-not-valid {
}

@media (max-width: 500px) {
    label.AS-ipg__form_half {
        width: 100%;
    }

    .AS-ipg__intro-cta > div.fixed {
        transform: scale(0.8);
        transform-origin: right bottom;
    }
}


/*****************************Exoress--991105******************/

.AS-digiexpress__intro-logo {
    text-align: center;
    margin: auto;
    margin-top: -3em;
    height: 55px;
    max-height: 10vw;
}

main.AS-digiexpress section.AS-credit__intro {
    background: linear-gradient(180deg, rgb(255 213 0 / 0.1), rgb(255 255 255 / 0%));
    height: auto;
}

.AS-digiexpress__button-bordered-yellow {
    border: 2px solid #FFD500;
}

.AS-digiexpress__button-bordered-yellow a {
    color: #001A66;
}

main.AS-digiexpress div#as_credit_get_app {
    background-color: #ffd500;
}

main.AS-digiexpress .AS-credit__button-bg-green a.AS-credit__applink--link-cta span {
    color: #001A66;
}

.AS-digiexpress__button-yellow > a,
.AS-digiexpress__button-yellow-b {
    background-color: #FFD500 !important;
    color: #001A66;
}

.AS-digiexpress__button-yellow > a i {
    background-color: rgb(0 26 102 / 0.1) !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAMAAAAhfX2ZAAAAM1BMVEUAAAAAEGAAGGgAFWUAGmQAGmYAGGUAGWYAGWUAGWYAGWUAGmUAGmYAGmYAGWUAGGYAGmYJ7/jvAAAAEHRSTlMAECAwT1BgcJCvsM/Q8Pn7GDbHQwAAAERJREFUeNp9xksSgCAMxuAUfALV//6ntYww7sxk8dFrJzPpj6t12gK7qklWtZFcVbEnyK7IM3RPhe9rKPyqaHTQJgtfD+MdA2sh0v3VAAAAAElFTkSuQmCC) !important;
}

main.AS-digiexpress .AS-credit__intro-sides-desc,
main.AS-digiexpress .AS-credit__intro-art {
    width: 100%;
    padding: 0em 0 3em 0;
}

main.AS-digiexpress .AS-credit__intro-sides {
    flex-wrap: wrap;
}

main.AS-digiexpress .AS-credit-product__intro-art-item {
    left: 50%;
    transform: translate(-50%, -50%);
    height: 330px;
    width: 400px;
    top: 51%;
}

main.AS-digiexpress .AS-credit__intro-art > ul {
    padding-top: 37%;
}

main.AS-digiexpress .AS-credit__intro-sides-desc h1 {
    text-align: center;
    justify-content: center;
}

main.AS-digiexpress .AS-credit__intro-ctas {
    margin-top: 3vh;
}

main.AS-digiexpress .as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta i {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOS41NzQiIGhlaWdodD0iMzkuNTc0IiB2aWV3Qm94PSIwIDAgMzkuNTc0IDM5LjU3NCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1OTYuNDY1IC0yNDE5LjQ2NSkiPjxwYXRoIGQ9Ik0tNzE0MCwxMzIwMWwzMi41LDMyLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg3NDAgLTEwNzc4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAxYTY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iNSIvPjxwYXRoIGQ9Ik0tNzEwNy41LDEzMjAxbC0zMi41LDMyLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg3NDAgLTEwNzc4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAxYTY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iNSIvPjwvZz48L3N2Zz4=") !important;
}

.AS-digiexpress__button-yellow-b > a {
    color: #001A66;
}

main.AS-digiexpress .AS-credit__intro-sides-desc h1 > * {
    margin: 0.1em auto;
}

.AS-digiexpress__bottom-yellow {
    border-bottom: 7px solid #ffd500;
}

main.AS-digiexpress .AS-credit__intro-ctas {
    justify-content: center;
    margin-top: 5em;
}

main.AS-digiexpress section.AS-credit__intro:before {
    background: linear-gradient(180deg, rgb(255 213 0 / 0.1), rgb(255 255 255 / 0%));
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 80%;
}

main.AS-digiexpress section.AS-credit__intro {
    background: none;
    padding-bottom: 0;
}

main.AS-digiexpress .AS-credit-product__intro-art-item > .AS-credit-product__intro-art-item--sh {
    bottom: 8%;
}

main.AS-digiexpress .fixed#as_credit_get_app {
    box-shadow: 0px 7px 20px -6px rgb(255 214 0);
}

.AS-digiexpress__intro-logo > img {
    max-height: 100%;
    display: block;
}

main.AS-digiexpress .AS-credit-product__intro-art-item .AS-credit-product__intro-art-item--p {
    bottom: 7em;
}

main.AS-digiexpress .AS-credit-product__intro-art-item.act .AS-credit-product__intro-art-item--p {
    bottom: 1em;
}

main.AS-digiexpress .AS-credit__applink-fly-contain--bottom {
    background-color: #ffd500;
}

main.AS-digiexpress .AS-credit__applink-fly-contain--bottom li > div a span {
    color: #000 !important;
}

main.AS-digiexpress i.arrow-left {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAABHNCSVQICAgIfAhkiAAAAIVJREFUGFdjZEAHoqkGDCyM8QzffzUyosiBJFgZ9jMwMAowMDAEIiRRJRYyPJuVAJHEIgESZsQlAZGUTD3AwMhoz8Dw/wPDt9+KDB8WfIC5g5FBIEGAgYvtAAMDgz4Dw/8LDN9+O8IUQOzEoQDhWiwKUP2JrOD3f0NUSZgVHCwGDC/mHAAA8GU1hse3wYAAAAAASUVORK5CYII=')
}

main.AS-digiexpress .AS-credit__applink-fly-contain .AS__download-notice-copon:nth-of-type(2) {
    background-color: rgb(0 26 102 / 7%);
}

main.AS-digiexpress .AS-credit__applink-fly-contain .AS__download-notice-copon:nth-of-type(2) > div {
    background-color: rgb(0 26 102 / 15%);
    color: #001a66;
}

main.AS-digiexpress .AS-credit__applink-fly-contain .AS__download-notice-copon:nth-of-type(1):before {
    background-color: #b19400;
}

main.AS-digiexpress .AS-credit__applink-fly-contain .AS__download-notice-copon {
    background-color: rgb(0 26 102 / 0.1);
    color: #001a66;
}

main.AS-digiexpress .AS__download-notice-copon-contain {
    background-color: rgb(0 26 102 / 0.2);
}

main.AS-digiexpress .AS__download-notice-copon-contain code {
    color: #001a66;
}

@media (max-width: 1400px) {
    main.AS-digiexpress .AS-credit__xxl-text {
        font-size: 3.5em;
    }
}

@media (max-width: 1350px) {
    main.AS-digiexpress .AS-credit__intro-art > ul {
        padding-top: 50%;
    }
}

@media (max-width: 1000px) {
    main.AS-digiexpress .AS-credit__intro-art {
        padding-top: 7em;
    }

    main.AS-digiexpress section.AS-credit__intro {
        padding-top: 13em;
    }

    main.AS-digiexpress div#as_credit_get_app {
        box-shadow: 0px 5px 25px -7px rgb(167 143 22);
    }
}

@media (max-width: 800px) {
    main.AS-digiexpress .AS-credit-product__intro-art-item {
        height: 50vw;
        width: 60vw;
        max-width: 380px;
        max-height: 250px;
        min-height: 170px;
    }

    main.AS-digiexpress .AS-credit__xxl-text {
        font-size: 2.8em;
    }
}

@media (max-width: 500px) {
    main.AS-digiexpress .AS-credit__intro-art {
        /* min-height: 90vw; */
        padding-top: 5vw;
        margin-bottom: 0;
    }

    main.AS-digiexpress .AS-credit__intro-art {
        min-height: 80vw;
    }

    main.AS-digiexpress .AS-credit__intro-sides-desc .AS-credit__dark-color {
        line-height: 1.3;
    }
}

.AS-top-banner {
    top: 0;
    position: absolute;
    z-index: 102;
    width: 100%;
    right: 0;
}

body.AS__has-banner-top header.nav-fixed {
    padding-top: 0;
    z-index: 105;
}

.AS-top-banner a {
    height: 100%;
    width: 100%;
    background-size: cover;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}

.AS-top-banner_mobile {
    display: none;
}

@media (max-width: 1000px) {
    .AS-top-banner_desktop {
        display: none;
    }

    .AS-top-banner_mobile {
        display: block;
    }
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup * {
    font-family: 'IRANSansX-Regular' !important;
}

.as-pop-open#as_credit_get_app.AS-credit__btn-popup i {
    font-family: 'icon' !important;
}

body.single .as-pop-open#as_credit_get_app.AS-credit__btn-popup a.AS-credit__applink--link-cta {
    font-size: 9px;
    bottom: -30%;
}

.AS-credit__applink-fly-contain--bottom li > div a span {
    color: #fff;
}


/************************991221---makatrip*********/

main.AS-makatrip .AS-ipg__intro-art {
    max-width: 100em;
    margin: 6em auto -5em;
    position: relative;
}

.AS-makatrip__art {
    width: 35%;
    padding-left: 6%;
}

.AS-makatrip__wallet .AS-container,
.AS-makatrip__best-ui .AS-container,
.AS-makatrip__services .AS-container {
    display: flex;
    align-items: center;
}

.AS-makatrip__text {
    text-align: justify;
}

.AS-makatrip__text > span {
    font-size: 1.6em;
    line-height: 1.9em;
}

.AS-makatrip__text > span > p {
    margin-bottom: 1.5em;
    text-align: justify;
}

.AS-makatrip__text > span > p:last-child {
    margin-bottom: 0;
}

.AS-makatrip__art img {
    max-width: 100%;
}

.AS-makatrip__content {
    width: 65%;
}

.AS-makatrip__wallet .AS__title-section,
.AS-makatrip__best-ui .AS__title-section,
.AS-makatrip__services .AS__title-section {
    text-align: right;
}

section.AS-makatrip__best-ui .AS-makatrip__art {
    padding-right: 6%;
    padding-left: 0;
}

.AS__title-section-thin {
    margin-bottom: 1em;
}

.AS__title-section-thin > span {
    font-size: 3em;
    font-weight: 600;
}

section.AS-makatrip__best-ui {
}

section.AS-makatrip__fee {
    background-color: #F0F2F9;
    padding: 8em;
    text-align: center;
}

.AS-makatrip__fee .AS__title-section {
}

.AS-makatrip__fee .AS-makatrip__text > span {
    font-size: 2.5em;
    line-height: 1.6;
}

.AS-makatrip__fee_item li > div:first-child {
    border: 2px solid #7381AB;
    border-radius: 2em;
    display: flex;
}

.AS-makatrip__fee_item li {
    list-style: none;
    max-width: 60%;
    margin: 4em auto 1.5em;
}

.AS-makatrip__fee_item li > div:first-child span:last-child {
    color: #fff;
    background-color: #7381AB;
    border-radius: 1em;
}

.AS-makatrip__fee_item li > div:first-child span {
    font-size: 1.6em;
    width: 50%;
    height: 100%;
    padding: 1.2em;
    font-weight: 600;
}

.AS-makatrip__notice {
    font-size: 1.6em;
}

main.AS-makatrip .AS-credit__flow-blue-line {
    background: none;
    border: none;
}

main.AS-makatrip .AS-credit__flow-items i {
    background-color: rgb(0 64 255 / 80%);
    box-shadow: 0 10px 30px -5px rgb(0 64 255 / 60%);
    backdrop-filter: blur(2px);
    top: 3em;
}

main.AS-makatrip .AS-credit__flow-items li > div:before {
    content: "";
    position: absolute;
    width: .5em;
    height: 100%;
    left: -11.25em;
    z-index: 0;
    background: radial-gradient(#CCD4EC 0.2em, transparent .3em);
    background-repeat: repeat-y;
    background-size: 25px 25px;
    background-position: 50% 0%;
    top: 3em;
}

main.AS-makatrip .AS-credit__flow-items li:nth-child(even) > div:before {
    left: auto;
    right: -11.25em;
}

main.AS-makatrip .AS-credit__flow-items li:last-child > div:before {
    display: none;
}

main.AS-makatrip .AS-credit__flow-number {
    font-size: 5em;
    -webkit-text-stroke: 1px #001A66;
    -webkit-text-fill-color: white;
}

main.AS-makatrip .AS-credit__flow-title {
    color: #001A66;
    font-size: 2.5em;
}

main.AS-makatrip .AS-credit__flow-desc {
    font-size: 1.6em;
}

.AS-makatrip__fee_item .AS-makatrip__notice {
    margin-top: 1em;
}

.AS-makatrip__best-ui_contain {
    background-color: #FAFBFF;
    border-radius: 2em;
    padding: 3em 5em;
    align-items: center;
    display: flex;
}

.AS__button-bordered {
    border: 2px solid #001a66;
    background: none;
}

.AS__button-bordered.AS__button-green {
    border-color: #00CC65;
}

.AS__button-bordered.AS__button-green > a {
    color: #00cc65;
}

main.AS-makatrip .AS-ipg__intro-subTitle {
    font-size: 2.5em;
    font-weight: 300;
    max-width: 35%;
    margin: auto;
}

main.AS-makatrip .AS-ipg__intro-title {
    margin-bottom: .7em;
}

main.AS-makatrip section.AS-ipg__intro:before {
    background: linear-gradient(to bottom, #E5E9F5, transparent);
    content: "";
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
}

main.AS-makatrip section.AS-ipg__intro {
    background: none;
}

.fixed > .AS-ipg__button-green-cornered.AS__button-bordered.AS__button-green {
    background-color: #00CC65;
    border: none;
}

.fixed > .AS-ipg__button-green-cornered.AS__button-bordered.AS__button-green a {
    color: #fff;
}

.AS-makatrip__fee .AS-makatrip__text {
    text-align: center;
}

@media (max-width: 1350px) {
    .AS-makatrip__art {
        width: 45%;
        padding-left: 5%;
    }

    .AS-makatrip__content {
        width: 55%;
    }

    main.AS-makatrip .AS-ipg__intro-subTitle {
        max-width: 50%;
    }

    .AS-makatrip__best-ui_contain {
        padding: 5em;
    }

    section.AS-makatrip__best-ui .AS-makatrip__art {
        padding-right: 5%;
    }

    .AS-makatrip__fee_item li {
        max-width: 80%;
    }

    main.AS-makatrip .AS-credit__flow-items li {
        width: calc(50% - 8em);
    }

    main.AS-makatrip .AS-credit__flow-items i {
        left: -11.5em;
    }

    main.AS-makatrip .AS-credit__flow-items li:nth-child(even) i {
        left: auto;
        right: -11.5em;
    }

    main.AS-makatrip .AS-credit__flow-items li:nth-child(even) > div:before {
        right: -8.25em;
    }

    main.AS-makatrip .AS-credit__flow-items li > div:before {
        left: -8.25em;
    }
}

@media (max-width: 1000px) {
    main.AS-makatrip .AS-ipg__intro-subTitle {
        max-width: 60%;
        font-size: 2em;
    }

    .AS-makatrip__art {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .AS-makatrip__content {
        width: 100%;
        order: 1;
    }

    .AS-makatrip__fee .AS-makatrip__text > span {
        font-size: 2em;
    }

    .AS-makatrip__wallet .AS-container,
    .AS-makatrip__best-ui .AS-container,
    .AS-makatrip__services .AS-container {
        flex-wrap: wrap;
    }

    .AS-makatrip__art img {
        max-height: 50em;
    }

    .AS-makatrip__wallet .AS__title-section,
    .AS-makatrip__best-ui .AS__title-section,
    .AS-makatrip__services .AS__title-section {
        text-align: center;
        margin-top: 2em;
    }

    .AS-makatrip__best-ui_contain {
        flex-wrap: wrap;
    }

    section.AS-makatrip__best-ui .AS-makatrip__art {
        padding: 0;
        text-align: center;
    }

    .AS-makatrip__content .AS__title-section-thin {
        text-align: center;
    }

    .AS-makatrip__fee_item li {
        max-width: 100%;
    }

    main.AS-makatrip .AS-credit__flow-items li {
        width: calc(50% - 6em);
    }

    main.AS-makatrip .AS-credit__flow-items li:nth-child(even) i {
        right: -8.5em;
    }

    main.AS-makatrip .AS-credit__flow-items i {
        left: -8.5em;
        top: 5em;
    }

    main.AS-makatrip .AS-credit__flow-items li > div:before {
        left: -6.25em;
        height: 90%;
        top: 5em;
    }

    main.AS-makatrip .AS-credit__flow-items li:nth-child(even) > div:before {
        right: -6.25em;
    }

    main.AS-makatrip .AS-credit__flow-items i img {
        max-width: 45%;
        max-height: 50%;
    }

    main.AS-makatrip .AS-credit__flow-title {
        line-height: 1.4em;
        margin: .2em 0 .3em;
    }
}

@media (max-width: 800px) {
    .AS-makatrip__art img {
        max-height: 30em;
        max-width: 70%;
    }

    section.AS-makatrip__services .AS-makatrip__art img {
        max-height: 45em;
    }

    main.AS-makatrip .AS-ipg__intro-art img {
        width: 180%;
        max-width: initial;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
    }

    main.AS-makatrip .AS-ipg__intro-art {
        height: 45vw;
    }

    .AS-makatrip__fee_item li > div:first-child span {
        width: 100%;
        padding: 1em;
    }

    .AS-makatrip__fee_item li > div:first-child {
        flex-wrap: wrap;
    }

    main.AS-makatrip .AS-credit__flow-items li {
        width: calc(100% - 7em);
    }

    main.AS-makatrip .AS-credit__flow-items li:nth-child(even) i {
        right: -6em;
    }

    main.AS-makatrip .AS-credit__flow-items li:nth-child(even) > div:before {
        right: -4.5em;
    }

    main.AS-makatrip .AS-credit__flow-items li > div:before {
        left: auto;
        right: -4.5em;
        top: 3em;
        z-index: 0;
    }

    main.AS-makatrip .AS-credit__flow-items i {
        top: -0.3em;
        z-index: 1;
        right: -6em;
    }

    main.AS-makatrip .AS-credit__flow-blue-line:before {
        background: none;
    }

    main.AS-makatrip .AS-credit__flow-title {
        font-size: 2em;
        margin-bottom: .5em;
        padding-left: 3em;
    }

    main.AS-makatrip .AS-credit__flow-number {
        font-size: 4em;
    }

    .AS__title-section-thin > span {
        font-size: 2.5em;
    }
}

@media (max-width: 500px) {
    .AS__title-section-thin > span {
        font-size: 2em;
    }

    main.AS-makatrip .AS-ipg__intro-subTitle {
        max-width: 100%;
        font-size: 1.8em;
    }

    main.AS-makatrip .AS-ipg__intro-art {
        margin-top: 5vw;
        margin-bottom: 0;
    }

    .AS__button-bordered.AS__button-green {
        line-height: 4.5em;
    }

    section.AS-makatrip__services .AS-makatrip__art img {
        max-height: 35em;
    }

    .AS-makatrip__best-ui_contain {
        padding: 2.5em;
        margin: -4.5vw;
        border-radius: 0;
    }

    .AS-makatrip__art img {
        max-width: 80%;
    }

    section.AS-makatrip__fee {
        padding: 5em 0em;
    }

    .AS-makatrip__fee_item li > div:first-child span {
        padding: .5em 0;
    }

    .AS-makatrip__fee_item li > div:first-child {
        border-radius: 1.5em;
    }

    .AS-makatrip__fee_item li > div:first-child span:last-child {
        border-radius: .7em;
    }

    .AS-ipg__form_label {
        margin-top: 5em;
        margin-bottom: 3em;
    }
}


/***********************AsanKharid - 991224 *******************/

main.AS-asankharid section.AS-ipg__intro {
    background: #0834A4;
    border-radius: 0 0 5em 5em;
}

main.AS-asankharid .AS-ipg__intro-title h1 {
    color: inherit;
    background: none;
}

main.AS-asankharid .AS-ipg__intro-title {
    background-color: #fff;
    color: #0234B5;
    font-size: 3.5em;
    margin-bottom: 1.5em;
}

main.AS-asankharid .AS-ipg__intro-subTitle {
    font-size: 2.8em;
    margin-bottom: 0.5em;
}

main.AS-asankharid .AS-ipg__intro-content {
    color: #fff;
    width: 53%;
    margin: 5em auto 6em;
}

main.AS-asankharid .AS-ipg__intro-subTitle-2 {
    font-size: 1.8em;
    font-weight: 200;
}

main.AS-asankharid {
    background-image: radial-gradient(#F2F5FF .2em, transparent 0em);
    background-size: 2.5em 2.5em;
    display: inline-block;
    background-color: #fff;
}

main.AS-asankharid .AS-credit__from-dk--side-l {
    width: 32%;
    height: 100%;
    margin-bottom: -5em;
}

main.AS-asankharid .AS-credit__from-dk--side-r {
    width: 68%;
}

.AS-ipg__intro-title {
}

@media (max-width: 1350px) {
    main.AS-asankharid .AS-ipg__intro-content {
        width: 75%;
    }
}

@media (max-width: 1000px) {
    main.AS-asankharid .AS-credit__from-dk--side-l {
        width: 100%;
        margin-bottom: 0;
        padding-top: 2em;
    }

    main.AS-asankharid .AS-credit__from-dk--side-r {
        width: 100%;
    }

    main.AS-asankharid .AS-ipg__intro-content {
        width: 96%;
    }
}

@media (max-width: 800px) {
    main.AS-asankharid .AS-ipg__intro-art {
        margin: 6em auto 3em;
    }

    main.AS-asankharid .AS-credit__from-dk--side-l img {
        max-width: 70%;
    }
}

@media (max-width: 500px) {
    main.AS-asankharid .AS-ipg__intro-title {
        font-size: 2.5em;
        margin-bottom: 1.5em;
        padding: 0.2em;
    }

    main.AS-asankharid .AS-ipg__intro-subTitle {
        font-size: 2em;
        margin-bottom: .7em;
    }

    main.AS-asankharid .AS-ipg__intro-subTitle-2 {
        font-size: 1.6em;
    }

    .AS-ipg__intro-art img {
        max-width: 170%;
    }

    main.AS-asankharid section.AS-ipg__intro {
        margin-bottom: 6em;
        border-radius: 0;
    }

    main.AS-asankharid .AS-ipg__intro-content {
        margin: 3em auto;
    }

    main.AS-asankharid .AS-ipg__intro-art {
        margin-top: 5em;
    }
}


/*****************Merchant-Credit----000124******/

.as-merchant__intro_title > span {
    font-size: 4em;
    background-color: #213368;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin: auto;
    margin-bottom: 10px;
    padding: 0 .5em;
    font-family: 'IRANSansX-Regular';
    line-height: 1.6;
}

.as-merchant__intro_subtitle > span {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.5em;
    color: #213368;
}

.as-merchant__intro_desc > span {
    font-size: 2em;
    color: #213368;
}

.as-merchant__intro_right {
    width: 46%;
    display: flex;
    align-items: center;
}

.as-merchant__intro_sides {
    display: flex;
    margin: auto;
    width: 110em;
    padding-top: 3em;
}

.as-merchant__intro_left {
    width: 54%;
}

.as-merchant__intro_art {
    /* max-height: 50em; */
    display: flex;
    justify-content: flex-end;
}

.as-merchant__intro_art img {
    /* max-width: 95%; */
    height: 57em;
    margin-left: -2em;
}

.as-merchant__intro_desc {
    margin-top: 5em;
}

section.as-merchant__intro {
    background: linear-gradient(to bottom, rgb(204 212 236 / .4), transparent);
}

section.AS-merchant__intro {
    margin-top: -13em;
    padding-top: 13em;
    background-image: linear-gradient(180deg, #F2F5FF 0%, rgba(242, 245, 255, 0.00) 98%);
}

.as-merchant__intro_subtitle {
    margin-top: 1em;
}

.as-merchant__checkout_art {
    height: 100%;
    height: 33em;
}

.as-merchant__checkout_art > span {
    height: 100%;
    width: 100%;
    display: flex;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

.AS-merchant .AS-ipg__logistics-marketplace_content {
    padding-left: 0;
}

.AS-merchant .AS-ipg__logistics-marketplace_notice {
    margin-top: 2em;
}

.AS-merchant .AS-ipg__intro-cta {
    margin-top: 3em;
    justify-content: right;
}

.AS-merchant .AS-ipg__button-green-cornered {
    background-color: #FDB933;
}

.AS-merchant .AS-credit__button-bordered-green a {
    color: #FDB933;
}

.AS-merchant .AS-credit__button-bordered-green {
    border-color: #FDB933;
}

.AS-merchant .AS-ipg__form_contain {
    max-width: 35em;
    padding-bottom: 10em;
}

.AS-merchant label.AS-ipg__form_half {
    width: 100%;
    padding: 2em 1.2em;
}

.AS-merchant .AS-ipg__form_form {
    margin-top: 3em;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 120s;
}

@media (max-width: 1350px) {
    .as-merchant__intro_right {
        width: 52%;
        padding-left: 2em;
    }

    .as-merchant__intro_left {
        width: 48%;
    }

    .as-merchant__intro_sides {
        width: 100%;
    }

    .as-merchant__intro_title > span {
        font-size: 3.5em;
    }

    .as-merchant__intro_subtitle > span {
        font-size: 2.7em;
    }

    .AS-merchant .AS-ipg__logistics-marketplace_content {
        order: 0;
    }

    .as-merchant__checkout_art > span {
        background-position: center;
    }

    .AS-merchant .as-merchant__checkout_art {
        height: 30em;
        margin-top: 1em;
    }

    .AS-merchant section.AS-ipg__form .wpcf7-response-output {
        bottom: 2em;
    }

    .as-merchant__intro_art img {
        /* max-width: 100%; */
        height: 47em;
    }
}

@media (max-width: 1000px) {
    .as-merchant__intro_right {
        width: 100%;
        justify-content: center;
        text-align: center;
        padding-left: 0;
    }

    .as-merchant__intro_left {
        width: 100%;
    }

    .as-merchant__intro_sides {
        flex-wrap: wrap;
    }

    .AS-merchant .AS-ipg__intro-cta {
        text-align: center;
        justify-content: center;
    }

    .as-merchant__intro_art {
        max-width: 100%;
        justify-content: center;
        width: 50em;
        margin: auto;
        margin-top: 2em;
    }

    .as-merchant__intro_art img {
        margin-left: 0;
        /* max-width: 100%; */
        height: 95vw;
    }
}

@media (max-width: 600px) {
    .as-merchant__intro_sides {
        padding-top: 0;
    }

    .as-merchant__intro_desc {
        margin-top: 3em;
    }

    .as-merchant__intro_right {
    }

    .as-merchant__intro_title > span {
        font-size: 3em;
    }

    .as-merchant__intro_subtitle > span {
        font-size: 2.5em;
    }

    .as-merchant__intro_desc > span {
        font-size: 1.8em;
    }

    .AS-merchant .as-merchant__checkout_art {
        height: 50vw;
        margin-top: 0;
    }
}