:root {
    --grid_space: 87px
}

@media (max-width: 1400px) {
    :root {
        --grid_space: 67px
    }
}

@media (max-width: 1200px) {
    :root {
        --grid_space: 50px
    }
}

@media (max-width: 1024px) {
    :root {
        --grid_space: 40px
    }
}

@media (max-width: 768px) {
    :root {
        --grid_space: 22px
    }
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 27, 2024 */
@font-face {
    font-family: 'axiformablack';
    src: url("../fonts/kastelov__axiforma_black-webfont.woff2") format("woff2"), url("../fonts/kastelov__axiforma_black-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'axiformabold';
    src: url("../fonts/kastelov__axiforma_bold-webfont.woff2") format("woff2"), url("../fonts/kastelov__axiforma_bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'axiformaitalic';
    src: url("../fonts/kastelov__axiforma_italic-webfont.woff2") format("woff2"), url("../fonts/kastelov__axiforma_italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'axiformamedium_italic';
    src: url("../fonts/kastelov__axiforma_medium_italic-webfont.woff2") format("woff2"), url("../fonts/kastelov__axiforma_medium_italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'axiformamedium';
    src: url("../fonts/kastelov__axiforma_medium-webfont.woff2") format("woff2"), url("../fonts/kastelov__axiforma_medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'axiformaregular';
    src: url("../fonts/kastelov__axiforma_regular-webfont.woff2") format("woff2"), url("../fonts/kastelov__axiforma_regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'axiformasemibold';
    src: url("../fonts/kastelov__axiforma_semibold-webfont.woff2") format("woff2"), url("../fonts/kastelov__axiforma_semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@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");
    font-weight: 400;
    font-style: normal
}

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

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

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

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

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

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

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

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

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

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

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: 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;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: 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;
    font-variant: initial;
    line-height: 1
}

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

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

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

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

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

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

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

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

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

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

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

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

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 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%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-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: flex;
    justify-content: 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%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

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

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

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

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

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05)
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../images/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(../images/flags%402x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.show-calendar .drp-buttons {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width: 564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
        float: left
    }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker .ranges, .daterangepicker .drp-calendar {
        float: left
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    animation-duration: .75s
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translateZ(0)
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }

    25%, 75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%, to {
        transform: translateZ(0)
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform: none
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    0%, 11.1%, to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }

    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%, 80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(105%, 0, 0);
        visibility: visible;
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100px, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em
    }
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none
}

.overflow_hidden {
    overflow: hidden !important
}

html {
    scroll-behavior: smooth;
    position: relative
}

body, html {
    min-height: 100%;
    height: 100%;
    font-family: 'axiformaregular'
}

body.body_overflow {
    overflow: hidden
}

img {
    display: block;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

#wrapper {
    height: auto;
    min-height: 100%;
    position: relative;
    width: 100%;
    padding-bottom: 423px;
    overflow-x: hidden;
    opacity: 0
}

@media (max-width: 768px) {
    #wrapper {
        padding-bottom: 205px
    }
}

.sub_title {
    font-size: 49px;
    color: #718682;
    font-family: 'axiformablack';
    font-weight: normal;
    line-height: 59px
}

@media (max-width: 1024px) {
    .sub_title {
        font-size: 35px;
        line-height: 40px
    }
}

@media (max-width: 768px) {
    .sub_title {
        font-size: 30px;
        line-height: 35px
    }
}

.cust_btn {
    border: none;
    outline: none;
    background: #050A30;
    color: #fff;
    border-radius: 26px;
    font-size: 13px;
    cursor: pointer;
    min-width: 181px;
    height: 52px;
    padding-top: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: 'axiformablack'
}

@media (min-width: 1025px) {
    .cust_btn {
        transition: all 0.3s
    }

    .cust_btn:hover {
        color: #fff;
        background: #718682
    }
}

@media (max-width: 768px) {
    .cust_btn {
        height: 48px;
        min-width: 166px
    }
}

.cust_btn.white_btn {
    background: #fff;
    color: #050A30
}

@media (min-width: 1025px) {
    .cust_btn.white_btn:hover {
        color: #fff;
        background: #718682
    }
}

.cust_btn.white_btn_v2 {
    background: #fff;
    color: #334441
}

@media (min-width: 1025px) {
    .cust_btn.white_btn_v2:hover {
        color: #fff;
        background: #718682
    }
}

.cust_btn.white_btn_v3 {
    background: #fff;
    color: #718682
}

@media (min-width: 1025px) {
    .cust_btn.white_btn_v3:hover {
        color: #fff;
        background: #718682
    }
}

.cust_btn.green_btn {
    background: #718682;
    color: #fff
}

@media (min-width: 1025px) {
    .cust_btn.green_btn:hover {
        color: #fff;
        background: #050A30
    }
}

.cust_btn.loading {
    position: relative;
    pointer-events: none;
    border: none
}

.cust_btn.loading:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #fff;
    border: 1px solid #050A30;
    border-radius: 26px
}

.cust_btn.loading:after {
    margin: auto;
    bottom: 5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 5px;
    color: #050A30;
    pointer-events: none;
    display: block;
    content: '';
    top: 5px
}

.btn_wrapper {
    display: flex
}

.btn_wrapper .cust_btn {
    margin-left: 16px
}

.btn_wrapper .cust_btn:first-child {
    margin-left: 0px !important
}

.title {
    font-size: 71px;
    font-weight: normal;
    color: #718682;
    font-family: 'axiformablack'
}

@media (max-width: 1024px) {
    .title {
        font-size: 50px
    }
}

@media (max-width: 768px) {
    .title {
        font-size: 26px
    }
}

.small_description {
    font-size: 15px
}

.swiper-pagination.cust_pagination {
    width: auto;
    left: var(--grid_space);
    bottom: 29px
}

.swiper-pagination.cust_pagination .swiper-pagination-bullet {
    margin: 0;
    margin-left: 22px;
    width: 8px;
    height: 8px;
    background: #fff;
    opacity: 0.2
}

.swiper-pagination.cust_pagination .swiper-pagination-bullet:first-child {
    margin: 0
}

.swiper-pagination.cust_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

.terms_link {
    font-size: 14px;
    font-family: 'axiformablack';
    color: #718682;
    text-decoration: underline;
    text-transform: uppercase;
    display: block;
    width: fit-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    cursor: pointer
}

.form_item {
    position: relative
}

.upload_file_btn {
    height: 52px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'axiformablack';
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    border-radius: 26px;
    cursor: pointer;
    background: #718682
}

@media (min-width: 1025px) {
    .upload_file_btn {
        transition: all 0.3s
    }

    .upload_file_btn:hover {
        background: #050A30 !important
    }
}

.upload_file_btn i {
    display: block;
    margin-right: 9px
}

.cust_label {
    color: #718682;
    font-size: 17px;
    font-family: 'axiformamedium';
    margin-bottom: 8px;
    display: block
}

.cust_input_field {
    position: relative;
    min-width: 300px
}

.cust_select_field {
    position: relative;
    min-width: 300px
}

.cust_select_field i {
    position: absolute;
    pointer-events: none;
    right: 27px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center
}

.cust_input {
    outline: none;
    border: none;
    height: 40px;
    padding: 0 20px;
    background: #D0DFDC66;
    color: #718682;
    border-radius: 40px;
    width: 100%;
    font-family: 'axiformamedium';
    font-size: 15px
}

.cust_input::placeholder {
    color: #718682;
    opacity: 1;
    font-size: 15px;
    font-family: 'axiformamedium'
}

.cust_input:-ms-input-placeholder {
    color: #718682;
    opacity: 1;
    font-family: 'axiformamedium';
    font-size: 15px
}

.cust_input::-ms-input-placeholder {
    color: #718682;
    opacity: 1;
    font-family: 'axiformamedium';
    font-size: 15px
}

.cust_select {
    appearance: none;
    outline: none;
    border: none;
    height: 40px;
    padding: 0 20px;
    background: #D0DFDC66;
    color: #718682;
    border-radius: 40px;
    width: 100%;
    font-family: 'axiformasemibold';
    font-size: 15px;
    padding-right: 40px
}

.cust_date_field {
    position: relative
}

.cust_date_input {
    outline: none;
    border: none;
    height: 40px;
    padding: 0 20px;
    background: #D0DFDC66;
    color: #718682;
    border-radius: 40px;
    width: 100%;
    font-family: 'axiformamedium';
    font-size: 15px;
    opacity: 0;
    cursor: pointer
}

span.form-error {
    position: absolute;
    left: 0;
    bottom: -16px;
    color: #050A30;
    font-size: 11px
}

.radio_error {
    position: absolute;
    color: #050A30;
    font-size: 11px;
    top: 10px
}

.radio_error_container {
    position: relative
}

.fa-exclamation {
    font-family: 'FONTAWESOME'
}

.date_placeholder {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    color: #7186825E;
    font-family: 'axiformamedium_italic';
    width: 100%;
    height: 100%;
    font-size: 17px;
    padding: 0px 20px;
    z-index: 1;
    pointer-events: none;
    background: #D0DFDC66;
    border-radius: 40px;
    align-items: center;
    justify-content: space-around
}

.date_placeholder.show {
    display: flex
}

.date_placeholder.date_value {
    color: #718682
}

.date_placeholder span {
    display: flex;
    align-items: center
}

.date_placeholder span.dash {
    height: 21px;
    border-left: 1px solid #70707045
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.cust_file_field {
    outline: none;
    border: none;
    height: 40px;
    background: #D0DFDC66;
    color: #718682;
    border-radius: 40px;
    width: 100%;
    font-family: 'axiformamedium';
    font-size: 15px;
    position: relative;
    cursor: pointer;
    display: none
}

.cust_file_field .form-error {
    bottom: -9px;
    display: flex
}

.cust_file_field .form-error .fa-exclamation {
    margin-right: 3px
}

.cust_file_field .close_upload svg {
    height: 15px
}

.cust_file_field.show {
    display: flex;
    align-items: center;
    padding-left: 22px
}

.cust_file_field a {
    color: #718682
}

.cust_file_field i {
    right: 22px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    position: absolute
}

.cust_file_field i path {
    fill: #718682
}

.cust_file_field.loading i {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 5px;
    color: #718682;
    pointer-events: none;
    display: block;
    right: 33px;
    top: 19px
}

.cust_file_field.loading i svg {
    display: none
}

.form_container {
    position: relative
}

.form_container .thankyou {
    display: none
}

.form_container.show_thankyou form {
    visibility: hidden !important
}

.form_container.show_thankyou .thankyou {
    display: flex;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center
}

.thankyou {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content
}

@media (max-width: 768px) {
    .thankyou {
        align-items: flex-start
    }
}

.thankyou .title {
    color: #718682
}

.thankyou .small_title {
    margin-top: 50px;
    color: #718682;
    font-size: 28px;
    font-weight: normal
}

@media (max-width: 768px) {
    .thankyou .small_title {
        font-size: 17px;
        margin-top: 10px
    }
}

.iti {
    width: 100%
}

.iti .iti__selected-flag {
    width: 94px;
    padding: 0;
    padding-left: 22px;
    padding-right: 19px;
    border-right: 1px solid #70707030
}

.iti .iti__arrow {
    margin-left: 16px;
    border: none;
    background: url("../images/arrow_down.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 9px
}

.iti .cust_input {
    padding-right: 20px !important;
    padding-left: 110px !important
}

.plan_box {
    height: 202px;
    position: relative
}

@media (max-width: 800px) {
    .plan_box {
        height: 152px
    }
}

.plan_box label {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #718682;
    position: relative;
    font-size: 24px;
    color: #718682;
    cursor: pointer
}

@media (max-width: 800px) {
    .plan_box label {
        font-size: 18px
    }
}

.plan_box label .type_icon {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #718682;
    border-radius: 50%
}

.plan_box label .type_icon path, .plan_box label .type_icon circle {
    fill: #718682
}

.plan_box label .checked {
    display: none !important
}

.plan_box label .content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px 29px;
    display: flex;
    align-items: center
}

@media (max-width: 800px) {
    .plan_box label .content {
        padding: 12px 20px
    }
}

.plan_box label .content .radio_icon {
    display: block;
    margin-right: 14px
}

@media (max-width: 800px) {
    .plan_box label .content .radio_icon {
        margin-right: 8px
    }
}

.plan_box label .content .radio_icon svg {
    width: 18px;
    height: 18px
}

@media (max-width: 800px) {
    .plan_box label .content .radio_icon svg {
        width: 12px;
        height: 12px
    }
}

.plan_box input:checked~label {
    color: #050A30;
    border-color: #050A30;
    box-shadow: 0px 1px 9px #050A3061
}

.plan_box input:checked~label .type_icon {
    border-color: #050A30
}

.plan_box input:checked~label .type_icon path, .plan_box input:checked~label .type_icon circle {
    fill: #050A30
}

.plan_box input:checked~label .checked {
    display: block !important
}

.plan_box input:checked~label .checked g {
    stroke: #050A30
}

.plan_box input:checked~label .checked #Ellipse_236 {
    fill: #050A30
}

.plan_box input:checked~label .unchecked {
    display: none !important
}

@media (min-width: 1025px) {
    .plan_box {
        transition: all 0.3s
    }

    .plan_box:hover label {
        color: #050A30;
        border-color: #050A30;
        box-shadow: 0px 1px 9px #050A3061
    }

    .plan_box:hover label .type_icon {
        border-color: #050A30
    }

    .plan_box:hover label .type_icon path, .plan_box:hover label .type_icon circle {
        fill: #050A30
    }

    .plan_box:hover label .unchecked g {
        stroke: #050A30
    }

    .plan_box:hover.v3 label {
        background: #fff !important;
        color: #050A30 !important;
        border-color: #050A30 !important;
        box-shadow: 0px 1px 9px #050A3061 !important
    }

    .plan_box:hover.v3 .content g {
        stroke: #050A30 !important
    }

    .plan_box:hover.v3 .label_icon #Ellipse_3, .plan_box:hover.v3 .label_icon #Ellipse_2 {
        stroke: #050A30 !important
    }

    .plan_box:hover.v3 .label_icon rect, .plan_box:hover.v3 .label_icon path {
        fill: #050A30 !important
    }
}

.plan_box.v2 {
    height: 67px
}

@media (max-width: 800px) {
    .plan_box.v2 {
        height: 50px
    }
}

.plan_box.v2 label {
    display: flex;
    align-items: center
}

.plan_box.v2 label .content {
    position: static
}

.plan_box.v3 {
    height: 56px
}

.plan_box.v3 .label_icon {
    position: absolute;
    top: 13px;
    right: 12px;
    z-index: 1;
    pointer-events: none
}

.plan_box.v3 input:checked~label {
    background: #fff;
    color: #050A30 !important;
    border-color: #050A30 !important;
    box-shadow: 0px 1px 9px #050A3061 !important
}

.plan_box.v3 input:checked~label .checked g {
    stroke: #050A30 !important
}

.plan_box.v3 input:checked~label .label_icon #Ellipse_3, .plan_box.v3 input:checked~label .label_icon #Ellipse_2 {
    stroke: #050A30 !important
}

.plan_box.v3 input:checked~label .label_icon rect, .plan_box.v3 input:checked~label .label_icon path {
    fill: #050A30 !important
}

.plan_box.v3 label {
    display: flex;
    align-items: center
}

.plan_box.v3 label .content {
    position: static;
    font-size: 14px
}

.plan_box.v3 label .content g {
    stroke: #718682
}

.plan_box.v3 label .content .radio_icon {
    margin-right: 10px
}

.plan_box.v3 label .content .radio_icon svg {
    width: 13px;
    height: 13px
}

.plan_box.date_plan {
    height: auto;
    background: #fff;
    border: 1px solid #050A30;
    box-shadow: 0px 1px 9px #050A3061;
    border-radius: 8px;
    padding-bottom: 24px
}

.plan_box.date_plan input:checked~label {
    color: #050A30 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    background: transparent !important
}

.plan_box.date_plan label .content {
    padding-left: 17px;
    padding-bottom: 12px
}

.plan_box.date_plan .cust_date_field {
    width: 147px;
    margin-left: 44px
}

.plan_box.date_plan .cust_date_field .date_placeholder {
    background: #fff;
    padding: 0;
    color: #718682;
    font-family: 'axiformaregular';
    justify-content: space-between
}

.plan_box.date_plan .cust_date_field .date_placeholder span {
    width: 43px;
    padding-bottom: 5px;
    text-align: center;
    border-bottom: 2px dashed #707070;
    display: block
}

.plan_box.date_plan .cust_date_field .date_placeholder span.dash {
    display: none
}

@media (min-width: 769px) {
    .phone_img {
        display: none !important
    }
}

@media (max-width: 768px) {
    .desktop_imag {
        display: none !important
    }
}

.cust_textarea_field {
    position: relative
}

.cust_textarea {
    outline: none;
    border: none;
    height: 94px;
    padding: 10px 20px;
    background: #D0DFDC66;
    color: #718682;
    border-radius: 40px;
    width: 100%;
    font-family: 'axiformamedium';
    font-size: 15px;
    resize: none
}

.cust_textarea::placeholder {
    color: #718682;
    opacity: 1;
    font-size: 15px;
    font-family: 'axiformamedium'
}

.cust_textarea:-ms-input-placeholder {
    color: #718682;
    opacity: 1;
    font-family: 'axiformamedium';
    font-size: 15px
}

.cust_textarea::-ms-input-placeholder {
    color: #718682;
    opacity: 1;
    font-family: 'axiformamedium';
    font-size: 15px
}

.phone_value {
    pointer-events: none
}

@media (max-width: 768px) {
    .phone_value {
        pointer-events: all
    }
}

.phone_fixed {
    position: fixed;
    z-index: 92;
    right: 30px;
    bottom: 30px
}

@media (max-width: 768px) {
    .phone_fixed {
        right: 11px;
        bottom: 16px
    }
}

@media (max-width: 768px) {
    .phone_fixed .show_desk {
        display: none
    }
}

@media (min-width: 1025px) {
    .phone_fixed .show_desk {
        transition: all 0.3s
    }

    .phone_fixed .show_desk circle {
        transition: all 0.3s
    }

    .phone_fixed .show_desk path {
        transition: all 0.3s
    }

    .phone_fixed .show_desk:hover circle {
        fill: #fff
    }

    .phone_fixed .show_desk:hover path {
        fill: #050A30
    }
}

.phone_fixed .show_phone {
    display: none
}

@media (max-width: 768px) {
    .phone_fixed .show_phone {
        display: block
    }
}

.fullWidth {
    width: 100% !important
}

.fraction.swiper-pagination-lock {
    display: none !important
}

@media (min-width: 1025px) {
    .faq_card:hover .faq_arrow path {
        fill: #050A30
    }
}

@media (min-width: 1025px) {
    .prev:hover path, .next:hover path {
        fill: #050A30
    }
}

.dark_pagination .swiper-pagination.cust_pagination .swiper-pagination-bullet {
    background: #334441
}

.question_item .radio_error {
    top: 0
}

.next_step.next_disabled {
    pointer-events: none;
    background: #E2F0EE;
    color: #71868157
}

.next_step.next_disabled path {
    color: #71868157
}

.loading_file {
    position: relative;
    pointer-events: none;
    border: none;
    width: 1em;
    height: 1em
}

.loading_file:after {
    margin: auto;
    bottom: 5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 5px;
    color: #050A30;
    pointer-events: none;
    display: block;
    content: '';
    top: 5px
}

.hidden {
    visibility: hidden
}

@media (min-width: 769px) {
    .banner_section .container .top_content {
        transform: translateX(-50%);
        opacity: 0;
        transition: 0.5s ease-in-out
    }

    .banner_section .container.animate .top_content {
        transform: translateX(0%);
        opacity: 1
    }

    .banner_section .container .left_content {
        transform: translateX(-50%);
        opacity: 0;
        transition: 0.5s ease-in-out
    }

    .banner_section .container.animate .left_content {
        transform: translateX(0%);
        opacity: 1
    }

    .banner_section .container .cust_btn {
        transform: translateY(50%);
        opacity: 0;
        transition: 0.5s ease-in-out
    }

    .banner_section .container.animate .cust_btn {
        transform: translateY(0%);
        opacity: 1
    }

    .banner_section .container .right_content {
        transform: translateX(50%);
        opacity: 0;
        transition: 0.5s ease-in-out
    }

    .banner_section .container.animate .right_content {
        transform: translateX(0%);
        opacity: 1
    }

    .banner_section .container #Path_124, .banner_section .container #Path_125, .banner_section .container #Path_126, .banner_section .container #Path_127, .banner_section .container #Path_128 {
        opacity: 0;
        transition: 0.3s ease-in-out;
        transition-delay: 0.5s
    }

    .banner_section .container.animate #Path_124, .banner_section .container.animate #Path_125, .banner_section .container.animate #Path_126, .banner_section .container.animate #Path_127, .banner_section .container.animate #Path_128 {
        opacity: 1
    }

    .banner_section .container #Ellipse_181 {
        opacity: 0;
        transition: 1s ease-in-out;
        clip-path: ellipse(0% 0%)
    }

    .banner_section .container.animate #Ellipse_181 {
        opacity: 1;
        clip-path: ellipse(92.825% 158.178%)
    }

    .banner_section .v1 .content .sub_title {
        transform: translateY(-50%);
        opacity: 0;
        transition: 0.5s ease-in-out
    }

    .banner_section .v1 .content.animate .sub_title {
        transform: translateY(0%);
        opacity: 1
    }

    .banner_section .v1 .content .btn_wrapper {
        transform: translateY(50%);
        opacity: 0;
        transition: 0.5s ease-in-out;
        transition-delay: 0.3s
    }

    .banner_section .v1 .content.animate .btn_wrapper {
        transform: translateY(0%);
        opacity: 1
    }
}

.notransition {
    transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important
}

.next_step.loading {
    position: relative;
    pointer-events: none;
    border: none
}

.next_step.loading:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #fff;
    border: 1px solid #050A30;
    border-radius: 26px
}

.next_step.loading:after {
    margin: auto;
    bottom: 5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 5px;
    color: #050A30;
    pointer-events: none;
    display: block;
    content: '';
    top: 5px
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-family: 'axiformaregular'
}

.daterangepicker select.monthselect {
    font-family: 'axiformaregular'
}

.daterangepicker .drp-buttons .btn {
    font-family: 'axiformaregular'
}

.daterangepicker select.yearselect {
    font-family: 'axiformaregular'
}

.faq_card .small_description ol {
    padding-left: 14px;
    list-style: auto
}

.faq_card .small_description ol li {
    list-style: auto
}

.faq_card .small_description a {
    color: inherit
}

.faq_card .small_description ul, .faq_card .small_description ol {
    margin-top: 15px
}

.grecaptcha-badge {
    visibility: hidden
}

.disabled_element {
    opacity: 0.5 !important;
    pointer-events: none !important
}

.banner_section .swiper-slide {
    position: relative
}

.banner_section .container {
    position: relative;
    z-index: 3
}

.banner_section .v1 .image_container {
    position: relative
}

.banner_section .v1 .image_container:before {
    content: '';
    background-image: linear-gradient(#fff 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.51) 75%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 314px;
    z-index: 1;
    position: absolute
}

.banner_section .v1 .image_container:after {
    content: '';
    background-image: linear-gradient(rgba(51, 68, 65, 0) 0%, rgba(51, 68, 65, 0.74902) 25%, rgba(51, 68, 65, 0.701961) 75%, rgba(51, 68, 65, 0.6) 100%);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 446px;
    z-index: 1;
    position: absolute
}

.banner_section .v1 .image_container img {
    width: 100vw;
    height: 100svh;
    object-fit: cover;
    transition: transform 2s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
    transform: scale(1)
}

.banner_section .v1 .content {
    bottom: 106px;
    left: 0;
    position: absolute;
    z-index: 4;
    width: 100%;
    padding: 0 var(--grid_space)
}

@media (max-width: 768px) {
    .banner_section .v1 .content {
        bottom: 155px
    }
}

.banner_section .v1 .sub_title {
    color: #fff;
    margin-bottom: 35px;
    max-width: 876px
}

@media (max-width: 768px) {
    .banner_section .v1 .sub_title {
        margin-bottom: 20px
    }
}

.banner_section .v1.start_animate .image_container img {
    transform: scale(1.1)
}

@media (max-width: 400px) {
    .banner_section .btn_wrapper .cust_btn {
        min-width: 130px
    }
}

.banner_section .v2 {
    background: #D0DFDC;
    color: #718682;
    height: 100svh;
    min-height: 740px
}

@media (max-width: 990px) {
    .banner_section .v2 {
        display: flex;
        flex-direction: column;
        padding-top: 208px;
        min-height: 100svh;
        height: auto;
        padding-bottom: 71px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 {
        padding-top: 100px;
        padding-bottom: 40px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 {
        padding-top: 80px
    }
}

.banner_section .v2 .absolute_img {
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
    left: 0
}

.banner_section .v2 .absolute_img img {
    min-height: 200px;
    object-fit: cover
}

.banner_section .v2 .image_bg.image_container {
    position: relative;
    overflow: hidden
}

@media (max-width: 990px) {
    .banner_section .v2 .image_bg.image_container {
        position: absolute;
        width: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        height: 100%
    }
}

.banner_section .v2 .image_bg.image_container:before {
    content: '';
    background-color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    opacity: 0.63
}

.banner_section .v2 .image_bg.image_container img {
    width: 100vw;
    height: 100svh;
    object-fit: cover;
    transition: transform 2s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
    transform: scale(1);
    min-height: 100%
}

.banner_section .v2.start_animate .image_bg.image_container img {
    transform: scale(1.1)
}

.banner_section .v2 .phone_btn {
    display: none
}

.banner_section .v2 .container {
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%;
    align-items: center;
    left: 0;
    padding: 0 var(--grid_space) 144px
}

@media (max-width: 1600px) {
    .banner_section .v2 .container {
        padding: 0 var(--grid_space) 100px
    }
}

@media (max-width: 990px) {
    .banner_section .v2 .container {
        position: relative;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 var(--grid_space) 30px
    }
}

.banner_section .v2 .image_content {
    z-index: 3;
    display: flex;
    top: 299px;
    left: 0;
    align-items: center;
    margin-left: -110px;
    position: relative;
    top: 42px
}

@media (max-width: 990px) {
    .banner_section .v2 .image_content {
        position: relative;
        flex-direction: column;
        top: 0;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0;
        width: 100%
    }
}

.banner_section .v2 .image_content .left_content, .banner_section .v2 .image_content .right_content {
    max-width: 290px
}

.banner_section .v2 .image_content .right_content {
    margin-left: -100px
}

@media (max-width: 1440px) {
    .banner_section .v2 .image_content .right_content {
        margin-left: -50px
    }
}

@media (max-width: 990px) {
    .banner_section .v2 .image_content .right_content {
        margin: 0;
        align-self: flex-end
    }
}

.banner_section .v2 .image_content .image_container {
    margin-left: 30px;
    margin-right: 0
}

.banner_section .v2 .image_content .image_container img, .banner_section .v2 .image_content .image_container svg {
    height: 553px;
    min-width: 614px;
    overflow: visible !important
}

@media (max-width: 1600px) {
    .banner_section .v2 .image_content .image_container img, .banner_section .v2 .image_content .image_container svg {
        height: auto;
        min-width: 514px
    }
}

@media (max-width: 1440px) {
    .banner_section .v2 .image_content .image_container img, .banner_section .v2 .image_content .image_container svg {
        height: auto;
        min-width: 414px
    }
}

@media (max-width: 1440px) {
    .banner_section .v2 .image_content .image_container img, .banner_section .v2 .image_content .image_container svg {
        height: auto;
        min-width: 314px
    }
}

@media (max-width: 990px) {
    .banner_section .v2 .image_content .image_container img, .banner_section .v2 .image_content .image_container svg {
        min-width: auto;
        max-height: 300px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 .image_content .image_container img, .banner_section .v2 .image_content .image_container svg {
        max-height: 150px
    }
}

@media (max-width: 990px) {
    .banner_section .v2 .image_content .image_container {
        margin: 0;
        align-self: center
    }
}

@media (max-width: 990px) {
    .banner_section .v2 .image_content .phone_btn {
        display: block;
        margin-top: 30px
    }
}

.banner_section .v2 .image_content .left_title {
    font-size: 121px;
    font-family: 'axiformablack';
    color: #718682;
    font-weight: normal
}

@media (max-width: 1440px) {
    .banner_section .v2 .image_content .left_title {
        font-size: 101px
    }
}

@media (max-width: 1100px) {
    .banner_section .v2 .image_content .left_title {
        font-size: 80px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 .image_content .left_title {
        font-size: 50px
    }
}

.banner_section .v2 .image_content .right_title {
    font-size: 91px;
    font-family: 'axiformablack';
    color: #718682;
    font-weight: normal;
    max-width: 230px
}

@media (min-width: 768px) {
    .banner_section .v2 .image_content .right_title {
        min-width: 255px
    }
}

@media (max-width: 1440px) {
    .banner_section .v2 .image_content .right_title {
        font-size: 71px
    }
}

@media (max-width: 1100px) {
    .banner_section .v2 .image_content .right_title {
        font-size: 71px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 .image_content .right_title {
        font-size: 40px
    }
}

.banner_section .v2 .image_content .small_description {
    margin-top: 5px;
    font-size: 17px;
    line-height: 18px
}

@media (max-width: 768px) {
    .banner_section .v2 .image_content .small_description {
        font-size: 15px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 .image_content img {
        max-height: 168px
    }
}

.banner_section .v2 .content {
    left: 0;
    z-index: 4;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 990px) {
    .banner_section .v2 .content {
        position: relative;
        margin-bottom: 40px;
        top: 0
    }
}

@media (max-width: 768px) {
    .banner_section .v2 .content {
        margin-bottom: 20px
    }
}

@media (max-width: 1440px) {
    .banner_section .v2 .content .sub_title {
        font-size: 45px;
        line-height: 45px
    }
}

@media (max-width: 1024px) {
    .banner_section .v2 .content .sub_title {
        font-size: 35px;
        line-height: 40px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 .content .sub_title {
        font-size: 30px;
        line-height: 35px
    }
}

.banner_section .v2 .content .small_title {
    font-size: 28px;
    margin-top: 11px;
    font-weight: normal
}

@media (max-width: 1440px) {
    .banner_section .v2 .content .small_title {
        font-size: 24px
    }
}

@media (max-width: 768px) {
    .banner_section .v2 .content .small_title {
        font-size: 17px
    }
}

@media (max-width: 990px) {
    .banner_section .v2 .content .btn_wrapper {
        display: none
    }
}

.banner_section .v2 .content .cust_btn {
    margin-top: 300px
}

@media (max-width: 1600px) {
    .banner_section .v2 .content .cust_btn {
        margin-top: 260px
    }
}

@media (min-width: 769px) {
    .banner_section .v2 .image_content .left_title {
        min-width: 274px
    }
}

.special_section {
    padding: 59px var(--grid_space) 50px
}

@media (max-width: 768px) {
    .special_section {
        padding: 39px var(--grid_space) 49px
    }
}

.special_section .special_content {
    max-width: 1140px;
    margin: auto
}

.special_section .special_content .sub_title {
    margin-bottom: 27px
}

@media (max-width: 768px) {
    .special_section .special_content .sub_title {
        margin-bottom: 21px
    }
}

@media (max-width: 405px) {
    .special_section .special_content .sub_title {
        font-size: 23px;
        line-height: 25px
    }
}

.special_section .special_content .special_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -23px
}

.special_section .special_content .special_list li {
    margin-top: 23px;
    width: calc(50% - 55px/2);
    background: #CEDDDA4d;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    border-radius: 10px
}

@media (max-width: 768px) {
    .special_section .special_content .special_list li {
        width: 100%
    }
}

.special_section .special_content .special_list li i {
    margin-right: 20px;
    display: block
}

.special_section .special_content .special_list li p {
    font-size: 18px;
    color: #718682
}

@media (max-width: 768px) {
    .special_section .special_content .special_list li p {
        font-size: 15px
    }
}

.special_section .btn_wrapper {
    margin-top: 40px
}

.special_section .btn_wrapper .cust_btn {
    margin-left: 10px
}

@media (max-width: 768px) {
    .special_section .btn_wrapper .cust_btn {
        min-width: calc(50% - 5px)
    }
}

.special_section .terms_link {
    margin: 37px auto 27px
}

.special_section.v2 .special_content {
    max-width: 100%;
    padding: 0 var(--grid_space)
}

.special_section.v2 .special_content .special_list {
    margin: 0;
    margin-top: -6px
}

.special_section.v2 .special_content .special_list li {
    min-height: 99px;
    margin: 0;
    width: calc(50% - 3px);
    background: #F1F5F4;
    box-shadow: 0px 3px 6px #00000029;
    margin-top: 6px
}

@media (max-width: 768px) {
    .special_section.v2 .special_content .special_list li {
        width: 100%;
        min-height: 85px;
        padding: 0 11px
    }
}

.special_section.v2 .special_content .special_list li i {
    margin-right: 20px;
    display: block;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    min-width: 44px;
    min-height: 44px
}

@media (max-width: 768px) {
    .special_section.v2 .special_content .special_list li i {
        margin-right: 16px
    }
}

.special_section.v2 .special_content .special_list li i path {
    fill: #050A30
}

.special_section.v2 .special_content .special_list li i path#Path_76 {
    fill: #fff;
    stroke: #050A30
}

.special_section.v2 .special_content .special_list li i path#Icon_awesome-check {
    fill: #fff
}

.special_section.v2 .special_content .special_list li p {
    color: #334441
}

.offer_section {
    position: relative;
    overflow: hidden
}

@media (max-width: 1024px) {
    .offer_section {
        min-height: 100svh
    }
}

.offer_section .image_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

@media (max-width: 1024px) {
    .offer_section .image_container {
        min-height: 100svh;
        height: 100%
    }
}

.offer_section .image_container:before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: #000000;
    opacity: 0.29
}

.offer_section .image_container img {
    width: 100%;
    min-height: 735px;
    object-fit: cover;
    height: 100%
}

@media (max-width: 1024px) {
    .offer_section .image_container img {
        height: 100%;
        width: 100%;
        min-height: 1000px;
        object-position: 39% -108px
    }
}

.offer_section .content {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    padding: 87px var(--grid_space) 33px
}

@media (max-width: 1024px) {
    .offer_section .content {
        padding-right: 0
    }
}

@media (max-width: 768px) {
    .offer_section .content {
        padding: 54px var(--grid_space) 33px
    }
}

@media (max-width: 768px) {
    .offer_section .content {
        position: relative;
        z-index: 2;
        padding-right: 0
    }
}

.offer_section .content .title {
    color: #fff;
    margin-bottom: 80px
}

@media (max-width: 1024px) {
    .offer_section .content .title {
        padding-right: 0
    }
}

@media (max-width: 768px) {
    .offer_section .content .title {
        padding-right: --grid_space
    }
}

@media (max-width: 768px) {
    .offer_section .content .title {
        margin-bottom: 20px
    }
}

.offer_section .content .details {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .offer_section .content .details {
        flex-direction: column
    }
}

.offer_section .content .details .left_details {
    margin: 0;
    overflow: visible
}

@media (max-width: 1024px) {
    .offer_section .content .details .left_details {
        overflow: hidden;
        margin-bottom: 50px;
        padding-left: 5px;
        width: 100%
    }
}

.offer_section .content .details .left_details ul {
    margin-top: -10px;
    flex-direction: column
}

@media (max-width: 1024px) {
    .offer_section .content .details .left_details ul {
        flex-direction: row
    }
}

.offer_section .content .details .left_details ul li {
    height: auto
}

@media (max-width: 1024px) {
    .offer_section .content .details .left_details ul li {
        flex-direction: row;
        width: auto
    }
}

.offer_section .content .details .left_details ul li.selected a {
    background: #050A30;
    font-family: 'axiformablack'
}

.offer_section .content .details .left_details ul a {
    margin-top: 10px;
    font-size: 25px;
    color: #fff;
    margin-left: -4px;
    padding: 0 15px;
    display: flex;
    min-height: 39px;
    align-items: center;
    padding-top: 3px;
    cursor: pointer;
    width: auto;
    max-width: fit-content;
    max-width: intrinsic;
    max-width: -moz-max-content;
    max-width: -webkit-max-content;
    border-radius: 17px;
    font-family: 'axiformamedium'
}

@media (max-width: 1024px) {
    .offer_section .content .details .left_details ul a {
        margin-left: 0px
    }
}

@media (max-width: 768px) {
    .offer_section .content .details .left_details ul a {
        font-size: 19px;
        min-height: 27px
    }
}

@media (min-width: 1025px) {
    .offer_section .content .details .left_details ul a {
        transition: background 0.3s
    }

    .offer_section .content .details .left_details ul a:hover {
        background: #050A30;
        font-family: 'axiformablack'
    }
}

.offer_section .content .details .right_details {
    display: flex;
    align-items: flex-end
}

@media (max-width: 1024px) {
    .offer_section .content .details .right_details {
        padding-right: 0
    }
}

@media (max-width: 768px) {
    .offer_section .content .details .right_details {
        padding-right: var(--grid_space)
    }
}

.offer_section .content .details .right_details ul {
    width: 786px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -20px
}

.offer_section .content .details .right_details ul.hide_benefit_list {
    display: none
}

@media (max-width: 1234px) {
    .offer_section .content .details .right_details ul {
        width: 586px
    }
}

@media (max-width: 1024px) {
    .offer_section .content .details .right_details ul {
        width: 100%
    }
}

.offer_section .content .details .right_details ul li {
    min-height: 91px;
    background: #ffffffcf;
    border-radius: 46px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 27px;
    width: calc(50% - 11px);
    margin-top: 20px
}

@media (max-width: 1024px) {
    .offer_section .content .details .right_details ul li {
        width: 100%
    }
}

.offer_section .content .details .right_details ul li .detail_title {
    font-family: 'axiformabold';
    font-weight: normal;
    font-size: 15px;
    color: #050A30;
    margin-bottom: 5px;
    line-height: 18px
}

.why_choose {
    padding: 67px var(--grid_space) 136px;
    display: flex;
    align-items: stretch
}

@media (max-width: 768px) {
    .why_choose {
        flex-direction: column;
        padding: 42px var(--grid_space) 27px
    }
}

.why_choose .left_section {
    width: 65%
}

@media (max-width: 768px) {
    .why_choose .left_section {
        width: 100%
    }
}

.why_choose .left_section .image_container {
    position: relative;
    height: 100%
}

.why_choose .left_section .image_container img {
    border-radius: 22px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 768px) {
    .why_choose .left_section .image_container img {
        min-height: 450px
    }
}

.why_choose .left_section .image_container:before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: #000000;
    opacity: 0.11;
    border-radius: 22px
}

.why_choose .left_section .image_container .title {
    display: flex;
    position: absolute;
    top: 0;
    left: 95px;
    height: 100%;
    align-items: center;
    color: #fff;
    max-width: 380px;
    border-radius: 22px;
    z-index: 2;
    text-shadow: 0px 3px 6px #00000029
}

@media (max-width: 1024px) {
    .why_choose .left_section .image_container .title {
        left: 0;
        padding-left: var(--grid_space);
        width: 100%;
        max-width: 294px;
        font-size: 50px
    }
}

.why_choose .right_section {
    width: calc(35% + 30px);
    position: relative;
    margin-left: -30px;
    background: #D0DFDC;
    padding: 31px 70px;
    z-index: 2;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px
}

@media (max-width: 768px) {
    .why_choose .right_section {
        width: 100%;
        margin: 0;
        margin-top: -30px;
        padding: 60px var(--grid_space) 48px;
        border-radius: 0;
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px
    }
}

.why_choose .right_section ul {
    margin-top: -62px
}

@media (max-width: 768px) {
    .why_choose .right_section ul {
        margin-top: -58px
    }
}

.why_choose .right_section ul li {
    margin-top: 62px;
    color: #718682
}

@media (max-width: 768px) {
    .why_choose .right_section ul li {
        margin-top: 58px
    }
}

@media (max-width: 768px) {
    .why_choose .right_section ul li .sub_title {
        font-size: 30px;
        line-height: 30px
    }
}

.why_choose .right_section ul li i {
    margin-bottom: 24px;
    display: block
}

@media (max-width: 768px) {
    .why_choose .right_section ul li i img {
        max-height: 24px
    }
}

@media (max-width: 768px) {
    .why_choose .right_section ul li:last-child i img {
        max-height: 34px
    }
}

.why_choose .right_section ul li p {
    margin-top: 5px;
    font-size: 19px
}

@media (max-width: 768px) {
    .why_choose .right_section ul li p {
        font-size: 17px
    }
}

.card_links {
    padding: 0 var(--grid_space) 127px
}

@media (max-width: 768px) {
    .card_links {
        padding: 0 var(--grid_space) 60px
    }
}

.card_links ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -37px;
    width: calc(100% + 21px);
    margin-left: -21px
}

@media (max-width: 768px) {
    .card_links ul {
        margin-top: -18px
    }
}

.card_links ul li {
    margin-top: 37px;
    margin-left: 21px
}

@media (min-width: 1025px) {
    .card_links ul li {
        transition: all 0.3s
    }

    .card_links ul li:hover {
        transform: translateY(-10px)
    }
}

.card_links ul li a {
    cursor: pointer
}

.card_links ul li:nth-child(1) {
    width: calc(40% - 21px)
}

.card_links ul li:nth-child(2) {
    width: calc(60% - 21px)
}

.card_links ul li:nth-child(3) {
    width: calc(100%/3 - 23px)
}

.card_links ul li:nth-child(4) {
    width: calc(100%/3 - 23px)
}

.card_links ul li:nth-child(5) {
    width: calc(100%/3 - 23px)
}

@media (max-width: 1224px) {
    .card_links ul li:nth-child(n) {
        width: calc(50% - 23px)
    }
}

@media (max-width: 911px) {
    .card_links ul li:nth-child(n) {
        width: 100%;
        margin-top: 18px
    }
}

.card_links ul li .image_container img {
    height: 340px;
    min-height: 20vw
}

@media (max-width: 768px) {
    .card_links ul li .image_container img {
        min-height: 256px;
        max-height: 256px;
        height: auto
    }
}

.card_links ul li .image_container img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover
}

.card_links ul li .bottom_details {
    min-height: 66px;
    display: flex;
    padding: 10px 36px;
    background: #718682;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    align-items: center;
    margin-top: -30px;
    position: relative;
    z-index: 1
}

@media (max-width: 768px) {
    .card_links ul li .bottom_details {
        height: 50px;
        min-height: 50px
    }
}

@media (max-width: 430px) {
    .card_links ul li .bottom_details {
        padding: 10px 18px
    }

    .card_links ul li .bottom_details i svg {
        height: 20px
    }
}

.card_links ul li .bottom_details .instgarm_icon {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.card_links ul li .bottom_details .instgarm_icon svg {
    height: 13px;
    width: 13px;
    margin-left: -1px
}

.card_links ul li .bottom_details .instgarm_icon path {
    stroke: #718682
}

.card_links ul li .bottom_details .small_title {
    font-size: 28px;
    margin-right: 26px;
    font-family: 'axiformablack';
    color: #fff
}

@media (max-width: 1460px) {
    .card_links ul li .bottom_details .small_title {
        font-size: 25px
    }
}

@media (max-width: 1327px) {
    .card_links ul li .bottom_details .small_title {
        font-size: 22px
    }
}

@media (max-width: 1024px) {
    .card_links ul li .bottom_details .small_title {
        font-size: 20px
    }
}

@media (max-width: 768px) {
    .card_links ul li .bottom_details .small_title {
        margin-right: 20px
    }
}

@media (max-width: 430px) {
    .card_links ul li .bottom_details .small_title {
        font-size: 17px;
        margin-right: 10px
    }
}

@media (max-width: 340px) {
    .card_links ul li .bottom_details .small_title {
        font-size: 15px
    }
}

.our_plan_section {
    padding: 0 var(--grid_space)
}

.our_plan_section .sub_title {
    margin-bottom: 41px
}

@media (max-width: 768px) {
    .our_plan_section .sub_title {
        margin-bottom: 18px
    }
}

.our_plan_section .title {
    margin-bottom: 35px
}

@media (max-width: 768px) {
    .our_plan_section .title {
        margin-bottom: 18px
    }
}

.our_plan_section .our_plans_list {
    display: flex;
    justify-content: space-between
}

@media (max-width: 768px) {
    .our_plan_section .our_plans_list {
        flex-wrap: wrap
    }
}

.our_plan_section .our_plans_list .our_plan_item {
    width: calc(50% - 14px);
    background: #D0DFDC;
    padding: 96px 81px 68px;
    border-radius: 20px;
    position: relative;
    min-height: 22vw
}

@media (max-width: 1024px) {
    .our_plan_section .our_plans_list .our_plan_item {
        padding: 54px 36px 40px
    }
}

@media (max-width: 768px) {
    .our_plan_section .our_plans_list .our_plan_item {
        width: 100%
    }

    .our_plan_section .our_plans_list .our_plan_item:nth-child(2) {
        margin-top: 13px
    }
}

.our_plan_section .our_plans_list .our_plan_item:before {
    content: "";
    position: absolute;
    border-radius: 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat
}

@media (max-width: 768px) {
    .our_plan_section .our_plans_list .our_plan_item:before {
        width: 340px;
        left: -80px
    }
}

.our_plan_section .our_plans_list .our_plan_item:nth-child(1):before {
    background-image: url("../images/ind_plan.png")
}

.our_plan_section .our_plans_list .our_plan_item:nth-child(2):before {
    background-image: url("../images/fam_plan.png");
    background-position: left bottom
}

@media (max-width: 768px) {
    .our_plan_section .our_plans_list .our_plan_item:nth-child(2):before {
        right: -59px;
        left: auto
    }
}

.our_plan_section .our_plans_list .our_plan_item a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #718682;
    position: relative;
    z-index: 2;
    cursor: pointer
}

@media (min-width: 1025px) {
    .our_plan_section .our_plans_list .our_plan_item a {
        transition: all 0.3s
    }

    .our_plan_section .our_plans_list .our_plan_item a:hover .cust_btn {
        color: #050A30;
        background: #fff
    }
}

.our_plan_section .our_plans_list .our_plan_item .small_title {
    font-family: 'axiformablack';
    font-size: 30px;
    margin-bottom: 19px
}

@media (max-width: 768px) {
    .our_plan_section .our_plans_list .our_plan_item .small_title {
        font-size: 20px;
        margin-bottom: 11px
    }
}

.our_plan_section .our_plans_list .our_plan_item .small_description {
    line-height: 23px
}

.our_plan_section .our_plans_list .our_plan_item .cust_btn {
    margin-top: 51px;
    min-width: 244px
}

@media (max-width: 768px) {
    .our_plan_section .our_plans_list .our_plan_item .cust_btn {
        margin-top: 30px;
        min-width: 172px
    }
}

.news_popup {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 94;
    width: 543px;
    max-width: 100%;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029
}

.news_popup .news_close {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    z-index: 2
}

@media (min-width: 1025px) {
    .news_popup .news_close:hover path {
        fill: #050A30
    }
}

.news_popup .container {
    padding: 30px;
    display: flex;
    align-items: center;
    padding-right: 87px
}

@media (max-width: 768px) {
    .news_popup .container {
        padding: 20px;
        padding-right: 50px
    }
}

.news_popup .container .left_content {
    margin-right: 18px
}

@media (max-width: 768px) {
    .news_popup .container .left_content {
        margin-right: 10px
    }
}

.news_popup .container .image_container img {
    border-radius: 11px;
    max-width: 77px
}

@media (max-width: 768px) {
    .news_popup .container .image_container img {
        max-width: 50px
    }
}

.news_popup .container .right_content .small_title {
    font-size: 20px;
    color: #718682;
    line-height: 26px;
    font-family: 'axiformablack'
}

@media (max-width: 768px) {
    .news_popup .container .right_content .small_title {
        font-size: 17px;
        line-height: 20px
    }
}

.news_popup .swiper-slide .left_content, .news_popup .swiper-slide .right_content {
    opacity: 0;
    transition: opacity 1s;
    transition-delay: 0.7s
}

.news_popup .swiper-slide .left_content .small_title, .news_popup .swiper-slide .right_content .small_title {
    font-family: Tahoma;
    text-align: end;
    direction: rtl;
    text-align: right
}

.news_popup .swiper-slide-active .left_content, .news_popup .swiper-slide-active .right_content {
    opacity: 1
}

.service_page .special_section {
    padding-top: 64px;
    padding-bottom: 0
}

@media (max-width: 768px) {
    .service_page .special_section {
        padding: 25px 0px 0px
    }
}

.service_page .special_section .btn_wrapper {
    justify-content: center
}

@media (max-width: 768px) {
    .service_page .special_section .btn_wrapper {
        margin-top: 20px
    }
}

.service_page .our_plan_section {
    padding-bottom: 17px
}

@media (max-width: 768px) {
    .service_page .our_plan_section {
        padding-top: 30px;
        padding-bottom: 37px
    }
}

.service_banner_section {
    position: relative
}

.service_banner_section .image_container {
    position: relative;
    overflow: hidden
}

.service_banner_section .image_container:after {
    content: '';
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.51) 75%, #fff 100%);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 532px;
    z-index: 1;
    position: absolute;
    opacity: 0.4
}

.service_banner_section .image_container img {
    width: 100vw;
    height: calc(100svh - 150px);
    object-fit: cover;
    transition: transform 2s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
    transform: scale(1);
    min-height: 500px
}

@media (min-width: 769px) {
    .service_banner_section .image_container img {
        height: calc(100svh - 100px)
    }
}

@media (max-width: 768px) {
    .service_banner_section .image_container img {
        height: calc(100svh - 100px)
    }
}

.service_banner_section.start_animate .image_container img {
    transform: scale(1.1)
}

.service_banner_section .content {
    bottom: 141px;
    left: 0;
    position: absolute;
    z-index: 4;
    width: 100%;
    padding: 0 var(--grid_space)
}

@media (min-width: 769px) and (max-height: 660px) {
    .service_banner_section .content {
        bottom: 90px
    }
}

@media (max-width: 768px) {
    .service_banner_section .content {
        bottom: auto;
        top: 150px
    }
}

.service_banner_section .sub_title {
    color: #718682;
    margin-bottom: 35px;
    max-width: 569px
}

.service_apply_section {
    display: flex;
    padding: 80px var(--grid_space) 169px
}

@media (max-width: 768px) {
    .service_apply_section {
        flex-direction: column;
        padding: 19px var(--grid_space) 60px
    }
}

.service_apply_section .left_section {
    width: 50%;
    padding-right: 29px
}

@media (max-width: 768px) {
    .service_apply_section .left_section {
        width: 100%;
        padding: 0
    }
}

.service_apply_section .left_section .image_container {
    height: 100%;
    width: 100%;
    position: relative
}

.service_apply_section .left_section .image_container:before {
    content: '';
    background-image: linear-gradient(#000 0%, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0.51) 75%, rgba(0, 0, 0, 0) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 369px;
    z-index: 1;
    position: absolute;
    border-radius: 28px;
    opacity: 0.5
}

.service_apply_section .left_section .image_container img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    border-radius: 28px;
    height: 646px;
    max-height: 80vh;
    min-height: 100%
}

@media (max-width: 768px) {
    .service_apply_section .left_section .image_container img {
        height: auto;
        max-height: 100%;
        min-height: 520px
    }
}

.service_apply_section .left_section .content {
    position: absolute;
    left: 0;
    z-index: 3;
    top: 0;
    height: 90%;
    width: 100%;
    padding: 80px 42px 36px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 768px) {
    .service_apply_section .left_section .content {
        flex-direction: column;
        padding: 32px 20px 20px
    }
}

.service_apply_section .left_section .content .sub_title {
    color: #fff;
    max-width: 310px;
    text-shadow: 0px 3px 6px #00000029
}

@media (max-width: 768px) {
    .service_apply_section .left_section .content .sub_title {
        max-width: 228px
    }
}

.service_apply_section .left_section .content .bottom_details {
    margin-top: 13px
}

@media (max-width: 768px) {
    .service_apply_section .left_section .content .bottom_details {
        margin-top: 9px
    }
}

.service_apply_section .left_section .content .bottom_details .list {
    margin-top: -13px;
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .service_apply_section .left_section .content .bottom_details .list {
        margin-top: -9px
    }
}

.service_apply_section .left_section .content .bottom_details .list li {
    font-size: 15px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #050A30;
    min-height: 52px;
    padding: 10px 24px;
    border-radius: 26px;
    margin-top: 13px
}

@media (max-width: 768px) {
    .service_apply_section .left_section .content .bottom_details .list li {
        margin-top: 9px;
        min-height: 46px
    }
}

.service_apply_section .left_section .content .bottom_details .terms_link {
    color: #fff;
    margin-top: 51px
}

@media (min-width: 1025px) {
    .service_apply_section .left_section .content .bottom_details .terms_link:hover {
        color: #050A30
    }
}

@media (max-width: 768px) {
    .service_apply_section .left_section .content .bottom_details .terms_link {
        margin-top: 30px
    }
}

.service_apply_section .right_section {
    width: 50%;
    padding-left: 29px;
    padding-top: 100px;
    color: #718682
}

@media (max-width: 768px) {
    .service_apply_section .right_section {
        width: 100%;
        padding: 0;
        padding-top: 45px
    }
}

.service_apply_section .right_section .sub_title {
    max-width: 433px
}

@media (max-width: 768px) {
    .service_apply_section .right_section .sub_title {
        max-width: 100%
    }
}

.service_apply_section .right_section .small_description {
    max-width: 556px;
    margin-top: 56px;
    line-height: 23px
}

@media (max-width: 768px) {
    .service_apply_section .right_section .small_description {
        max-width: 100%;
        margin-top: 50px
    }
}

.service_apply_section .right_section .small_description>ul {
    margin-top: -12px
}

@media (max-width: 768px) {
    .service_apply_section .right_section .small_description>ul {
        margin-top: -26px
    }
}

.service_apply_section .right_section .small_description>ul>li {
    margin-top: 12px;
    position: relative;
    padding-left: 20px
}

@media (max-width: 768px) {
    .service_apply_section .right_section .small_description>ul>li {
        margin-top: 26px
    }
}

.service_apply_section .right_section .small_description>ul>li:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 9px;
    display: block;
    background: #718682;
    margin-top: 5px;
    max-width: 0px;
    overflow: hidden;
    min-width: 9px;
    min-height: 9px;
    position: absolute;
    left: 0;
    top: 0
}

.service_apply_section .right_section .small_description>ul>li ul {
    padding-left: 27px;
    margin-top: 20px
}

@media (max-width: 768px) {
    .service_apply_section .right_section .small_description>ul>li ul {
        margin-top: 5px
    }
}

.service_apply_section .right_section .small_description>ul>li ul li {
    display: flex
}

.service_apply_section .right_section .small_description>ul>li ul li:before {
    content: "-";
    width: 9px;
    height: 9px;
    margin-right: 2px;
    display: block;
    color: #718682;
    margin-top: -1px
}

.faq_wrapper {
    position: relative;
    overflow: hidden
}

.faq_section {
    min-height: 574px;
    position: relative;
    padding: 62px var(--grid_space) 50px;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

@media (max-width: 768px) {
    .faq_section {
        min-height: 408px;
        align-items: stretch;
        padding: 48px var(--grid_space) 22px
    }
}

.faq_section::before {
    content: ""
}

.faq_section .image_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1000px;
    min-height: 100%
}

.faq_section .image_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom
}

.faq_section .content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

.faq_section .content .faq_swiper {
    width: 100%
}

@media (max-width: 768px) {
    .faq_section .content .faq_swiper {
        flex: 1;
        display: flex;
        align-items: flex-end
    }
}

.faq_section .content .top_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
    width: 100%
}

.faq_section .content .sub_title {
    color: #fff
}

.faq_section .content .swiper-wrapper {
    align-items: flex-end
}

.faq_section .content .swiper-slide {
    padding: 3px;
    width: 480px;
    display: flex;
    align-items: flex-end
}

@media (max-width: 768px) {
    .faq_section .content .swiper-slide {
        width: 264px
    }
}

.faq_section .content .faq_card {
    padding: 24px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    color: #334441;
    position: relative;
    min-height: 137px;
    border-radius: 8px;
    min-width: 474px;
    min-height: 200px;
    cursor: pointer
}

@media (max-width: 768px) {
    .faq_section .content .faq_card {
        min-width: 258px;
        min-height: 106px;
        padding-bottom: 40px
    }
}

.faq_section .content .faq_card .faq_arrow {
    position: absolute;
    z-index: 1;
    right: 34px;
    bottom: 25px;
    cursor: pointer
}

@media (max-width: 768px) {
    .faq_section .content .faq_card .faq_arrow {
        right: 26px;
        bottom: 19px
    }
}

.faq_section .content .faq_card .small_description {
    display: none;
    margin-top: 19px;
    line-height: 23px
}

.faq_section .content .faq_card .small_description ul li {
    display: flex
}

.faq_section .content .faq_card .small_description ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 21px;
    display: block;
    background: #718682;
    margin-top: 5px;
    min-width: 9px;
    min-height: 9px
}

@media (max-width: 768px) {
    .faq_section .content .faq_card .small_description {
        margin-top: 10px
    }
}

.faq_section .content .faq_card.expanded .small_description {
    display: block;
    line-height: 21px;
    max-width: calc(100% - 40px)
}

@media (max-width: 768px) {
    .faq_section .content .faq_card.expanded .small_description {
        max-width: 100%
    }
}

.faq_section .content .faq_card.expanded .faq_arrow {
    transform: rotate(180deg)
}

.faq_section .content .faq_card .faq_title {
    max-width: calc(100% - 40px);
    font-size: 26px;
    font-family: 'axiformamedium';
    line-height: 34px;
    font-weight: normal
}

@media (max-width: 768px) {
    .faq_section .content .faq_card .faq_title {
        font-size: 15px;
        line-height: 16px
    }
}

@media (max-width: 768px) {
    .faq_section .content .faq_card .faq_title {
        max-width: 100%
    }
}

.faq_section .content .cust_btn {
    margin-top: 41px
}

.swiper_actions {
    display: flex;
    align-items: center
}

.swiper_actions .fraction {
    color: #345D56;
    font-family: 'axiformamedium';
    display: flex;
    margin: 0 10px
}

.swiper_actions .next, .swiper_actions .prev {
    position: relative;
    z-index: 1;
    cursor: pointer
}

.offer_popup {
    padding: 94px var(--grid_space);
    background: #000000B0;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none
}

@media (max-width: 1100px) {
    .offer_popup {
        padding: 50px
    }
}

@media (max-width: 768px) {
    .offer_popup {
        padding: 0
    }
}

.offer_popup.show {
    display: block
}

.offer_popup .close_offer {
    position: absolute;
    right: 50px;
    top: 57px;
    z-index: 10;
    cursor: pointer
}

@media (max-width: 768px) {
    .offer_popup .close_offer {
        top: 30px;
        right: var(--grid_space)
    }

    .offer_popup .close_offer svg {
        height: 20px;
        width: 20px
    }
}

@media (min-width: 1025px) {
    .offer_popup .close_offer:hover path {
        fill: #050A30
    }
}

.offer_popup .offer_section {
    position: relative;
    min-height: 100%
}

.offer_popup .offer_section .image_container {
    position: absolute;
    width: 100%;
    height: 100%
}

.offer_popup .offer_section .image_container img {
    height: 100%;
    width: 100%
}

.offer_popup .offer_section .content {
    position: relative;
    min-height: 100%;
    z-index: 4
}

.terms_exclusion_popup {
    background: #00000082;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.terms_exclusion_popup.show {
    display: flex
}

.terms_exclusion_popup .sub_title {
    color: #718682;
    margin-bottom: 44px
}

.terms_exclusion_popup .popup_wrapper {
    max-height: 90%;
    position: relative;
    width: 100%;
    overflow-y: auto
}

@media (max-width: 768px) {
    .terms_exclusion_popup .popup_wrapper {
        max-height: 100%;
        width: calc(100% + 15px);
        height: 100%;
        background: #fff
    }
}

.terms_exclusion_popup .terms_exclusion_container {
    padding: 83px 176px 76px 58px;
    background: #fff;
    width: 90%;
    max-width: 809px;
    margin: auto;
    position: relative
}

@media (max-width: 768px) {
    .terms_exclusion_popup .terms_exclusion_container {
        padding: 40px var(--grid_space);
        width: calc(100% - 15px);
        height: 100%
    }
}

.terms_exclusion_popup .terms_exclusion_container .close_terms_exclusion {
    top: 76px;
    right: 58px;
    position: absolute;
    z-index: 1;
    cursor: pointer
}

@media (max-width: 768px) {
    .terms_exclusion_popup .terms_exclusion_container .close_terms_exclusion {
        top: 30px;
        right: var(--grid_space)
    }

    .terms_exclusion_popup .terms_exclusion_container .close_terms_exclusion svg {
        height: 20px;
        width: 20px
    }
}

@media (min-width: 1025px) {
    .terms_exclusion_popup .terms_exclusion_container .close_terms_exclusion:hover path {
        fill: #050A30
    }
}

.terms_exclusion_popup ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px
}

@media (max-width: 768px) {
    .terms_exclusion_popup ul {
        margin-top: -10px
    }
}

.terms_exclusion_popup ul li {
    display: flex;
    width: 100%;
    margin-top: 20px;
    color: #334441;
    font-size: 18px;
    line-height: 18px
}

@media (max-width: 768px) {
    .terms_exclusion_popup ul li {
        margin-top: 10px;
        font-size: 15px;
        line-height: 15px
    }
}

.terms_exclusion_popup ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 18px;
    display: block;
    background: #718682;
    margin-top: 5px;
    min-width: 9px;
    min-height: 9px
}

@media (min-width: 1025px) {
    .terms_link:hover {
        color: #050A30
    }
}

.hospital_banner_section {
    position: relative
}

.hospital_banner_section .image_container {
    position: relative;
    overflow: hidden
}

.hospital_banner_section .image_container:after {
    content: '';
    background: #000000;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    opacity: 0.06
}

.hospital_banner_section .image_container img {
    width: 100%;
    min-height: 540px;
    object-fit: cover;
    max-height: 540px;
    object-position: top;
    transition: transform 2s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
    transform: scale(1)
}

.hospital_banner_section.start_animate .image_container img {
    transform: scale(1.1)
}

.hospital_banner_section .content {
    top: 164px;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 4
}

@media (max-width: 768px) {
    .hospital_banner_section .content {
        top: 102px
    }
}

@media (max-width: 768px) {
    .hospital_banner_section .sub_title {
        font-size: 26px
    }
}

.hospital_banner_section .hospital_title {
    font-size: 28px;
    font-family: 'axiformabold';
    color: #fff;
    margin-top: 13px
}

@media (max-width: 768px) {
    .hospital_banner_section .hospital_title {
        font-size: 20px;
        margin-top: 7px
    }
}

.hospital_banner_section .sub_title {
    color: #fff;
    text-shadow: 0px 3px 6px #00000029
}

.hospital_banner_section .bottom_banner {
    bottom: 35px;
    display: flex;
    position: absolute;
    left: 0;
    width: 100%;
    justify-content: center;
    z-index: 3;
    padding: 0 var(--grid_space)
}

@media (max-width: 974px) {
    .hospital_banner_section .bottom_banner {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (max-width: 768px) {
    .hospital_banner_section .bottom_banner {
        font-size: 13px;
        flex-direction: column
    }
}

.hospital_banner_section .bottom_banner .banner_select {
    margin-right: 19px
}

@media (max-width: 974px) {
    .hospital_banner_section .bottom_banner .banner_select {
        margin-right: 0px;
        margin-bottom: 13px
    }
}

@media (max-width: 768px) {
    .hospital_banner_section .bottom_banner .banner_select {
        margin-right: 0;
        margin-top: 0px;
        margin-bottom: 13px;
        max-width: 100%
    }
}

.hospital_banner_section .bottom_banner .banner_select:last-child {
    margin-right: 0
}

.hospital_banner_section .banner_select {
    position: relative
}

@media (max-width: 974px) {
    .hospital_banner_section .banner_select {
        width: 45%
    }
}

@media (max-width: 768px) {
    .hospital_banner_section .banner_select {
        width: 100%
    }
}

.hospital_banner_section .banner_select i {
    position: absolute;
    right: 30px;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

.hospital_banner_section .banner_select select {
    appearance: none;
    outline: none;
    border: none;
    background: #fff;
    width: 348px;
    height: 58px;
    border-radius: 29px;
    padding-left: 34px;
    padding-right: 50px;
    font-size: 15px;
    font-family: 'axiformasemibold';
    color: #334441;
    max-width: 100%
}

@media (max-width: 1660px) {
    .hospital_banner_section .banner_select select {
        width: 250px
    }
}

@media (max-width: 1200px) {
    .hospital_banner_section .banner_select select {
        width: 200px
    }
}

@media (max-width: 974px) {
    .hospital_banner_section .banner_select select {
        width: 100%
    }
}

@media (max-width: 768px) {
    .hospital_banner_section .banner_select select {
        width: 100%
    }
}

.hostpital_section {
    padding: 35px var(--grid_space)
}

.hostpital_section .big_hostpital_title {
    font-size: 30px;
    color: #718682;
    font-family: 'axiformablack';
    font-weight: normal;
    text-align: center
}

.hostpital_section .hospital_list {
    margin-top: -25px;
    margin-left: -25px;
    width: calc(100% + 25px);
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    .hostpital_section .hospital_list {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 400px) {
    .hostpital_section .hospital_list {
        width: 100%;
        margin-left: 0
    }
}

.hostpital_section .hospital_list .hospital_item {
    margin-left: 25px;
    margin-top: 25px;
    width: calc(20% - 25px);
    min-width: 322px
}

@media (min-width: 2300px) {
    .hostpital_section .hospital_list .hospital_item {
        width: calc(100%/6 - 25px)
    }
}

@media (max-width: 1880px) {
    .hostpital_section .hospital_list .hospital_item {
        width: calc(25% - 25px)
    }
}

@media (max-width: 1560px) {
    .hostpital_section .hospital_list .hospital_item {
        width: calc(100%/3 - 25px)
    }
}

@media (max-width: 1150px) {
    .hostpital_section .hospital_list .hospital_item {
        width: calc(100%/2 - 25px)
    }
}

@media (max-width: 800px) {
    .hostpital_section .hospital_list .hospital_item {
        min-width: 100%;
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 400px) {
    .hostpital_section .hospital_list .hospital_item {
        width: 100%;
        margin-left: 0
    }
}

.hostpital_section .hospital_list .hospital_item .hospital_card {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    padding: 37px;
    box-shadow: 0px 3px 6px #00000029;
    min-width: 342px;
    width: 100%;
    border-radius: 10px;
    height: 100%;
    min-height: 15vw
}

@media (max-width: 1616px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card {
        min-height: 20vw
    }
}

@media (max-width: 1250px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card {
        min-height: 30vw
    }
}

@media (max-width: 800px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card {
        min-height: 40vw
    }
}

@media (max-width: 768px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card {
        height: auto;
        min-height: auto;
        padding-top: 40px
    }
}

@media (max-width: 800px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card {
        width: 100%
    }
}

@media (max-width: 400px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card {
        min-width: 100%;
        width: 100%
    }
}

.hostpital_section .hospital_list .hospital_item .hospital_card .image_container {
    flex: 1;
    display: flex;
    align-items: center
}

.hostpital_section .hospital_list .hospital_item .hospital_card .chosen_filter {
    position: absolute;
    top: 17px;
    min-width: 171px;
    padding: 0 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 13px;
    color: #7BAFA7;
    background: #9BCFC766;
    border-radius: 20px;
    height: 33px;
    position: static;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card .chosen_filter {
        margin-top: -10px
    }
}

.hostpital_section .hospital_list .hospital_item .hospital_card .chosen_filter.red {
    color: #050A30;
    background: #050A3026
}

.hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content {
    margin-top: 20px;
    width: 100%
}

.hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content .hospital_title {
    font-weight: normal;
    color: #050A30;
    font-size: 15px;
    padding-bottom: 21px;
    width: 100%;
    font-family: 'axiformasemibold';
    border-bottom: 1px solid #7070702B;
    text-align: center
}

.hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content .hospital_info {
    display: flex;
    padding-top: 22px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: -14px;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content .hospital_info {
        width: 100%;
        flex-direction: column
    }
}

.hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content .hospital_info a {
    background: #9BCFC766;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding: 5px;
    padding-right: 10px;
    min-height: 33px;
    margin-top: 10px;
    border-radius: 20px;
    color: #334441;
    width: calc(50% - 7px)
}

@media (max-width: 768px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content .hospital_info a {
        max-width: calc(50% - 7px)
    }
}

@media (max-width: 768px) {
    .hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content .hospital_info a {
        width: 100%;
        flex: 1;
        max-width: 100%
    }
}

.hostpital_section .hospital_list .hospital_item .hospital_card .bottom_content .hospital_info a i {
    min-width: 24px;
    min-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #9BCFC7;
    margin-right: 7px
}

.hospital_banner_section .content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.hospital_banner_section .content .cust_btn {
    min-width: 235px;
    margin-top: 13px
}

@media (max-width: 768px) {
    .hospital_banner_section .content .cust_btn {
        min-width: 180px
    }
}

@media (max-width: 768px) {
    .hospital_banner_section .image_container img {
        min-height: 565px;
        max-height: 565px
    }
}

.about_banner_section {
    position: relative;
    min-height: 550px
}

.about_banner_section .image_container {
    overflow: hidden
}

.about_banner_section .image_container:after {
    content: '';
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.51) 75%, #fff 100%);
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    z-index: 1;
    position: absolute;
    opacity: 0.69
}

@media (max-width: 768px) {
    .about_banner_section .image_container:after {
        width: 100%
    }
}

.about_banner_section .image_container img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: transform 2s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
    transform: scale(1)
}

.about_banner_section.start_animate .image_container img {
    transform: scale(1.1)
}

.about_banner_section .content {
    position: relative;
    z-index: 3;
    color: #718682;
    padding: 197px var(--grid_space) 36px
}

@media (max-width: 768px) {
    .about_banner_section .content {
        padding: 144px var(--grid_space) 70px
    }
}

.about_banner_section .content .text_content {
    max-width: 646px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width: 1400px) {
    .about_banner_section .content .text_content {
        max-width: 50%
    }
}

.about_banner_section .content .text_content.expanded .expanded_element {
    display: flex
}

.about_banner_section .content .text_content.expanded .collapsed_element {
    display: none
}

.about_banner_section .content .small_description {
    line-height: 26px
}

.about_banner_section .content .expanded_element {
    display: none
}

@media (max-width: 768px) {
    .about_banner_section .content svg {
        width: 30px;
        height: 30px
    }
}

.about_banner_section .content .calender_about {
    color: #050A30;
    margin-bottom: 31px
}

@media (max-width: 768px) {
    .about_banner_section .content .calender_about {
        margin-bottom: 49px;
        margin-top: 13px
    }
}

.about_banner_section .content .cust_btn {
    margin-top: 31px
}

.about_missions {
    position: relative;
    overflow: hidden
}

.about_missions .image_container {
    position: relative
}

.about_missions .image_container:after {
    content: '';
    background-image: linear-gradient(#fff 0%, #fff 25%, rgba(255, 255, 255, 0.6) 75%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 600px;
    z-index: 1;
    position: absolute
}

@media (max-width: 990px) {
    .about_missions .image_container:after {
        height: 90%
    }
}

@media (max-width: 990px) {
    .about_missions .image_container {
        height: 90%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        min-height: 700px
    }
}

.about_missions .image_container img {
    width: 100%;
    min-height: 700px;
    object-fit: cover
}

@media (max-width: 990px) {
    .about_missions .image_container img {
        height: 100%;
        width: 100%;
        min-height: 100%
    }
}

.about_missions .content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 279px var(--grid_space) 40px;
    z-index: 2
}

@media (max-width: 990px) {
    .about_missions .content {
        padding: 77px var(--grid_space) 270px;
        position: relative
    }
}

.about_missions .content .mission_list {
    display: flex;
    justify-content: space-between
}

@media (max-width: 990px) {
    .about_missions .content .mission_list {
        flex-direction: column
    }
}

.about_missions .content .mission_list .mission_item {
    color: #718682;
    width: 377px;
    padding-bottom: 24px;
    border-bottom: 1px solid #707070;
    margin-left: 20px
}

@media (max-width: 990px) {
    .about_missions .content .mission_list .mission_item {
        width: 100%;
        margin-top: 75px;
        margin-left: 0
    }
}

@media (max-width: 990px) {
    .about_missions .content .mission_list .mission_item {
        padding-bottom: 16px
    }
}

.about_missions .content .mission_list .mission_item:first-child {
    margin-left: 0px;
    margin-top: 0
}

.about_missions .content .mission_list .mission_item .small_description {
    line-height: 26px;
    margin-top: 25px
}

.about_missions .content .mission_list .mission_item .small_description ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -3px
}

.about_missions .content .mission_list .mission_item .small_description ul li {
    display: flex;
    width: 50%;
    margin-top: 3px
}

.about_missions .content .mission_list .mission_item .small_description ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 9px;
    display: block;
    background: #718682;
    margin-top: 5px;
    min-width: 9px;
    min-height: 9px
}

.findus_banner_section {
    position: relative
}

@media (max-width: 768px) {
    .findus_banner_section {
        display: none
    }
}

.findus_banner_section .image_container {
    position: relative;
    width: 100%;
    overflow: hidden
}

.findus_banner_section .image_container:after {
    content: '';
    background-image: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 315px;
    z-index: 1;
    position: absolute;
    opacity: 0.7
}

.findus_banner_section .image_container img {
    width: 100%;
    min-height: 540px;
    object-fit: cover;
    height: 100svh;
    transition: transform 2s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
    transform: scale(1)
}

@media (max-width: 768px) {
    .findus_banner_section .image_container img {
        min-height: 340px
    }
}

.findus_banner_section.start_animate .image_container img {
    transform: scale(1.1)
}

.findus_banner_section .content {
    left: 0;
    padding-left: var(--grid_space);
    bottom: 46px;
    width: 100%;
    position: absolute;
    z-index: 4
}

.findus_banner_section .sub_title {
    color: #334441
}

.findus_info {
    padding: 91px var(--grid_space) 20px;
    display: flex;
    align-items: center
}

.findus_info .left_section {
    width: 60%;
    padding-right: 70px
}

.findus_info .left_section img {
    width: 100%;
    border-radius: 23px
}

.findus_info .right_section {
    width: 40%;
    padding-left: 40px;
    color: #718682;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.findus_info .right_section .sub_title {
    margin-bottom: 78px
}

.findus_info .right_section ul {
    margin-top: -4px;
    width: 100%
}

.findus_info .right_section ul li {
    width: 100%;
    display: flex;
    margin-top: 4px;
    align-items: center
}

.findus_info .right_section ul li a {
    display: flex;
    width: 100%;
    height: 113px;
    border-bottom: 5px solid #718682;
    padding: 0 19px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    align-items: center;
    border-radius: 5px
}

.findus_info .right_section ul li a i {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7186822B;
    min-height: 60px;
    min-width: 60px;
    border-radius: 50%;
    width: 60px;
    height: 60px
}

.findus_info .right_section ul li a i path {
    fill: #718682
}

.findus_info .right_section ul li a span {
    font-size: 20px;
    font-family: 'axiformablack';
    margin-left: 25px;
    line-height: 20px;
    max-width: 317px
}

.findus_info .right_section ul .location svg {
    width: 23px;
    height: 30px
}

.findus_info .right_section .cust_btn {
    margin-top: 83px
}

.findus_info_v2 {
    position: relative
}

@media (max-width: 768px) {
    .findus_info_v2 {
        height: 100svh
    }
}

.findus_info_v2 .image_container {
    width: 100%;
    position: relative
}

@media (max-width: 768px) {
    .findus_info_v2 .image_container {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.findus_info_v2 .image_container:before {
    content: '';
    background-image: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.51) 75%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 452px;
    z-index: 1;
    position: absolute;
    opacity: 0.7
}

.findus_info_v2 .image_container img {
    min-height: 500px;
    width: 100%;
    object-fit: cover;
    height: 100svh
}

@media (max-width: 768px) {
    .findus_info_v2 .image_container img {
        min-height: 100%
    }
}

.findus_info_v2 .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #718682;
    padding: 70px var(--grid_space);
    align-items: flex-start
}

@media (max-width: 768px) {
    .findus_info_v2 .content {
        position: relative;
        padding: 40px var(--grid_space)
    }
}

.findus_info_v2 .content .sub_title {
    margin-bottom: 47px;
    color: #fff
}

@media (max-width: 768px) {
    .findus_info_v2 .content .sub_title {
        margin-bottom: 25px
    }
}

.findus_info_v2 .content ul {
    width: 100%;
    display: flex
}

@media (max-width: 768px) {
    .findus_info_v2 .content ul {
        flex-direction: column
    }
}

.findus_info_v2 .content ul li {
    display: flex;
    margin-left: 60px
}

.findus_info_v2 .content ul li:first-child {
    margin-left: 0
}

@media (max-width: 768px) {
    .findus_info_v2 .content ul li {
        margin-left: 0;
        margin-top: 30px
    }

    .findus_info_v2 .content ul li:first-child {
        margin-top: 0
    }
}

.findus_info_v2 .content ul li a {
    width: 306px;
    border-bottom: 3px solid #334441;
    display: block;
    padding-bottom: 30px
}

.findus_info_v2 .content ul li a i {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #050A30;
    min-height: 42px;
    min-width: 42px;
    border-radius: 50%;
    width: 42px;
    height: 42px
}

.findus_info_v2 .content ul li a i path {
    fill: #fff
}

.findus_info_v2 .content ul li a span {
    font-size: 15px;
    font-family: 'axiformablack';
    margin-top: 29px;
    line-height: 20px;
    display: block;
    color: #334441
}

@media (max-width: 768px) {
    .findus_info_v2 .content ul li a span {
        margin-top: 19px
    }
}

.findus_info_v2 .content ul .location svg {
    width: 23px;
    height: 30px
}

.findus_info_v2 .content .cust_btn {
    margin-top: 47px
}

@media (max-width: 768px) {
    .findus_info_v2 .content .cust_btn {
        margin-top: 27px
    }
}

.career_banner_section {
    position: relative
}

.career_banner_section .image_container {
    position: relative;
    width: 100%
}

.career_banner_section .image_container:after {
    content: '';
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.75) 75%, #fff 100%);
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    z-index: 1;
    position: absolute;
    opacity: 0.8
}

.career_banner_section .image_container img {
    width: 100%;
    min-height: 400px;
    object-fit: cover;
    max-height: 400px
}

@media (max-width: 768px) {
    .career_banner_section .image_container img {
        min-height: 250px
    }
}

.career_banner_section .content {
    left: 0;
    padding-left: var(--grid_space);
    bottom: 90px;
    width: 100%;
    position: absolute;
    z-index: 4
}

.career_banner_section .sub_title {
    color: #718682
}

.career_why {
    padding: 102px var(--grid_space) 130px
}

@media (max-width: 768px) {
    .career_why {
        padding: 50px var(--grid_space)
    }
}

.career_why .list {
    margin-top: -121px;
    width: 100%
}

@media (max-width: 768px) {
    .career_why .list {
        margin-top: -50px
    }
}

.career_why .list .item {
    display: flex;
    justify-content: space-between;
    color: #718682;
    align-items: center;
    margin-top: 121px
}

@media (max-width: 768px) {
    .career_why .list .item {
        margin-top: 50px;
        flex-direction: column
    }
}

.career_why .list .item .left_section {
    width: calc(50% - 65px);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 768px) {
    .career_why .list .item .left_section {
        width: 100%;
        margin-bottom: 30px
    }
}

.career_why .list .item .left_section .sub_title {
    margin-bottom: 23px
}

.career_why .list .item .left_section .small_description {
    line-height: 26px
}

.career_why .list .item .left_section .cust_btn {
    margin-top: 36px;
    min-width: 150px
}

@media (max-width: 768px) {
    .career_why .list .item .left_section .cust_btn {
        margin-top: 16px
    }
}

.career_why .list .item .right_section {
    width: calc(50% - 65px);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 768px) {
    .career_why .list .item .right_section {
        width: 100%
    }
}

.career_why .list .item .right_section .image_container {
    width: 100%
}

.career_why .list .item .right_section img {
    width: 100%;
    border-radius: 27px
}

.career_why .list .item:nth-child(2n+2) {
    flex-direction: row-reverse
}

@media (max-width: 768px) {
    .career_why .list .item:nth-child(2n+2) {
        flex-direction: column
    }
}

.vacancies {
    padding: 50px var(--grid_space) 87px;
    background: #D0DFDC52;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 768px) {
    .vacancies {
        padding: 30px var(--grid_space)
    }
}

.vacancies .vacancies_swiper {
    width: 100%
}

.vacancies .sub_title {
    color: #050A30;
    margin-bottom: 35px
}

@media (max-width: 768px) {
    .vacancies .sub_title {
        margin-bottom: 25px
    }
}

.vacancies .swiper-slide {
    width: 340px
}

.vacancies .vacancies_card {
    padding: 54px 45px 44px;
    background: #718682;
    border-radius: 38px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (max-width: 768px) {
    .vacancies .vacancies_card {
        padding: 30px
    }
}

@media (min-width: 1025px) {
    .vacancies .vacancies_card {
        transition: all 0.3s
    }

    .vacancies .vacancies_card:hover {
        background: #7186821C;
        color: #718682
    }

    .vacancies .vacancies_card:hover .cust_btn {
        color: #fff;
        background: #718682
    }
}

.vacancies .vacancies_card .cust_btn {
    min-width: 150px
}

.vacancies .vacancies_card .vacancies_title {
    font-size: 26px;
    font-family: 'axiformabold';
    margin-bottom: 23px
}

@media (max-width: 768px) {
    .vacancies .vacancies_card .vacancies_title {
        font-size: 20px;
        margin-bottom: 13px
    }
}

.vacancies .vacancies_card .small_description {
    line-height: 26px;
    margin-bottom: 23px
}

@media (max-width: 768px) {
    .vacancies .vacancies_card .small_description {
        margin-bottom: 13px
    }
}

.vacancies .swiper_actions {
    margin-top: 68px
}

@media (max-width: 768px) {
    .vacancies .swiper_actions {
        margin-top: 40px
    }
}

.career_detail_main {
    padding: 197px var(--grid_space) 0px
}

@media (max-width: 768px) {
    .career_detail_main {
        padding: 101px var(--grid_space) 0px
    }
}

.career_detail_main .top_page {
    display: flex;
    justify-content: space-between
}

.career_detail_main .close_career {
    cursor: pointer;
    display: block;
    margin-top: -21px
}

@media (max-width: 768px) {
    .career_detail_main .close_career svg {
        height: 20px;
        width: 20px
    }
}

@media (min-width: 1025px) {
    .career_detail_main .close_career:hover path {
        fill: #050A30
    }
}

.career_detail_main .career_details {
    margin-top: 47px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media (max-width: 768px) {
    .career_detail_main .career_details {
        margin-top: 20px;
        flex-direction: column
    }
}

.career_detail_main .career_details .left_desc, .career_detail_main .career_details .right_desc {
    width: 100%
}

@media (max-width: 768px) {
    .career_detail_main .career_details .left_desc, .career_detail_main .career_details .right_desc {
        width: 100%
    }
}

.career_detail_main .career_details .left_desc {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .career_detail_main .career_details .left_desc {
        margin-bottom: 20px
    }
}

.career_detail_main .career_details .detail_title {
    font-weight: normal;
    color: #050A30;
    font-size: 20px;
    font-family: 'axiformabold';
    margin-bottom: 21px
}

.career_detail_main .career_details .small_description {
    line-height: 26px;
    color: #718682
}

.career_detail_main .career_details .small_description ul {
    margin-top: -6px
}

.career_detail_main .career_details .small_description ul li {
    display: flex;
    margin-top: 6px
}

.career_detail_main .career_details .small_description ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 9px;
    display: block;
    background: #718682;
    margin-top: 7px;
    min-width: 9px;
    min-height: 9px
}

.career_detail_main .form_container {
    margin-top: 64px
}

@media (max-width: 768px) {
    .career_detail_main .form_container {
        margin-top: 40px
    }
}

.career_detail_main form {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.career_detail_main .form_list {
    width: calc(100% + 66px);
    margin-left: -66px;
    margin-top: -44px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1190px) {
    .career_detail_main .form_list {
        width: calc(100% + 30px);
        margin-left: -30px
    }
}

@media (max-width: 768px) {
    .career_detail_main .form_list {
        margin-top: -22px
    }
}

.career_detail_main .form_list .cust_select_field, .career_detail_main .form_list .cust_input_field, .career_detail_main .form_list .cust_date_field {
    min-width: 100%
}

.career_detail_main .form_list .form_item {
    width: calc(100%/4);
    padding-left: 66px;
    margin-top: 44px
}

@media (max-width: 1190px) {
    .career_detail_main .form_list .form_item {
        padding-left: 30px
    }
}

@media (max-width: 1030px) {
    .career_detail_main .form_list .form_item {
        width: calc(100%/2)
    }
}

@media (max-width: 768px) {
    .career_detail_main .form_list .form_item {
        width: 100%;
        margin-top: 22px
    }
}

.career_detail_main .form_list .form_item:last-child {
    width: 100%
}

.career_detail_main .info {
    font-size: 17px;
    font-family: 'axiformamedium';
    margin-top: 32px;
    color: #718682
}

@media (max-width: 768px) {
    .career_detail_main .info {
        margin-top: 20px
    }
}

.career_detail_main .cust_btn {
    align-self: flex-start;
    margin-top: 27px;
    min-width: 150px
}

@media (max-width: 768px) {
    .career_detail_main .cust_btn {
        margin-top: 27px
    }
}

.howtopay_main {
    padding: 259px var(--grid_space) 51px
}

@media (max-width: 768px) {
    .howtopay_main {
        padding: 101px var(--grid_space) 51px
    }
}

.howtopay_main .box_logo_container {
    padding: 77px 50px 50px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 28px;
    margin-top: 41px
}

@media (max-width: 900px) {
    .howtopay_main .box_logo_container {
        margin-top: 21px;
        padding: 40px 25px
    }
}

.howtopay_main .box_list {
    display: flex;
    justify-content: space-between
}

@media (max-width: 900px) {
    .howtopay_main .box_list {
        flex-direction: column
    }
}

.howtopay_main .box_list .box_item {
    justify-content: space-between;
    width: calc(100%/3)
}

@media (max-width: 900px) {
    .howtopay_main .box_list .box_item {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important
    }

    .howtopay_main .box_list .box_item .top_image img {
        max-width: 200px;
        max-height: 40px
    }
}

.howtopay_main .box_list .box_item:nth-child(1) {
    padding-right: 50px;
    max-width: 350px
}

@media (max-width: 1200px) {
    .howtopay_main .box_list .box_item:nth-child(1) {
        padding-right: 25px;
        max-width: 325px
    }
}

@media (max-width: 900px) {
    .howtopay_main .box_list .box_item:nth-child(1) {
        padding-bottom: 30px !important
    }
}

.howtopay_main .box_list .box_item:nth-child(3) {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 600px
}

@media (max-width: 1200px) {
    .howtopay_main .box_list .box_item:nth-child(3) {
        padding-left: 25px;
        padding-right: 25px;
        max-width: 550px
    }
}

@media (max-width: 900px) {
    .howtopay_main .box_list .box_item:nth-child(3) {
        padding: 30px 0 !important
    }
}

.howtopay_main .box_list .box_item:last-child {
    padding-left: 50px;
    max-width: 420px
}

@media (max-width: 1200px) {
    .howtopay_main .box_list .box_item:last-child {
        padding-left: 25px;
        max-width: 390px
    }
}

@media (max-width: 900px) {
    .howtopay_main .box_list .box_item:last-child {
        padding-top: 30px !important
    }
}

.howtopay_main .box_list .box_item .image_list {
    margin-top: 52px;
    display: flex
}

@media (max-width: 900px) {
    .howtopay_main .box_list .box_item .image_list {
        margin-top: 20px
    }
}

.howtopay_main .box_list .box_item .image_list li {
    margin-left: 6px
}

.howtopay_main .box_list .box_item .image_list li:nth-child(1) {
    margin-left: 0
}

.howtopay_main .box_list .has_border {
    border-right: 1px solid #70707030
}

@media (max-width: 900px) {
    .howtopay_main .box_list .has_border {
        border: none;
        border-top: 1px solid #70707030
    }
}

.howtopay_main .desc {
    margin-top: 50px;
    font-size: 18px;
    color: #718682;
    display: flex;
    font-family: 'axiformablack';
    font-weight: normal;
    line-height: 26px
}

@media (max-width: 1200px) {
    .howtopay_main .desc {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 900px) {
    .howtopay_main .desc {
        margin-top: 20px
    }
}

.howtopay_main .desc .break_word {
    word-break: break-word
}

.howtopay_main .desc:before {
    content: "";
    background-image: url(../images/double_check_svg.svg);
    min-width: 19px;
    height: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 16px;
    margin-top: 5px
}

.join_main {
    padding: 184px var(--grid_space) 40px;
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    .join_main {
        flex-wrap: nowrap;
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .join_main {
        padding: 89px var(--grid_space) 40px
    }
}

.join_main>.sub_title {
    color: #718682;
    margin-bottom: 18px;
    width: 100%
}

@media (max-width: 800px) {
    .join_main>.sub_title {
        margin-bottom: 49px
    }
}

.join_main .join_sidebar {
    width: 333px;
    display: flex;
    flex-direction: column
}

.join_main .join_sidebar .sidebar_container {
    display: flex;
    flex: 1
}

.join_main .join_sidebar .sibar_content {
    border-right: 4px solid #7186820A;
    border-radius: 5px;
    width: 100%
}

@media (max-width: 800px) {
    .join_main .join_sidebar .sibar_content {
        border: none
    }
}

@media (max-width: 800px) {
    .join_main .join_sidebar {
        width: 100%
    }
}

.join_main .join_sidebar .join_swiper {
    overflow: visible
}

.join_main .join_sidebar .join_swiper .item {
    cursor: pointer;
    pointer-events: none
}

@media (max-width: 800px) {
    .join_main .join_sidebar .join_swiper .item {
        pointer-events: all
    }
}

.join_main .join_sidebar .join_swiper .item.active, .join_main .join_sidebar .join_swiper .item.finished {
    pointer-events: all
}

@media (max-width: 800px) {
    .join_main .join_sidebar .join_swiper {
        overflow: hidden;
        width: calc(100% + 20px)
    }
}

.join_main .join_sidebar .list {
    min-height: 560px;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 800px) {
    .join_main .join_sidebar .list {
        min-height: 100%;
        border-right: none;
        flex-direction: row;
        justify-content: flex-start;
        padding-bottom: 9px;
        border-bottom: 4px solid #7186820A;
        width: fit-content;
        width: intrinsic;
        width: -moz-max-content;
        width: -webkit-max-content
    }
}

.join_main .join_sidebar .list .item {
    margin-top: 26px;
    font-size: 16px;
    font-family: 'axiformablack';
    color: #718682;
    opacity: 0.41;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 800px) {
    .join_main .join_sidebar .list .item {
        width: fit-content;
        width: intrinsic;
        width: -moz-max-content;
        width: -webkit-max-content;
        margin-top: 0px
    }
}

.join_main .join_sidebar .list .item i {
    display: none
}

.join_main .join_sidebar .list .item:first-child {
    margin-top: 0
}

.join_main .join_sidebar .list .item.active {
    color: #050A30;
    opacity: 1
}

.join_main .join_sidebar .list .item.active:before {
    content: "";
    height: 33px;
    width: 4px;
    display: block;
    position: absolute;
    right: -3px;
    background: #050A30;
    top: -10px;
    border-radius: 5px
}

@media (max-width: 800px) {
    .join_main .join_sidebar .list .item.active:before {
        height: 4px;
        width: 33px;
        top: auto;
        bottom: -13px;
        right: 0;
        left: 0;
        margin: auto
    }
}

.join_main .join_sidebar .list .item.finished {
    opacity: 1;
    color: #279784
}

.join_main .join_sidebar .list .item.finished i {
    margin-left: 5px;
    display: block
}

.join_main .join_steps {
    flex: 1;
    padding-left: 56px;
    display: flex
}

@media (max-width: 800px) {
    .join_main .join_steps {
        padding-left: 0;
        margin-top: 43px
    }
}

.join_main .affilation_step {
    flex-direction: column;
    align-items: flex-start
}

.join_main .affilation_step .box_content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media (min-width: 1600px) {
    .join_main .affilation_step .box_content {
        max-width: 1040px
    }
}

@media (max-width: 1200px) {
    .join_main .affilation_step .box_content {
        flex-direction: column
    }
}

.join_main .affilation_step .box_content .affilation_title {
    position: absolute;
    top: -10px;
    right: 0;
    display: flex
}

.join_main .affilation_step .box_content .box_title {
    font-family: 'axiformablack';
    font-weight: normal;
    font-size: 19px;
    position: absolute;
    color: #fff;
    text-align: center;
    max-width: 124px;
    top: 40px;
    left: 33px;
    line-height: 24px
}

.join_main .affilation_step .box_content .left_section {
    width: calc(60% - 7px);
    background: #F5F5F5;
    border-radius: 11px;
    padding: 26px 182px 16px 25px;
    position: relative
}

@media (min-width: 1600px) {
    .join_main .affilation_step .box_content .left_section {
        flex: 1;
        margin-right: 14px
    }
}

@media (max-width: 1400px) {
    .join_main .affilation_step .box_content .left_section {
        padding: 140px 25px 16px 25px
    }
}

@media (max-width: 1200px) {
    .join_main .affilation_step .box_content .left_section {
        width: 100%;
        margin-bottom: 26px
    }
}

.join_main .affilation_step .box_content .left_section .more_details {
    display: none;
    margin-top: 34px;
    line-height: 22px
}

.join_main .affilation_step .box_content .left_section .more_details .more_title {
    color: #334441;
    font-family: 'axiformabold';
    font-weight: normal
}

.join_main .affilation_step .box_content .left_section .more_details .italic {
    font-family: 'axiformaitalic'
}

.join_main .affilation_step .box_content .left_section .more_details ol {
    counter-reset: ol;
    margin-top: -3px
}

.join_main .affilation_step .box_content .left_section .more_details ol li {
    counter-increment: ol;
    display: flex;
    margin-top: 3px
}

.join_main .affilation_step .box_content .left_section .more_details ol li::before {
    content: counter(ol) "-";
    display: block
}

.join_main .affilation_step .box_content .left_section .more_details .more_info {
    margin-top: 18px
}

.join_main .affilation_step .box_content .left_section .affilation_list .affilation_item {
    padding: 27px 0;
    border-bottom: 1px solid #7070701F;
    color: #718682
}

.join_main .affilation_step .box_content .left_section .affilation_list .affilation_item:first-child {
    padding-top: 0;
    padding-bottom: 14px
}

.join_main .affilation_step .box_content .left_section .affilation_list .affilation_item:last-child {
    padding-bottom: 0;
    border: none
}

.join_main .affilation_step .box_content .left_section .affilation_list .affilation_item .item_title {
    font-size: 15px;
    font-family: 'axiformabold';
    font-weight: normal;
    margin-bottom: 3px;
    line-height: 20px
}

.join_main .affilation_step .box_content .left_section .affilation_list .affilation_item .small_description {
    line-height: 20px
}

.join_main .affilation_step .box_content .left_section .affilation_list .affilation_item .more_info {
    color: #050A30;
    font-size: 15px;
    text-decoration: underline;
    margin-top: 12px;
    cursor: pointer
}

@media (min-width: 1025px) {
    .join_main .affilation_step .box_content .left_section .affilation_list .affilation_item .more_info:hover {
        color: #718682
    }
}

.join_main .affilation_step .box_content .right_section {
    width: calc(40% - 7px);
    background: #F5F5F5;
    border-radius: 11px;
    padding: 137px 28px 14px 28px;
    position: relative
}

@media (min-width: 1600px) {
    .join_main .affilation_step .box_content .right_section {
        max-width: 315px
    }
}

@media (max-width: 1200px) {
    .join_main .affilation_step .box_content .right_section {
        width: 100%
    }
}

.join_main .affilation_step .box_content .right_section .affilation_title path {
    fill: #9BCFC7
}

.join_main .affilation_step .box_content .right_section .bullet_list {
    margin-top: -14px
}

.join_main .affilation_step .box_content .right_section .bullet_list li {
    margin-top: 14px
}

.join_main .affilation_step .box_content .right_section .bullet_list li .note {
    margin-top: 8px;
    padding-left: 30px
}

.join_main .affilation_step .box_content .right_section .bullet_list li span {
    display: flex;
    font-size: 15px;
    line-height: 20px;
    color: #718682
}

.join_main .affilation_step .box_content .right_section .bullet_list li span:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 21px;
    display: block;
    background: #718682;
    margin-top: 5px;
    min-width: 9px;
    min-height: 9px
}

.join_main .affilation_step>.note {
    margin-top: 13px;
    padding-left: 34px
}

.join_main .affilation_step .upload_file_btn {
    margin-top: 23px
}

@media (max-width: 400px) {
    .join_main .affilation_step .upload_file_btn {
        font-size: 13px;
        padding: 0 10px
    }
}

.join_main .affilation_step .upload_list {
    display: flex;
    width: calc(100% + 41px);
    margin-left: -41px;
    margin-top: 6px;
    flex-wrap: wrap
}

.join_main .affilation_step .upload_list li {
    display: flex;
    align-items: center;
    margin-left: 41px;
    margin-top: 10px
}

.join_main .affilation_step .upload_list li a {
    font-size: 15px;
    color: #718682;
    text-transform: uppercase;
    font-family: 'axiformablack';
    text-decoration: underline
}

@media (min-width: 1025px) {
    .join_main .affilation_step .upload_list li a:hover {
        color: #050A30
    }
}

.join_main .affilation_step .upload_list li i {
    display: block;
    margin-left: 6px;
    cursor: pointer
}

.join_main .affilation_step .upload_list li i path {
    fill: #718682
}

@media (min-width: 1025px) {
    .join_main .affilation_step .upload_list li i:hover path {
        fill: #050A30
    }
}

.join_main .affilation_step .upload_list li i svg {
    width: 13px;
    height: 13px
}

.join_main .affilation_step .next_step {
    margin-top: 15px
}

.join_main .affilation_step.expanded .box_content .left_section {
    padding: 26px 40px 16px 25px
}

.join_main .affilation_step.expanded .box_content .left_section .more_details {
    display: block;
    margin-top: 35px
}

.join_main .affilation_step.expanded .box_content .left_section .affilation_list .affilation_item {
    display: none
}

.join_main .affilation_step.expanded .box_content .left_section .affilation_list .affilation_item:first-child {
    display: block
}

.join_main .affilation_step.expanded .box_content .left_section .affilation_list .affilation_item:first-child>.item_title {
    color: #050A30;
    padding-right: 160px
}

.join_main .affilation_step.expanded .box_content .left_section .affilation_list .affilation_item:first-child>.small_description {
    color: #050A30;
    padding-right: 160px
}

.join_main .affilation_step.expanded .box_content .left_section .affilation_list .affilation_item:first-child>.more_info {
    display: none
}

.join_main .affilation_step.expanded .box_content .left_section .affilation_list .affilation_item:nth-child(2) {
    display: block;
    position: relative
}

.join_main .affilation_step.expanded .box_content .left_section .affilation_list .affilation_item:nth-child(2):before {
    content: "";
    background-image: linear-gradient(rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 0.74902) 25%, rgba(245, 245, 245, 0.701961) 75%, rgba(245, 245, 245, 0.6) 100%);
    left: 0;
    bottom: 0;
    width: calc(100% + 26px);
    height: 100%;
    z-index: 1;
    position: absolute;
    left: -26px
}

.join_main .affilation_step.expanded>.note {
    display: none
}

.join_main .affilation_step.expanded .upload_list {
    display: none
}

.join_main .affilation_step.expanded .upload_file_btn {
    display: none
}

.join_main .affilation_step.expanded .next_step {
    display: none
}

.member_info_step, .address_step, .plan_step, .selected_plan_step, .health_plant_step, .pick_class_step, .total_price_step, .thank_you_step {
    padding-top: 75px;
    display: flex;
    flex-direction: column;
    flex: 1
}

@media (max-width: 800px) {
    .member_info_step, .address_step, .plan_step, .selected_plan_step, .health_plant_step, .pick_class_step, .total_price_step, .thank_you_step {
        padding-top: 0
    }
}

.member_info_step .title_space, .address_step .title_space, .plan_step .title_space, .selected_plan_step .title_space, .health_plant_step .title_space, .pick_class_step .title_space, .total_price_step .title_space, .thank_you_step .title_space {
    margin-top: 172px
}

@media (max-width: 800px) {
    .member_info_step .title_space, .address_step .title_space, .plan_step .title_space, .selected_plan_step .title_space, .health_plant_step .title_space, .pick_class_step .title_space, .total_price_step .title_space, .thank_you_step .title_space {
        margin-top: 60px
    }
}

.member_info_step .step_title, .address_step .step_title, .plan_step .step_title, .selected_plan_step .step_title, .health_plant_step .step_title, .pick_class_step .step_title, .total_price_step .step_title, .thank_you_step .step_title {
    font-weight: normal;
    font-size: 25px;
    font-family: 'axiformabold';
    color: #718682;
    margin-bottom: 14px
}

.member_info_step .plan_list, .address_step .plan_list, .plan_step .plan_list, .selected_plan_step .plan_list, .health_plant_step .plan_list, .pick_class_step .plan_list, .total_price_step .plan_list, .thank_you_step .plan_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -16px;
    justify-content: space-between
}

.member_info_step .plan_list .plan_item, .address_step .plan_list .plan_item, .plan_step .plan_list .plan_item, .selected_plan_step .plan_list .plan_item, .health_plant_step .plan_list .plan_item, .pick_class_step .plan_list .plan_item, .total_price_step .plan_list .plan_item, .thank_you_step .plan_list .plan_item {
    margin-top: 16px;
    width: calc(50% - 8px)
}

@media (max-width: 1200px) {
    .member_info_step .plan_list .plan_item, .address_step .plan_list .plan_item, .plan_step .plan_list .plan_item, .selected_plan_step .plan_list .plan_item, .health_plant_step .plan_list .plan_item, .pick_class_step .plan_list .plan_item, .total_price_step .plan_list .plan_item, .thank_you_step .plan_list .plan_item {
        width: 100%
    }
}

.member_info_step .cust_input_field, .member_info_step .cust_select_field, .address_step .cust_input_field, .address_step .cust_select_field, .plan_step .cust_input_field, .plan_step .cust_select_field, .selected_plan_step .cust_input_field, .selected_plan_step .cust_select_field, .health_plant_step .cust_input_field, .health_plant_step .cust_select_field, .pick_class_step .cust_input_field, .pick_class_step .cust_select_field, .total_price_step .cust_input_field, .total_price_step .cust_select_field, .thank_you_step .cust_input_field, .thank_you_step .cust_select_field {
    min-width: 200px
}

.member_info_step .has_border, .address_step .has_border, .plan_step .has_border, .selected_plan_step .has_border, .health_plant_step .has_border, .pick_class_step .has_border, .total_price_step .has_border, .thank_you_step .has_border {
    margin-top: 43px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 59px
}

.member_info_step .step_1, .address_step .step_1, .plan_step .step_1, .selected_plan_step .step_1, .health_plant_step .step_1, .pick_class_step .step_1, .total_price_step .step_1, .thank_you_step .step_1 {
    display: none;
    flex-direction: column;
    flex: 1
}

.member_info_step .step_2, .address_step .step_2, .plan_step .step_2, .selected_plan_step .step_2, .health_plant_step .step_2, .pick_class_step .step_2, .total_price_step .step_2, .thank_you_step .step_2 {
    display: none;
    flex-direction: column;
    flex: 1
}

.member_info_step .heal_step_1, .member_info_step .heal_step_2, .address_step .heal_step_1, .address_step .heal_step_2, .plan_step .heal_step_1, .plan_step .heal_step_2, .selected_plan_step .heal_step_1, .selected_plan_step .heal_step_2, .health_plant_step .heal_step_1, .health_plant_step .heal_step_2, .pick_class_step .heal_step_1, .pick_class_step .heal_step_2, .total_price_step .heal_step_1, .total_price_step .heal_step_2, .thank_you_step .heal_step_1, .thank_you_step .heal_step_2 {
    display: none
}

.member_info_step .form_list, .address_step .form_list, .plan_step .form_list, .selected_plan_step .form_list, .health_plant_step .form_list, .pick_class_step .form_list, .total_price_step .form_list, .thank_you_step .form_list {
    width: calc(100% + 35px);
    margin-left: -35px;
    margin-top: -34px;
    display: flex;
    flex-wrap: wrap
}

.member_info_step .form_list .form_item, .address_step .form_list .form_item, .plan_step .form_list .form_item, .selected_plan_step .form_list .form_item, .health_plant_step .form_list .form_item, .pick_class_step .form_list .form_item, .total_price_step .form_list .form_item, .thank_you_step .form_list .form_item {
    width: calc(100%/3);
    padding-left: 35px;
    margin-top: 34px
}

@media (max-width: 1200px) {
    .member_info_step .form_list .form_item, .address_step .form_list .form_item, .plan_step .form_list .form_item, .selected_plan_step .form_list .form_item, .health_plant_step .form_list .form_item, .pick_class_step .form_list .form_item, .total_price_step .form_list .form_item, .thank_you_step .form_list .form_item {
        width: calc(100%/2)
    }
}

@media (max-width: 960px) {
    .member_info_step .form_list .form_item, .address_step .form_list .form_item, .plan_step .form_list .form_item, .selected_plan_step .form_list .form_item, .health_plant_step .form_list .form_item, .pick_class_step .form_list .form_item, .total_price_step .form_list .form_item, .thank_you_step .form_list .form_item {
        width: calc(100%)
    }
}

.member_info_step .note, .address_step .note, .plan_step .note, .selected_plan_step .note, .health_plant_step .note, .pick_class_step .note, .total_price_step .note, .thank_you_step .note {
    margin-top: 18px
}

.member_info_step .add_field, .address_step .add_field, .plan_step .add_field, .selected_plan_step .add_field, .health_plant_step .add_field, .pick_class_step .add_field, .total_price_step .add_field, .thank_you_step .add_field {
    margin-top: 18px;
    cursor: pointer
}

@media (min-width: 1025px) {
    .member_info_step .add_field, .address_step .add_field, .plan_step .add_field, .selected_plan_step .add_field, .health_plant_step .add_field, .pick_class_step .add_field, .total_price_step .add_field, .thank_you_step .add_field {
        transition: all 0.3s
    }

    .member_info_step .add_field:hover, .address_step .add_field:hover, .plan_step .add_field:hover, .selected_plan_step .add_field:hover, .health_plant_step .add_field:hover, .pick_class_step .add_field:hover, .total_price_step .add_field:hover, .thank_you_step .add_field:hover {
        color: #050A30
    }
}

.member_info_step .step_action, .address_step .step_action, .plan_step .step_action, .selected_plan_step .step_action, .health_plant_step .step_action, .pick_class_step .step_action, .total_price_step .step_action, .thank_you_step .step_action {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 40px
}

.member_info_step .step_action .note, .address_step .step_action .note, .plan_step .step_action .note, .selected_plan_step .step_action .note, .health_plant_step .step_action .note, .pick_class_step .step_action .note, .total_price_step .step_action .note, .thank_you_step .step_action .note {
    margin: 0;
    margin-bottom: 19px
}

.member_info_step .health_container, .address_step .health_container, .plan_step .health_container, .selected_plan_step .health_container, .health_plant_step .health_container, .pick_class_step .health_container, .total_price_step .health_container, .thank_you_step .health_container {
    display: none;
    justify-content: space-between;
    margin-top: 20px
}

@media (max-width: 1100px) {
    .member_info_step .health_container, .address_step .health_container, .plan_step .health_container, .selected_plan_step .health_container, .health_plant_step .health_container, .pick_class_step .health_container, .total_price_step .health_container, .thank_you_step .health_container {
        flex-direction: column
    }
}

.member_info_step .question_list, .address_step .question_list, .plan_step .question_list, .selected_plan_step .question_list, .health_plant_step .question_list, .pick_class_step .question_list, .total_price_step .question_list, .thank_you_step .question_list {
    margin-top: -30px;
    width: calc(50% - 65px)
}

@media (max-width: 1300px) {
    .member_info_step .question_list, .address_step .question_list, .plan_step .question_list, .selected_plan_step .question_list, .health_plant_step .question_list, .pick_class_step .question_list, .total_price_step .question_list, .thank_you_step .question_list {
        width: calc(50% - 30px)
    }
}

@media (max-width: 1100px) {
    .member_info_step .question_list, .address_step .question_list, .plan_step .question_list, .selected_plan_step .question_list, .health_plant_step .question_list, .pick_class_step .question_list, .total_price_step .question_list, .thank_you_step .question_list {
        width: 100%
    }
}

.member_info_step .question_list .question_item, .address_step .question_list .question_item, .plan_step .question_list .question_item, .selected_plan_step .question_list .question_item, .health_plant_step .question_list .question_item, .pick_class_step .question_list .question_item, .total_price_step .question_list .question_item, .thank_you_step .question_list .question_item {
    padding-bottom: 15px;
    border-bottom: 1px solid #71868240;
    margin-top: 30px
}

.member_info_step .question_list .question_item .radio_title, .address_step .question_list .question_item .radio_title, .plan_step .question_list .question_item .radio_title, .selected_plan_step .question_list .question_item .radio_title, .health_plant_step .question_list .question_item .radio_title, .pick_class_step .question_list .question_item .radio_title, .total_price_step .question_list .question_item .radio_title, .thank_you_step .question_list .question_item .radio_title {
    font-size: 16px;
    color: #334441;
    font-family: 'axiformabold';
    margin-bottom: 30px;
    line-height: 19px
}

.member_info_step .question_list .question_item .cust_input, .address_step .question_list .question_item .cust_input, .plan_step .question_list .question_item .cust_input, .selected_plan_step .question_list .question_item .cust_input, .health_plant_step .question_list .question_item .cust_input, .pick_class_step .question_list .question_item .cust_input, .total_price_step .question_list .question_item .cust_input, .thank_you_step .question_list .question_item .cust_input {
    height: 40px
}

.member_info_step .question_list .question_item .radio_group, .address_step .question_list .question_item .radio_group, .plan_step .question_list .question_item .radio_group, .selected_plan_step .question_list .question_item .radio_group, .health_plant_step .question_list .question_item .radio_group, .pick_class_step .question_list .question_item .radio_group, .total_price_step .question_list .question_item .radio_group, .thank_you_step .question_list .question_item .radio_group {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 46px;
    position: relative;
    z-index: 1
}

.member_info_step .question_list .question_item .radio_group label, .address_step .question_list .question_item .radio_group label, .plan_step .question_list .question_item .radio_group label, .selected_plan_step .question_list .question_item .radio_group label, .health_plant_step .question_list .question_item .radio_group label, .pick_class_step .question_list .question_item .radio_group label, .total_price_step .question_list .question_item .radio_group label, .thank_you_step .question_list .question_item .radio_group label {
    font-size: 16px;
    color: #334441;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content
}

.member_info_step .question_list .question_item .radio_group .checked, .address_step .question_list .question_item .radio_group .checked, .plan_step .question_list .question_item .radio_group .checked, .selected_plan_step .question_list .question_item .radio_group .checked, .health_plant_step .question_list .question_item .radio_group .checked, .pick_class_step .question_list .question_item .radio_group .checked, .total_price_step .question_list .question_item .radio_group .checked, .thank_you_step .question_list .question_item .radio_group .checked {
    display: none !important
}

.member_info_step .question_list .question_item .radio_group .radio_icon, .address_step .question_list .question_item .radio_group .radio_icon, .plan_step .question_list .question_item .radio_group .radio_icon, .selected_plan_step .question_list .question_item .radio_group .radio_icon, .health_plant_step .question_list .question_item .radio_group .radio_icon, .pick_class_step .question_list .question_item .radio_group .radio_icon, .total_price_step .question_list .question_item .radio_group .radio_icon, .thank_you_step .question_list .question_item .radio_group .radio_icon {
    display: block;
    margin-right: 5px
}

.member_info_step .question_list .question_item .radio_group input:checked~label .checked, .address_step .question_list .question_item .radio_group input:checked~label .checked, .plan_step .question_list .question_item .radio_group input:checked~label .checked, .selected_plan_step .question_list .question_item .radio_group input:checked~label .checked, .health_plant_step .question_list .question_item .radio_group input:checked~label .checked, .pick_class_step .question_list .question_item .radio_group input:checked~label .checked, .total_price_step .question_list .question_item .radio_group input:checked~label .checked, .thank_you_step .question_list .question_item .radio_group input:checked~label .checked {
    display: block !important
}

.member_info_step .question_list .question_item .radio_group input:checked~label .unchecked, .address_step .question_list .question_item .radio_group input:checked~label .unchecked, .plan_step .question_list .question_item .radio_group input:checked~label .unchecked, .selected_plan_step .question_list .question_item .radio_group input:checked~label .unchecked, .health_plant_step .question_list .question_item .radio_group input:checked~label .unchecked, .pick_class_step .question_list .question_item .radio_group input:checked~label .unchecked, .total_price_step .question_list .question_item .radio_group input:checked~label .unchecked, .thank_you_step .question_list .question_item .radio_group input:checked~label .unchecked {
    display: none !important
}

.member_info_step .question_list .question_item:last-child, .address_step .question_list .question_item:last-child, .plan_step .question_list .question_item:last-child, .selected_plan_step .question_list .question_item:last-child, .health_plant_step .question_list .question_item:last-child, .pick_class_step .question_list .question_item:last-child, .total_price_step .question_list .question_item:last-child, .thank_you_step .question_list .question_item:last-child {
    border: none
}

.member_info_step .question_list .question_item.has_input .radio_title, .address_step .question_list .question_item.has_input .radio_title, .plan_step .question_list .question_item.has_input .radio_title, .selected_plan_step .question_list .question_item.has_input .radio_title, .health_plant_step .question_list .question_item.has_input .radio_title, .pick_class_step .question_list .question_item.has_input .radio_title, .total_price_step .question_list .question_item.has_input .radio_title, .thank_you_step .question_list .question_item.has_input .radio_title {
    margin-bottom: 10px
}

.member_info_step .question_list .question_item.has_input .cust_input, .address_step .question_list .question_item.has_input .cust_input, .plan_step .question_list .question_item.has_input .cust_input, .selected_plan_step .question_list .question_item.has_input .cust_input, .health_plant_step .question_list .question_item.has_input .cust_input, .pick_class_step .question_list .question_item.has_input .cust_input, .total_price_step .question_list .question_item.has_input .cust_input, .thank_you_step .question_list .question_item.has_input .cust_input {
    margin-left: 17px;
    cursor: default
}

.member_info_step .question_list .question_item.has_input .radio_item, .address_step .question_list .question_item.has_input .radio_item, .plan_step .question_list .question_item.has_input .radio_item, .selected_plan_step .question_list .question_item.has_input .radio_item, .health_plant_step .question_list .question_item.has_input .radio_item, .pick_class_step .question_list .question_item.has_input .radio_item, .total_price_step .question_list .question_item.has_input .radio_item, .thank_you_step .question_list .question_item.has_input .radio_item {
    display: flex
}

.member_info_step .question_list .question_item.has_input .radio_group, .address_step .question_list .question_item.has_input .radio_group, .plan_step .question_list .question_item.has_input .radio_group, .selected_plan_step .question_list .question_item.has_input .radio_group, .health_plant_step .question_list .question_item.has_input .radio_group, .pick_class_step .question_list .question_item.has_input .radio_group, .total_price_step .question_list .question_item.has_input .radio_group, .thank_you_step .question_list .question_item.has_input .radio_group {
    grid-template-columns: 1fr
}

@media (max-width: 1100px) {
    .member_info_step .question_list:first-child .question_item:last-child, .address_step .question_list:first-child .question_item:last-child, .plan_step .question_list:first-child .question_item:last-child, .selected_plan_step .question_list:first-child .question_item:last-child, .health_plant_step .question_list:first-child .question_item:last-child, .pick_class_step .question_list:first-child .question_item:last-child, .total_price_step .question_list:first-child .question_item:last-child, .thank_you_step .question_list:first-child .question_item:last-child {
        border-bottom: 1px solid #71868240
    }
}

@media (max-width: 1100px) {
    .member_info_step .question_list:last-child .question_item:first-child, .address_step .question_list:last-child .question_item:first-child, .plan_step .question_list:last-child .question_item:first-child, .selected_plan_step .question_list:last-child .question_item:first-child, .health_plant_step .question_list:last-child .question_item:first-child, .pick_class_step .question_list:last-child .question_item:first-child, .total_price_step .question_list:last-child .question_item:first-child, .thank_you_step .question_list:last-child .question_item:first-child {
        padding-top: 30px
    }
}

.add_field {
    font-size: 15px;
    text-decoration: underline;
    text-transform: uppercase;
    color: #718682;
    font-family: 'axiformablack'
}

.affilation_step, .member_info_step, .address_step, .plan_step, .selected_plan_step, .health_plant_step, .pick_class_step, .total_price_step, .thank_you_step {
    display: none
}

.selected_plan_step form .form_list {
    padding-top: 43px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 59px
}

.selected_plan_step form .form_list:first-child {
    padding-top: 0
}

.selected_plan_step form .form_list:last-child {
    padding-bottom: 0;
    border: none
}

.join_steps.show_thank_you .thank_you_step {
    display: flex
}

.join_steps.show_affilation_step .affilation_step {
    display: flex
}

.join_steps.show_member_info_step_1 .member_info_step {
    display: flex
}

.join_steps.show_member_info_step_1 .member_info_step .step_1 {
    display: flex
}

.join_steps.show_member_info_step_2 .member_info_step {
    display: flex
}

.join_steps.show_member_info_step_2 .member_info_step .step_2 {
    display: flex
}

.join_steps.show_address_step .address_step {
    display: flex
}

.join_steps.show_plan_step .plan_step {
    display: flex
}

.join_steps.show_selected_plan_step .selected_plan_step {
    display: flex
}

.join_steps.show_health_plant_step_1 .health_plant_step {
    display: flex
}

.join_steps.show_health_plant_step_1 .health_plant_step .heal_step_1 {
    display: flex
}

.join_steps.show_health_plant_step_2 .health_plant_step {
    display: flex
}

.join_steps.show_health_plant_step_2 .health_plant_step .heal_step_2 {
    display: flex
}

.join_steps.show_pick_class_step .pick_class_step {
    display: flex
}

.join_steps.show_total_price_step .total_price_step {
    display: flex
}

.total_price_step .price_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1
}

.total_price_step .price_title {
    color: #718682;
    font-weight: normal;
    font-size: 25px;
    margin-bottom: 15px;
    font-family: 'axiformablack'
}

@media (max-width: 768px) {
    .total_price_step .price_title {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.total_price_step .price_value {
    font-family: 'axiformabold';
    color: #050A30;
    font-size: 95px;
    margin-bottom: 40px;
    position: relative;
    display: flex
}

@media (max-width: 871px) {
    .total_price_step .price_value {
        font-size: 75px;
        margin-bottom: 40px
    }
}

@media (max-width: 768px) {
    .total_price_step .price_value {
        font-size: 55px;
        margin-bottom: 20px
    }
}

.total_price_step .price_value .unit {
    font-size: 45px;
    margin-left: 21px
}

@media (max-width: 871px) {
    .total_price_step .price_value .unit {
        font-size: 35px
    }
}

@media (max-width: 768px) {
    .total_price_step .price_value .unit {
        font-size: 25px;
        margin-left: 12px
    }
}

.total_price_step .cust_btn {
    min-width: 150px
}

@media (max-width: 400px) {
    .total_price_step .cust_btn {
        min-width: 100px
    }
}

.thank_you_step {
    justify-content: center;
    align-items: flex-start;
    position: relative
}

.thank_you_step .thank_container {
    padding: 80px 50px;
    background: #E2F0EE;
    border-radius: 21px;
    max-width: 600px;
    position: relative
}

@media (max-width: 1000px) {
    .thank_you_step .thank_container {
        padding: 40px 25px
    }
}

.thank_you_step .thank_circle {
    position: absolute;
    top: -35px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%
}

.thank_you_step .thank_title {
    font-weight: normal;
    color: #718682;
    font-size: 25px;
    margin-bottom: 5px;
    font-family: 'axiformabold'
}

@media (max-width: 1000px) {
    .thank_you_step .thank_title {
        font-size: 20px
    }
}

.thank_you_step .thank_ticket {
    color: #050A30;
    font-family: 'axiformabold';
    font-weight: normal;
    font-size: 25px
}

@media (max-width: 1000px) {
    .thank_you_step .thank_ticket {
        font-size: 20px
    }
}

.thank_you_step .small_description {
    margin-top: 55px;
    font-family: 'axiformamedium';
    color: #334441;
    font-size: 16px
}

@media (max-width: 1000px) {
    .thank_you_step .small_description {
        margin-top: 30px
    }
}

.thank_you_step .absolute_img {
    position: absolute;
    bottom: 0;
    right: calc((var(--grid_space)* -1 - 58px));
    z-index: -1
}

.note {
    font-size: 13px;
    color: #050A30;
    font-family: 'axiformaitalic'
}

.steps_wrapper {
    display: flex
}

.prev_step {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #718682;
    border-radius: 29px;
    text-transform: uppercase;
    font-family: 'axiformablack';
    width: 72px;
    cursor: pointer;
    margin-right: 7px
}

.next_step {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 10px 0 20px;
    background: #050A30;
    border-radius: 29px;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'axiformablack';
    width: 185px;
    cursor: pointer
}

.disabled_input {
    pointer-events: none;
    opacity: 0.6
}

@media (min-width: 1025px) {
    .next_step {
        transition: all 0.3s
    }

    .next_step:hover {
        background: #718682
    }
}

@media (min-width: 1025px) {
    .prev_step {
        transition: all 0.3s
    }

    .prev_step:hover {
        background: #050A30 !important
    }
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.contact_main {
    padding: 191px var(--grid_space) 51px;
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #D0DFDC;
    align-items: center;
    min-height: 100svh
}

.contact_main .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 4;
    max-width: 1650px
}

@media (max-width: 768px) {
    .contact_main .container {
        flex-direction: column
    }
}

.contact_main .absolute_img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%
}

.contact_main .absolute_img img {
    width: 100%;
    object-fit: cover
}

@media (max-width: 768px) {
    .contact_main {
        padding: 101px var(--grid_space) 51px;
        flex-direction: column
    }
}

.contact_main .left_section {
    padding: 53px 83px 50px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    width: calc(60% - 70px);
    border-radius: 10px;
    position: relative;
    z-index: 2
}

@media (max-width: 1345px) {
    .contact_main .left_section {
        width: calc(60% - 35px);
        padding: 53px 40px 50px
    }
}

@media (max-width: 1024px) {
    .contact_main .left_section {
        width: calc(60% - 15px)
    }
}

@media (max-width: 768px) {
    .contact_main .left_section {
        width: 100%;
        margin-bottom: 50px;
        padding: 30px
    }
}

@media (max-width: 420px) {
    .contact_main .left_section {
        padding: 30px 20px
    }
}

.contact_main .left_section .sub_title {
    color: #050A30;
    margin-bottom: 55px
}

@media (max-width: 768px) {
    .contact_main .left_section .sub_title {
        margin-bottom: 25px
    }
}

.contact_main .left_section .cust_btn {
    margin-top: 27px
}

.contact_main .left_section form {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.contact_main .left_section .cust_select_field, .contact_main .left_section .cust_input_field {
    min-width: 100%
}

.contact_main .left_section .form_list {
    width: calc(100% + 23px);
    margin-left: -23px;
    margin-top: -27px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 420px) {
    .contact_main .left_section .form_list {
        width: calc(100% + 10px);
        margin-left: -10px
    }
}

.contact_main .left_section .form_list .form_item {
    width: calc(100%/2);
    padding-left: 23px;
    margin-top: 27px
}

@media (max-width: 1100px) {
    .contact_main .left_section .form_list .form_item {
        width: calc(100%)
    }
}

@media (max-width: 420px) {
    .contact_main .left_section .form_list .form_item {
        padding-left: 10px
    }
}

.contact_main .left_section .form_list .form_item:last-child {
    width: 100%
}

.contact_main .right_section {
    width: calc(40% - 70px);
    position: relative;
    z-index: 2
}

@media (max-width: 1345px) {
    .contact_main .right_section {
        width: calc(40% - 35px)
    }
}

@media (max-width: 1024px) {
    .contact_main .right_section {
        width: calc(40% - 15px)
    }
}

@media (max-width: 768px) {
    .contact_main .right_section {
        width: 100%
    }
}

.contact_main .right_section .contact_info li {
    margin-top: 70px
}

@media (max-width: 768px) {
    .contact_main .right_section .contact_info li {
        margin-top: 30px
    }
}

.contact_main .right_section .contact_info li:first-child {
    margin-top: 0
}

.contact_main .right_section .contact_info li a {
    color: #718682
}

.contact_main .right_section .contact_info li .mail, .contact_main .right_section .contact_info li .worktime {
    align-items: center
}

.contact_main .right_section .contact_info li .mail icon, .contact_main .right_section .contact_info li .worktime icon {
    margin-top: 0px !important
}

.contact_main .right_section .contact_info li>a, .contact_main .right_section .contact_info li>div {
    font-size: 20px;
    display: flex;
    color: #718682;
    font-family: 'axiformablack';
    line-height: 28px
}

@media (min-width: 1600px) {
    .contact_main .right_section .contact_info li>a, .contact_main .right_section .contact_info li>div {
        font-size: 20px
    }
}

@media (max-width: 768px) {
    .contact_main .right_section .contact_info li>a, .contact_main .right_section .contact_info li>div {
        font-size: 17px;
        line-height: 20px
    }
}

.contact_main .right_section .contact_info li>a i, .contact_main .right_section .contact_info li>div i {
    display: block;
    margin-right: 30px;
    margin-top: 3px
}

.contact_main .right_section .contact_info li>a i svg, .contact_main .right_section .contact_info li>div i svg {
    width: 20px;
    height: 20px
}

@media (min-width: 1600px) {
    .contact_main .right_section .contact_info li>a i svg, .contact_main .right_section .contact_info li>div i svg {
        width: 25px;
        height: 25px
    }
}

@media (max-width: 768px) {
    .contact_main .right_section .contact_info li>a i, .contact_main .right_section .contact_info li>div i {
        margin-right: 15px
    }
}

.contact_main .right_section .contact_info li .location {
    max-width: 357px
}

@media (min-width: 1600px) {
    .contact_main .right_section .contact_info li .location {
        max-width: 457px
    }
}

@media (min-width: 1025px) {
    .contact_main .right_section .contact_info li .mail:hover, .contact_main .right_section .contact_info li .location:hover, .contact_main .right_section .contact_info li .whatsapp:hover {
        color: #050A30
    }

    .contact_main .right_section .contact_info li .mail:hover i path, .contact_main .right_section .contact_info li .location:hover i path, .contact_main .right_section .contact_info li .whatsapp:hover i path {
        fill: #050A30
    }
}

.faq_main {
    position: relative;
    padding: 215px var(--grid_space) 40px;
    min-height: 100svh;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

@media (max-width: 768px) {
    .faq_main {
        padding: 101px var(--grid_space) 0px
    }
}

.faq_main .phone_img {
    object-position: 70%
}

.faq_main .faq_grid_swiper {
    width: 100%
}

@media (max-width: 768px) {
    .faq_main .faq_grid_swiper {
        height: auto
    }
}

.faq_main .content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

.faq_main .content .top_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
    width: 100%
}

.faq_main .content .sub_title {
    color: #fff
}

@media (max-width: 768px) {
    .faq_main .content .sub_title {
        color: #718682
    }
}

.faq_main .content .swiper-wrapper {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    margin-top: -20px;
    padding-bottom: 60px
}

@media (max-width: 768px) {
    .faq_main .content .swiper-wrapper {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        height: auto;
        margin-top: -20px;
        padding-bottom: 0px
    }
}

.faq_main .content .swiper-slide {
    width: auto;
    width: 480px;
    width: calc(50% - 10px);
    margin-top: 20px;
    height: auto !important
}

@media (max-width: 768px) {
    .faq_main .content .swiper-slide {
        width: 258px;
        height: auto !important;
        width: calc(50% - 10px);
        margin-top: 20px
    }
}

@media (max-width: 550px) {
    .faq_main .content .swiper-slide {
        width: 100%
    }
}

.faq_main .content .slide_expanded {
    z-index: 10
}

@media (max-width: 768px) {
    .faq_main .content .swiper_actions {
        display: none
    }
}

.faq_main .content .faq_card {
    padding: 24px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    color: #334441;
    position: relative;
    min-height: 160px;
    border-radius: 8px;
    min-width: 335px;
    cursor: pointer
}

@media (max-width: 768px) {
    .faq_main .content .faq_card {
        min-width: 258px;
        min-height: 106px;
        padding-bottom: 40px
    }
}

@media (max-width: 768px) {
    .faq_main .content .faq_card {
        min-width: 100%
    }
}

.faq_main .content .faq_card .faq_arrow {
    position: absolute;
    z-index: 1;
    right: 34px;
    bottom: 25px;
    cursor: pointer
}

@media (max-width: 768px) {
    .faq_main .content .faq_card .faq_arrow {
        right: 26px;
        bottom: 19px
    }
}

.faq_main .content .faq_card .small_description {
    display: none;
    margin-top: 19px;
    line-height: 23px
}

.faq_main .content .faq_card .small_description ul li {
    display: flex
}

.faq_main .content .faq_card .small_description ul li:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 21px;
    display: block;
    background: #718682;
    margin-top: 5px;
    min-width: 9px;
    min-height: 9px
}

@media (max-width: 768px) {
    .faq_main .content .faq_card .small_description {
        margin-top: 10px
    }
}

.faq_main .content .faq_card.expanded .small_description {
    display: block;
    line-height: 21px;
    max-width: calc(100% - 40px)
}

@media (max-width: 768px) {
    .faq_main .content .faq_card.expanded .small_description {
        max-width: calc(100%)
    }
}

.faq_main .content .faq_card.expanded .faq_arrow {
    transform: rotate(180deg)
}

.faq_main .content .faq_card .faq_title {
    max-width: calc(100% - 40px);
    font-size: 26px;
    font-family: 'axiformamedium';
    line-height: 34px;
    font-weight: normal
}

@media (max-width: 768px) {
    .faq_main .content .faq_card .faq_title {
        font-size: 15px;
        line-height: 16px
    }
}

@media (max-width: 768px) {
    .faq_main .content .faq_card .faq_title {
        max-width: calc(100%)
    }
}

.faq_main .content .cust_btn {
    margin-top: 41px
}

.faq_main .absolute_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.faq_main .absolute_img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.terms_main {
    padding: 237px var(--grid_space) 0px
}

@media (max-width: 768px) {
    .terms_main {
        padding: 101px var(--grid_space) 0px
    }
}

.terms_main .sub_title {
    margin-bottom: 80px
}

@media (max-width: 768px) {
    .terms_main .sub_title {
        margin-bottom: 40px
    }
}

.terms_main .terms_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -31px
}

.terms_main .terms_item {
    width: calc(50% - 95px);
    margin-top: 31px
}

@media (max-width: 1150px) {
    .terms_main .terms_item {
        width: calc(50% - 40px)
    }
}

@media (max-width: 900px) {
    .terms_main .terms_item {
        width: calc(50% - 20px)
    }
}

@media (max-width: 768px) {
    .terms_main .terms_item {
        width: 100%
    }
}

.terms_main .terms_item .small_title {
    font-size: 25px;
    color: #050A30;
    line-height: 30px;
    font-weight: normal;
    font-family: 'axiformabold'
}

@media (max-width: 768px) {
    .terms_main .terms_item .small_title {
        font-size: 25px;
        line-height: 28px
    }
}

.terms_main .terms_item .small_description {
    font-size: 17px;
    font-family: 'axiformamedium';
    color: #334441;
    line-height: 30px
}

@media (max-width: 768px) {
    .terms_main .terms_item .small_description {
        font-size: 17px;
        line-height: 25px
    }
}

.error_page {
    padding: 200px var(--grid_space) 30px
}

.error_page .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.error_page .content .title {
    line-height: 1
}

.error_page .content .small_description {
    margin: 15px 0px 20px;
    color: #718682;
    font-size: 18px;
    line-height: 1.4
}

@media (max-width: 768px) {
    .error_page .content .small_description {
        font-size: 16px
    }
}

.error_page .content .cust_btn {
    padding: 0px 10px
}

header {
    position: fixed;
    padding: 0 var(--grid_space);
    top: 51px;
    left: 0;
    width: 100%;
    z-index: 90;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 768px) {
    header {
        top: 21px
    }
}

header .home_container {
    display: none
}

header .container {
    height: 74px;
    width: 100%;
    border-radius: 37px;
    background: #F4F5F5;
    box-shadow: 0px 3px 6px #00000029;
    padding: 0px 15px 0px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    transition: 0.5s all
}

@media (max-width: 768px) {
    header .container {
        padding: 0px 20px;
        height: 61px
    }
}

header .container .image_container {
    transition: 0.5s all;
    opacity: 1;
    position: static;
    transition-delay: 0.5s
}

header .container nav {
    display: block;
    height: 100%
}

header .container nav .link_list {
    height: 100%
}

header .container nav .link_list .link_item {
    height: 100%;
    display: flex;
    align-items: center
}

header .container .logo {
    max-height: 50px
}

@media (max-width: 962px) {
    header .container .logo {
        max-height: 32px
    }
}

header .container .link_list {
    display: flex;
    align-items: center
}

header .container .link_list .link_item {
    margin-left: 41px;
    position: relative
}

header .container .link_list .link_item a {
    cursor: pointer
}

@media (max-width: 1109px) {
    header .container .link_list .link_item {
        margin-left: 20px
    }
}

@media (max-width: 962px) {
    header .container .link_list .link_item {
        margin-left: 14px
    }
}

@media (max-width: 768px) {
    header .container .link_list .link_item:not(.show_phone) {
        display: none
    }
}

header .container .link_list .link_item:first-child {
    margin: 0
}

header .container .link_list .link_item.hasSubmenu:hover .subMenu {
    display: block
}

header .container .link_list .link_item .cust_btn {
    min-width: 137px;
    font-family: 'axiformasemibold'
}

@media (max-width: 962px) {
    header .container .link_list .link_item .cust_btn {
        min-width: 100px
    }
}

@media (max-width: 768px) {
    header .container .link_list .link_item .cust_btn {
        min-width: 76px;
        height: 28px;
        font-size: 10px
    }
}

header .container .link_list .subMenu {
    display: none;
    width: 158px;
    height: 208px;
    background: #fff;
    position: absolute;
    z-index: -1;
    padding-top: 77px;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
    left: -36px;
    top: 40px
}

header .container .link_list .subMenu .submenu_list .subMenu_item:first-child {
    margin-bottom: 61px
}

header .container .link_list .subMenu .subMenu_item .link {
    color: #718682
}

@media (min-width: 1025px) {
    header .container .link_list .subMenu .subMenu_item .link:hover {
        color: #050A30
    }
}

header .burger_menu {
    display: none !important;
    padding-top: 4px
}

@media (max-width: 768px) {
    header .burger_menu {
        display: flex !important
    }
}

header.home_header {
    display: flex;
    align-items: center
}

header.home_header .home_container {
    flex: 1;
    padding-right: 20px;
    display: block
}

header.home_header .home_container img {
    max-height: 99px
}

@media (max-width: 885px) {
    header.home_header .home_container img {
        max-height: 60px
    }
}

@media (max-width: 768px) {
    header.home_header .home_container img {
        max-height: 40px
    }
}

header.home_header .container {
    width: 800px;
    max-width: 800px
}

@media (max-width: 1209px) {
    header.home_header .container {
        width: 660px
    }
}

@media (max-width: 1080px) {
    header.home_header .container {
        width: 600px
    }
}

@media (max-width: 962px) {
    header.home_header .container {
        width: 562px
    }
}

@media (max-width: 768px) {
    header.home_header .container {
        width: 156px
    }
}

@media (max-width: 885px) {
    header.home_header .container {
        padding: 0px 15px 0px 20px
    }
}

@media (max-width: 768px) {
    header.home_header .container {
        padding: 0px 15px 0px 10px
    }
}

header.home_header .container .image_container {
    opacity: 0;
    width: 0
}

@media (max-width: 1209px) {
    header.home_header .container .link_list .link_item {
        margin-left: 20px
    }
}

@media (max-width: 1080px) {
    header.home_header .container .link_list .link_item {
        margin-left: 14px
    }
}

@media (max-width: 1080px) {
    header.home_header .container .link_list .link_item .link {
        font-size: 13px
    }
}

header.home_header .container .link_list .link_item:first-child {
    margin: 0
}

@media (max-width: 962px) {
    header.home_header .container .link_list .link_item .cust_btn {
        min-width: 100px
    }
}

@media (max-width: 768px) {
    header.home_header .container .link_list .link_item .cust_btn {
        margin-left: -14px
    }
}

.link {
    font-size: 14px;
    font-family: 'axiformabold';
    color: #334441;
    text-transform: uppercase
}

@media (min-width: 1025px) {
    .link:hover {
        color: #050A30
    }
}

.link.active {
    color: #050A30
}

.burger_menu_popup {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    height: 100%;
    width: 100%;
    z-index: 100;
    overflow: auto;
    transform: translateX(100%);
    transition: transform 0.3s;
    background-position: right;
    overflow: hidden
}

.burger_menu_popup .popup_wrapper {
    overflow-y: auto;
    max-height: 100%;
    width: calc(100% + 15px);
    height: 100%;
    background: #fff;
    padding: 100px var(--grid_space) 40px;
    position: relative
}

.burger_menu_popup .close {
    position: absolute;
    top: 25px;
    right: var(--grid_space);
    cursor: pointer
}

.burger_menu_popup .close svg {
    height: 20px;
    width: 20px
}

.burger_menu_popup .top_content {
    padding-bottom: 40px
}

.burger_menu_popup .top_content ul {
    margin-top: -30px
}

.burger_menu_popup .top_content li {
    margin-top: 30px
}

.burger_menu_popup .top_content a {
    font-size: 20px;
    cursor: pointer
}

.burger_menu_popup .bottom_content {
    border-top: 2px solid #F0E8DB;
    padding-top: 35px;
    display: flex;
    width: 100%;
    display: none
}

.burger_menu_popup .bottom_content ul {
    display: flex;
    width: calc(100% + 120px);
    margin-left: -120px
}

@media (max-width: 768px) {
    .burger_menu_popup .bottom_content ul {
        width: 100%;
        margin-left: 0;
        margin-top: -19px;
        flex-direction: column
    }
}

.burger_menu_popup .bottom_content ul li {
    margin-left: 120px
}

@media (max-width: 768px) {
    .burger_menu_popup .bottom_content ul li {
        margin-left: 0;
        margin-top: 19px
    }
}

.burger_menu_popup .bottom_content ul li a {
    font-size: 18px;
    color: #F0E8DB;
    font-family: 'futura_hv_btheavy';
    transition: color 0.3s
}

.burger_menu_popup.show {
    transform: translateX(0)
}

.submenu_burger_menu_popup {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    height: 100%;
    width: 100%;
    z-index: 102;
    overflow: auto;
    transform: translateX(100%);
    transition: transform 0.3s;
    background-position: right;
    overflow: hidden
}

.submenu_burger_menu_popup .popup_wrapper {
    overflow-y: auto;
    max-height: 100%;
    width: calc(100% + 15px);
    height: 100%;
    background: #fff;
    padding: 100px var(--grid_space) 40px;
    position: relative
}

.submenu_burger_menu_popup .close {
    position: absolute;
    top: 25px;
    left: var(--grid_space);
    cursor: pointer
}

.submenu_burger_menu_popup .close svg {
    height: 20px;
    width: 20px
}

.submenu_burger_menu_popup .top_content {
    padding-bottom: 40px
}

.submenu_burger_menu_popup .top_content ul {
    margin-top: -55px
}

.submenu_burger_menu_popup .top_content li {
    margin-top: 55px
}

.submenu_burger_menu_popup .top_content a {
    font-size: 20px;
    cursor: pointer
}

.submenu_burger_menu_popup .bottom_content {
    border-top: 2px solid #F0E8DB;
    padding-top: 35px;
    display: flex;
    width: 100%;
    display: none
}

.submenu_burger_menu_popup .bottom_content ul {
    display: flex;
    width: calc(100% + 120px);
    margin-left: -120px
}

@media (max-width: 768px) {
    .submenu_burger_menu_popup .bottom_content ul {
        width: 100%;
        margin-left: 0;
        margin-top: -19px;
        flex-direction: column
    }
}

.submenu_burger_menu_popup .bottom_content ul li {
    margin-left: 120px
}

@media (max-width: 768px) {
    .submenu_burger_menu_popup .bottom_content ul li {
        margin-left: 0;
        margin-top: 19px
    }
}

.submenu_burger_menu_popup .bottom_content ul li a {
    font-size: 18px;
    color: #F0E8DB;
    font-family: 'futura_hv_btheavy';
    transition: color 0.3s
}

.submenu_burger_menu_popup.show {
    transform: translateX(0)
}

.calculator_fixed {
    position: fixed;
    right: 0;
    z-index: 99;
    top: 300px;
    display: none
}

.calculator_fixed .radio_error {
    top: 5px
}

.calculator_fixed .calculator_box {
    width: 417px;
    padding: 45px;
    border-radius: 40px;
    background: #FFFFFFC4;
    margin-right: -35px;
    padding-right: 70px;
    position: relative
}

@media (max-width: 768px) {
    .calculator_fixed .calculator_box {
        background: #FFFFFF !important
    }
}

@media (max-width: 420px) {
    .calculator_fixed .calculator_box {
        width: calc(100% - var(--grid_space) + 60px);
        padding: 45px;
        padding-right: 64px
    }
}

.calculator_fixed .calculator_box .close_calculator {
    position: absolute;
    z-index: 2;
    right: 55px;
    top: 18px;
    cursor: pointer
}

.calculator_fixed .calculator_box .close_calculator path {
    fill: #718682
}

.calculator_fixed .calculator_box .calculator_title {
    color: #718682;
    font-size: 27px;
    font-family: 'axiformablack';
    margin-bottom: 24px;
    font-weight: normal
}

@media (max-width: 768px) {
    .calculator_fixed .calculator_box .calculator_title {
        font-size: 20px;
        margin-bottom: 24px
    }
}

.calculator_fixed .calculator_box .step_action {
    margin-top: 18px
}

.calculator_fixed .calculator_box .next_step {
    width: 100%
}

.calculator_fixed .calculator_box .plan_list .plan_item {
    margin-top: 10px
}

.calculator_fixed .calculator_box .plan_list .plan_item:first-child {
    margin-top: 0
}

.calculator_fixed .white_btn {
    margin-left: 0;
    display: none
}

.calculator_fixed .green_btn {
    margin-left: 0
}

.calculator_fixed .term_apply {
    font-size: 15px;
    color: #718682;
    font-family: 'axiformabold';
    text-decoration: underline;
    margin-top: 15px;
    display: block;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .calculator_fixed .term_apply {
        margin-top: 10px
    }
}

@media (min-width: 1025px) {
    .calculator_fixed .term_apply:hover {
        color: #050A30 !important
    }
}

@media (min-width: 769px) {
    .calculator_fixed.scrolled .white_btn {
        margin-left: 0;
        display: flex
    }

    .calculator_fixed.scrolled .term_apply {
        color: #fff
    }

    .calculator_fixed.scrolled .green_btn {
        margin-left: 0;
        display: none
    }

    .calculator_fixed.scrolled .calculator_box {
        background: #718682
    }

    .calculator_fixed.scrolled .calculator_box .calculator_title {
        color: #fff
    }

    .calculator_fixed.scrolled .calculator_box .plan_box label {
        color: #fff;
        border-color: #fff
    }

    .calculator_fixed.scrolled .calculator_box .radio_icon g {
        stroke: #fff
    }

    .calculator_fixed.scrolled .calculator_box .label_icon #Ellipse_2, .calculator_fixed.scrolled .calculator_box .label_icon #Ellipse_3 {
        stroke: #fff
    }

    .calculator_fixed.scrolled .calculator_box .label_icon rect, .calculator_fixed.scrolled .calculator_box .label_icon #Icon_awesome-user-alt, .calculator_fixed.scrolled .calculator_box .label_icon #Icon_awesome-users {
        fill: #fff
    }

    .calculator_fixed.scrolled .close_calculator path {
        fill: #fff
    }
}

.calculator_fixed .apply_calculator {
    margin-left: -10px
}

.calculator_fixed .apply_calculator .icon {
    margin-bottom: 18px
}

@media (max-width: 768px) {
    .calculator_fixed .apply_calculator .icon {
        margin-bottom: 10px
    }
}

.calculator_fixed .apply_calculator .cust_btn {
    min-width: 150px
}

@media (max-width: 768px) {
    .calculator_fixed .apply_calculator .cust_btn {
        min-width: 120px
    }
}

@media (max-width: 420px) {
    .calculator_fixed .apply_calculator .cust_btn {
        min-width: 100px
    }
}

.calculator_fixed .apply_calculator .apply_title {
    display: flex;
    margin-bottom: 46px
}

@media (max-width: 768px) {
    .calculator_fixed .apply_calculator .apply_title {
        margin-bottom: 20px
    }
}

.calculator_fixed .apply_calculator .apply_title .apply_price {
    color: #050A30;
    font-weight: normal;
    font-size: 59px;
    font-family: 'axiformabold'
}

@media (max-width: 768px) {
    .calculator_fixed .apply_calculator .apply_title .apply_price {
        font-size: 30px
    }
}

.calculator_fixed .apply_calculator .apply_title .unit {
    color: #050A30;
    font-weight: normal;
    font-size: 29px;
    font-family: 'axiformabold';
    display: block;
    margin-left: 10px
}

@media (max-width: 768px) {
    .calculator_fixed .apply_calculator .apply_title .unit {
        font-size: 20px;
        margin-left: 5px
    }
}

.calculator_fixed .calculator_icon {
    height: 75px;
    width: 417px;
    background: #050A30;
    background: #050A30;
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding-left: 24px;
    margin-right: -333px;
    cursor: pointer
}

.calculator_fixed .calculator_icon svg {
    height: 30px;
    width: 30px
}

@media (max-width: 768px) {
    .calculator_fixed .calculator_icon {
        height: 57px;
        width: 317px;
        margin-right: -263px;
        padding-left: 18px
    }

    .calculator_fixed .calculator_icon svg {
        height: 19px;
        width: 19px
    }
}

@media (min-width: 1025px) {
    .calculator_fixed .calculator_icon {
        transition: background 0.3s
    }

    .calculator_fixed .calculator_icon:hover {
        background: #718682
    }
}

.calculator_fixed .container.show_box .calculator_icon {
    display: none
}

.calculator_fixed .container.show_box .calculator_box {
    display: block
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 423px;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    z-index: 89;
    padding: 104px var(--grid_space);
    overflow: hidden
}

@media (max-width: 768px) {
    footer {
        padding: 47px var(--grid_space) 20px;
        height: 205px
    }
}

footer .absolute_img {
    position: absolute;
    bottom: 0;
    right: var(--grid_space);
    z-index: -1
}

@media (max-width: 768px) {
    footer .absolute_img {
        right: 0
    }

    footer .absolute_img img {
        max-height: 68px;
        min-width: 240px;
        object-fit: cover
    }
}

footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

footer .container .left_section {
    width: 466px
}

@media (max-width: 920px) {
    footer .container .left_section {
        width: 366px
    }
}

@media (max-width: 768px) {
    footer .container .left_section {
        width: 100%
    }
}

footer .container .left_section .footer_title {
    font-size: 33px;
    font-family: 'axiformablack';
    margin-bottom: 24px;
    color: #718682
}

@media (max-width: 768px) {
    footer .container .left_section .footer_title {
        font-size: 20px;
        margin-bottom: 16px
    }
}

footer .container .left_section button {
    cursor: pointer;
    border: none;
    outline: none;
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 9px;
    background: transparent
}

footer .container .left_section button svg {
    width: 24px;
    height: 24px
}

footer .container .left_section button svg path {
    fill: #718682
}

footer .container .left_section .cust_footer_input {
    position: relative
}

footer .container .left_section .cust_footer_input .footer_input {
    outline: none;
    border: none;
    height: 44px;
    padding: 0 20px;
    background: #ffffff;
    color: #718682;
    border-radius: 26px;
    padding-right: 50px;
    width: 100%;
    font-family: 'axiformasemibold';
    font-size: 15px;
    border: 1px solid #718682
}

footer .container .left_section .cust_footer_input .footer_input::placeholder {
    color: #718682;
    opacity: 1;
    font-size: 15px;
    font-family: 'axiformasemibold'
}

footer .container .left_section .cust_footer_input .footer_input:-ms-input-placeholder {
    color: #718682;
    opacity: 1;
    font-family: 'axiformasemibold';
    font-size: 15px
}

footer .container .left_section .cust_footer_input .footer_input::-ms-input-placeholder {
    color: #718682;
    opacity: 1;
    font-family: 'axiformasemibold';
    font-size: 15px
}

footer .container .left_section .bottom_section {
    display: flex;
    align-items: center;
    margin-top: 33px;
    font-size: 14px;
    font-family: 'axiformabold';
    color: #718682
}

footer .container .left_section .bottom_section a {
    padding-left: 3px;
    color: #718682
}

@media (min-width: 1025px) {
    footer .container .left_section .bottom_section a:hover {
        color: #050A30
    }
}

@media (max-width: 768px) {
    footer .container .left_section .bottom_section {
        margin-top: 33px
    }
}

footer .container .left_section .bottom_section .footer_title {
    margin: 0;
    color: #050A30;
    margin-right: 16px
}

@media (max-width: 768px) {
    footer .container .left_section .bottom_section .footer_title {
        margin: 0;
        margin-bottom: 11px
    }
}

footer .container .left_section .bottom_section .social_links {
    display: flex
}

footer .container .left_section .bottom_section .social_links li {
    margin-left: 20px
}

footer .container .left_section .bottom_section .social_links li:first-child {
    margin-left: 0
}

footer .container .left_section .bottom_section .social_links a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #050A3033;
    font-size: 18px;
    color: #050A30
}

footer .container .left_section .bottom_section .social_links a i {
    display: block;
    height: 15px
}

@media (min-width: 1025px) {
    footer .container .left_section .bottom_section .social_links a {
        transition: all 0.3s
    }

    footer .container .left_section .bottom_section .social_links a:hover {
        color: #fff;
        background: #050A30
    }

    footer .container .left_section .bottom_section .social_links a:hover path {
        stroke: #fff
    }
}

@media (max-width: 768px) {
    footer .container .right_section {
        display: none
    }
}

footer .container .right_section .footer_links {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 230px;
    row-gap: 30px;
    color: #718682
}

footer .container .right_section .footer_links .link {
    color: #718682
}

@media (min-width: 1025px) {
    footer .container .right_section .footer_links .link:hover {
        color: #050A30
    }
}

@media (max-width: 1146px) {
    footer .container .right_section .footer_links {
        column-gap: 100px
    }
}

@media (max-width: 920px) {
    footer .container .right_section .footer_links {
        column-gap: 40px
    }
}

.newsLetter_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000070;
    z-index: 100;
    display: none;
    justify-content: center;
    align-items: center
}

.newsLetter_popup.show {
    display: flex
}

@media (max-height: 780px) {
    .newsLetter_popup.show {
        overflow: auto;
        display: block;
        padding: 40px 0px
    }
}

@media (max-width: 768px) {
    .newsLetter_popup.show {
        display: block;
        overflow: hidden;
        padding: 0px
    }
}

.newsLetter_popup .close_newsLetter {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 10;
    cursor: pointer
}

@media (max-width: 768px) {
    .newsLetter_popup .close_newsLetter {
        top: 30px;
        right: var(--grid_space)
    }

    .newsLetter_popup .close_newsLetter svg {
        height: 20px;
        width: 20px
    }

    .newsLetter_popup .close_newsLetter path {
        fill: #fff
    }
}

@media (min-width: 1025px) {
    .newsLetter_popup .close_newsLetter:hover path {
        fill: #050A30
    }
}

.newsLetter_popup .newsLetter_container {
    width: 90%;
    max-width: 1082px;
    background: #fff;
    position: relative
}

@media (max-height: 780px) {
    .newsLetter_popup .newsLetter_container {
        margin: auto
    }
}

.newsLetter_popup .newsLetter_container.show_thankyou .left_section, .newsLetter_popup .newsLetter_container.show_thankyou .right_section {
    visibility: hidden !important
}

@media (max-width: 768px) {
    .newsLetter_popup .newsLetter_container.show_thankyou .thankyou {
        padding-left: var(--grid_space)
    }
}

.newsLetter_popup .newsLetter_container.show_thankyou .close_newsLetter path {
    fill: #718682
}

@media (max-width: 768px) {
    .newsLetter_popup .newsLetter_container {
        width: calc(100% + 15px);
        height: 100%;
        display: block;
        overflow: auto
    }
}

.newsLetter_popup .newsLetter_container .left_section {
    width: 519px;
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

@media (max-width: 1080px) {
    .newsLetter_popup .newsLetter_container .left_section {
        width: 419px
    }
}

@media (max-width: 900px) {
    .newsLetter_popup .newsLetter_container .left_section {
        width: 319px
    }
}

@media (max-width: 768px) {
    .newsLetter_popup .newsLetter_container .left_section {
        position: static;
        margin-bottom: 40px;
        max-height: 300px;
        width: calc(100%)
    }
}

.newsLetter_popup .newsLetter_container .left_section img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.newsLetter_popup .newsLetter_container .right_section {
    position: relative;
    flex: 1;
    padding: 64px 50px 43px 569px;
    background: #fff
}

@media (max-width: 1080px) {
    .newsLetter_popup .newsLetter_container .right_section {
        padding: 64px 50px 43px 469px
    }
}

@media (max-width: 900px) {
    .newsLetter_popup .newsLetter_container .right_section {
        padding: 64px 50px 43px 369px
    }
}

@media (max-width: 768px) {
    .newsLetter_popup .newsLetter_container .right_section {
        position: static;
        padding: 40px var(--grid_space);
        width: calc(100%);
        padding-top: 0px
    }
}

.newsLetter_popup .newsLetter_container .right_section .newsLetter_title {
    font-size: 42px;
    font-weight: normal;
    font-family: 'axiformablack';
    color: #050A30;
    margin-bottom: 48px
}

@media (max-width: 900px) {
    .newsLetter_popup .newsLetter_container .right_section .newsLetter_title {
        margin-bottom: 28px
    }
}

@media (max-width: 768px) {
    .newsLetter_popup .newsLetter_container .right_section .newsLetter_title {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.newsLetter_popup .newsLetter_container .right_section form {
    margin-top: 64px
}

@media (max-width: 768px) {
    .newsLetter_popup .newsLetter_container .right_section form {
        margin-top: 30px
    }
}

.newsLetter_popup .newsLetter_container .right_section form {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.newsLetter_popup .newsLetter_container .right_section .subscribe_btn {
    margin-top: 58px
}

@media (max-width: 768px) {
    .newsLetter_popup .newsLetter_container .right_section .subscribe_btn {
        margin-top: 30px
    }
}

.newsLetter_popup .newsLetter_container .right_section .form_list {
    width: calc(100%);
    margin-top: -23px;
    display: flex;
    flex-wrap: wrap
}

.newsLetter_popup .newsLetter_container .right_section .form_list .cust_select_field, .newsLetter_popup .newsLetter_container .right_section .form_list .cust_input_field, .newsLetter_popup .newsLetter_container .right_section .form_list .cust_date_field {
    min-width: 100%
}

.newsLetter_popup .newsLetter_container .right_section .form_list .form_item {
    margin-top: 23px;
    width: 100%
}

.subscribe_btn {
    background: #050A30;
    border-radius: 29px;
    width: 185px;
    height: 52px;
    position: relative;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    outline: none;
    border: none;
    cursor: pointer
}

@media (min-width: 1025px) {
    .subscribe_btn {
        transition: all 0.3s
    }

    .subscribe_btn:hover {
        background: #718682
    }
}

.subscribe_btn span {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'axiformablack'
}

.subscribe_btn i {
    display: block;
    height: 28px
}

.subscribe_btn.loading {
    position: relative;
    pointer-events: none;
    border: none
}

.subscribe_btn.loading:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #fff;
    border: 1px solid #050A30;
    border-radius: 26px
}

.subscribe_btn.loading:after {
    margin: auto;
    bottom: 5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 5px;
    color: #050A30;
    pointer-events: none;
    display: block;
    content: '';
    top: 5px
}

.cal_title {
    font-size: 26px;
    color: #fff;
    margin-left: 26px;
    font-family: 'axiformablack'
}

.calculator_fixed .calculator_icon {
    margin-right: -140px;
    transition: margin-right 0.3s
}

.calculator_fixed .calculator_icon.collapsed {
    margin-right: -336px
}

@media (max-width: 767px) {
    .cal_title {
        font-size: 18px;
        margin-left: 16px
    }

    .calculator_fixed .calculator_icon {
        margin-right: -126px
    }

    .calculator_fixed .calculator_icon.collapsed {
        margin-right: -266px
    }
}