:root{
    --main-cl: #212861;
    --sub-cl: #FFF0D8;
    --container-w: 90.625rem;
    --font-title: 'Romie';
    --font-body: 'SVN-Gilroy';
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
body::-webkit-scrollbar {
    width: 10px;
    background-color: #cedbff;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: unset !important;
    outline: none !important;
}
html{
    background: #FFF !important;
}
body{
    overflow-x: clip;
    background-color: #fff;
    font-family: var(--font-body), sans-serif;
}
body #wrapper,
body #wrapper #main{
    background: var(--main-cl);
}
body #wrapper #main > div[data-barba]{
    background: #FFF !important;
}
.font-title{
    font-family: var(--font-title), var(--font-body), sans-serif;
}
.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
.p-middle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.text-white{
    color: #FFF;
}
.text-0{
    color: #000;
}
.text-1{
    color: #111;
}
.text-2{
    color: #222;
}
.text-3{
    color: #333;
}
.text-6{
    color: #666;
}
.text-7{
    color: #777;
}
.text-9{
    color: #999;
}
.text-underline{
    text-decoration: underline;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-uppercase{
    text-transform: uppercase;
}
.obj-cover{
    object-fit: cover;
}
.text-italic{
    font-style: italic;
}
.text-primary{
    color: var(--main-cl)
}
.text-secondary{
    color: var(--sub-cl)
}
.al-center{
    align-items: center;
}
.img-wrap{
    overflow: hidden;
    position: relative;
}
.img-wrap video,
.img-wrap img{
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a{
    text-decoration: none;
}
.ts-03{
    transition: all 0.3s ease-in-out;
}
.ts-04{
    transition: all 0.4s ease-in-out;
}
.ts-05{
    transition: all 0.5s ease-in-out;
}
.fs-11{
    font-size: 0.573rem;
}
.fs-12{
    font-size: 0.625rem;
}
.fs-13{
    font-size: 0.677rem;
}
.fs-14{
    font-size: 0.729rem;
}
.fs-15{
    font-size: 0.78125rem;
}
.fs-16{
    font-size: 0.833rem;
}
.fs-17{
    font-size: 0.885rem;
}
.fs-18{
    font-size: 0.9375rem;
}
.fs-19{
    font-size: 0.99rem;
}
.fs-20{
    font-size: 1.042rem;
}
.fs-21{
    font-size: 1.09375rem;
}
.fs-22{
    font-size: 1.146rem;
}
.fs-23{
    font-size: 1.198rem;
}
.fs-24{
    font-size: 1.25rem;
}
.fs-25{
    font-size: 1.302rem;
}
.fs-30{
    font-size: 1.5625rem;
}
.lh-1-1{
    line-height: 1.1;
}
.lh-1-2{
    line-height: 1.2;
}
.lh-1-3{
    line-height: 1.3;
}
.lh-1-4{
    line-height: 1.4;
}
.lh-1-5{
    line-height: 1.5;
}
.lh-1-6{
    line-height: 1.6;
}
.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
}
.wrap-link{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
.m-auto{
    margin: auto;
}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.relative{
    position: relative !important;
}
.absolute{
    position: absolute !important;
}
.p-unset{
    position: unset !important;
}
.flex-box{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-row{
    flex-direction: row !important;
}
.flex-col{
    flex-direction: column;
}
.al-center{
    align-items: center;
}
.al-start{
    align-items: flex-start;
}
.al-end{
    align-items: flex-end;
}
.al-baseline{
    align-items: baseline;
}
.jus-start{
    justify-content: flex-start;
}
.jus-end{
    justify-content: flex-end;
}
.jus-center{
    justify-content: center;
}
.jus-between{
    justify-content: space-between;
}
.grid-box{
    display: grid;
}
.grid-2{
    grid-template-columns: repeat(2, 1fr);
}
.grid-3{
    grid-template-columns: repeat(3, 1fr);
}
.grid-4{
    grid-template-columns: repeat(4, 1fr);
}
.grid-5{
    grid-template-columns: repeat(5, 1fr);
}
.grid-6{
    grid-template-columns: repeat(6, 1fr);
}
.d-block{
    display: block;
}
.limit-line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1{
    -webkit-line-clamp: 1;
}
.limit-line.limit-2{
    -webkit-line-clamp: 2;
}
.limit-line.limit-3{
    -webkit-line-clamp: 3;
}
.limit-line.limit-4{
    -webkit-line-clamp: 4;
}
.limit-line.limit-5{
    -webkit-line-clamp: 5;
}
.m-0{
    margin: 0;
}
.mb-0{
    margin-bottom: 0;
}
@keyframes scaleBorder {
    0%{
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100%{
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}
.pl-cont{
    padding-left: calc(calc(100vw - var(--container-w)) / 2);
}
.pr-cont{
    padding-right: calc(calc(100vw - var(--container-w)) / 2);
}
.left-cont{
    left: calc(calc(100vw - var(--container-w)) / 2);
}
.right-cont{
    right: calc(calc(100vw - var(--container-w)) / 2);
}
.height-100{
    height: 100%;
}
.width-100{
    width: 100%;
}
.ls-none{
    list-style: none;
}
span.required{
    color: #FF1B1B;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #FFF !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
    background: red !important;
    border-color: red !important;
    color: #FFF !important;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output{
    margin-top: 1rem !important;
    text-align: center !important;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-size: 0.833rem;
}
.form-wrap .wpcf7-not-valid-tip{
    font-size: 0.677rem;
    position: absolute;
}
.wpcf7-spinner{
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%);
    display: none !important;
}
.bg-center{
    background-position: center;
}
.bg-custom{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-cover{
    background-size: cover;
}
.bg-contain{
    background-size: contain;
}
.bg-primary{
    background-color: var(--main-cl);
}
.bg-secondary{
    background-color: var(--sub-cl);
}
.bg-white{
    background-color: #FFF;
}
.bg-black{
    background-color: #000;
}
@keyframes fade-up {
    0%{
        opacity: 0;
        transform: translateY(2.083rem);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
.swiper-button-lock{
    display: none !important;
}
.swiper-button-disabled{
    opacity: 0.4 !important;
}
svg,path{
    transition: all 0.4s ease-in-out;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.gradient-border{
    background-image: linear-gradient(#FFF0F9, #FFF0F9), radial-gradient(circle at top left, #D4922D,#FDBE5D);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.overflow-hidden{
    overflow: hidden;
}
.radius-10{
    border-radius: 10px;
}
.radius-15{
    border-radius: 15px;
}
.radius-20{
    border-radius: 20px;
}
.radius-25{
    border-radius: 25px;
}
.radius-30{
    border-radius: 30px;
}
.radius-50{
    border-radius: 50px;
}
.radius-50p{
    border-radius: 50%;
}
.swiper-same-height > .swiper-wrapper{
    align-items: unset;
}
.swiper-same-height > .swiper-wrapper .swiper-slide{
    height: auto;
}
.swiper-same-height > .swiper-wrapper .swiper-slide > div{
    height: 100%;
}
.show-tablet,
.show-mobile{
    display: none !important;
}
.overflow-hidden{
    overflow: hidden;
}
.load_home_page img,
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.load_home_page.complete .mask {
    background-color: transparent;
}
div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: #FFF;
}
div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}
div.load_home_page .mask span:nth-child(1) {
    top: 0;
}
div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}
div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}
div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}
div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}
.load_home_page.complete {
    visibility: hidden;
}
div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 10px 0 0  !important;
}
.load_home_page.complete img,
.load_home_page.complete svg{
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path{
    transition: all 0.4s ease-in-out;
}
.load_home_page.complete svg path,
.load_home_page.complete svg rect,
.load_home_page.complete svg circle,
.load_home_page.complete svg line{
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    stroke-width: 1px;
    fill: transparent;
}
.path-1 {
    animation-name: Signature1;
    animation-duration: 10s;
    stroke: #FFF;
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}
.path-2{
    animation-name: Signature2;
    animation-duration: 20s;
    stroke: var(--main-cl);
}
.load_home_page.complete .path-2{
    fill: var(--main-cl);
}
@keyframes Signature2 {
    to {
        stroke: var(--main-cl);
        stroke-dashoffset: 0;
    }
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: #fff;
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 5.208rem 0;
}
.search-page h1{
    margin-bottom: 2.604rem;
}
.search-tabs .search-tabs-title{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}
.search-tabs .search-tabs-title .search-tab-title{
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}
.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active{
    background-color: var(--fs-color-primary);
    color: #FFF;
}
.search-tabs .search-tab-content{
    display: none;
}
.search-tabs .search-tab-content.active{
    display: block;
}
.search-tabs .search-empty{
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}
.search-tabs .search-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}
.search-tabs .search-item h3{
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.z-5{
    z-index: 5;
}
.z-3{
    z-index: 3;
}
.box-loading{
    position: relative;
    min-height: 10.417rem;
}
.box-loading:before{
    height: 3.646rem;
    width: 3.646rem;
    left: calc(50% - 1.823rem);
    top: calc(50% - 1.823rem);
    aspect-ratio: 1;
    position: absolute;
    content: '';
    border-radius: 50%;
    z-index: 50;
    border: 5px solid #f3f3f3;
    border-bottom-color: var(--main-cl);
    display: inline-block;
    box-sizing: border-box;
    animation: loadingSpin 0.6s linear infinite;
}
header#header{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}
header#header .header-bg-container{
    display: none !important;
}
header#header .header-wrapper{
    animation: unset !important;
    padding: 0 1.667rem;
    box-shadow: unset !important;
    position: relative;
    z-index: 9;
}
header#header .header-wrapper:before{
    width: 100%;
    height: 12.5rem;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(180deg, #1D1B1B 0%, rgba(29, 27, 27, 0) 100%);
    transition: all 0.4s;
}
header#header .header-wrapper:after{
    height: 0;
    width: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    background: url("../images/pricing-card-bg.png");
    transition: all 0.4s;
}
header#header .header-wrapper #masthead{
    height: 90px !important;
    transition: all 0.4s;
}
header#header .header-wrapper.stuck #masthead{
    height: 100px !important;
}
header#header .header-wrapper #masthead .header-inner{
    padding-left: 0;
    padding-right: 0;
}
header#header .header-wrapper #masthead .flex-right,
header#header .header-wrapper #masthead .flex-left{
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
}
header#header .header-wrapper #masthead .flex-right:before,
header#header .header-wrapper #masthead .flex-left:before{
    bottom: 0;
    width: calc(100% + 1.667rem);
    position: absolute;
    content: '';
    background: #FFFFFF80;
    height: 1px;
    transition: all 0.4s;
}
header#header .header-wrapper #masthead .flex-right:before{
    right: -1.667rem;
}
header#header .header-wrapper #masthead .flex-left:before{
    left: -1.667rem;
}
header#header .header-wrapper #masthead .flex-right li{
    margin-left: 0;
    margin-right: 0;
}
header#header .header-wrapper #masthead #logo{
    width: auto !important;
    margin: 0 1.667rem !important;
    padding: 0.78125rem 0 0.521rem;
    height: 100%;
}
header#header .header-wrapper #masthead #logo a{
    display: block;
    height: 100%;
}
header#header .header-wrapper #masthead #logo img{
    width: auto !important;
    height: 6.875rem;
    object-fit: contain;
    max-height: unset !important;
    transition: all 0.4s;
}
.menu-nav-icon .click-toggle-menu{
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #FFF;
    cursor: pointer;
}
.menu-nav-icon .click-toggle-menu .hamburger{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: 48px;
    height: 15px;
    margin-bottom: 4px;
}
.menu-nav-icon .click-toggle-menu .hamburger > span{
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transition: all 0.4s;
}
.menu-nav-icon .click-toggle-menu .hamburger > span:nth-of-type(1){
    width: 100%;
}
.menu-nav-icon .click-toggle-menu .hamburger > span:nth-of-type(2){
    width: 66%;
    opacity: 0.8;
}
.menu-nav-icon .click-toggle-menu .hamburger > span:nth-of-type(3){
    width: 33%;
    opacity: 0.6;
}
.menu-nav-icon:hover .click-toggle-menu .hamburger > span:nth-of-type(3){
    width: 100%;
}
.menu-nav-icon:hover .click-toggle-menu .hamburger > span:nth-of-type(2){
    width: 66%;
}
.menu-nav-icon:hover .click-toggle-menu .hamburger > span:nth-of-type(1){
    width: 33%;
}
.menu-nav-icon .click-toggle-menu.active .hamburger > span:nth-of-type(2),
.has-off-canvas .menu-nav-icon .click-toggle-menu .hamburger > span:nth-of-type(2){
    opacity: 0;
}
.menu-nav-icon .click-toggle-menu.active .hamburger > span:nth-of-type(1),
.has-off-canvas .menu-nav-icon .click-toggle-menu .hamburger > span:nth-of-type(1){
    transform: rotate(45deg) translate(8px, 8px);
    opacity: 1;
}
.menu-nav-icon .click-toggle-menu.active .hamburger > span:nth-of-type(3),
.has-off-canvas .menu-nav-icon .click-toggle-menu .hamburger > span:nth-of-type(3){
    width: 100%;
    transform: rotate(135deg) translate(-7px, 8px);
    opacity: 1;
}
.menu-nav-icon .click-toggle-menu:before {
    content: unset !important;
}
.menu-nav-icon .click-toggle-menu i {
    display: none;
}
#header #masthead .header-buttons{
    gap: 2.083rem;
}
#header #masthead .header-buttons .header-btn{
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.2;
    padding: 7px 20px 5px;
    border: 1px solid #FFFFFF80;
    border-radius: 30px;
    color: #FFF;
}
#header #masthead .header-item .language-switcher-items{
    pointer-events: none;
    display: flex;
    align-items: center;
    margin-left: 2.083rem;
    padding-top: 2px;
}
#header #masthead .header-item .language-switcher-items > a{
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
    text-transform: uppercase;
}
#header #masthead .header-item .language-switcher-items > a+a{
    padding-left: 0.729rem;
    margin-left: 0.729rem;
}
#header #masthead .header-item .language-switcher-items > a.active{
    color: #FFF;
}
#header #masthead .header-item .language-switcher-items > a+a:before{
    position: absolute;
    width: 1px;
    height: 0.625rem;
    background: rgba(255, 255, 255, 0.6);
    content: '';
    left: 0;
    top: 2px;
}
.no-banner header#header .header-wrapper #masthead .flex-left:before,
header#header .header-wrapper.stuck #masthead .flex-left:before,
.no-banner header#header .header-wrapper #masthead .flex-right:before,
header#header .header-wrapper.stuck #masthead .flex-right:before{
    width: 0;
}
.no-banner header#header .header-wrapper:after,
header#header .header-wrapper.stuck:after{
    height: 100%;
}
.no-banner header#header .header-wrapper:before,
header#header .header-wrapper.stuck:before{
    height: 0;
}
.no-banner header#header .header-wrapper #masthead #logo img,
header#header .header-wrapper.stuck #masthead #logo img{
    height: 100% !important;
}
.no-banner #main{
    padding-top: 88px;
}
#site-menu{
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    /*transform: translateX(-100%);*/
    /*transition: all 0.8s;*/
}
#site-menu.active{
    /*transform: translateX(0);*/
    /*transition: all 1.2s cubic-bezier(0.75, 0.02, 1, 0.97);*/
}
#site-menu .col-6:nth-of-type(1){
    display: flex;
    flex-direction: column;
    gap: 3.49rem;
    background-image: url('../images/bg-noise.jpg');
    position: relative;
    z-index: 3;
}
#site-menu .img-wrap{
    /*transition: all 1.2s ease-in;*/
    /*transform: translateX(-60%);*/
    z-index: 4;
}
/*#site-menu.active .img-wrap{*/
/*    animation: menu-animation 1.2s forwards linear;*/
/*}*/
/*#site-menu.active .img-wrap{*/
/*    transform: translateX(0);*/
/*}*/
#site-menu .menu-heading{
    padding: 2.083rem 0 0 1.667rem;
}
#site-menu .menu-heading .menu-nav-icon .click-toggle-menu{
    color: var(--main-cl);
}
#site-menu .menu-body{
    padding: 0 5.417rem 0 5.052rem;
    flex-grow: 1;
}
#site-menu .menu-body .page-main-menu{
    max-height: 60vh;
    overflow: auto;
}
#site-menu .menu-body .page-main-menu::-webkit-scrollbar{
    background: #d6d6d6;
    width: 4px;
}
#site-menu .menu-body .page-main-menu::-webkit-scrollbar-thumb{
    background: var(--main-cl);
    border-radius: 50px;
}
#site-menu .menu-body .page-main-menu > ul{
    margin-bottom: 0;
}
#site-menu .menu-body .page-main-menu > ul > li{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transition: all 0.4s;
}
#site-menu .menu-body .page-main-menu > ul > li > svg{
    opacity: 0;
}
#site-menu .menu-body .page-main-menu > ul > li+li{
    margin-top: 1.25rem;
}
#site-menu .menu-body .page-main-menu > ul > li > a{
    font-weight: 500;
    font-size: 1.302rem;
    line-height: 1.5625rem;
    font-family: var(--font-title), var(--font-body), sans-serif;
    color: #3D3D58;
    display: flex;
    align-items: center;
    flex-grow: 1;
}
#site-menu .menu-body .page-main-menu > ul > li > a:before{
    margin-right: 0;
    position: relative;
    display: block;
    content: '';
    height: 1px;
    min-width: 0;
    transition: all 0.4s;
    background: #212861;
}
#site-menu .menu-body .page-main-menu > ul > li > ul{
    width: 14.583rem;
    min-width: 14.583rem;
    list-style: none;
    margin: 0;
    display: none;
    padding-right: 0.521rem;
}
#site-menu .menu-body .page-main-menu > ul > li.is-active{
    border-color: #2128614D;
    padding: 1.25rem 0;
}
#site-menu .menu-body .page-main-menu > ul > li.is-active > svg,
#site-menu .menu-body .page-main-menu > ul > li:hover > svg{
    opacity: 1;
    cursor: pointer;
}
#site-menu .menu-body .page-main-menu > ul > li.is-active > a:before,
#site-menu .menu-body .page-main-menu > ul > li.current-menu-item > a:before,
#site-menu .menu-body .page-main-menu > ul > li:hover > a:before{
    min-width: 1.667rem;
    margin-right: 0.9375rem;
}
#site-menu .menu-body .page-main-menu > ul > li.is-active > a,
#site-menu .menu-body .page-main-menu > ul > li.current-menu-item > a,
#site-menu .menu-body .page-main-menu > ul > li:hover > a{
    font-weight: 700;
}
#site-menu .menu-body .page-main-menu > ul > li.is-active > svg path:nth-of-type(2){
    opacity: 0;
}
#site-menu .menu-body .page-main-menu > ul > li > ul > li{
    margin-bottom: 0;
}
#site-menu .menu-body .page-main-menu > ul > li > ul > li+li{
    margin-top: 0.625rem;
}
#site-menu .menu-body .page-main-menu > ul > li > ul > li > a{
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.2;
    display: block;
    color: #3D3D58;
}
#site-menu .menu-footer{
    margin-top: auto;
    padding: 0 5.417rem 2.292rem 5.052rem;
}
#site-menu .menu-footer > .flex-box{
    padding-top: 1.823rem;
    border-top: 1px solid #212861
}
#site-menu .menu-footer .menu-logo img{
    height: 3.59375rem;
    width: auto;
}
#site-menu .menu-footer .styled-socials > .fs-14{
    opacity: 0.65;
}
#site-menu .menu-footer .styled-socials .social-item{
    border: 1px solid #23296080;
}
@keyframes loadingSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.sec-title{
    font-weight: 500;
    font-size: 2.604rem;
}
.sec-title-2{
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.4;
}
.sec-desc{
    font-size: 0.9375rem;
    line-height: 1.4;
}
.page-banner{
    z-index: 10;
}
.page-banner .img-wrap img{
    animation: zoomBanner 60s forwards;
}
@keyframes zoomBanner {
    from{
        transform: scale(1);
    }
    to{
        transform: scale(2);
    }
}
.page-banner .img-wrap:before{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(29, 27, 27, 0) 0%, #1D1B1B 100%);
    z-index: 2;
    position: absolute;
    content: '';
    opacity: 0.65;
}
.page-banner .banner-cont{
    bottom: 3.90625rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: var(--container-w);
    padding-left: 1rem;
    padding-right: 1rem;
    z-index: 10;
}
.page-banner .banner-cont .banner-desc{
    min-height: 1.146rem;
    margin-top: 0.833rem;
}
.breadcrumbs{
    margin-bottom: -3.125rem;
    position: relative;
    z-index: 9;
}
.breadcrumbs ol{
    list-style: none;
    display: flex;
    overflow: auto;
    max-width: 100%;
    padding-top: 1.5625rem;
    margin: 0;
}
.breadcrumbs ol li{
    margin: 0;
    position: relative;
    opacity: 0.5;
    color: #3D3D58;
    flex: 0 0 auto;
}
.breadcrumbs ol li:last-of-type{
    opacity: 1;
}
.breadcrumbs ol li a{
    color: currentColor;
}
.breadcrumbs ol li span{
    font-weight: 500;
    font-size: 0.833rem;
    line-height: 1.4;
    color: currentColor;
}
.breadcrumbs ol li+li{
    padding-left: 0.521rem;
    margin-left: 0.521rem;
}
.breadcrumbs ol li+li:before{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}
.title-group .sec-title{
    margin-bottom: 0.78125rem;
}
.contact-page{
    background-image: url('../images/contact-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.contact-sec-1{
    padding: 10.729rem 0 12.5rem;
}
.contact-sec-1 .title-group{
    margin-bottom: 3.646rem;
}
.contact-sec-1 .sec-title{
    margin-bottom: 1.302rem;
}
.contact-sec-1 .contact-info{
    gap: 4.583rem;
    padding-right: 8.542rem;
    margin-bottom: 3.021rem;
}
.contact-sec-1 .contact-info .item{
    min-width: 10.677rem;
    padding-bottom: 1.146rem;
    border-bottom: 1px solid #23296033;
}
.contact-sec-1 .contact-info .item:last-of-type{
    flex-grow: 1;
}
.contact-sec-1 .contact-info .item .label{
    margin-bottom: 5px;
    opacity: 0.5;
}
.contact-sec-1 .socials{
    padding-right: 8.542rem;
}
.contact-sec-1 .socials .socials-title{
    margin-bottom: 1.042rem;
    opacity: 0.5;
}
.contact-sec-1 .socials > .flex-box{
    gap: 2.083rem;
}
.contact-sec-1 .socials .flex-box a{
    gap: 0.78125rem;
}
.contact-sec-1 .socials .flex-box a .text{
    transition: all 0.4s;
    border-bottom: 1px solid transparent;
}
.contact-sec-1 .socials .flex-box a .icon{
    width: 2.34375rem;
    height: auto;
    aspect-ratio: 1;
    border: 1px solid var(--main-cl);
    transition: all 0.4s;
}
.contact-sec-1 .socials .flex-box a .icon img,
.contact-sec-1 .socials .flex-box a .icon svg{
    transition: all 0.4s;
    max-width: 1.771rem;
    max-height: 1.771rem;
    object-fit: contain;
}
.contact-sec-1 .col-6:nth-of-type(2){
    padding-left: 8.073rem;
    padding-right: 8.073rem;
}
.contact-sec-2{
    padding-bottom: 8.646rem;
}
.contact-sec-2 .filters-wrap{
    margin-top: 1.5625rem;
    margin-bottom: 4.375rem;
}
.contact-sec-2 .col-5{
    padding-right: 4.0625rem;
}
.contact-sec-2 .col-5 .result-count{
    margin-bottom: 1.25rem;
}
.contact-sec-2 .col-5 .list{
    padding-right: 2.708rem;
    max-height: 34.167rem;
    overflow: auto;
}
.contact-sec-2 .col-5 .list::-webkit-scrollbar-track {
    background-color: #0000001A;
}
.contact-sec-2 .col-5 .list::-webkit-scrollbar {
    width: 4px;
    background-color: #0000001A;
}
.contact-sec-2 .col-5 .list::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
.contact-sec-2 .col-5 .list .item{
    cursor: pointer;
    padding: 1.5625rem;
    border: 1px solid transparent;
    transition: all 0.4s;
}
.contact-sec-2 .col-5 .list .item+.item{
    margin-top: 0.833rem;
}
.contact-sec-2 .col-5 .list .item:hover,
.contact-sec-2 .col-5 .list .item.active{
    border-color: #2128614D;
    background: #FFFFFF33;
}
.contact-sec-2 .col-5 .list .item .name{
    margin-bottom: 0.833rem;
}
.contact-sec-2 .col-5 .list .item .info-item{
    display: flex;
    align-items: flex-start;
    gap: 0.417rem;
}
.contact-sec-2 .col-5 .list .item .info-item svg{
    width: 1.042rem;
    min-width: 1.042rem;
    height: auto;
}
.contact-sec-2 .col-5 .list .item .info-item+.info-item{
    margin-top: 0.521rem;
}
.contact-sec-2 .filters-wrap{
    position: relative;
    z-index: 5;
}
.contact-sec-2 .contact-stores{
    position: relative;
    z-index: 3;
}
.contact-sec-2 .col-7 #map{
    height: 100%;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.terms-menu > ul{
    gap: 2.604rem;
}
.terms-menu > ul > li{
    flex: 0 0 auto;
}
.terms-menu > ul > li > a:before{
    position: relative;
    display: block;
    margin-right: 0;
    width: 0;
    content: '';
    transition: all 0.4s;
    height: 1px;
    background: currentColor;
}
.terms-menu > ul > li > a.active:before,
.terms-menu > ul > li > a:hover:before{
    width: 1.302rem;
    margin-right: 0.46875rem;
}
.library-page{
    padding: 10.15625rem 0 7.708rem;
    background-image: url('../images/bg-noise.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.library-page .heading-group{
    margin-bottom: 3.125rem;
    gap: 1rem;
}
.library-list .video-grid{
    grid-gap: 3.125rem 1.302rem;
}
.library-list .images-grid{
    grid-gap: 1.302rem;
}
.library-list .btn-load-more{
    margin-top: 3.125rem;
}
.video-item .img-wrap:before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.3;
    z-index: 2;
    transition: all 0.4s;
}
.video-item .img-wrap .icon{
    left: 1.042rem;
    bottom: 1.042rem;
    width: 2.083rem;
    height: 2.083rem;
}
.video-item .img-wrap .icon svg{
    transform: translateX(15%);
}
.video-item .cont-wrap{
    padding: 1.042rem 1.458rem 0 0;
}
.video-item .cont-wrap .term{
    margin-bottom: 0.417rem;
}
.image-item .img-wrap:before{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 2;
}
.image-item{
    cursor: pointer;
}
.image-item .cont-wrap{
    pointer-events: none;
    bottom: 0;
    padding: 0 2.083rem 1.875rem;
}
.fancybox__slide.has-youtube .is-close-button{
    line-height: normal;
    min-height: unset;
}
.btn-load-more{
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    gap: 0.417rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.2;
    text-transform: uppercase;
}
.btn-load-more.text-primary{
    color: var(--main-cl) !important;
}
.btn-load-more .line-wrap{
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 1.667rem;
    transition: all 0.4s;
}
.btn-load-more .arrow-wrap{
    width: 0;
    transition: all 0.4s;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
}
.btn-load-more svg{
    width: 1.667rem;
    min-width: 1.667rem;
    max-width: unset;
    height: auto;
}
.gallery-popup{
    position: fixed;
    width: 100vw;
    height: 100vh;
    padding-left: 1rem;
    padding-right: 1rem;
    top: 0;
    left: 0;
    z-index: 10005;
    background: #000000CC;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: all 0.4s;
}
.gallery-popup.active{
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
}
.gallery-popup .popup-content{
    width: 54.167rem;
    max-width: 100%;
    padding: 1.302rem 0 0;
    position: relative;
}
.gallery-popup .popup-content .close-btn{
    position: absolute;
    right: -9.375rem;
    top: 0;
    cursor: pointer;
    transition: all 0.4s;
}
.gallery-popup .popup-content .close-btn:hover svg{
    transform: rotate(90deg);
}
.gallery-popup .popup-content .gallery-wrap{
    margin-left: auto;
    margin-right: auto;
}
.stores-system{
    padding: 8.4375rem 0 7.552rem;
    background-image: url('../images/bg-noise.jpg');
    background-repeat: no-repeat;
    background-position: top center;
}
.stores-system .title-group{
    margin-bottom: 2.396rem;
}
.stores-system .filters-wrap{
    margin-bottom: 4.0625rem;
}
.select{
    position: relative;
    z-index: 9;
}
.select select{
    display: none;
}
.select .select-options{
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 9;
    display: none;
    background: #FFF;
    width: 100%;
    border-radius: 10px;
    margin: 0;
    list-style: none;
}
.select .select-options > li{
    margin: 0;
    padding: 0.521rem 3.229rem 0.521rem 1.25rem;
    text-align: right;
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--main-cl);
    cursor: pointer;
    transition: all 0.4s;
}
.select .select-options > li+li{
    border-top: 1px solid rgba(33, 40, 97, 0.2);
}
.select .select-options > li:hover,
.select .select-options > li.active{
    background: var(--main-cl);
    color: #FFF;
}
.filters-wrap .filters{
    gap: 0.9375rem 1.25rem;
    margin-bottom: 0;
}
.filters-wrap button.submit-filter{
    margin: 0;
    background: var(--main-cl);
    transition: all 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: unset;
    border-radius: 50px;
    padding: 0 1.25rem;
}
.filters-wrap button.submit-filter svg{
    width: 1.25rem;
    height: auto;
}
.btn-loading{
    pointer-events: none;
    opacity: 0.6;
}
.stores-grid .empty-stores{
    grid-column: 1 / -1;
}
.gallery-popup .img-wrap{
    aspect-ratio: 1080/715;
}
.gallery-popup .gallery-thumb{
    margin: 2.1875rem 3.229rem 0;
}
.gallery-popup .gallery-thumb .swiper-slide{
    cursor: pointer;
    position: relative;
    padding: 0 0.521rem;
}
.gallery-popup .gallery-thumb .swiper-slide .img-wrap:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all 0.4s;
}
.gallery-popup .gallery-thumb .swiper-slide-thumb-active .img-wrap:before{
    background: transparent;
    border-color: #FFF0D8;
}
.filters-wrap .filter-item .label{
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.2;
    top: 50%;
    left: 1.25rem;
    transform: translateY(-50%);
    pointer-events: none;
}
.filters-wrap .filter-item .select-styled{
    display: flex;
    justify-content: flex-end;
    gap: 1.042rem;
    align-items: center;
    padding: 0.625rem 1.25rem;
    border: 1px solid #232960;
    min-width: 18.75rem;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.2;
    text-align: right;
    border-radius: 2.604rem;
    position: relative;
    color: var(--main-cl);
    cursor: pointer;
}
.filters-wrap .filter-item .select-styled:after{
    position: relative;
    content: '';
    width: 0.9375rem;
    min-width: 0.9375rem;
    height: auto;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iIzNEM0Q1OCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    display: block;
}
.stores-list .stores-grid{
    grid-gap: 4.167rem 3.4375rem;
}
.library-list .video-grid.box-loading + .btn-load-more,
.library-list .video-grid.box-loading > div,
.library-list .images-grid.box-loading + .btn-load-more,
.library-list .images-grid.box-loading > div,
.stores-list .stores-grid.box-loading > div{
    display: none !important;
}
.store-item .cont-wrap{
    bottom: 2.083rem;
    left: 1.823rem;
    right: 1.823rem;
    z-index: 5;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 32.69%, rgba(254, 242, 217, 0.25) 100%);
    backdrop-filter: blur(30px);
    padding: 1.979rem;
}
.store-item .cont-wrap .name{
    padding-bottom: 1.042rem;
    margin-bottom: 1.042rem;
    border-bottom: 1px solid #FFFFFF4D;
}
.store-item .cont-wrap .info-item{
    padding-bottom: 0.625rem;
}
.store-item .cont-wrap .info-item svg{
    width: 1.042rem;
    min-width: 1.042rem;
    height: auto;
    margin-right: 0.417rem;
    margin-top: -2px;
}
.store-item .cont-wrap .buttons-wrap .btn{
    width: 100%;
}
.store-item .cont-wrap .buttons-wrap{
    gap: 1.042rem;
    padding-top: 1.458rem;
}
.store-item .cont-wrap .text-center{
    padding-top: 1.042rem;
    opacity: 0.6;
    transition: all 0.4s;
}
.store-item .cont-wrap .text-center a{
    color: #FFF !important;
    display: block;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.store-item .cont-wrap .show-when-hover{
    display: none;
}
.store-item .img-wrap{
    aspect-ratio: 530/680;
}
.btn{
    font-weight: 500;
    font-size: 1.042rem;
    line-height: 1.3;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: max-content;
    max-width: 100%;
    position: relative;
    gap: 0.625rem;
    transition: all 0.4s;
    padding: 0.573rem 1.875rem;
    cursor: pointer;
}
.btn.btn-primary{
    border: 1px solid #FFFFFF4D;
    background: var(--main-cl);
    color: #FFF;
}
.btn.btn-secondary{
    border: 1px solid var(--sub-cl);
    background: var(--sub-cl);
    color: var(--main-cl);
}
.swiper-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.34375rem;
    height: 2.34375rem;
    border-radius: 50%;
    border: 1px solid #FFF;
    transition: all 0.4s;
    cursor: pointer;
}
.swiper-arrow.color-primary{
    border-color: var(--main-cl);
}
.swiper-arrow svg{
    width: 0.417rem;
    height: auto;
}
.arrows{
    gap: 0.521rem;
}
.gallery-main-wrap .swiper-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.gallery-main-wrap .swiper-arrow.prev{
    left: -4.6875rem;
}
.gallery-main-wrap .swiper-arrow.next{
    right: -4.6875rem;
}
.posts-page{
    padding: 8.4375rem 0 6.25rem;
    background-image: url('../images/bg-noise.jpg');
}
.featured-posts-wrap{
    margin-bottom: 6.25rem;
}
.featured-posts-wrap .sec-title{
    margin-bottom: 3.125rem;
}
.featured-posts{
    grid-template-columns: 58% calc(42% - 2.083rem);
    grid-gap: 2.604rem 2.083rem;
    grid-template-rows: repeat(3, 1fr);
}
.featured-posts .post-item{
    display: flex;
    gap: 1.5625rem;
    align-items: center;
}
.featured-posts .post-item .img-wrap{
    width: 40%;
}
.featured-posts .post-item .cont-wrap{
    width: calc(60% - 1.5625rem);
    padding-top: 0;
}
.featured-posts .post-item:nth-of-type(1){
    grid-row: 1/4
}
.featured-posts .post-item:nth-of-type(1) .img-wrap{
    width: 100%;
    height: 100%;
}
.featured-posts .post-item:nth-of-type(1) .img-wrap:before{
    width: 100%;
    height: 60%;
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 2;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.featured-posts .post-item:nth-of-type(1) .cont-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 19.583rem 2.708rem 2.708rem;
    z-index: 8;
    width: 100%;
}
.featured-posts .post-item:nth-of-type(1) .cont-wrap *{
    color: #FFF;
}
.featured-posts .post-item:nth-of-type(1) .cont-wrap .post-title{
    font-size: 1.5625rem;
}
.featured-posts .post-item:nth-of-type(4):before,
.featured-posts .post-item:nth-of-type(3):before{
    background: #23296026;
    height: 1px;
    width: 100%;
    top: -1.302rem;
    position: absolute;
    content: '';
    left: 0;
}
.posts-page .posts-list .terms-menu{
    margin-bottom: 3.125rem;
}
.posts-list .btn-load-more{
    margin-top: 4.6875rem;
}
.posts-list .posts-grid{
    grid-gap: 3.125rem 3.021rem;
}
.post-item .img-wrap{
    aspect-ratio: 12/7;
}
.post-item .cont-wrap{
    padding: 1.042rem 2.396rem 0 0;
}
.post-date-term{
    gap: 0.521rem;
}
.post-date-term svg{
    margin-bottom: 3px;
}
.post-date-term path{
    stroke: currentColor;
}
.post-item .cont-wrap .post-date-term{
    margin-bottom: 0.521rem;
}
.post-item .cont-wrap .post-title{
    margin-bottom: 0.521rem;
}
.swiper{
    margin-left: calc(0px - var(--swiper-space, 0px));
    margin-right: calc(0px - var(--swiper-space, 0px));
}
.swiper .swiper-slide{
    padding: 0 var(--swiper-space, 0px);
}
.post-detail{
    background-image: url('../images/bg-noise.jpg');
}
.post-simple{
    padding: 11.198rem 0 7.292rem;
}
.related-posts{
    padding-bottom: 6.25rem;
}
.related-posts .heading-group{
    margin-bottom: 3.125rem;
}
.related-posts .swiper{
    --swiper-space: 1.51rem;
}
.post-content,
.post-content p,
.post-content li,
.post-content td{
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.4;
}
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5{
    font-family: var(--font-title), var(--font-body), sans-serif;
    margin-bottom: 1em;
    margin-top: 1em;
}
.post-content h2{
    font-weight: 700;
    font-size: 2.083rem;
    line-height: 1.3;
}
.post-content h3{
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1.3;
}
.post-content h4{
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.3;
}
.swiper-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.521rem;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 !important;
    opacity: 0.5;
    background: var(--main-cl);
}
.swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.swiper-pagination.white-type .swiper-pagination-bullet{
    background: #FFF;
}
.post-simple .post-banner{
    margin-bottom: 4.167rem;
}
.post-simple .post-heading{
    margin-bottom: 4.375rem;
    width: 59.635rem;
}
.post-heading .post-title{
    margin-bottom: 1.25rem;
}
.post-heading .post-date-term{
    margin-bottom: 1.25rem;
}
.post-container{
    width: 59.635rem;
}
.post-nav{
    padding-top: 0.9375rem;
    margin-top: 3.333rem;
    border-top: 1px solid #23296033;
}
.post-nav .tags{
    gap: 1.042rem;
}
.post-nav .tags a{
    color: #162035;
}
.share > .flex-box{
    width: 1.5625rem;
    height: 1.5625rem;
    border: 1px solid var(--main-cl);
    margin-left: 0.9375rem;
}
.pointer{
    cursor: pointer;
}
.post-pricing-banner{
    margin-top: 3.75rem;
}
.post-pricing-banner .img-wrap:before{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
}
.post-pricing-banner .cont-wrap{
    z-index: 5;
    left: 0;
    top: 0;
}
.post-pricing-banner .cont-wrap .title-group{
    width: 65%;
    padding: 3.385rem 15.885rem 3.385rem 4.167rem;
}
.post-pricing-banner .cont-wrap .title-group .sec-title-2{
    margin-bottom: 0.521rem;
}
.post-pricing-banner .cont-wrap .links{
    width: 35%;
    display: flex;
    flex-direction: column;
    background: #00000033;
    backdrop-filter: blur(10px);
    border-left: 1px solid #FFFBFB33;
}
.post-pricing-banner .cont-wrap .links .item{
    border-top: 1px solid #FFFBFB33;
    height: 100%;
    display: flex;
    align-items: center;
}
.post-pricing-banner .cont-wrap .links .item a{
    gap: 0.625rem;
    height: 100%;
    width: 100%;
    align-items: center;
    padding: 1.25rem 2.917rem;
    color: #FFF !important;
}
.magazine-banner .img-wrap:before{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    background: #000;
    opacity: 0.3;
}
.breadcrumbs-wrap:has(+.post-layout-2) ol li{
    color: #FFF;
}
.magazine-heading{
    padding-top: 5.833rem;
}
.magazine-heading .post-heading{
    margin-bottom: 5.208rem;
}
.magazine-heading .sec-title{
    width: 44.271rem;
}
.magazine-sec.quote_banner .col-left{
    width: 38%;
    padding: 4.167rem 7.03125rem 4.167rem 3.333rem;
}
.magazine-sec.quote_banner .col-left svg{
    margin-bottom: 1.5625rem;
    width: 3.4375rem;
    height: auto;
}
.magazine-sec .quote {
    font-size: 1.823rem;
}
.magazine-sec.quote_banner .col-left .quote{
    margin-bottom: 4.6875rem;
}
.magazine-sec.quote_banner .col-right{
    width: 62%;
}
.magazine-sec.gallery .grid-2{
    grid-gap: 1.302rem;
}
.magazine-sec.gallery .grid-3{
    grid-gap: 0.833rem;
}
.magazine-sec.gallery .grid-4{
    grid-gap: 0.3125rem;
}
.magazine-sec.gallery .post-container{
    margin-top: 3.125rem;
}
.numbered-title .number{
    margin-bottom: 0.9375rem;
    font-weight: 700;
    font-size: 4.427rem;
    line-height: 1;
}
.magazine-sec .post-content,
.magazine-sec .post-content p,
.magazine-sec .post-content li,
.magazine-sec .post-content td{
    font-weight: 400;
}
.numbered-title .title{
    font-weight: 700;
    font-size: 2.083rem;
    line-height: 1.4;
    margin-bottom: 1.042rem;
}
.magazine-sec.numbered_section .col-7{
    padding-left: 2.604rem;
}
.magazine-sec.numbered_section .col-5{
    padding-right: 3.646rem;
    padding-top: 1.146rem;
}
.magazine-sec.numbered_section .center-box{
    width: 50.3125rem;
    max-width: var(--container-w);
    padding: 5.208rem 2.396rem 0 2.396rem;
    border-top: 1px solid #713B0E1F;
}
.magazine-sec.numbered_section .post-content{
    word-spacing: 1px;
}
.magazine-sec.numbered_section .flex-box{
    width: 75rem;
    max-width: var(--container-w);
}
.magazine-sec.quote_box .col-left{
    width: 48%;
}
.magazine-sec.quote_box .col-right{
    width: 52%;
}
.magazine-sec.quote_box .col-right svg{
    width: 3.4375rem;
    height: auto;
    margin-bottom: 1.5625rem;
}
.magazine-sec.quote_box .quote_right .col-right{
    padding: 4.167rem 11.5625rem 4.167rem 8.333rem;
}
.magazine-sec.quote_box .quote_right .img-wrap{
    border-radius: 0 20px 20px 0;
}
.magazine-sec.quote_box .quote_left .img-wrap{
    border-radius: 20px 0 0 20px;
}
.magazine-sec.quote_box .quote_left .col-right{
    order: -1;
    align-self: center;
    padding: 4.167rem 8.333rem 4.167rem 11.5625rem;
}
.magazine-sec+.magazine-sec{
    padding-top: 5.208rem;
}
.magazine-sec.quote_box+.magazine-sec.quote_box{
    padding-top: 2.917rem;
}
.magazine-sec.content_right .col-6:nth-of-type(2){
    padding-left: 6.25rem;
}
.magazine-sec.slide_images .swiper-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.magazine-sec.slide_images .swiper-arrow.prev{
    left: 22.917rem;
}
.magazine-sec.slide_images .swiper-arrow.next{
    right: 22.917rem;
}
.magazine-sec.slide_images .swiper{
    padding: 0 27.604rem;
}
.magazine-sec.slide_images .swiper .swiper-slide{
    transform: scale(0.8);
    transition: all 0.4s;
}
.magazine-sec.slide_images .swiper .swiper-slide.swiper-slide-active{
    transform: scale(1);
}
.magazine-sec.slide_images .swiper .swiper-slide.swiper-slide-next .img-wrap{
    transform: translateX(3.125rem);
}
.magazine-sec.slide_images .swiper .swiper-slide.swiper-slide-prev .img-wrap{
    transform: translateX(-3.125rem);
}
.magazine-sec.last-sec{
    padding-bottom: 6.25rem;
}
.magazine-sec.last-sec .post-pricing-banner{
    margin-top: 1.25rem;
}
.map-popup .map-popup-title{
    font-size: 1.042rem;
    font-weight: 700;
    margin-bottom: 0.521rem;
    line-height: 1.2;
    color: var(--main-cl);
}
.map-popup .map-popup-address{
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0.521rem;
}
.page-template-about-brand .breadcrumbs,
.page-template-about-partner .breadcrumbs,
.page-template-pricing .breadcrumbs,
.page-template-menu .breadcrumbs{
    display: none !important;
}
.menu-page{
    background-image: url('../images/bg-noise.jpg');
}
.menu-page .col-left{
    width: 27%;
}
.menu-page .col-right{
    width: 73%;
}
.menu-page .col-left .sticky-box{
    padding: 5.625rem 4.375rem 10rem 4.948rem;
    background: #FFF0D8;
    position: sticky;
    top: 100px;
}
.menu-page .col-left .sticky-box .sec-title{
    margin-bottom: 2.34375rem;
}
.menu-page .col-left .sticky-box .sticky-menu{
    margin-bottom: 4.6875rem;
}
.menu-page .col-left .sticky-box .sticky-menu li+li{
    margin-top: 0.78125rem;
}
.menu-page .col-left .sticky-box .sticky-menu li a{
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
}
.menu-page .col-left .sticky-box .sticky-menu li a:before{
    position: relative;
    content: '';
    display: block;
    margin-right: 0;
    height: 1px;
    min-width: 0;
    background: var(--main-cl);
    transition: all 0.4s;
}
.menu-page .col-left .sticky-box .sticky-menu li a.active:before,
.menu-page .col-left .sticky-box .sticky-menu li a:hover:before{
    min-width: 1.5625rem;
    margin-right: 0.521rem;
}
.menu-page .col-left-child{
    width: 46%;
}
.menu-page .col-right-child{
    width: 54%;
}
.menu-page .menu-list-col{
    padding: 4.6875rem 2.34375rem;
    border: 1px solid #DBCEB9;
    border-top: none;
    height: 100%;
}
.menu-page .item:last-of-type .menu-list-col{
    border-bottom: none;
}
.menu-page .menu-list-col .title{
    font-weight: 700;
    font-size: 1.823rem;
    line-height: 1.2;
    margin-bottom: 2.865rem;
}
.menu-page .layout-priced .menu-list-col .menu-items .menu-item{
    padding: 1.615rem 0;
    border-top: 1px solid #DACEB9;
}
.menu-page .layout-priced .menu-list-col .menu-items .menu-item > .flex-box{
    gap: 1.5rem;
}
.menu-page .layout-priced .menu-list-col .menu-items .menu-item .name-group{
    width: 80%;
}
.menu-page .layout-priced .menu-list-col .menu-items .menu-item .dish-name{
    margin: 0;
}
.menu-page .layout-priced .menu-list-col .menu-items .menu-item .price{
    width: max-content;
    flex: 0 0 auto;
}
.menu-page .layout-priced .menu-list-col .menu-items .menu-item .desc{
    margin-top: 0.417rem;
}
.menu-page .layout-simple .menu-items .flex-box{
    gap: 2.604rem
}
.menu-page .layout-simple .menu-items ul{
    list-style-position: inside;
    margin-bottom: 0;
    max-width: 50%;
}
.menu-page .layout-simple .menu-items ul > li{
    margin-bottom: 0;
}
.menu-page .layout-simple .menu-items ul > li+li{
    margin-top: 0.5rem;
}
.menu-page .menu-list-col .note{
    margin-top: 0.521rem;
}
.menu-page .image-col{
    padding: 2.24rem 2.708rem;
    position: sticky;
    top: 120px;
}
.pricing-page{
    padding: 6.25rem 0 8.854rem;
    background-image: url('../images/bg-pricing.jpg');
}
.pricing-page .title-group{
    margin-bottom: 2.396rem;
}
.pricing-page .filters-wrap{
    margin-bottom: 3.229rem;
}
.pricing-card{
    position: relative;
    background: #232960 url('../images/pricing-card-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    --r: 30px;
    --x: 21.875rem;
    --n: 1.25rem;
    --ny: 0.9375rem;
    --f: 0.78125rem;

    clip-path: shape(
            from 0 var(--r),
            arc to var(--r) 0 of var(--r) cw,
            hline to calc(var(--x) - var(--n) - var(--f)),
            arc to calc(var(--x) - var(--n)) var(--f) of var(--f) cw,
            arc to calc(var(--x) + var(--n)) var(--f) of var(--n) var(--ny) ccw,
            arc to calc(var(--x) + var(--n) + var(--f)) 0 of var(--f) cw,
            hline to calc(100% - var(--r)),
            arc to 100% var(--r) of var(--r) cw,
            vline to calc(100% - var(--r)),
            arc to calc(100% - var(--r)) 100% of var(--r) cw,
            hline to var(--r),
            arc to 0 calc(100% - var(--r)) of var(--r) cw,
            close
    );
    margin: 0 4.167rem;
}
.pricing-card .col-left{
    width: 21.875rem;
    border-right: 2px dashed #FFFFFF33;
    padding: 4.167rem 0 0 2.1875rem;
}
.pricing-card .title{
    margin-bottom: 1.5625rem;
    font-size: 1.823rem;
    color: #C9A045;
}
.pricing-card .col-left .title{
    padding-left: 1.042rem;
}
.pricing-card .col-left .branches{
    padding: 0 2.396rem 4.5625rem 0;
    max-height: 19.271rem;
    overflow: auto;
    margin-right: -2px;
    mask: linear-gradient(180deg, #D9D9D9 72.24%, rgba(115, 115, 115, 0) 100%);
}
.pricing-card .col-left .branches::-webkit-scrollbar-track,
.pricing-card .col-left .branches::-webkit-scrollbar{
    background: transparent;
    width: 2px;
}
.pricing-card .col-left .branches::-webkit-scrollbar-thumb{
    width: 2px;
    background: #C9A045;
    border-radius: 5px;
}
.pricing-card .col-left .branches .item{
    padding: 0.521rem 1.042rem 0.3125rem;
    cursor: pointer;
    transition: all 0.4s;
}
.pricing-card .col-left .branches .item+.item{
    margin-top: 1.25rem;
}
.pricing-card .col-left .branches .item .name{
    color: #FFF;
}
.pricing-card .col-left .branches .item:hover,
.pricing-card .col-left .branches .item.active{
    background: #DDB472;
}
.pricing-card .col-left .branches .item:hover .name,
.pricing-card .col-left .branches .item.active .name{
    color: var(--main-cl);
}
.pricing-card .col-right{
    padding: 4.167rem 4.479rem 3.385rem 5.104rem;
    width: calc(100% - 21.875rem);
}
.pricing-card .col-right .store-price{
    display: none;
}
.pricing-card .col-right .store-price.active{
    display: block;
}
.pricing-card .col-right .store-price .price-group+.price-group{
    margin-top: 2.865rem;
    padding-top: 2.865rem;
    border-top: 1px solid #FFFFFF33;
}
.pricing-card .col-right .store-price .price-group > .flex-box{
    --gap: 4.167rem;
    gap: var(--gap);
}
.pricing-card .col-right .store-price .price-group .item{
    width: calc(100% / 3 - var(--gap) * 2 / 3);
    position: relative;
}
.pricing-card .col-right .store-price .price-group .item+.item:before{
    background: #FFFFFF26;
    position: absolute;
    left: calc(0px - var(--gap) / 2);
    height: 100%;
    width: 1px;
    content: '';
    top: 0;
}
.pricing-card .col-right .store-price .price-group .item .label{
    margin-bottom: 0.625rem;
}
.pricing-card .col-right .store-price .price-group .item .price{
    font-size: 0.833rem;
    line-height: 1;
}
.pricing-card .col-right .store-price .price-group .item .price span{
    font-size: 1.5625rem;
}
.pricing-card .col-wide{
    padding: 2.1875rem;
    border-top: 1px solid #FFFFFF33;
}
.partner-sec-1{
    padding-top: 7.8125rem;
    background-image: url('../images/bg-partner-1.jpg');
}
.partner-sec-1 .cont-wrap{
    width: 53.333rem;
    max-width: var(--container-w);
}
.partner-sec-2 .cont-wrap .sec-title,
.partner-sec-1 .cont-wrap .sec-title{
    margin-bottom: 1.823rem;
}
.partner-sec-1 .img-wrap{
    margin-top: -9.479rem;
    mask: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.169625) 16.36%, rgba(255, 255, 255, 0.422985) 30.26%, #FFFFFF 38.11%);
    -webkit-mask: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.169625) 16.36%, rgba(255, 255, 255, 0.422985) 30.26%, #FFFFFF 38.11%);
}
.partner-sec-2{
    padding-top: 8.229rem;
    background-image: url('../images/bg-partner-2.jpg');
}
.partner-sec-2 .cont-wrap{
    width: 49.21875rem;
    max-width: var(--container-w);
}
.partner-sec-2 .img-wrap{
    margin-top: -14.84375rem;
    mask: linear-gradient(178.1deg, rgba(255, 255, 255, 0) 1.61%, rgba(255, 255, 255, 0.042536) 13.85%, rgba(255, 255, 255, 0.127754) 22.84%, rgba(255, 255, 255, 0.497324) 33.36%, #FFFFFF 40.5%);
    -webkit-mask: linear-gradient(178.1deg, rgba(255, 255, 255, 0) 1.61%, rgba(255, 255, 255, 0.042536) 13.85%, rgba(255, 255, 255, 0.127754) 22.84%, rgba(255, 255, 255, 0.497324) 33.36%, #FFFFFF 40.5%);
}
.partner-sec-3-wrap{
    background-image: url('../images/bg-partner-3.jpg');
}
.partner-sec-3{
    padding: 8.021rem 0 8.333rem;
    border-bottom: 1px solid #B5802A4D
}
.partner-sec-3 .scroll-section{
    padding-left: 4.948rem;
}
.partner-sec-3 .scroll-section .item{
    flex: 0 0 auto;
    width: var(--container-w);
    padding-right: 8.958rem;
}
.partner-sec-3 .scroll-section .item .cont-wrap{
    padding-right: 4.6875rem;
}
.partner-sec-3 .scroll-section .item .cont-wrap .sec-title{
    margin-bottom: 1.823rem;
}
.partner-sec-3 .scroll-section .item .col-7{
    padding-left: 3.125rem;
}
.partners-logo-sec{
    padding: 7.917rem 0 5.208rem;
    background-image: url('../images/bg-noise.jpg');
}
.fixed-buttons{
    position: fixed;
    right: 0.833rem;
    bottom: 2.5rem;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 0.78125rem;
}
.fixed-buttons > .fixed-button{
    width: 2.604rem;
    height: 2.604rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sub-cl);
    box-shadow: 0 0 15px 0 #999999a6;
    position: relative;
}
.fixed-buttons > .fixed-button:before{
    background: inherit;
    position: absolute;
    width: 120%;
    height: 120%;
    content: '';
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.fixed-buttons > .fixed-button svg,
.fixed-buttons > .fixed-button img{
    width: 1.667rem;
    height: auto;
}
.fixed-buttons > .nk-back-to-top{
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.833rem);
}
.fixed-buttons > .nk-back-to-top.is-show{
    opacity: 1;
    visibility: visible;
    transform: none;
}
footer#footer .wpcf7-not-valid-tip{
    display: none !important;
}
footer#footer .wpcf7 form.wpcf7-form .wpcf7-response-output{
    position: absolute;
    top: 100%;
    width: 100%;
    margin: 0 !important;
}
footer#footer .wpcf7 form.wpcf7-form.invalid,
footer#footer .wpcf7 form.wpcf7-form.sent{
    margin-bottom: 3.125rem !important;
}
footer#footer .footer-title{
    opacity: 0.6;
}
footer#footer .footer-top{
    padding: 3.90625rem 0 2.1875rem;
}
footer#footer .footer-top .col-4{
    padding-left: 6.25rem;
}
footer#footer .footer-top .col-4 .footer-menus{
    gap: 4.896rem;
}
footer#footer .footer-top .col-4 .footer-menus ul{
    margin-top: 1.5625rem;
}
footer#footer .footer-top .col-4 .footer-menus ul > li{
    margin-bottom: 0;
}
footer#footer .footer-top .col-4 .footer-menus ul > li > a{
    font-weight: 500;
    font-size: 0.833rem;
    color: #FFF;
    transition: all 0.4s;
    display: block;
    line-height: 1.3;
}
footer#footer .footer-top .col-4 .footer-menus ul > li+li{
    margin-top: 0.78125rem;
}
footer#footer .footer-top .col-8{
    padding-right: 6.25rem;
    padding-left: 7.292rem;
}
footer#footer .footer-top .col-8 .form-title{
    font-weight: 500;
    font-size: 2.083rem;
    line-height: 1.2;
    margin-bottom: 1.5625rem;
}
footer#footer .footer-top .col-8 form{
    margin-bottom: 1.771rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #FFFFFF33;
}
footer#footer .footer-top .col-8 .wpcf7 .wpcf7-form-control-wrap{
    width: 100%;
    display: block;
}
footer#footer .footer-top .col-8 form input[type='email']::placeholder{
    color: #FFFFFFA6;
    opacity: 1;
}
footer#footer .footer-top .col-8 form input[type='email']{
    background: none !important;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0.625rem 0;
    height: 2.708rem;
    color: #FFF;
}
footer#footer .footer-top .col-8 form input[type='submit']{
    align-self: stretch;
    margin: 0 !important;
    min-width: 1.667rem;
    width: 1.667rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDMzIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjAwMzYwMzk0IDYuMzgyODFMMzEuNzM0NCA2LjM4MjgxTDI1LjcwNTUgMC4zNTM5NjYiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==");
    font-size: 0 !important;
    padding: 0 !important;
}
footer#footer .footer-top .col-8 .hotline{
    padding: 0.3125rem 1.042rem 0.3125rem 0.521rem;
    border: 1px solid #FFFFFF59;
    margin-left: 1.5625rem;
    gap: 0.521rem;
}
.styled-socials > .socials{
    margin-left: 3.75rem;
    gap: 0.625rem;
}
.styled-socials > .socials .social-item{
    border: 1px solid #FFFFFF80;
    border-radius: 50%;
    width: 1.823rem;
    height: 1.823rem;
}
.styled-socials > .socials .social-item svg,
.styled-socials > .socials .social-item img{
    width: 1.302rem;
    height: auto;
}
footer#footer .footer-bottom{
    background-image: url("../images/pricing-card-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1.458rem 0;
}
footer#footer .footer-bottom .col-10{
    padding-left: 3.125rem;
}
footer#footer .footer-bottom .col-10 > .flex-box{
    gap: 2.604rem;
}
footer#footer .footer-bottom .col-10 .item{
    font-weight: 500;
    font-size: 0.677rem;
    line-height: 1.3;
    opacity: 0.85;
    max-width: 50%;
}
.partner-sec-3-wrap.nk-bg-split{
    background-image: none;
}
.partner-sec-3-wrap.nk-bg-split .partner-sec-3,
.partner-sec-3-wrap.nk-bg-split .partners-logo-sec{
    background-image: var(--nk-bg-img);
    background-repeat: no-repeat;
    background-size: var(--nk-bg-w) var(--nk-bg-h);
}
.partner-sec-3-wrap.nk-bg-split .partner-sec-3{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: var(--nk-bg-x) var(--nk-bg-y);
}
.partner-sec-3-wrap.nk-bg-split .partners-logo-sec{
    background-position: var(--nk-bg-x) calc(var(--nk-bg-y) - var(--nk-sec-h));
}
.post-nav .share .click-copy.is-copied{
    background: var(--main-cl);
}
.post-nav .share .click-copy.is-copied svg path{
    stroke: #FFF;
}
.system-page .sec-desc{
    color: #3D3D58;
}
.system-page .sec-desc p{
    margin-bottom: 1.302rem;
}
.system-page .sec-desc p:last-child{
    margin-bottom: 0;
}
.system-page .img-wrap img{
    height: 100%;
}
.system-sec-1{
    padding: 8.125rem 0;
    background-image: url('../images/bg-system-1.jpg');
}
.system-sec-1 .deco-circle{
    top: 8.125rem;
    right: -7.604rem;
    width: 27.76rem;
    height: auto;
    pointer-events: none;
    animation: loadingSpin 30s linear infinite;
}
.system-sec-1 .sec-title{
    margin-bottom: 6.042rem;
}
.system-sec-1 .col-left{
    padding-right: 7.344rem;
    gap: 4.01rem;
}
.system-sec-1 .col-left .img-wrap{
    aspect-ratio: 439 / 308;
}
.system-sec-1 .col-right{
    padding-left: 7.083rem;
}
.system-sec-1 .col-right .img-wrap{
    aspect-ratio: 1024 / 683;
}
.system-sec-2{
    min-height: 63.333rem;
    padding-top: 8.646rem;
}
.system-sec-2 .sec-bg{
    inset: 0;
}
.system-sec-2 .sec-bg img{
    object-position: bottom;
}
.system-sec-2 .cont-wrap{
    padding-right: 5.469rem;
}
.system-sec-2 .sec-title,
.system-sec-3 .sec-title{
    margin-bottom: 1.979rem;
}
.system-sec-3{
    padding: 8.125rem 0 8.854rem;
    background-image: url('../images/bg-system-3.jpg');
}
.system-sec-3 .col-left{
    aspect-ratio: 878 / 585;
}
.system-sec-3 .cont-wrap{
    padding: 0 8.177rem 0 8.021rem;
}
.brand-page{
    background-image: url('../images/bg-brand.jpg');
    background-repeat: repeat;
    background-size: cover;
}
.brand-page .sec-desc{
    color: #3D3D58;
}
.brand-page .sec-desc p{
    margin-bottom: 1.302rem;
}
.brand-page .sec-desc p:last-child{
    margin-bottom: 0;
}
.brand-page .img-wrap img{
    height: 100%;
}
.brand-page .sec-title{
    margin-bottom: 1.979rem;
}
.brand-page .sec-img .layer{
    inset: 0;
}
.brand-page .sec-img .layer-shape{
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.brand-sec-1{
    min-height: 65.573rem;
    padding-top: 8.125rem;
}
.brand-sec-1 .sec-img{
    position: absolute;
    top: 14.375rem;
    left: 0;
    width: 100%;
    aspect-ratio: 1920 / 1280;
    z-index: 1;
}
.brand-sec-1 .layer-fade{
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 22.85%, #000 57.18%, rgba(0, 0, 0, 0.45) 75.03%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 22.85%, #000 57.18%, rgba(0, 0, 0, 0.45) 75.03%, rgba(0, 0, 0, 0) 100%);
}
.brand-sec-1 .layer-shape{
    -webkit-mask-image: url('../images/brand-mask-1.svg');
    mask-image: url('../images/brand-mask-1.svg');
    -webkit-mask-size: 100% 85.78%;
    mask-size: 100% 85.78%;
    -webkit-mask-position: 0 25.82%;
    mask-position: 0 25.82%;
}
.brand-sec-1 .title-group{
    padding: 0 3.125rem 0 7.865rem;
}
.brand-sec-1 .title-group .sec-title{
    margin-bottom: 1.563rem;
}
.brand-sec-1 .scroll-hint{
    height: 11.667rem;
    margin: 4.479rem 0 0 7.865rem;
    padding: 1.615rem 0 0 1.563rem;
    color: #000055;
}
.brand-sec-1 .scroll-hint:before,
.brand-sec-1 .scroll-hint:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
.brand-sec-1 .scroll-hint:before{
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, rgba(192, 142, 62, 0) 0%, rgba(192, 142, 62, 0.2) 9.97%, rgba(192, 142, 62, 0.2) 93.2%, rgba(192, 142, 62, 0) 100%);
}
.brand-sec-1 .scroll-hint:after{
    width: 1.5px;
    height: 3.542rem;
    background: linear-gradient(0deg, rgba(186, 135, 52, 0.5) 0%, rgba(186, 135, 52, 0) 100%);
}
.brand-story .v-line{
    top: 1.563rem;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: linear-gradient(180deg, rgba(192, 142, 62, 0) 0%, rgba(192, 142, 62, 0.15) 9.97%, rgba(192, 142, 62, 0.15) 85.43%, rgba(192, 142, 62, 0) 100%);
    z-index: 2;
}
.brand-story .v-line:after{
    content: '';
    position: absolute;
    top: 12.76rem;
    left: 0;
    width: 1.5px;
    height: 5.885rem;
    background: linear-gradient(0deg, rgba(186, 135, 52, 0.5) 24.2%, rgba(186, 135, 52, 0) 100%);
}
.brand-sec-2{
    padding: 7.344rem 0 7.552rem;
    z-index: 2;
}
.brand-sec-2 .col-left{
    padding: 0 6.979rem 0 7.865rem;
}
.brand-sec-2 .img-main{
    aspect-ratio: 585 / 640;
}
.brand-sec-2 .img-small{
    top: 77.66%;
    left: -15.04%;
    width: 40.17%;
    aspect-ratio: 235 / 275;
}
.brand-sec-2 .cont-wrap{
    padding: 0 9.219rem 1.667rem 6.979rem;
}
.brand-sec-3{
    padding: 8.646rem 0 7.5rem;
}
.brand-sec-3 .deco-circle{
    top: -4.896rem;
    right: -4.583rem;
    width: 27.76rem;
    height: auto;
    pointer-events: none;
    animation: loadingSpin 30s linear infinite;
}
.brand-sec-3 .cont-wrap{
    padding: 0 7.917rem 0 7.865rem;
}
.brand-sec-3 .col-right{
    padding: 0 7.865rem 0 6.979rem;
}
.brand-sec-3 .col-right .img-wrap{
    aspect-ratio: 585 / 640;
}
.brand-sec-4{
    padding-top: 4.323rem;
}
.brand-sec-4 .cloud{
    max-width: none;
    pointer-events: none;
    z-index: 1;
}
.brand-sec-4 .cloud-1{
    top: 24.01rem;
    left: -20.885rem;
    width: 65.625rem;
    height: 31.875rem;
    transform: scaleX(-1);
}
.brand-sec-4 .cloud-2{
    top: 11.406rem;
    left: -24.688rem;
    width: 35.469rem;
    height: 17.5rem;
    transform: scaleX(-1);
}
.brand-sec-4 .cloud-3{
    top: 10.052rem;
    left: 68.333rem;
    width: 54.375rem;
    height: 36.25rem;
    object-fit: cover;
}
.brand-sec-4 .sec-card{
    padding: 4.844rem 8.021rem 29.531rem;
    background: url('../images/brand-frame.svg') no-repeat center / 100% 100%;
}
.brand-sec-4 .sec-card .sec-title{
    padding: 0 6.224rem;
}
.brand-sec-4 .sec-logo{
    width: 22.917rem;
    margin-top: 2.083rem;
    z-index: 3;
}
.brand-sec-4 .sec-logo img{
    display: block;
    width: 100%;
    height: auto;
}
.brand-sec-4 .sec-card,
.brand-sec-4 .cloud{
    transition: transform 1.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.brand-sec-4.is-active .sec-card{
    transform: translateY(-4.323rem);
}
.brand-sec-4.is-active .cloud-1{
    transform: scaleX(-1) translateX(-12.448rem);
}
.brand-sec-4.is-active .cloud-2{
    transform: scaleX(-1) translateX(-9.688rem);
}
.brand-sec-4.is-active .cloud-3{
    transform: translateX(-8.073rem);
}
.brand-sec-4 .sec-img{
    margin-top: -33.073rem;
    width: 100%;
    aspect-ratio: 1920 / 770;
    z-index: 2;
}
.brand-sec-4 .layer-fade{
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.066) 23.11%, rgba(0, 0, 0, 0.147) 53.65%, rgba(0, 0, 0, 0.31) 88.56%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.066) 23.11%, rgba(0, 0, 0, 0.147) 53.65%, rgba(0, 0, 0, 0.31) 88.56%);
}
.brand-sec-4 .layer-shape{
    -webkit-mask-image: url('../images/brand-mask-4.svg');
    mask-image: url('../images/brand-mask-4.svg');
    -webkit-mask-size: 100% 95.73%;
    mask-size: 100% 95.73%;
    -webkit-mask-position: 0 100%;
    mask-position: 0 100%;
}
.product-page{
    background-image: url('../images/bg-product.jpg');
    background-repeat: repeat;
    background-size: cover;
}
.product-page .sec-desc{
    color: #3D3D58;
}
.product-page .sec-desc p{
    margin-bottom: 1.302rem;
}
.product-page .sec-desc p:last-child{
    margin-bottom: 0;
}
.product-page .img-wrap img,
.product-page .img-wrap video{
    width: 100%;
    height: 100%;
}
.product-page .sec-title{
    margin-bottom: 1.979rem;
}
.product-page .v-line{
    display: block;
    width: 1px;
    height: 5.573rem;
    background: linear-gradient(180deg, rgba(0, 0, 85, 0.5) 0%, rgba(0, 0, 85, 0) 100%);
}
.product-sec-1{
    min-height: 81.719rem;
    padding-top: 10.781rem;
    overflow-x: clip;
}
.product-sec-1 .title-group .sec-title{
    margin-bottom: 1.198rem;
}
.product-sec-1 .title-group .sec-desc{
    padding: 0 5.26rem;
}
.product-sec-1 .cloud{
    position: absolute;
    max-width: none;
    pointer-events: none;
    z-index: 4;
}
.product-sec-1 .cloud-1{
    top: 21.927rem;
    left: -7.708rem;
    width: 65.625rem;
    height: 31.875rem;
    transform: scaleX(-1);
}
.product-sec-1 .cloud-2{
    top: 9.315rem;
    left: 15.504rem;
    width: 35.469rem;
    height: 17.5rem;
    transform: scaleX(-1);
}
.product-sec-1 .cloud-3{
    top: 13.229rem;
    left: 39.167rem;
    width: 54.375rem;
    height: 36.25rem;
    object-fit: cover;
}
.product-sec-1 .sec-img{
    position: absolute;
    top: 29.583rem;
    left: 0;
    width: 100%;
    aspect-ratio: 1920 / 822;
    z-index: 1;
}
.product-sec-1 .sec-img .layer{
    inset: 0;
}
.product-sec-1 .layer-fade{
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.066) 23.11%, rgba(0, 0, 0, 0.147) 53.65%, rgba(0, 0, 0, 0.31) 88.56%), linear-gradient(180deg, #000 72.53%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.066) 23.11%, rgba(0, 0, 0, 0.147) 53.65%, rgba(0, 0, 0, 0.31) 88.56%), linear-gradient(180deg, #000 72.53%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}
.product-sec-1 .layer-shape{
    -webkit-mask-image: url('../images/brand-mask-4.svg'), linear-gradient(180deg, #000 72.53%, rgba(0, 0, 0, 0) 100%);
    mask-image: url('../images/brand-mask-4.svg'), linear-gradient(180deg, #000 72.53%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: 100% 94.96%, 100% 100%;
    mask-size: 100% 94.96%, 100% 100%;
    -webkit-mask-position: 0 79%, 0 0;
    mask-position: 0 79%, 0 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}
.product-sec-1 .sec-logo{
    position: absolute;
    top: 34.792rem;
    left: 50%;
    width: 24.557rem;
    margin-left: -12.279rem;
    z-index: 2;
}
.product-sec-1 .sec-logo img{
    display: block;
    width: 100%;
    height: auto;
}
.product-sec-1 .title-group,
.product-sec-1 .sec-logo,
.product-sec-1 .sec-img,
.product-sec-1 .cloud{
    transition: transform 1.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.product-sec-1.is-active .title-group{
    transform: translateY(-2.708rem);
}
.product-sec-1.is-active .sec-logo{
    transform: translateY(-12.448rem);
}
.product-sec-1.is-active .sec-img{
    transform: translateY(15.938rem);
}
.product-sec-1.is-active .cloud-1{
    transform: scaleX(-1) translateX(16.146rem);
}
.product-sec-1.is-active .cloud-2{
    transform: scaleX(-1) translateX(43.177rem);
}
.product-sec-1.is-active .cloud-3{
    transform: translateX(26.198rem);
}
.product-sec-2 .v-line{
    margin-bottom: 1.563rem;
}
.product-sec-2 .title-group .sec-title{
    margin-bottom: 1.719rem;
}
.product-sec-2 .title-group .sec-desc{
    padding: 0 1.458rem;
}
.product-sec-2 .marquee-wrap{
    margin-top: 2.865rem;
}
.product-sec-2 .marquee-arch{
    top: -0.99rem;
    left: 0;
    width: 100%;
    height: auto;
    max-width: none;
    pointer-events: none;
    z-index: 2;
}
.product-sec-2 .nk-marquee{
    overflow: hidden;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
}
.product-sec-2 .nk-marquee.is-dragging{
    cursor: grabbing;
}
.product-sec-2 .marquee-track{
    gap: 1px;
    width: max-content;
    will-change: transform;
}
.product-sec-2 .marquee-item{
    flex: 0 0 auto;
    width: 23.854rem;
    aspect-ratio: 458 / 691;
}
.product-sec-2 .marquee-item img{
    pointer-events: none;
}
.product-sec-3{
    padding: 9.271rem 0 10.052rem;
}
.product-sec-3 .cont-wrap{
    padding: 5.573rem 9.219rem 0 7.865rem;
}
.product-sec-3 .sec-link{
    margin-top: 2.604rem;
}
.product-sec-3 .col-right{
    padding: 0 7.865rem 0 6.979rem;
}
.product-sec-3 .img-main{
    aspect-ratio: 585 / 714;
}
.product-sec-3 .img-small{
    top: 70.59%;
    left: -22.906%;
    width: 47.86%;
    aspect-ratio: 280 / 329;
}
.product-sec-3 .deco-circle{
    top: 90.34%;
    left: 84.96%;
    width: 9.115rem;
    height: auto;
    pointer-events: none;
    z-index: 2;
    animation: loadingSpin 30s linear infinite;
}
.product-sec-4 .v-line{
    margin-bottom: 2.031rem;
}
.product-sec-4 .title-group .sec-desc{
    padding: 0 2.5rem;
}
.product-sec-4 .sec-media{
    margin-top: 5.573rem;
    aspect-ratio: 1920 / 1152;
}
@property --g-c1{
    syntax: '<color>';
    inherits: false;
    initial-value: transparent;
}
@property --g-c2{
    syntax: '<color>';
    inherits: false;
    initial-value: transparent;
}
@property --g-c3{
    syntax: '<color>';
    inherits: false;
    initial-value: transparent;
}
@property --g-c4{
    syntax: '<color>';
    inherits: false;
    initial-value: transparent;
}
@property --g-p1{
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}
@property --g-p2{
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}
@property --g-p3{
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}
@property --g-p4{
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}
.policy-page{
    background-image: url('../images/bg-policy.jpg');
    background-repeat: repeat;
    background-size: cover;
}
.policy-page .sec-desc{
    color: #3D3D58;
    line-height: 1.389;
}
.policy-page .sec-desc p{
    margin-bottom: 0;
}
.policy-page .sec-note{
    font-style: italic;
    font-size: 0.833rem;
    line-height: 1.5625;
    color: #3D3D58;
}
.policy-page .sec-note.text-white{
    color: #FFF;
}
.policy-page .sec-note p{
    margin-bottom: 0.417rem;
}
.policy-page .sec-note p:last-child{
    margin-bottom: 0;
}
.policy-page .sec-note ul{
    margin: 0 0 0 1.25rem;
    padding: 0;
    list-style: disc;
}
.policy-page .sec-note ul li{
    margin: 0;
}
.policy-sec-1{
    padding-top: 8.385rem;
}
.policy-sec-1 .points-box{
    padding: 2.813rem 0 2.76rem;
    border-radius: 20px;
    background: linear-gradient(105.34deg, rgba(221, 180, 114, 0.1) 14.72%, rgba(221, 180, 114, 0) 96.33%);
    position: relative;
}
.policy-sec-1 .points-box:before{
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    border-radius: inherit;
    left: 0;
    top: 0;
    content: '';
    z-index: 9;
    padding: 1px;
    inset: 0;
    background: linear-gradient(100.93deg, rgba(220, 174, 107, 0.5) 0.73%, #FFEEC7 43.32%, rgba(220, 174, 107, 0.5) 97%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.policy-sec-1 .col-left{
    padding: 0 3.125rem 1.146rem 3.802rem;
}
.policy-sec-1 .col-left .sec-title{
    margin-bottom: 0.833rem;
}
.policy-sec-1 .point-badge{
    gap: 1.042rem;
    width: 100%;
    aspect-ratio: 447 / 160;
    margin-top: 1.719rem;
    padding-left: 3.073rem;
    background: url('../images/policy-badge.svg') no-repeat center / 100% 100%;
}
.policy-sec-1 .point-badge .icon{
    flex: 0 0 auto;
    width: 2.938rem;
    aspect-ratio: 56 / 59;
}
.policy-sec-1 .point-badge span{
    font-size: 1.667rem;
    line-height: 1.2;
}
.policy-sec-1 .col-left .sec-note{
    margin-top: 1.719rem;
}
.policy-sec-1 .col-right{
    padding: 0 6.615rem 0 9.531rem;
}
.policy-sec-1 .qr-title{
    font-size: 1.667rem;
    line-height: 1.917rem;
}
.policy-sec-1 .qr-subtitle{
    font-size: 1.042rem;
    line-height: 1.917rem;
}
.policy-sec-1 .qr-card{
    width: 91.85%;
    aspect-ratio: 248 / 360;
    margin-top: 0.875rem;
    background: url('../images/policy-qr-frame.svg') no-repeat center / 100% 100%;
}
.policy-sec-1 .qr-mask{
    inset: 0;
    overflow: hidden;
    mix-blend-mode: multiply;
    -webkit-mask: url('../images/policy-qr-mask.svg') no-repeat center / 100% 100%;
    mask: url('../images/policy-qr-mask.svg') no-repeat center / 100% 100%;
    width: 100%;
    height: 100%;
}
.policy-sec-1 .qr-mask img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.policy-sec-2{
    padding-top: 3.854rem;
}
.policy-sec-2 .sec-title{
    margin-bottom: 2.734rem;
}
.policy-sec-2 .cards{
    gap: 1.385rem;
}
.policy-sec-2 .member-card{
    aspect-ratio: 559 / 322.5;
    border-radius: 22px;
    background-color: #232960;
}
.policy-sec-2 .member-card:after{
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 4px 30px rgba(0, 0, 0, 0.5);
    pointer-events: none;
    z-index: 2;
}
.policy-sec-2 .card-bg,
.policy-sec-2 .card-texture{
    inset: 0;
    border-radius: inherit;
}
.policy-sec-2 .card-bg{
    background: linear-gradient(121.34deg, var(--g-c0) 1.29%, var(--g-c1) var(--g-p1), var(--g-c2) var(--g-p2), var(--g-c3) var(--g-p3), var(--g-c4) var(--g-p4), var(--g-c0) 99.64%);
    transition: --g-c1 0.8s ease, --g-c2 0.8s ease, --g-c3 0.8s ease, --g-c4 0.8s ease, --g-p1 0.8s ease, --g-p2 0.8s ease, --g-p3 0.8s ease, --g-p4 0.8s ease;
    --g-p1: 17.916%;
    --g-p2: 24.783%;
    --g-p3: 30.552%;
    --g-p4: 53.278%;
}
.policy-sec-2 .style-blue .card-bg{
    --g-c0: #232960;
    --g-c1: #4F59AE;
    --g-c2: #5862BE;
    --g-c3: #5660BB;
    --g-c4: #38408B;
}
.policy-sec-2 .style-black .card-bg{
    --g-c0: #000;
    --g-c1: #383838;
    --g-c2: #4D4D4D;
    --g-c3: #4D4D4D;
    --g-c4: #383838;
}
.policy-sec-2 .card-texture{
    mix-blend-mode: color-burn;
    background: url('../images/policy-texture-1.jpg') no-repeat center / cover, linear-gradient(180deg, #4B5CFF 0%, #232960 100%);
}
.policy-sec-2 .style-black .card-texture{
    background: url('../images/policy-texture-2.jpg') no-repeat center bottom / 100% 100%, linear-gradient(180deg, #4B5CFF 0%, #232960 100%);
}
.policy-sec-2 .card-cont{
    padding: 1.771rem 2.995rem;
}
.policy-sec-2 .card-logo{
    display: block;
    width: 13.177rem;
    max-width: 100%;
    height: auto;
}
.policy-sec-2 .card-line{
    display: block;
    height: 1px;
    margin-top: 1.333rem;
    background: linear-gradient(90deg, rgba(221, 180, 114, 0.4) 0%, rgba(221, 180, 114, 0.1) 50%, rgba(221, 180, 114, 0.4) 100%);
}
.policy-sec-2 .card-title{
    margin: 2.083rem 0 0.729rem;
    font-size: 1.354rem;
    line-height: 1.2;
}
.policy-sec-2 .card-desc{
    font-size: 1.042rem;
    line-height: 1.344;
}
.policy-sec-2 .card-desc p{
    margin-bottom: 0;
}
.policy-sec-3{
    padding: 5.286rem 0 9.479rem;
}
.policy-sec-3 .sec-title{
    margin-bottom: 2.552rem;
}
.policy-sec-3 .policy-tabs{
    margin-bottom: 2.214rem;
}
.policy-sec-3 .program-box{
    padding: 4.479rem 6.719rem;
    border-radius: 20px;
    background-color: #212861;
}
.policy-sec-3 .box-texture{
    inset: 0;
    mix-blend-mode: color-burn;
    background: url('../images/policy-texture-1.jpg') no-repeat center / cover;
}
.policy-sec-3 .glow{
    border-radius: 50%;
    background: #424DA7;
    filter: blur(2.5rem);
    pointer-events: none;
}
.policy-sec-3 .glow-1{
    top: 35.12rem;
    left: 4.188rem;
    width: 23.837rem;
    height: 20.652rem;
    opacity: 0.6;
}
.policy-sec-3 .glow-2{
    top: 44.611rem;
    left: -4.184rem;
    width: 19.11rem;
    height: 16.557rem;
    opacity: 0.4;
}
.policy-sec-3 .glow-3{
    top: -10.466rem;
    left: 9.295rem;
    width: 37.463rem;
    height: 20.932rem;
    opacity: 0.5;
}
.policy-sec-3 .program-panel{
    display: none;
}
.policy-sec-3 .program-panel.active{
    display: block;
    animation: fade-up 0.5s ease;
}
.policy-sec-3 .box-title{
    position: relative;
    margin-bottom: 2.323rem;
    padding-bottom: 0.781rem;
    font-size: 1.667rem;
    font-weight: 500;
    line-height: 1.8125;
    color: #FFF0D8;
}
.policy-sec-3 .box-title:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.3rem;
    background: url('../images/policy-title-line.svg') no-repeat center / 100% 100%;
}
.policy-sec-3 .gift-heading{
    margin: 3.438rem 0 2.526rem;
}
.policy-sec-3 .point-table{
    border: 1px solid #DCAE6B;
    border-radius: 15px;
    overflow: hidden;
}
.policy-sec-3 .point-table .row + .row{
    border-top: 1.5px solid rgba(220, 174, 107, 0.3);
}
.policy-sec-3 .point-table .row-head{
    min-height: 3.854rem;
}
.policy-sec-3 .point-table .cell{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.833rem 0.417rem;
}
.policy-sec-3 .point-table .row:not(.row-head) .cell{
    font-size: 1.458rem;
    line-height: 1.2;
    color: #FFF0D8;
}
.policy-sec-3 .point-table + .sec-note{
    margin-top: 1.875rem;
}
.policy-sec-3 .gift-image img{
    display: block;
    width: 100%;
    height: auto;
}
.policy-sec-3 .gift-list{
    gap: 1.302rem;
}
.policy-sec-3 .gift-item{
    gap: 1.146rem;
}
.policy-sec-3 .gift-item .icon{
    flex: 0 0 auto;
    width: 3.646rem;
    aspect-ratio: 1;
}
.policy-sec-3 .gift-item .icon img{
    display: block;
    width: 3.2rem;
    height: auto;
}
.policy-sec-3 .gift-item .title{
    font-size: 1.146rem;
    line-height: 1.2;
    color: #FFF0D8;
}
.policy-sec-3 .gift-item .desc{
    margin-top: 0.833rem;
    line-height: 1.389;
    color: rgba(255, 255, 255, 0.9);
}
.policy-sec-3 .note-box{
    margin-top: 4.583rem;
    padding: 2.031rem 1.406rem;
    border: 1px solid rgba(254, 242, 217, 0.2);
    border-radius: 20px;
}
.policy-sec-3 .box-image{
    margin: -7.813rem -6.719rem -4.479rem;
    aspect-ratio: 1145 / 531;
    z-index: 1;
}
.policy-sec-3 .box-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.home-page .sec-desc{
    color: #3D3D58;
    line-height: 1.389;
}
.home-page .sec-desc p{
    margin-bottom: 1.302rem;
}
.home-page .sec-desc p:last-child{
    margin-bottom: 0;
}
.home-page .sec-label{
    font-size: 0.833rem;
    letter-spacing: 4px;
    line-height: 1.2;
    margin-bottom: 0.781rem;
}
.home-sec-1{
    height: 48.75rem;
    overflow: hidden;
}
.home-sec-1 .swiper-slide{
    height: 100%;
}
.home-sec-1 .slide-media{
    inset: 0;
}
.home-sec-1 .slide-media img,
.home-sec-1 .slide-media video{
    width: 100%;
    height: 100%;
}
.home-sec-1 .slide-media:before,
.home-sec-1 .slide-media:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 12.552rem;
    opacity: 0.65;
    z-index: 2;
    pointer-events: none;
}
.home-sec-1 .slide-media:before{
    top: 0;
    background: linear-gradient(180deg, #1D1B1B 0%, rgba(29, 27, 27, 0) 100%);
}
.home-sec-1 .slide-media:after{
    bottom: 0;
    background: linear-gradient(180deg, rgba(29, 27, 27, 0) 0%, #1D1B1B 100%);
}
.home-sec-1 .slide-cont{
    top: 36.198rem;
    left: 0;
    right: 0;
    padding: 0 1rem;
    z-index: 5;
}
.home-sec-1 .slide-cont .subtitle{
    font-size: 1.302rem;
    line-height: 1;
    margin-bottom: 1.302rem;
}
.home-sec-1 .slide-cont .title{
    font-size: 2.604rem;
    font-weight: 500;
    line-height: 1;
}
.home-sec-1 .slide-link{
    margin-top: 1.5rem;
    color: #FFF;
}
.scroll-icon{
    top: 42.917rem;
    left: 50%;
    width: 16px;
    margin-left: -0.39rem;
    z-index: 6;
    pointer-events: none;
}
.scroll-icon.mx-auto{
    margin-left: auto;
}
.scroll-icon svg{
    display: block;
    width: 100%;
    height: auto;
}
.scroll-icon .dot{
    animation: nk-scroll-dot 1.6s ease-in-out infinite;
}
.page-banner .scroll-icon{
    margin-top: 2.604rem;
    margin-bottom: -1.042rem;
}
@keyframes nk-scroll-dot{
    0%{ transform: translateY(0); opacity: 1; }
    80%{ transform: translateY(0.6rem); opacity: 0; }
    100%{ transform: translateY(0); opacity: 0; }
}
.home-sec-2{
    background-image: url('../images/bg-home-2.jpg');
    padding: 5.781rem 0 1.979rem;
}
.home-sec-2 .sec-title{
    margin-bottom: 1.198rem;
}
.home-sec-2 .title-group .sec-desc{
    padding: 0 3.49rem;
}
.home-sec-2 .sec-logo{
    width: 20rem;
    margin-top: 3.125rem;
}
.home-sec-2 .sec-logo img{
    display: block;
    width: 100%;
    height: auto;
}
.home-sec-2 .sec-link-wrap{
    margin-top: 5.573rem;
}
.home-sec-2 .link-down{
    gap: 0.469rem;
    width: max-content;
    color: #000055;
    font-size: 0.833rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}
.home-sec-2 .link-down .v-line{
    display: block;
    width: 1px;
    height: 5.573rem;
    background: linear-gradient(180deg, rgba(0, 0, 85, 0.5) 0%, rgba(0, 0, 85, 0) 100%);
}
.home-sec-3{
    height: 48.75rem;
    overflow: hidden;
}
.home-sec-3 .sec-bg{
    inset: 0;
}
.home-sec-3 .sec-bg:after{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 100%);
    z-index: 2;
}
.home-sec-3 .bg-item{
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
}
.home-sec-3 .bg-item.active{
    opacity: 1;
}
.home-sec-3 .bg-item img{
    width: 100%;
    height: 100%;
}
.home-sec-3 .sec-inner{
    height: 100%;
}
.home-sec-3 .col-left{
    padding: 4.948rem 4.948rem 4.74rem;
}
.home-sec-3 .col-left .sec-desc{
    max-width: 31.406rem;
    color: #FFF;
}
.home-sec-3 .col-right{
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.home-sec-3 .nav-item{
    flex: 1;
    padding: 11.042rem 2.969rem 2rem;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: backdrop-filter 0.4s ease, background 0.4s ease;
}
.home-sec-3 .nav-item.is-hover{
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.home-sec-3 .nav-item .sec-title{
    margin-bottom: 1.563rem;
}
.home-sec-3 .nav-link{
    color: #FEF2D9;
}
.home-sec-3 .nav-link:after{
    content: '';
    position: absolute;
    inset: 0;
}
.home-sec-4{
    background-image: url('../images/bg-home-2.jpg');
    padding: 5.573rem 0 5.156rem;
}
.home-sec-4 .sec-title{
    margin-bottom: 0.781rem;
}
.home-sec-4 .home-stores-swiper{
    margin-top: 4.115rem;
}
.home-sec-4 .swiper-wrapper{
    align-items: flex-end;
}
.home-sec-4 .swiper-slide{
    width: 21.563rem;
}
.home-sec-4 .store-item{
    transform: scale(0.85);
    transform-origin: center bottom;
    transition: transform 0.6s ease;
}
.home-sec-4 .swiper-slide-active .store-item{
    transform: scale(1);
}
.home-sec-4 .store-item .img-wrap{
    aspect-ratio: 414 / 529;
}
.home-sec-4 .store-item .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-sec-4 .swiper-slide-active .store-item .show-when-hover{
    display: block;
}
.home-sec-4 .swiper-slide-active .store-item .show-when-hover .btn{
    height: 1.979rem;
    font-size: 0.833rem;
}
.home-sec-4 .swiper-slide-active .store-item .cont-wrap{
    padding: 1.979rem 1.5625rem;
}
.home-sec-4 .store-item .buttons-wrap .btn{
    padding: 0.573rem 0.75rem;
    white-space: nowrap;
}
.home-sec-4 .slider-arrows{
    gap: 0.521rem;
    margin-top: 3.021rem;
}
.home-sec-4 .btn-load-more{
    margin-top: 3.49rem;
}
.home-sec-5{
    padding: 4.948rem 0 3.594rem;
    background: #1D1B1B;
}
.home-sec-5 .sec-bg{
    inset: 0;
}
.home-sec-5 .sec-bg:before{
    opacity: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 28.08%, rgba(0, 0, 0, 0.0339089) 49.52%, rgba(0, 0, 0, 0) 74.8%, rgba(0, 0, 0, 0.4) 87.82%);
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.home-sec-5 .sec-bg img{
    width: 100%;
    height: 100%;
}
.home-sec-5 .sec-label{
    margin-bottom: 0.677rem;
}
.home-sec-5 .home-area-tabs{
    margin-top: 2.604rem;
}
.home-sec-5 .home-area-tabs a{
    color: #FFF !important;
}
.home-sec-5 .pricing-card{
    margin: 3.698rem 4.063rem 0;
    clip-path: none;
    border-radius: 20px;
    -webkit-mask: radial-gradient(circle 1.224rem at 21.536rem 0, transparent 98%, #000 100%), radial-gradient(circle 1.224rem at 21.536rem 100%, transparent 98%, #000 100%);
    mask: radial-gradient(circle 1.224rem at 21.536rem 0, transparent 98%, #000 100%), radial-gradient(circle 1.224rem at 21.536rem 100%, transparent 98%, #000 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}
.home-sec-5 .pricing-card .title{
    color: #FFF;
    font-size: 1.823rem;
    margin-bottom: 1.823rem;
}
.home-sec-5 .pricing-card .col-left{
    width: 21.563rem;
    padding: 4.115rem 0 3rem 2.604rem;
}
.home-sec-5 .pricing-card .col-left .title{
    padding-left: 0;
}
.home-sec-5 .pricing-card .col-left .branches{
    display: none;
    max-height: 17.083rem;
    margin-right: 0;
    padding: 0 3.385rem 0 0;
    scrollbar-width: thin;
    scrollbar-color: #C9A045 #2F377C;
}
.home-sec-5 .pricing-card .col-left .branches.active{
    display: block;
}
.home-sec-5 .pricing-card .col-left .branches::-webkit-scrollbar,
.home-sec-5 .pricing-card .col-left .branches::-webkit-scrollbar-track{
    width: 2px;
    background: #2F377C;
}
.home-sec-5 .pricing-card .col-left .branches::-webkit-scrollbar-thumb{
    background: #C9A045;
    border-radius: 100px;
}
.home-sec-5 .pricing-card .col-left .branches .item{
    padding: 0 0 1.198rem;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background: none;
}
.home-sec-5 .pricing-card .col-left .branches .item:last-of-type{
    border-bottom: none !important;
}
.home-sec-5 .pricing-card .col-left .branches .item+.item{
    margin-top: 1.198rem;
}
.home-sec-5 .pricing-card .col-left .branches .item:hover,
.home-sec-5 .pricing-card .col-left .branches .item.active{
    background: none;
}
.home-sec-5 .pricing-card .col-left .branches .item:hover .name,
.home-sec-5 .pricing-card .col-left .branches .item.active .name{
    color: #C9A045;
}
.home-sec-5 .pricing-card .col-right{
    width: calc(100% - 21.563rem);
    padding: 4.115rem 4.531rem 3rem 5.104rem;
}
.home-sec-5 .pricing-card .col-right .store-price .price-group .item .label{
    margin-bottom: 0.781rem;
}
.home-sec-5 .sec-link{
    margin-top: 2.552rem;
    color: #FEF2D9;
}
.home-sec-6{
    padding: 6.927rem 0 3.49rem;
    position: relative;
    z-index: 5;
}
.home-sec-6-wrap:before{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 2;
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/bg-home-6.png');
    background-position: center bottom;
    aspect-ratio: 1920/1660;
    left: 0;
    top: 0;
}
.home-sec-6 .heading-group{
    gap: 1rem;
    margin-bottom: 3.49rem;
}
.home-sec-7{
    padding-top: 7.734rem;
    background: transparent;
}
.home-sec-7 .grid-container{
    position: relative;
    z-index: 9;
}
.home-sec-7 .big-words{
    font-size: 4.167rem;
    font-weight: 400;
    line-height: 1.294;
}
.home-sec-7 .word-line{
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.2s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-delay: calc(var(--i, 0) * 0.35s);
}
.home-sec-7.is-active .word-line{
    clip-path: inset(0 0 0 0);
}
.home-sec-7 .sec-desc{
    margin-top: 2.24rem;
    font-size: 1.146rem;
    font-weight: 500;
    line-height: 1.273;
}
.home-sec-7 .btn-load-more{
    margin-top: 2.5rem;
}
.home-sec-7 .marquee-wrap{
    margin-top: 6.094rem;
}
.home-sec-7 .marquee-arch{
    left: 0;
    width: 100%;
    height: auto;
    max-width: none;
    pointer-events: none;
    z-index: 2;
}
.home-sec-7 .marquee-arch.arch-top{
    top: -0.99rem;
}
.home-sec-7 .marquee-arch.arch-bottom{
    bottom: -0.958rem;
    transform: scaleY(-1);
}
.home-sec-7 .nk-marquee,
.partners-logo-sec .nk-marquee{
    overflow: hidden;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
}
.home-sec-7 .nk-marquee.is-dragging,
.partners-logo-sec .nk-marquee.is-dragging{
    cursor: grabbing;
}
.home-sec-7 .marquee-track,
.partners-logo-sec .marquee-track{
    width: max-content;
    will-change: transform;
}
.home-sec-7 .marquee-track{
    gap: 1px;
}
.home-sec-7 .marquee-item{
    flex: 0 0 auto;
    width: 23.854rem;
    aspect-ratio: 458 / 691;
}
.home-sec-7 .marquee-item img{
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.home-page .partners-logo-sec{
    padding: 7.083rem 0 5rem;
    margin-top: -3.854rem;
    background-image: url('../images/bg-home-8.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 3;
}
.partners-logo-sec .title-group .sec-title{
    margin-bottom: 0.781rem;
}
.partners-logo-sec .logos-marquee{
    margin-top: 2.604rem;
    padding: 2.083rem 0;
}
.partners-logo-sec .marquee-track{
    gap: 2.604rem;
}
.partners-logo-sec .logo-item{
    flex: 0 0 auto;
    width: 9.74rem;
    height: 3.854rem;
}
.partners-logo-sec .logo-item img{
    display: block;
    width: auto;
    height: auto;
    max-width: 8.75rem;
    max-height: 3.177rem;
    object-fit: contain;
    pointer-events: none;
}
.default-page{
    padding: 6.25rem 0 4.167rem;
}
:root {
    --nk-menu-ease: cubic-bezier(.76, 0, .24, 1);
    --nk-menu-open: 1.4s;
    --nk-menu-img-open: 1.4s;
    --nk-menu-img-delay: 0s;
}
#site-menu,
#site-menu.active {
    transform: none;
    transition: visibility 0s linear 1.3s;
}
#site-menu:before{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.6s;
    content: '';
    background: #000;
}
#site-menu.active:before{
    opacity: 0.6;
}
#site-menu {
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
}
#site-menu.active {
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}
#site-menu .col-6:nth-of-type(1) {
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.7s var(--nk-menu-ease) .15s;
    will-change: transform;
    backface-visibility: hidden;
}
#site-menu .img-wrap {
    transform: translate3d(-200%, 0, 0);
    transition: transform .9s var(--nk-menu-ease) 0s;
    will-change: transform;
    backface-visibility: hidden;
}
#site-menu.active .col-6:nth-of-type(1) {
    transform: translate3d(0, 0, 0);
    transition: transform var(--nk-menu-open) var(--nk-menu-ease) 0s;
}
#site-menu.active .img-wrap {
    transform: translate3d(0, 0, 0);
    transition: transform var(--nk-menu-img-open) var(--nk-menu-ease) var(--nk-menu-img-delay);
}
.text-primary:hover{
    color: var(--main-cl) !important;
}
header#header #flags{
    margin-left: 1.875rem;
}
header#header #flags,
header#header #flags > ul,
header#header #flags > ul > li{
    display: flex;
    align-items: center;
}
header#header #flags > ul > li+li{
    margin-left: 0.625rem !important;
}
@media (min-width: 1200px) {
    #site-menu .styled-socials > .socials {
        margin-left: 1.979rem;
    }
    .system-sec-1 .col-left .sec-desc{
        padding-right: 0.625rem;
    }
    .styled-socials > .socials .social-item:hover{
        transform: scale(0.85);
    }
    footer#footer .footer-top .col-4 .footer-menus ul > li > a:hover{
        text-decoration: underline;
    }
    .fixed-buttons > .fixed-button:hover:before{
        animation: scaleBorder 1s infinite;
        opacity: 1;
    }
    .fixed-buttons > .fixed-button:hover{
        background: var(--main-cl);
    }
    .fixed-buttons > .fixed-button:hover img,
    .fixed-buttons > .fixed-button:hover svg{
        filter: brightness(0) invert(1);
    }
    .post-pricing-banner .cont-wrap .links .item a:hover svg{
        transform: translateX(20px);
    }
    .swiper-arrow:hover{
        background: #FFF;
    }
    footer#footer .footer-top .col-8 .hotline:hover{
        background: #FFF;
        color: var(--main-cl)
    }
    .swiper-arrow:hover svg [stroke]{
        stroke: var(--main-cl);
    }
    footer#footer .footer-top .col-8 .hotline:hover path,
    .swiper-arrow:hover svg [fill]{
        fill: var(--main-cl);
    }
    .swiper-arrow.color-primary:hover{
        background: var(--main-cl);
    }
    .swiper-arrow.color-primary:hover svg [stroke]{
        stroke: #FFF;
    }
    .swiper-arrow.color-primary:hover svg [fill]{
        fill: #FFF;
    }
    .share > .flex-box:hover{
        background: var(--main-cl);
    }
    .share > .flex-box:hover svg [stroke]{
        stroke: #FFF;
    }
    .share > .flex-box:hover svg [fill]{
        fill: #FFF;
    }
    .post-nav .tags a:hover{
        text-decoration: underline;
    }
    .store-item .cont-wrap .text-center:hover{
        opacity: 1;
    }
    .post-item:hover .img-wrap img,
    .image-item:hover .img-wrap img{
        transform: scale(1.1);
    }
    .btn-load-more:hover .line-wrap{
        width: 0;
    }
    .btn-load-more:hover .arrow-wrap{
        width: 1.667rem;
    }
    .video-item:hover .img-wrap:before{
        opacity: 0;
    }
    .video-item:hover .img-wrap .icon{
        background: var(--sub-cl);
    }
    .video-item:hover .img-wrap .icon [fill]{
        fill: var(--main-cl);
    }
    .contact-sec-1 .socials .flex-box a:hover .text{
        border-color: var(--main-cl);
    }
    .contact-sec-1 .socials .flex-box a:hover .icon{
        background: var(--main-cl);
    }
    .contact-sec-1 .socials .flex-box a:hover .icon img{
        filter: brightness(0) invert(1);
    }
    .contact-sec-1 .socials .flex-box a:hover .icon svg [stroke]{
        stroke: var(--sub-cl);
    }
    .contact-sec-1 .socials .flex-box a:hover .icon svg [fill]{
        fill: var(--sub-cl);
    }
    .contact-sec-1 .title-group .sec-desc{
        padding-right: 14.0625rem;
    }
    body, html {
        font-size: 1vw;
    }
    .policy-sec-2 .member-card:hover .card-bg{
        --g-p1: 47.65%;
        --g-p2: 70.376%;
        --g-p3: 76.145%;
        --g-p4: 83.012%;
    }
    .policy-sec-2 .style-blue:hover .card-bg{
        --g-c1: #38408B;
        --g-c2: #5660BB;
        --g-c3: #5862BE;
        --g-c4: #4F59AE;
    }

    .home-sec-3 .nav-item:hover .btn-load-more .line-wrap{
        width: 0;
    }
    .home-sec-3 .nav-item:hover .btn-load-more .arrow-wrap{
        width: 1.667rem;
    }
}
@media only screen and (max-width: 1199px){
    :root{
        --container-w: 59.375rem;
    }
    .system-sec-1,
    .system-sec-3{
        padding: 5rem 0;
    }
    .system-sec-1 .deco-circle{
        top: 3rem;
        width: 16rem;
    }
    .system-sec-1 .sec-title{
        margin-bottom: 3rem;
    }
    .system-sec-1 .col-left{
        padding-right: 2rem;
        gap: 2rem;
    }
    .system-sec-1 .col-right{
        padding-left: 0;
    }
    .system-sec-2{
        min-height: 45rem;
        padding-top: 5rem;
    }
    .system-sec-2:before{
        width: 60%;
        height: 80%;
    }
    .system-sec-2 .cont-wrap{
        padding-right: 0;
    }
    .system-sec-3 .cont-wrap{
        padding: 0 0 0 3rem;
    }
    .brand-sec-1{
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding-top: 5rem;
    }
    .brand-sec-1 .grid-container{
        order: 1;
        width: 100%;
    }
    .brand-sec-1 .sec-img{
        order: 2;
        position: relative;
        top: 0;
        margin-top: -4rem;
    }
    .brand-sec-1 .title-group{
        padding: 0;
    }
    .brand-sec-1 .scroll-hint{
        height: 8rem;
        margin: 2rem 0 0;
    }
    .brand-sec-2,
    .brand-sec-3{
        padding: 4rem 0;
    }
    .brand-sec-2 .col-left{
        padding: 0 1.5rem 0 3rem;
    }
    .brand-sec-2 .cont-wrap{
        padding: 0 0 0 1.5rem;
    }
    .brand-sec-3 .deco-circle{
        top: -3rem;
        right: -4rem;
        width: 16rem;
    }
    .brand-sec-3 .cont-wrap{
        padding: 0 1.5rem 0 0;
    }
    .brand-sec-3 .col-right{
        padding: 0 0 0 1.5rem;
    }
    .brand-sec-4{
        padding-top: 4rem;
    }
    .brand-sec-4 .sec-card{
        padding: 4rem 3rem 20rem;
    }
    .brand-sec-4 .sec-card .sec-title{
        padding: 0;
    }
    .brand-sec-4 .sec-logo{
        width: 14rem;
    }
    .brand-sec-4 .sec-img{
        margin-top: -22rem;
    }
    .product-sec-1{
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding-top: 5rem;
    }
    .product-sec-1 .grid-container{
        order: 1;
        width: 100%;
    }
    .product-sec-1 .title-group .sec-desc{
        padding: 0;
    }
    .product-sec-1 .cloud{
        display: none;
    }
    .product-sec-1 .sec-logo{
        order: 2;
        position: relative;
        top: 0;
        left: auto;
        width: 14rem;
        margin: 2rem auto 0;
    }
    .product-sec-1 .sec-img{
        order: 3;
        position: relative;
        top: 0;
        margin-top: -5rem;
    }
    .product-sec-1.is-active .title-group,
    .product-sec-1.is-active .sec-logo,
    .product-sec-1.is-active .sec-img{
        transform: none;
    }
    .product-sec-2 .title-group .sec-desc,
    .product-sec-4 .title-group .sec-desc{
        padding: 0;
    }
    .product-sec-2 .marquee-item{
        width: 16rem;
    }
    .product-sec-3{
        padding: 4rem 0 6rem;
    }
    .product-sec-3 .cont-wrap{
        padding: 0 1.5rem 0 0;
    }
    .product-sec-3 .col-right{
        padding: 0 0 0 6rem;
    }
    .product-sec-3 .deco-circle{
        width: 6rem;
    }
    .product-sec-4 .sec-media{
        margin-top: 3rem;
    }
    .policy-sec-1{
        padding-top: 6rem;
    }
    .policy-sec-1 .col-left{
        padding: 0 1.5rem 0 2rem;
    }
    .policy-sec-1 .col-right{
        padding: 0 2rem 0 1.5rem;
    }
    .policy-sec-2 .member-card{
        aspect-ratio: auto;
        min-height: 12rem;
    }
    .policy-sec-2 .card-cont{
        padding: 1.25rem 1.5rem;
    }
    .policy-sec-2 .card-logo{
        width: 9rem;
    }
    .policy-sec-2 .card-line{
        margin-top: 0.75rem;
    }
    .policy-sec-2 .card-title{
        margin: 1rem 0 0.5rem;
    }
    .policy-sec-3 .program-box{
        padding: 3rem 2rem;
    }
    .policy-sec-3 .box-image{
        margin: -4rem -2rem -3rem;
    }
    .policy-sec-3 .glow{
        display: none;
    }

    .contact-sec-1{
        padding: 7rem 0 7rem;
    }
    .contact-sec-1 .contact-info,
    .contact-sec-1 .socials{
        padding-right: 2rem;
    }
    .contact-sec-1 .contact-info{
        gap: 2rem;
    }
    .contact-sec-1 .col-6:nth-of-type(2){
        padding-left: 2rem;
        padding-right: 0;
    }
    .contact-sec-2 .col-5{
        padding-right: 2rem;
    }
    .contact-sec-2 .col-5 .list{
        padding-right: 1rem;
    }

    .pricing-page{
        padding: 5rem 0 6rem;
    }
    .pricing-card{
        --x: 16rem;
        margin: 0;
    }
    .pricing-card .col-left{
        width: 16rem;
        padding: 3rem 0 0 1.5rem;
    }
    .pricing-card .col-left .branches{
        padding-right: 1rem;
        mask: unset !important;
    }
    .pricing-card .col-left .branches .item{
        padding: 0.5rem 0.75rem 0.3rem;
    }
    .pricing-card .col-left .title{
        padding-left: 0;
    }
    .pricing-card .col-right{
        width: calc(100% - 16rem);
        padding: 3rem 2rem 2.5rem 2.5rem;
    }
    .pricing-card .col-right .store-price .price-group > .flex-box{
        --gap: 2rem;
    }

    .stores-system{
        padding: 7rem 0 5rem;
    }
    .stores-list .stores-grid{
        grid-gap: 2.5rem 1.5rem;
    }
    .store-item .cont-wrap{
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
        padding: 1.25rem;
    }

    .featured-posts-wrap{
        margin-bottom: 4rem;
    }
    .featured-posts .post-item:nth-of-type(1) .cont-wrap{
        padding: 0 6rem 2rem 2rem;
    }

    .posts-page{
        padding: 7rem 0 5rem;
    }

    .post-container,
    .post-simple .post-heading{
        width: 100%;
        max-width: 59.635rem;
    }
    .magazine-heading .sec-title{
        width: 100%;
        max-width: 44.271rem;
    }
    .magazine-sec.quote_banner .col-left{
        padding: 3rem 2.5rem 3rem 2rem;
    }
    .magazine-sec.quote_box .quote_right .col-right{
        padding: 0 2.5rem 0 3rem;
    }
    .magazine-sec.quote_box .quote_left .col-right{
        padding: 0 3rem 0 2.5rem;
    }
    .magazine-sec.quote_banner .col-left svg,
    .magazine-sec.quote_box .col-right svg{
        width: 2.5rem;
        margin-bottom: 1rem;
    }
    .magazine-sec.content_right .col-6:nth-of-type(2){
        padding-left: 2.5rem;
    }
    .magazine-sec.slide_images .swiper{
        padding: 0 8rem;
    }
    .magazine-sec.slide_images .swiper-arrow.prev{
        left: 3rem;
    }
    .magazine-sec.slide_images .swiper-arrow.next{
        right: 3rem;
    }
    .post-pricing-banner .cont-wrap .links .item a{
        padding: 1rem 1.5rem;
    }

    .library-page{
        padding: 7rem 0 5rem;
    }

    .partner-sec-1,
    .partner-sec-2{
        padding-top: 5rem;
    }
    .partner-sec-3{
        padding: 5rem 0;
    }
    .partner-sec-3 .scroll-section{
        padding-left: 0;
    }
    .partner-sec-3 .scroll-section > .flex-box{
        flex-direction: column;
        gap: 4rem;
    }
    .partner-sec-3 .scroll-section .item{
        width: var(--container-w);
        max-width: 100%;
        margin: 0 auto;
        padding-right: 0;
    }
    .partner-sec-3 .scroll-section .item .cont-wrap{
        padding-right: 2rem;
    }
    .partner-sec-3 .scroll-section .item .col-7{
        padding-left: 0;
    }
    .partners-logo-sec{
        padding: 5rem 0 3.5rem;
    }

    .section_404_content{
        overflow: hidden;
    }
    .section_404_content h1{
        font-size: 320px;
    }

    #site-menu .menu-body,
    #site-menu .menu-footer{
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .contact-sec-1 .socials > .flex-box{
        gap: 1rem;
    }
    .contact-sec-1 .contact-info,
    .contact-sec-1 .socials{
        padding-right: 0;
    }
    .contact-sec-1 .contact-info .item{
        min-width: 8rem;
    }
    .filters-wrap .filter-item{
        z-index: 9;
    }
    .filters-wrap .filter-item+.filter-item{
        z-index: 8;
    }
    .filters-wrap .filter-item+.filter-item+.filter-item{
        z-index: 7;
    }

    .home-sec-1{
        height: 42rem;
    }
    .home-sec-1 .slide-cont{
        top: auto;
        bottom: 8rem;
    }
    .home-sec-1 .scroll-icon{
        top: auto;
        bottom: 1.5rem;
    }
    .home-sec-3{
        height: auto;
        min-height: 40rem;
    }
    .home-sec-3 .col-left{
        padding: 4rem 2.5rem;
    }
    .home-sec-3 .nav-item{
        padding: 4rem 2rem;
    }
    .home-sec-4 .swiper-slide{
        width: 17rem;
    }
    .home-sec-5 .pricing-card{
        margin: 2.5rem 0 0;
        -webkit-mask: radial-gradient(circle 1rem at 16rem 0, transparent 98%, #000 100%), radial-gradient(circle 1rem at 16rem 100%, transparent 98%, #000 100%);
        mask: radial-gradient(circle 1rem at 16rem 0, transparent 98%, #000 100%), radial-gradient(circle 1rem at 16rem 100%, transparent 98%, #000 100%);
        -webkit-mask-composite: source-in;
        mask-composite: intersect;
    }
    .home-sec-5 .pricing-card .col-left{
        width: 16rem;
        padding: 3rem 0 2rem 1.5rem;
    }
    .home-sec-5 .pricing-card .col-left .branches{
        padding-right: 1.5rem;
    }
    .home-sec-5 .pricing-card .col-right{
        width: calc(100% - 16rem);
        padding: 3rem 2rem 2.5rem 2.5rem;
    }
    .home-sec-7 .big-words{
        font-size: 3rem;
    }
    .home-sec-7 .marquee-item{
        width: 16rem;
    }
    .policy-page .col-8{
        width: 100%;
    }
    .gallery-popup .popup-content{
        position: unset;
    }
    .gallery-popup .popup-content .close-btn{
        right: 1rem;
        top: 1rem;
    }
    .video-item .cont-wrap{
        padding-right: 0;
    }
    .featured-posts{
        gap: 1rem;
    }
    .featured-posts .post-item:nth-of-type(4):before, .featured-posts .post-item:nth-of-type(3):before{
        display: none !important;
    }
    .featured-posts .post-item .cont-wrap{
        padding-top: 0;
        padding-right: 0;
    }
    .featured-posts .post-item .img-wrap{
        height: 100%;
    }
    .featured-posts .post-item{
        gap: 0.75rem;
    }
    .posts-list .posts-grid{
        grid-gap: 2rem
    }
    .post-item .cont-wrap{
        padding-right: 0;
    }
    .related-posts .swiper{
        --swiper-space: 1rem
    }
    .magazine-sec.numbered_section .col-5{
        padding-right: 2rem;
        padding-top: 0;
    }
    .numbered-title .number{
        font-size: 3rem;
    }
    .numbered-title .title{
        font-size: 1.6rem;
    }
    .magazine-sec.numbered_section .col-7{
        padding-left: 0;
    }
    .magazine-sec .quote{
        font-size: 1.5rem;
    }
    .magazine-sec.quote_banner .col-left .quote {
        margin-bottom: 2.5rem;
        font-size: 1.45rem;
    }
    .magazine-sec+.magazine-sec{
        padding-top: 4rem;
    }
    .magazine-sec.quote_box+.magazine-sec.quote_box{
        padding-top: 2em;
    }
    #header #masthead .header-item .language-switcher-items{
        margin-left: 1rem;
    }
    #header #masthead .header-buttons{
        gap: 1rem
    }
    .stores-list .stores-grid{
        grid-template-columns: 1fr 1fr;
    }
    .btn{
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
    }
    .store-item .cont-wrap .show-when-hover{
        display: block !important;
    }
    .pricing-card .col-right .store-price .price-group > .flex-box{
        gap: 1.5rem;
    }
    .pricing-card .col-right .store-price .price-group .item .label{
        font-size: 0.8rem;
    }
    .pricing-card .col-right .store-price .price-group .item .price span{
        font-size: 1.25rem;
    }
    .pricing-card .title{
        font-size: 1.25rem;
    }
    .sec-title{
        font-size: 2.4rem;
    }
    .system-sec-2{
        padding-top: 2rem;
    }
    .system-sec-2 .sec-title{
        font-size: 2rem;
    }
    .home-sec-7{
        padding-top: 3rem;
    }
    .home-sec-6-wrap:before{
        aspect-ratio: 1920/2140;
    }
    .home-page .partners-logo-sec{
        margin-top: -2rem;
    }
    .menu-page .col-right,
    .menu-page .col-left{
        width: 100%;
    }
    .menu-page .col-left .sticky-box{
        padding: 2rem;
        border-bottom:1px solid #DBCEB9;
    }
    .menu-page .col-left .sticky-box .sec-title{
        text-align: center;
    }
    .menu-page .col-left .sticky-box .sec-title br{
        display: none;
    }
    .menu-page .col-left .sticky-box .sticky-menu{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.5rem 1rem;
        margin-bottom: 3rem;
    }
    .menu-page .col-left .sticky-box .note{
        text-align: center;
    }
    .menu-page .col-left .sticky-box .sticky-menu li+li{
        margin: 0 !important;
    }
    .menu-page .menu-list-col{
        padding: 2rem 1.5rem;
    }
    .menu-page .menu-list-col .title{
        font-size: 1.5rem;
    }
    .menu-page .layout-simple .menu-items .flex-box{
        gap: 1.25rem
    }
    .menu-page .col-left-child{
        width: 52%;
    }
    .menu-page .col-right-child{
        width: 48%;
    }
    footer#footer .footer-top .col-4{
        padding-left: 0;
    }
    footer#footer .footer-top .col-8{
        padding-right: 0;
    }
    .styled-socials > .socials{
        margin-left: 1rem;
    }
    footer#footer .footer-bottom .col-10 > .flex-box{
        gap: 1.5rem;
    }
    footer#footer .footer-top .col-4 .footer-menus{
        gap:  1.5rem
    }
    footer#footer .footer-top .col-8{
        padding-left: 2rem;
    }
    footer#footer .footer-top .col-8 .form-title{
        font-size: 1.6rem;
    }
    #site-menu .menu-footer .styled-socials > .fs-14{
        display: none;
    }
    .partner-sec-2 .img-wrap{
        margin-top: -10rem;
    }
}
@media only screen and (max-width: 991px){
    :root{
        --container-w: 45rem;
    }
    .tablet-col-1{flex:0 0 auto;width:8.33333333% !important}
    .tablet-col-2{flex:0 0 auto;width:16.66666667% !important}
    .tablet-col-3{flex:0 0 auto;width:25% !important}
    .tablet-col-4{flex:0 0 auto;width:33.33333333% !important}
    .tablet-col-5{flex:0 0 auto;width:41.66666667% !important}
    .tablet-col-6{flex:0 0 auto;width:50% !important}
    .tablet-col-7{flex:0 0 auto;width:58.33333333% !important}
    .tablet-col-8{flex:0 0 auto;width:66.66666667% !important}
    .tablet-col-9{flex:0 0 auto;width:75% !important}
    .tablet-col-10{flex:0 0 auto;width:83.33333333% !important}
    .tablet-col-11{flex:0 0 auto;width:91.66666667% !important}
    .tablet-col-12{flex:0 0 auto;width:100% !important}
    .tablet-grid-3{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .tablet-grid-2{
        grid-template-columns: 1fr 1fr;
    }
    .tablet-grid-1{
        grid-template-columns: 1fr;
    }
    .tablet-flex-col{
        flex-direction: column;
    }
    .tablet-col-reverse{
        flex-direction: column-reverse;
    }
    .tablet-text-center{
        text-align: center;
    }
    .tablet-mx-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .tablet-al-center{
        align-items: center;
    }
    .tablet-jus-center{
        justify-content: center;
    }
    .tablet-flex-wrap{
        flex-wrap: wrap;
    }
    .load_home_page svg {
        width: 320px;
    }
    .show-tablet{
        display: block !important;
    }
    #main-menu{
        position: fixed;
        left: 0;
        z-index: 99999999999;
        display: block !important;
        background-color: rgba(0, 0, 0, 0.7);
        width: 100vw;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: all 0.4s;
    }
    #main-menu .sidebar-menu{
        height: 100%;
        overflow: auto;
        width: 40%;
        background-color: #FFF;
        transition: all 0.4s;
        transform: translateX(-100%);
        margin-right: auto;
    }
    #main-menu .sidebar-menu > ul > li > a svg{
        width: 1.6rem;
        height: auto;
        margin-left: 4px;
    }
    #main-menu .sidebar-menu > ul > li{
        transition: all 0.3s !important;
    }
    #main-menu .sidebar-menu ul.header-contact > li > a,
    #main-menu .sidebar-menu > ul > li > a{
        padding-left: 16px !important;
        color: #241F20 !important;
        background-color: #FFF !important;
        font-size: 1rem !important;
        text-transform: initial;
        transition: all 0.3s !important;
        font-weight: 700;
    }
    #main-menu .sidebar-menu ul.header-contact > li{
        padding: 0;
    }
    #main-menu .sidebar-menu ul.header-contact > li > a{
        display: flex;
        align-items: center;
        gap: 8px;
    }
    #main-menu .sidebar-menu > ul > li > a{
        background: transparent !important;
    }
    #main-menu .sidebar-menu > ul > li.active,
    #main-menu .sidebar-menu > ul > li.current-menu-item{
        background-color: var(--main-cl) !important;
    }
    #main-menu .sidebar-menu > ul > li.active > button,
    #main-menu .sidebar-menu > ul > li.current-menu-item > button,
    #main-menu .sidebar-menu > ul > li.active > a,
    #main-menu .sidebar-menu > ul > li.current-menu-item > a{
        color: #FFF !important;
    }
    #main-menu .sidebar-menu > ul > li.current-menu-item > a svg path[stroke] {
        stroke: #FFF;
    }
    #main-menu .sidebar-menu > ul > li.current-menu-item > a svg path[fill]{
        fill: #FFF;
    }
    #main-menu .sidebar-menu > ul > li > ul{
        background: #f5f5f5;
        padding-bottom: 0;
        padding-left: 1rem;
        transform: unset;
    }
    #main-menu .sidebar-menu > ul ul > li{
        padding-left: 10px;
    }
    #main-menu .sidebar-menu > ul ul > li > a{
        font-size: 1rem !important;
        padding: 5px 0;
    }
    #main-menu.active .sidebar-menu{
        transform: translateX(0);
    }
    #main-menu.active{
        opacity: 1;
        pointer-events: unset;
        visibility: visible;
    }
    .sec-title{
        font-size: 2rem;
    }
    .contact-sec-1{
        padding: 5rem 0 4rem;
    }
    .contact-sec-1 .title-group{
        margin-bottom: 2rem;
    }
    .contact-sec-1 .contact-info,
    .contact-sec-1 .socials{
        padding-right: 0;
    }
    .contact-sec-1 .socials > .flex-box{
        justify-content: flex-start;
        gap: 1rem;
    }
    .contact-sec-1 .socials .flex-box a .icon img, .contact-sec-1 .socials .flex-box a .icon svg{
        max-width: 1.4rem;
        max-height: 1.4rem;
    }
    .contact-sec-1 .socials .socials-title{
        margin-bottom: 0.5rem;
    }
    .contact-sec-1 .col-6:nth-of-type(2){
        margin-top: 2.5rem;
        padding: 0;
    }
    .contact-sec-2{
        padding-bottom: 5rem;
    }
    .contact-sec-2 .filters-wrap{
        margin-bottom: 2.5rem;
    }
    .contact-sec-2 .col-5{
        padding-right: 0;
    }
    .contact-sec-2 .col-5 .list{
        max-height: 26rem;
        padding-right: 0.75rem;
    }
    .contact-sec-2 .col-7{
        height: 24rem;
        margin-top: 1.5rem;
    }

    .pricing-card .col-right .store-price .price-group > .flex-box{
        --gap: 1.25rem;
    }
    .pricing-card .col-right .store-price .price-group .item .label{
        font-size: 0.875rem;
    }

    .featured-posts{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 2rem;
    }
    .featured-posts .post-item:nth-of-type(1){
        grid-row: auto;
    }
    .featured-posts .post-item:nth-of-type(1) .img-wrap{
        aspect-ratio: 16 / 10;
    }
    .featured-posts .post-item:nth-of-type(1) .img-wrap img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .featured-posts .post-item:nth-of-type(1) .cont-wrap{
        padding: 0 1.5rem 1.5rem;
    }
    .featured-posts .post-item:nth-of-type(4):before,
    .featured-posts .post-item:nth-of-type(3):before{
        top: -1rem;
    }

    .magazine-sec > .post-container{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .search-tabs .search-grid{
        grid-template-columns: repeat(3, 1fr);
    }

    .library-page .heading-group .sec-title{
        width: 100%;
        text-align: center;
    }

    .partner-sec-3 .scroll-section > .flex-box{
        gap: 3rem;
    }
    .partner-sec-3 .scroll-section .item{
        align-items: stretch;
    }
    .partner-sec-3 .scroll-section .item .cont-wrap{
        padding: 0 0 1.5rem;
    }

    #site-menu .col-6:nth-of-type(1){
        width: 100%;
        gap: 2rem;
    }
    #site-menu .col-6.img-wrap{
        display: none;
    }
    #site-menu .menu-heading{
        padding: 1.5rem 0 0 1.5rem;
    }
    #site-menu .menu-body .page-main-menu{
        max-height: none;
    }
    #site-menu .menu-body .page-main-menu > ul > li{
        flex-direction: column;
        gap: 0.75rem;
    }
    #site-menu .menu-body .page-main-menu > ul > li > ul{
        width: auto;
        min-width: 0;
        padding-left: 2.6rem;
    }
    #site-menu .menu-body,
    #site-menu .menu-footer{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    #site-menu .menu-body{
        overflow: auto;
    }

    .home-sec-3 .col-left{
        min-height: 26rem;
    }
    .home-sec-3 .col-right{
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    .home-sec-3 .nav-item{
        padding: 2.5rem 2rem;
    }
    .policy-sec-1 .point-badge{
        padding-left: 1rem;
    }
    .policy-sec-1 .point-badge .font-title{
        font-size: 1.5rem;
    }
    .image-item .cont-wrap{
        padding: 0 1rem 1rem;
    }
    .post-content h2{
        font-size: 1.5rem;
    }
    .post-content h3{
        font-size: 1.4rem;
    }
    .post-content h4{
        font-size: 1.3rem;
    }
    .post-pricing-banner .cont-wrap .title-group{
        padding: 2rem 3rem;
    }
    .post-pricing-banner .cont-wrap .links .item a{
        font-size: 1rem;
    }
    .post-simple{
        padding-bottom: 4rem;
    }
    .magazine-sec.slide_images .swiper-arrow.prev{
        left: 4rem;
    }
    .magazine-sec.slide_images .swiper-arrow.next{
        right: 4rem;
    }
    .magazine-sec.numbered_section .center-box{
        padding-top: 3rem;
    }
    .partners-logo-sec .logos-marquee{
        margin-top: 1.5rem;
    }
    .system-sec-2{
        display: flex;
        flex-wrap: wrap;
        background-image: url('../images/bg-noise.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .system-sec-2 .sec-bg{
        position: relative !important;
        order: 2;
        margin-top: 2rem;
    }
    .sec-title{
        font-size: 2rem;
    }
    .home-sec-5 .pricing-card .col-right{
        padding: 2rem;
    }
    .home-sec-5 .pricing-card .col-right .store-price .price-group .item .label{
        font-size: 0.8rem;
    }
    .home-sec-6 {
        padding-top: 3rem;
    }
    .home-sec-6-wrap{
        background-image: url('../images/bg-home-6-mb.jpg');
    }
    .home-sec-6-wrap:before{
        display: none !important;
    }
    .home-page .partners-logo-sec{
        padding-top: 5rem;
    }
    .menu-page .image-col{
        padding: 1rem 1.25rem;
    }
    .menu-page .layout-simple .menu-items .flex-box{
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .menu-page .layout-simple .menu-items .flex-box ul{
        max-width: 100%;
    }
    .hide-tablet{
        display: none !important;
    }
    footer#footer .footer-bottom .col-10{
        padding-left: 0;
    }
    footer#footer .footer-top .col-8{
        padding-left: 0;
        padding-bottom: 3rem;
    }
    footer#footer .footer-top .col-4 .footer-menus{
        gap: 3rem;
    }
    .menu-page .layout-priced .menu-list-col .menu-items .menu-item .fs-25{
        font-size: 1.125rem;
    }
    #site-menu .menu-body .page-main-menu > ul > li{
        position: relative;
    }
    #site-menu .menu-body .page-main-menu > ul > li > svg{
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
    }
    #site-menu .menu-body .page-main-menu > ul > li.is-active > svg{
        top: 1.25rem;
    }
    #site-menu .menu-body .page-main-menu > ul > li > ul{
        padding-right: 0;
    }
    .partner-sec-2 .img-wrap{
        margin-top: -7rem;
    }
    .product-sec-1 .sec-img{
        margin-top: 2rem;
    }
}
@media only screen and (max-width: 767px){
    :root{
        --container-w: 100%;
    }
    .grid-container{
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .mobile-col-1{flex:0 0 auto;width:8.33333333% !important;}
    .mobile-col-2{flex:0 0 auto;width:16.66666667% !important;}
    .mobile-col-3{flex:0 0 auto;width:25% !important;}
    .mobile-col-4{flex:0 0 auto;width:33.33333333% !important;}
    .mobile-col-5{flex:0 0 auto;width:41.66666667% !important;}
    .mobile-col-6{flex:0 0 auto;width:50% !important;}
    .mobile-col-7{flex:0 0 auto;width:58.33333333% !important;}
    .mobile-col-8{flex:0 0 auto;width:66.66666667% !important;}
    .mobile-col-9{flex:0 0 auto;width:75% !important;}
    .mobile-col-10{flex:0 0 auto;width:83.33333333% !important;}
    .mobile-col-11{flex:0 0 auto;width:91.66666667% !important;}
    .mobile-col-12{flex:0 0 auto;width:100% !important;}
    .mobile-flex-col{
        flex-direction: column;
    }
    .mobile-al-center{
        align-items: center;
    }
    .mobile-al-start{
        align-items: flex-start;
    }
    .mobile-al-end{
        align-items: flex-end;
    }
    .mobile-jus-start{
        justify-content: flex-start;
    }
    .mobile-jus-end{
        justify-content: flex-end;
    }
    .mobile-jus-center{
        justify-content: center;
    }
    .mobile-jus-between{
        justify-content: space-between;
    }
    .mobile-grid-2{
        grid-template-columns: 1fr 1fr;
    }
    .mobile-grid-1{
        grid-template-columns: 1fr;
    }
    .mobile-col-reverse{
        flex-direction: column-reverse;
    }
    #search-lightbox{
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100%  + 40px);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 20px;
        font-size: 20px;
    }
    #search-lightbox .search-keywords{
        margin-top: 20px;
    }
    #search-lightbox .search-keywords > a{
        font-size: 14px;
    }
    .show-mobile{
        display: block !important;
    }
    .hide-mobile{
        display: none !important;
    }
    .mobile-text-center{
        text-align: center;
    }
    .load_home_page svg {
        width: 240px;
    }
    .search-tabs .search-grid{
        grid-gap: 1.5rem 1rem
    }
    .search-page{
        padding: 3rem 0;
    }
    .search-page h1{
        margin-bottom: 2rem;
    }
    .search-tabs .search-tabs-title .search-tab-title{
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }
    .mobile-mx-auto{
        margin-left: auto;
        margin-right: auto;
    }
    #header #masthead .mobile-nav .nav-icon > a{
        height: 20px;
        width: 32px;
    }
    #header #masthead .mobile-nav .nav-icon > a.active span:nth-of-type(1), .has-off-canvas #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(1) {
        transform: rotate(45deg) translate(6px, 7px);
    }
    #header #masthead .mobile-nav .nav-icon > a.active span:nth-of-type(3), .has-off-canvas #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(3) {
        width: 100%;
        transform: rotate(135deg) translate(-6px, 7px);
    }
    #main-menu .sidebar-menu{
        width: 320px;
    }
    .sec-title{
        font-size: 1.9rem;
    }
    .contact-sec-1 .socials > .flex-box span.text{
        display: none !important;
    }
    .page-banner .banner-cont{
        bottom: 2rem;
    }
    header#header .header-wrapper{
        padding: 0 1rem;
    }
    header#header .header-wrapper #masthead{
        height: 80px !important;
    }
    header#header .header-wrapper #masthead #logo img{
        height: 5rem;
    }
    .menu-nav-icon .click-toggle-menu .hamburger{
        width: 38px;
    }
    .system-page .sec-title{
        font-size: 1.75rem;
    }
    .system-sec-1,
    .system-sec-3{
        padding: 3.5rem 0;
    }
    .system-sec-1 .deco-circle{
        top: 1rem;
        right: -4rem;
        width: 10rem;
    }
    .system-sec-1 .sec-title{
        margin-bottom: 1.5rem;
    }
    .system-sec-1 .sec-body{
        gap: 1.5rem;
    }
    .system-sec-1 .col-left{
        padding-right: 0;
        gap: 1.5rem;
    }
    .system-sec-2{
        min-height: 40rem;
        padding-top: 3.5rem;
    }
    .system-sec-2:before{
        width: 100%;
        height: 90%;
    }
    .system-sec-2 .sec-title,
    .system-sec-3 .sec-title{
        margin-bottom: 1rem;
    }
    .system-sec-3 .cont-wrap{
        padding: 1.5rem 0 0;
    }
    .brand-page .sec-title{
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    .brand-sec-1{
        padding-top: 3.5rem;
    }
    .brand-sec-1 .sec-img{
        margin-top: -2rem;
    }
    .brand-sec-1 .scroll-hint{
        height: 6rem;
        margin-top: 1.5rem;
        padding-top: 1rem;
    }
    .brand-story .v-line{
        display: none;
    }
    .brand-sec-2,
    .brand-sec-3{
        padding: 2.5rem 0;
    }
    .brand-sec-2 .col-left{
        padding: 0 0 0 3rem;
    }
    .brand-sec-2 .cont-wrap{
        padding: 6rem 0 0;
    }
    .brand-sec-3 .deco-circle{
        width: 10rem;
        top: -2rem;
        right: -3rem;
    }
    .brand-sec-3 .cont-wrap{
        padding: 0 0 1.5rem;
    }
    .brand-sec-3 .col-right{
        padding: 0;
    }
    .brand-sec-4{
        padding-top: 2.5rem;
    }
    .brand-sec-4 .cloud{
        display: none;
    }
    .brand-sec-4 .sec-card{
        padding: 3rem 1rem 10rem;
    }
    .brand-sec-4 .sec-logo{
        width: 10rem;
        margin-top: 1.5rem;
    }
    .brand-sec-4 .sec-img{
        margin-top: -8rem;
    }
    .product-page .sec-title{
        margin-bottom: 1rem;
    }
    .product-page .v-line{
        height: 3.5rem;
    }
    .product-sec-1{
        padding-top: 3.5rem;
    }
    .product-sec-1 .sec-logo{
        width: 9rem;
    }
    .product-sec-1 .sec-img{
        margin-top: 2rem;
    }
    .product-sec-2 .marquee-wrap{
        margin-top: 2rem;
    }
    .product-sec-2 .marquee-item{
        width: 12rem;
    }
    .product-sec-3{
        padding: 3rem 0 5rem;
    }
    .product-sec-3 .cont-wrap{
        padding: 0 0 2rem;
    }
    .product-sec-3 .col-right{
        padding: 0 0 0 4rem;
    }
    .product-sec-4 .sec-media{
        margin-top: 2rem;
    }
    .policy-page .sec-title{
        font-size: 1.75rem;
    }
    .policy-sec-1{
        padding-top: 4.5rem;
    }
    .policy-sec-1 .points-box{
        padding: 2rem 1rem;
    }
    .policy-sec-1 .col-left,
    .policy-sec-1 .col-right{
        padding: 0;
    }
    .policy-sec-1 .col-right{
        margin-top: 2.5rem;
    }
    .policy-sec-1 .point-badge{
        padding-left: 1.75rem;
    }
    .policy-sec-1 .point-badge span{
        font-size: 1.3rem;
    }
    .policy-sec-1 .qr-card{
        width: 70%;
    }
    .policy-sec-3 .policy-tabs ul > li{
        flex: 0 1 auto;
    }
    .policy-sec-3 .policy-tabs ul > li > a{
        text-align: center;
    }
    .policy-sec-2 .card-title{
        font-size: 1.2rem;
    }
    .policy-sec-2 .card-desc{
        font-size: 0.95rem;
    }
    .policy-sec-3{
        padding: 3.5rem 0 5rem;
    }
    .policy-sec-3 .policy-tabs ul{
        flex-wrap: wrap;
        justify-content: center;
        overflow: visible;
        gap: 0.75rem 1.5rem;
    }
    .policy-sec-3 .program-box{
        padding: 2rem 1rem;
    }
    .policy-sec-3 .box-title{
        font-size: 1.3rem;
        line-height: 1.4;
        margin-bottom: 1.25rem;
    }
    .policy-sec-3 .gift-heading{
        margin: 2.5rem 0 1.5rem;
    }
    .policy-sec-3 .point-table .row:not(.row-head) .cell{
        font-size: 1rem;
    }
    .policy-sec-3 .point-table .row-head .cell{
        font-size: 0.85rem;
    }
    .policy-sec-3 .gift-row{
        gap: 2rem;
    }
    .policy-sec-3 .note-box{
        margin-top: 2.5rem;
        padding: 1.5rem 1rem;
    }
    .policy-sec-3 .box-image{
        margin: -3rem -1rem -2rem;
    }

    .contact-sec-1{
        padding: 3.5rem 0 3rem;
    }
    .contact-sec-1 .contact-info{
        flex-direction: column;
        gap: 1.25rem;
    }
    .contact-sec-1 .contact-info .item{
        min-width: 0;
        width: 100%;
    }
    .contact-sec-2{
        padding-bottom: 3.5rem;
    }
    .contact-sec-2 .col-5 .list .item{
        padding: 1rem;
    }
    .contact-sec-2 .col-7{
        height: 20rem;
    }

    .filters-wrap .filter-item{
        width: 100%;
    }
    .filters-wrap .filter-item .select-styled{
        min-width: 0;
        width: 100%;
    }
    .filters-wrap button.submit-filter{
        width: 100%;
        min-height: 2.75rem;
    }

    .pricing-page{
        padding: 3.5rem 0 4rem;
    }
    .pricing-card{
        clip-path: none;
        border-radius: 29px;
        overflow: hidden;
    }
    .pricing-card .col-left{
        width: 100%;
        padding: 2rem 1.25rem 1.25rem;
        border-right: 0;
        border-bottom: 2px dashed #FFFFFF33;
    }
    .pricing-card .col-left .branches{
        max-height: 14rem;
        padding: 0 0.75rem 0 0;
    }
    .pricing-card .col-right{
        width: 100%;
        padding: 2rem 1.25rem;
    }
    .pricing-card .col-right .store-price .price-group+.price-group{
        margin-top: 1.5rem;
        padding-top: 1.5rem;
    }
    .pricing-card .col-right .store-price .price-group > .flex-box{
        --gap: 1.5rem;
        flex-direction: column;
    }
    .pricing-card .col-right .store-price .price-group .item{
        width: 100%;
    }
    .pricing-card .col-right .store-price .price-group .item+.item:before{
        left: 0;
        top: calc(0px - var(--gap) / 2);
        width: 100%;
        height: 1px;
    }
    .pricing-card .col-wide{
        padding: 1.5rem 1.25rem;
    }

    .stores-system{
        padding: 4.5rem 0 3.5rem;
    }
    .stores-system .filters-wrap{
        margin-bottom: 2.5rem;
    }
    .stores-list .stores-grid{
        grid-gap: 1.5rem;
    }

    .featured-posts-wrap{
        margin-bottom: 3rem;
    }
    .featured-posts-wrap .sec-title{
        margin-bottom: 1.5rem;
    }
    .featured-posts .post-item{
        gap: 1rem;
    }
    .featured-posts .post-item .img-wrap{
        width: 38%;
    }
    .featured-posts .post-item .cont-wrap{
        width: calc(62% - 1rem);
    }
    .featured-posts .post-item:nth-of-type(1) .cont-wrap{
        padding: 0 1rem 1rem;
    }
    .featured-posts .post-item:nth-of-type(1) .cont-wrap .post-title{
        font-size: 1.25rem;
    }
    .terms-menu > ul{
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 1.5rem;
        overflow-x: auto;
        padding-bottom: 0.5rem;
        scrollbar-width: none;
    }
    .terms-menu > ul::-webkit-scrollbar{
        display: none;
    }

    .posts-page{
        padding: 4.5rem 0 3.5rem;
    }
    .posts-page .posts-list .terms-menu{
        margin-bottom: 2rem;
    }

    .magazine-heading{
        padding-top: 3rem;
    }
    .magazine-heading .post-heading{
        margin-bottom: 2.5rem;
    }
    .magazine-heading .sec-title{
        font-size: 1.75rem;
    }
    .magazine-sec+.magazine-sec{
        padding-top: 2rem;
    }
    .numbered-title .number{
        font-size: 3rem;
    }
    .numbered-title .title,
    .post-content h2{
        font-size: 1.5rem;
    }
    .post-content h3{
        font-size: 1.3rem;
    }
    .magazine-sec.numbered_section .center-box{
        padding: 2.5rem 0 0;
    }
    .magazine-sec.numbered_section .col-5{
        padding: 0;
    }
    .magazine-sec.numbered_section .col-7{
        padding: 0;
        margin-top: 1.5rem;
    }
    .magazine-sec.content_right .col-6:nth-of-type(2){
        padding-left: 0;
        margin-top: 1.5rem;
    }
    .magazine-sec.quote_banner > .flex-box,
    .magazine-sec.quote_box > .flex-box{
        flex-direction: column;
    }
    .magazine-sec.quote_banner .col-left,
    .magazine-sec.quote_banner .col-right,
    .magazine-sec.quote_box .col-left,
    .magazine-sec.quote_box .col-right{
        width: 100%;
    }
    .magazine-sec.quote_banner .col-left{
        padding: 2rem 1.25rem;
    }
    .magazine-sec.quote_banner .col-left .quote{
        margin-bottom: 1.5rem;
    }
    .magazine-sec .quote{
        font-size: 1.35rem;
    }
    .magazine-sec.quote_box .quote_right .col-right,
    .magazine-sec.quote_box .quote_left .col-right{
        order: 0;
        padding: 2rem 1.25rem;
    }
    .magazine-sec.quote_box .quote_right .img-wrap,
    .magazine-sec.quote_box .quote_left .img-wrap{
        border-radius: 0;
    }
    .magazine-sec.slide_images .swiper{
        padding: 0 2.5rem;
    }
    .magazine-sec.slide_images .swiper-arrow.prev{
        left: 0.25rem;
    }
    .magazine-sec.slide_images .swiper-arrow.next{
        right: 0.25rem;
    }
    .magazine-sec.last-sec{
        padding-bottom: 3.5rem;
    }

    .post-pricing-banner .img-wrap{
        position: absolute;
        inset: 0;
    }
    .post-pricing-banner .img-wrap img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .post-pricing-banner .cont-wrap{
        position: relative !important;
        flex-direction: column;
    }
    .post-pricing-banner .cont-wrap .title-group,
    .post-pricing-banner .cont-wrap .links{
        width: 100%;
    }
    .post-pricing-banner .cont-wrap .title-group{
        padding: 1.5rem 1.25rem;
    }
    .post-pricing-banner .cont-wrap .links{
        border-left: 0;
    }
    .post-pricing-banner .cont-wrap .links .item a{
        padding: 0.875rem 1.25rem;
        font-size: 1.15rem;
    }

    .magazine-sec > .post-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .post-nav{
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .related-posts{
        padding-bottom: 3.5rem;
    }
    .related-posts .heading-group{
        margin-bottom: 1.5rem;
    }
    .related-posts .sec-title{
        font-size: 1.75rem;
    }
    .related-posts .swiper{
        --swiper-space: 0.5rem;
    }

    .search-tabs .search-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .library-page{
        padding: 4.5rem 0 3.5rem;
    }
    .library-page .heading-group{
        margin-bottom: 1.5rem;
    }
    .library-page .heading-group .terms-menu{
        max-width: 100%;
    }
    .library-list .video-grid{
        grid-gap: 1.5rem 1rem;
    }
    .video-item .img-wrap .icon{
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: var(--sub-cl);
    }
    .video-item .img-wrap .icon svg [fill]{
        fill: var(--main-cl)
    }
    .library-list .images-grid{
        grid-gap: 1rem;
    }
    .image-item .cont-wrap{
        padding: 0 0.875rem 0.875rem;
    }
    .video-item .cont-wrap{
        padding: 0.625rem 0 0;
    }

    .partner-sec-1 .cont-wrap,
    .partner-sec-2 .cont-wrap{
        padding: 0 1rem;
    }
    .partner-sec-1,
    .partner-sec-2{
        padding-top: 3.5rem;
    }
    .partner-sec-1 .img-wrap,
    .partner-sec-2 .img-wrap{
        margin-top: -2rem;
    }
    .partner-sec-1 .cont-wrap .sec-title,
    .partner-sec-2 .cont-wrap .sec-title,
    .partner-sec-3 .scroll-section .item .cont-wrap .sec-title{
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    .partner-sec-3{
        padding: 3.5rem 0;
    }
    .partner-sec-3 .scroll-section .item{
        padding: 0 1rem;
    }
    .partners-logo-sec{
        padding: 3.5rem 0 2.5rem;
    }

    .section_404_content h1{
        font-size: 180px;
    }
    .section_404_content h2{
        font-size: 28px;
    }
    .section_404_content .container{
        padding: 0 1rem;
    }

    #site-menu .menu-heading{
        padding: 30px 0 0 1rem;
    }
    #site-menu .menu-body,
    #site-menu .menu-footer{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #site-menu .menu-footer{
        padding-bottom: 1.5rem;
    }

    .home-page .sec-title{
        font-size: 1.75rem;
    }
    .home-sec-1{
        height: 36rem;
    }
    .home-sec-1 .slide-cont .subtitle{
        font-size: 0.95rem;
        margin-bottom: 0.75rem;
    }
    .home-sec-1 .slide-cont .title{
        font-size: 1.75rem;
        line-height: 1.2;
    }
    .home-sec-2{
        padding: 3.5rem 0 1.5rem;
    }
    .home-sec-2 .title-group .sec-desc{
        padding: 0;
    }
    .home-sec-2 .sec-logo{
        width: 11rem;
        margin-top: 2rem;
    }
    .home-sec-2 .sec-link-wrap{
        margin-top: 2.5rem;
    }
    .home-sec-2 .link-down .v-line{
        height: 3.5rem;
    }
    .home-sec-3 .col-left{
        min-height: 22rem;
        padding: 3rem 1rem;
    }
    .home-sec-3 .nav-item{
        padding: 2rem 1rem;
    }
    .home-sec-4{
        padding: 3.5rem 0;
    }
    .home-sec-4 .home-stores-swiper{
        margin-top: 2rem;
    }
    .home-sec-4 .swiper-slide{
        width: 78vw;
    }
    .home-sec-4 .btn-load-more{
        margin-top: 2rem;
    }
    .home-sec-5{
        padding: 3.5rem 0;
    }
    .home-sec-5 .home-area-tabs{
        margin-top: 1.5rem;
    }
    .home-sec-5 .pricing-card{
        margin-top: 1.75rem;
        -webkit-mask: none;
        mask: none;
    }
    .home-sec-5 .pricing-card > .flex-box{
        flex-direction: column;
    }
    .home-sec-5 .pricing-card .col-left{
        width: 100%;
        padding: 2rem 1.25rem 1.25rem;
        border-right: 0;
        border-bottom: 2px dashed #FFFFFF33;
    }
    .home-sec-5 .pricing-card .col-left .branches{
        max-height: 12rem;
        padding-right: 0.75rem;
    }
    .home-sec-5 .pricing-card .col-right{
        width: 100%;
        padding: 2rem 1.25rem;
    }
    .home-sec-6{
        padding: 3.5rem 0 2.5rem;
    }
    .home-sec-6 .heading-group{
        margin-bottom: 1.5rem;
    }
    .home-sec-7{
        padding-top: 3.5rem;
    }
    .home-sec-7 .big-words{
        font-size: 1.9rem;
    }
    .home-sec-7 .sec-desc{
        margin-top: 1.25rem;
        font-size: 1rem;
    }
    .home-sec-7 .marquee-wrap{
        margin-top: 3rem;
    }
    .home-sec-7 .marquee-item{
        width: 12rem;
    }
    .home-page .partners-logo-sec{
        padding: 2.5rem 0 3rem;
    }
    .partners-logo-sec .logo-item{
        width: 7.5rem;
        height: 3rem;
    }
    .partners-logo-sec .logo-item img{
        max-width: 6.5rem;
        max-height: 2.5rem;
    }
    .policy-sec-1 .point-badge .font-title{
        font-size: 1.75rem;
    }
    .policy-page .sec-desc{
        font-size: 0.85rem;
    }
    .policy-sec-3 .gift-item .title{
        font-size: 1rem;
    }
    .policy-sec-2 .sec-title{
        margin-bottom: 1.5rem;
    }
    .image-item .cont-wrap .fs-22{
        font-size: 1rem;
        margin-top: 0.25rem;
    }
    .gallery-popup .gallery-thumb{
        margin: 1rem -0.5rem 0;
    }
    .gallery-popup .gallery-thumb .swiper-slide{
        padding: 0 0.5rem;
    }
    .breadcrumbs{
        margin-bottom: -2.5rem;
    }
    .breadcrumbs ol{
        padding-top: 0.5rem;
    }
    .featured-posts{
        grid-gap: 1rem;
    }
    .posts-list .posts-grid{
        grid-gap: 1.5rem 1rem;
    }
    .post-item .cont-wrap{
        padding-top: 0.5rem;
    }
    .post-item .cont-wrap .post-date-term{
        margin-bottom: 0.25rem;
    }
    .post-item .cont-wrap .post-title{
        font-size: 1rem;
    }
    .post-simple .post-banner,
    .post-simple .post-heading{
        margin-bottom: 2rem;
    }
    .post-pricing-banner {
        margin-top: 2rem;
    }
    .post-nav{
        margin-top: 2rem;
    }
    .post-simple{
        padding-bottom: 3rem;
    }
    .mobile-swiper-controls{
        margin-top: 1.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .swiper-arrow{
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
    }
    .mobile-swiper-controls .swiper-pagination{
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .mobile-swiper-controls .swiper-pagination .swiper-pagination-bullet{
        margin: 0 !important;
    }
    .magazine-sec.gallery .post-container{
        margin-top: 2rem;
    }
    .magazine-sec.quote_box+.magazine-sec.quote_box{
        padding-top: 0;
    }
    .stores-list .stores-grid{
        grid-template-columns: 1fr;
    }
    .partners-logo-sec .logos-marquee{
        padding: 1rem 0;
    }
    .partners-logo-sec .marquee-track{
        gap: 1rem
    }
    header#header .header-wrapper:before{
        height: 7rem;
    }
    .sec-title{
        font-size: 1.9rem;
    }
    .system-sec-1{
        padding-top: 5rem;
    }
    .system-sec-2{
        padding-top: 0;
    }
    .home-sec-3 .nav-item .sec-title br{
        display: none !important;
    }
    .home-sec-7{
        padding-top: 2rem;
    }
    .menu-page .menu-list-col{
        border: none;
        padding: 2rem 1rem 0;
    }
    .menu-page .image-col{
        padding: 1.5rem 1rem;
    }
    .menu-page .menu-list .item{
        border-bottom: 1px solid #DBCEB9;
    }
    .menu-page .menu-list .item > .flex-box{
        flex-direction: column;
    }
    .menu-page .col-right-child{
        width: 100%;
    }
    .menu-page .col-left-child{
        width: 100%;
    }
    .menu-page .menu-list-col .title{
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }
    .menu-page .layout-simple .menu-items .flex-box{
        gap: 0.5rem 1.5rem;
    }
    footer#footer .footer-top .contact-footer .footer-title{
        min-width: 125px;
    }
    footer#footer .footer-top .col-8 .hotline{
        margin-left: 1rem;
    }
    footer#footer .footer-top .contact-footer{
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    footer#footer .footer-bottom .col-10 .item{
        max-width: 100%;
    }
    .fixed-buttons{
        bottom: 0;
        left: 0;
        flex-direction: row;
        gap: 0;
        width: 100vw;
    }
    .fixed-buttons > .fixed-button{
        width: 100% !important;
        border-radius: 0;
        box-shadow: unset
    }
    .fixed-buttons > .fixed-button+.fixed-button{
        border-left: 1px solid #DBCEB9;
    }
    .fixed-buttons > .nk-back-to-top:not(.is-show){
        display: none;
    }
    .fixed-buttons.only-back-to-top{
        left: auto;
        right: 12px;
        bottom: 12px;
        width: auto;
    }
    .fixed-buttons.only-back-to-top > .fixed-button{
        width: 40px !important;
        height: 40px;
        border-radius: 50%;
        box-shadow: 0 0 15px 0 #999999a6;
    }
    footer#footer .footer-bottom{
        padding-bottom: 55px;
    }
    footer#footer .footer-top{
        padding-top: 2rem;
    }
    footer#footer .footer-top .footer-logo{
        text-align: center;
        margin-bottom: 2rem;
    }
    .menu-page .layout-priced .menu-list-col .menu-items .menu-item .desc{
        font-size: 0.85rem;
    }
    .menu-page .col-left .sticky-box .sec-title{
        margin-bottom: 1.5rem;
    }
    .menu-page .col-left .sticky-box .sticky-menu{
        gap: 0.5rem 1.25rem;
        margin-bottom: 1.5rem;
    }
    .page-banner .sec-title{
        font-size: 1.75rem;
    }
    #header #masthead .header-item .language-switcher-items > a{
        font-size: 1.125rem;
    }
    #header #masthead .header-item .language-switcher-items > a+a:before{
        height: 0.9rem;
    }
    .menu-nav-icon .click-toggle-menu{
        font-size: 0;
        gap: 0
    }
    .menu-nav-icon .click-toggle-menu .hamburger{
        align-items: flex-start;
    }
    #site-menu .menu-footer .menu-logo img {
        height: 3rem;
    }
    #site-menu .menu-footer > .flex-box{
        padding-top: 1rem;
    }
    .fixed-buttons > .fixed-button:before{
        display: none !important;
    }
    .fixed-buttons > .nk-back-to-top{
        display: flex !important;
        opacity:  1 !important;
        visibility: visible !important;
        transform: unset !important;
    }
    .no-banner #main{
        padding-top: 78px;
    }
    .post-simple{
        padding: 4rem 0;
    }
    .brand-sec-3 .deco-circle{
        display: none !important;
    }
    .sec-title br{
        display: none !important;
    }
    .page-banner .scroll-icon{
        display: none !important;
    }
    .home-sec-5 .terms-menu > ul{
        justify-content: center;
    }
    .home-sec-5 .home-area-tabs a{
        line-height: 1.6;
    }
}
@media only screen and (max-width: 400px){
    html{
        font-size: 14.5px;
    }
}
@media only screen and (max-width: 380px){
    html{
        font-size: 14px;
    }
}
@media only screen and (max-width: 350px){
    html{
        font-size: 13px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .brand-sec-4 .sec-card,
    .brand-sec-4 .cloud,
    .product-sec-1 .title-group,
    .product-sec-1 .sec-logo,
    .product-sec-1 .sec-img,
    .product-sec-1 .cloud,
    .policy-sec-2 .card-bg,
    .home-sec-7 .word-line{
        transition: none;
    }
    .system-sec-1 .deco-circle,
    .brand-sec-3 .deco-circle,
    .product-sec-3 .deco-circle{
        animation: none;
    }
    .fixed-buttons > .nk-back-to-top{
        transition: none;
    }
    #site-menu,
    #site-menu * { transition-duration: .01s !important; transition-delay: 0s !important; }
}