:root{
    --bg_light : #F6F4EF;
    --bg_light_2 : #D7D1BF;
    --bg_bright: #D5E5F4;
    --bg_dark : #1D1D20;
    --bg_hover : #D27C16;
    --bg_accent : #D27C16;
    --color_light : #FFFFFF;
    --color_dark : #1D1D20;
    --color_accent : #D27C16;
    --color_hover : #D27C16;

    --btn_bg: #1D1D20;
    --btn_color: white;
}

@font-face {
    font-family: "DM Sans";
    src: url('../fonts/DM_Sans/DMSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "DM Sans";
    src: url('../fonts/DM_Sans/DMSans-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "DM Sans";
    src: url('../fonts/DM_Sans/DMSans-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

*{
    box-sizing: border-box;
    font-family: "DM Sans", sans-serif;
    -webkit-tap-highlight-color: transparent;
}
body{
    font-size: var(--fs_3);
    color: var(--color_dark);
    font-weight: 400;
}
body::-webkit-scrollbar {
    width: 5px;
    border-radius: 4px;
    background-color: #dddddd;
}
body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--bg_accent);
}
::selection {
    background-color: var(--bg_accent);
    color: #fff;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 400;
}
a{
    color: var(--color_dark);
}
a:hover,
a:active {
	outline: 0;
}



/* OPTIONS */
.j_bg_light{
    background-color: var(--bg_light);
}
.j_bg_dark{
    background-color: var(--bg_dark);
    color: white;
}
.j_bg_dark a{
    color: white;
}

/* EL */

/* btn */
.j_btn,
.j_btn a{
    --elHeight: 46px;
    display: inline-block;
    height: var(--elHeight);
    line-height: var(--elHeight);
    padding-left: 2.4em;
    padding-right: 2.4em;
    background: var(--btn_bg);
    color: var(--btn_color);
    text-decoration: none;
    border-radius: .25em;
    text-align: center;
    cursor: pointer;
    transition: background .2s, color .2s;
    font-weight: 600;
    &:hover{
        background: var(--bg_hover);
        color: white;
    }
}
.j_btn_white{
    --btn_bg: white;
    --btn_color: var(--color_dark);
}
.j_btn_light{
    --btn_bg: var(--bg_light_2);
    --btn_color: var(--color_dark);
}
.j_btn_small{
    --elHeight: 36px;
    font-size: 12px;
}


/* .j_btn,
.j_btn2,
.j_btn3{
    display: inline-block;
    padding: .8em 2.4em;
    text-decoration: none;
    border-radius: .25em;
    text-align: center;
    cursor: pointer;
    transition: background .2s, color .2s;
    font-weight: 600;
}
.j_btn{
    background: var(--bg_dark);
    color: var(--color_light);
}
.j_btn2{
    background: white;
    color: var(--color_dark);
}
.j_btn3{
    background: var(--bg_light_2);
    color: var(--color_dark);
}
.j_btn:hover,
.j_btn2:hover,
.j_btn3:hover{
    background: var(--bg_accent);
    color: var(--bg_light);
} */
/* @media(max-width: 600px){
    .j_btn_mobileFullWidth{
        width: 100%;
    }
} */

/* title point */
.j_titlePoint{
    display: flex;
    column-gap: .5em;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
}
.j_titlePoint:before{
    content: '';
    width: .6em;
    height: .6em;
    background: currentColor;
    border-radius: 100%;
}

/* linkLine */
.j_linkLine{
    display: inline-block;
    text-decoration: none;
    position: relative;
}
.j_linkLine:after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
    position: absolute;
    bottom: .155em;
    left: 0;
    transform-origin: right;
    transform: scaleX(1);
}
.j_linkLine:hover:after{
    animation: j_linkLine ease-out .6s
}
@keyframes j_linkLine{
    0%{
        transform-origin: right;
        transform: scaleX(1);
    }
    50%{
        transform-origin: right;
        transform: scaleX(0);
    }
    50.01%{
        transform-origin: left;
        transform: scaleX(0);
    }
    100%{
        transform-origin: left;
        transform: scaleX(1);
    }
}


/* HEADER */
.j_header{
    padding: 8px 0;
    position: sticky;
    top: 0;
    background: white;
    z-index: 99;
}
body.admin-bar .j_header{
    top: 32px;
}
/* MENU */
.j_headerNav{
    height: 100%;
}
.j_headerMenuWrapper{
    height: 100%;
}
.j_headerMenu{
    display: flex;
    align-items: center;
    gap: var(--space_4);
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_headerMenu .current_page_item a{
	color: var(--color_accent);
}
.j_headerMenu a{
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--fs_2);
    line-height: var(--lh_2);
    font-weight: 600;
    transition: color .2s;
}
.j_headerMenu a:hover{
    color: var(--bg_accent);
}
.j_headerMenu a:after{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: currentColor;
    position: absolute;
    bottom: .145em;
    left: auto;
    right: 0;
    transition: background 0s, width .2s;
    
}
.j_headerMenu a:hover:after{    
    width: 100%;
    left: 0;
    right: auto;
}


/* HEADER LOGO */
.j_headerLogo{
    height: 100%;
}
.j_headerLogo .custom-logo-link{
    display: flex;
    align-items: center;
}
.j_headerLogo .custom-logo{
    display: block;
    max-width: 200px;
    height: auto;
}

/* HERO */
body.admin-bar .j_hero{
    height: calc(100vh - 32px - 53.2px);
}
.j_hero{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: var(--space_10);
    position: relative;
    width: 100%;
    height: calc(100vh - 53.2px);
}
.j_hero__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.j_hero__bg img,
.j_hero__bg video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.7);
}
.j_hero__content{
    position: relative;
    color: var(--bg_light);
    z-index: 1;
}
.j_hero__title{
    font-size: var(--fs_9);
    line-height: var(--lh_9);
    margin: 0;
}
.j_hero__desc{
    margin-top: var(--space_4);
    font-size: var(--fs_4);
    line-height: var(--lh_4);
}
.j_hero__action{
    margin-top: var(--space_5);
}
@media(max-width: 1024px){
    .j_hero{
        height: calc(100svh - 48px);
    }
    body.admin-bar .j_hero{
        height: calc(100svh - 48px - 46px);
    }
}
@media(max-width: 991px){
    .j_hero__title{
        font-size: 36px;
    }
}
@media(max-width: 600px){
    .j_hero__action{
        & a{
            width: 100%;
        }
    }
}



/* HERO CENTER */
body.admin-bar .j_heroCenter{
    height: calc(100vh - 32px - 53.2px);
}
.j_heroCenter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: calc(100vh - 53.2px);
}
.j_heroCenter__bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.j_heroCenter__bg img,
.j_heroCenter__bg video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.9);
}
.j_heroCenter__content{
    position: relative;
    color: var(--bg_light);
    text-align: center;
    z-index: 1;
}
.j_heroCenter__title{
    margin: 0;
}
.j_heroCenter__titleText{
    font-size: var(--fs_9);
    line-height: var(--lh_9);
    font-weight: 600;
    text-transform: uppercase;
}
.j_heroCenter__title:has(.j_heroCenter__titleImg){
    & .j_heroCenter__titleText{
        width: 0;
        height: 0;
        overflow: hidden;
    }
}
.j_heroCenter__desc{
    margin-top: var(--space_4);
    font-size: var(--fs_5);
    line-height: var(--lh_4);
}
.j_heroCenter__action{
    margin-top: var(--space_5);
}
@media(max-width: 1024px){
    .j_heroCenter{
        height: calc(100svh - 48px);
    }
    body.admin-bar .j_heroCenter{
        height: calc(100svh - 48px - 46px);
    }
}
@media(max-width: 991px){
    .j_heroCenter__title{
        font-size: 36px;
    }
}
@media(max-width: 600px){
    .j_hero__action{
        & a{
            width: 100%;
        }
    }
}

/* HEADER ACTION */
.j_headerAction{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.j_headerMenuWrap__soc{
    display: none;
}
@media (max-width: 1024px){
    .j_headerAction{
        display: none;
    }
    .j_headerLogo .custom-logo-link{
        justify-content: center;
    }
    .j_menuTrigger{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 32px;
        height: 32px;
    }
    .j_menuTrigger:before,
    .j_menuTrigger:after{
        content: '';
        width: 80%;
        height: 1px;
        background: var(--bg_dark);
    }
    .j_menuTrigger_active{
        position: relative;
        z-index: 99999;
    }
    .j_menuTrigger_active:before,
    .j_menuTrigger_active:after{
        background: white;
    }
    .j_menuTrigger_active:before{
        transform: rotate(45deg) translate(2px, 2px);
    }
    .j_menuTrigger_active:after{
        transform: rotate(-45deg) translate(2px, -2px);
    }
    .j_headerMenuWrap{
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--bg_dark);
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        transition: .2s;
        z-index: 9999;
    }
    .j_headerMenuWrap_showed{
        opacity: 1;
        visibility: visible;
    }
    .j_headerMenu{
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .j_headerMenu a{
        color: white;
        font-size: 32px;
        font-weight: 400;
    }
    .j_headerMenuWrap__soc{
        display: block;
    }
    .j_headerMenuWrap__soc .j_footer__soc a{
        background: var(--bg_accent);
    }
    .j_headerMenuWrap__soc .j_footer__soc img{
        filter: invert(1);
    }
}

/* ABOUT BLOCK */
.j_aboutBlock__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.j_aboutBlock__img{
    display: block;
    width: 100%;
    max-width: 540px;
}
.j_aboutBlock__title{
    margin: 0;
    font-size: var(--fs_9);
    line-height: var(--lh_9);
}
.j_aboutBlock__text p{
    margin: 0;
}
.j_aboutBlock__text p + p{
    margin-top: var(--space_2);
}
.j_aboutBlock__action{
    margin-top: var(--space_5);
}
@media(max-width:991px){
    .j_aboutBlock__img{
        margin-bottom: 22px;
    }
    .j_aboutBlock__desc{
        margin-top: 24px;
    }
}
@media(max-width: 600px){
    .j_aboutBlock__action{
        & a{
            width: 100%;
        }
    }
}


/* BTN UP */
.j_btnUp{
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 100%;
    box-shadow: 0px 0px 4px 0px #5555553b;
    overflow: hidden;
    cursor: pointer;
    z-index: 99;
    transition: .2s;
}
.j_btnUp:after{
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: var(--bg_dark);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -40%) rotate(135deg);
    transition: .2s;
}
.j_btnUp:hover{
    background: var(--bg_accent);
}
.j_btnUp:hover:after{
    border-color: white;
}


/* ADVANTAGECard */
.j_advantages{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 50px 20px;
    justify-content: space-around;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_advantageCard{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.j_advantageCard__title{
    text-transform: uppercase;
    font-size: var(--fs_4);
    line-height: 120%;
    font-weight: 600;
    margin-top: var(--space_6);
}
.j_advantageCard__desc{
    font-size: var(--fs_3);
    line-height: var(--lh_3);
    margin-top: var(--space_3);
    max-width: 350px;
}
@media(max-width: 991px){
    .j_advantages{
        grid-template-columns: 1fr;
        justify-content: center;
    }
    .j_advantageCard__title{
        font-size: 16px;
        margin-top: 0;
    }
}

/* VIDEO SECTION */
.j_videoSection{
    aspect-ratio: 6 / 2;
    filter: brightness(.9);
}
.j_videoSection video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media(max-width: 600px){
    .j_videoSection{
        aspect-ratio: 6 / 6;
    }
}

/* ACTION SECTION */
.j_textActionSection__title{
    font-size: var(--fs_9);
    line-height: 100%;
    margin: 0;
}
.j_textActionSection__desc{
    margin-top: var(--space_6);
    text-wrap: balance;
}
.j_textActionSection__actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: var(--space_6);
}
.j_textActionSection__link{
    text-align: end;
}
@media( max-width: 991px ){
    .j_textActionSection__link{
        display: none;
    }
}
@media(max-width:600px){
    .j_textActionSection__desc{
        text-wrap: pretty;
    }
    .j_textActionSection__link{
        text-align: start;
    }
    .j_textActionSection__actions{
        & a{
            width: 100%;
        }
    }
}


/* IMG Card */
.j_imgCard{
    position: relative;
    aspect-ratio: 8 / 9.6;
    overflow: hidden;
    &:before{
        content: '';
        display:block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: linear-gradient(0, rgba(0, 0, 0, 0.4) 4.84%, rgb(255 255 255 / 0%) 30%);
    }
}
.j_imgCard__cover{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.j_imgCard__heading{
    position: absolute;
    bottom: var(--space_7);
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    padding: 0 2.5vw;
    z-index: 1;
}
.j_imgCard__title{
    font-size: var(--fs_7);
    line-height: var(--lh_7);
}
.j_imgCard__desc{
    margin-top: var(--space_2);
}
.j_imgCard__popUp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bg_dark);
    text-align: center;
    padding: 0 2.5vw;
    color: white;
    overflow: hidden;
    opacity: 0;
    transition: opacity .5s;
    z-index: 2;
}
@media(max-width: 600px){
    .j_imgCard__popUp{
        padding: 0px 32px;
    }
}
.j_imgCard__fullTitle{
    font-size: var(--fs_5);
    line-height: var(--lh_5);
    opacity: 0;
    transform: translateY(20px);
}
.j_imgCard__fullDesc{
    margin-top: var(--space_3);
    opacity: 0;
    font-size: 14px;
    transform: translateY(20px);
    transition: .2s;
    transition-delay: .1s;
}
.j_imgCard__fullDesc p{
    margin: 0;
    & + p{
        margin-top: 12px;
    }
}
.j_imgCard__action{
    width: 100%;
    margin-top: var(--space_5);
    font-size: var(--fs_2);
    opacity: 0;
    transform: translateY(20px);
    transition: .2s;
    transition-delay: .15s;
}
.j_imgCard:hover .j_imgCard__popUp{
    opacity: 1;
}
.j_imgCard:hover .j_imgCard__fullTitle,
.j_imgCard:hover .j_imgCard__fullDesc,
.j_imgCard:hover .j_imgCard__action{
    opacity: 1;
    transform: translateY(0);
    transition: transform .4s, opacity .2s;
}
.j_imgCard:hover .j_imgCard__fullTitle{
    transition-delay: .05s;
}
.j_imgCard:hover .j_imgCard__fullDesc{
    transition-delay: .1s;
}
.j_imgCard:hover .j_imgCard__action{
    transition-delay: .15s;
}


/* TESTIMONIALS */

/* img */
.j_testimonialsImg{
    overflow: hidden;
    margin-right: -20px;
}
.j_testimonialsImg__list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_testimonialsImg__item img{
    display: block;
    width: 100%;
}
@media(max-width: 991px){
    .j_testimonialsImg{
        margin-right: 0;
    }
}

/* content */
.j_testimonialsContent{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 8px;
    overflow: hidden;
}
@media(max-width:991px){
    .j_testimonialsContent{
        padding-top: 0;
    }
}
.j_testimonialsContent__list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_testimonialsContent__item{
    opacity: 0;
    transition: 1.5s;
}
.j_testimonialsContent__item.swiper-slide-active{
    opacity: 1;
}
.j_testimonialsContent__name{
    font-size: var(--fs_7);
    line-height: var(--lh_7);
}
.j_testimonialsContent__data{
    margin-top: var(--space_3);
    text-transform: uppercase;
    font-size: var(--fs_2);
    line-height: var(--lh_2);
}
.j_testimonialsContent__source{
    text-decoration: underline;
    text-underline-offset: .1em;
}
.j_testimonialsContent__text{
    margin-top: var(--space_5);
    font-size: var(--fs_4);
    line-height: var(--lh_4);
}
.j_testimonialsContent__text p {
    margin-top: 0;
    margin-bottom: 0;
}
.j_testimonialsContent__text p + p {
    margin-top: var(--space_3);
}

/* pagination */
.j_testimonialsPagination{
    text-align: end;
}

/* navigation */
.j_testimonialsNavigation{
    display: flex;
    margin-top: auto;
    gap: 16px;
}
.j_testimonialsNavigation__prev,
.j_testimonialsNavigation__next{
    position: relative;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 100%;
    flex-shrink: 0;
    background-size: 30%;
    background-repeat: no-repeat;
    transition: .2s;
    cursor: pointer;
}
.j_testimonialsNavigation__prev:after,
.j_testimonialsNavigation__next:after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .2s;
}
.j_testimonialsNavigation__prev:after{
    transform: translate(-25%, -45%) rotate(45deg);
}
.j_testimonialsNavigation__next:after{
    transform: translate(-55%, -45%) rotate(-135deg);
}

.j_testimonialsNavigation__prev:hover,
.j_testimonialsNavigation__next:hover{
    background: white;
}
.j_testimonialsNavigation__prev:hover:after,
.j_testimonialsNavigation__next:hover:after{
    border-color: var(--color_dark);
}
@media(max-width:991px){
    .j_testimonialsContent__data{
        margin-top: 12px;
    }
    .j_testimonialsNavigation{
        margin-top: var(--space_7);
    }
}

/* COVER ACTION BLOCK */
.j_coverAction{
    position: relative;
}
.j_coverAction__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.j_coverAction__content{
    text-align: center;
    color: white;
    position: relative;
    z-index: 1;
}
.j_coverAction__title{
    font-size: var(--fs_9);
    line-height: var(--lh_9);
}
.j_coverAction__action{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: var(--space_6);
}


/* FOOTER */
.j_footer{
    background: var(--bg_light_2);
}
/* menu */
.j_foter__menu ul{
    display: flex;
    flex-direction: column;
    gap: var(--space_2);
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_foter__menu a{
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--fs_2);
    line-height: var(--lh_2);
}
/* address */
a.j_footer__address,
.j_footer__tel a{
    display: block;
    width: max-content;
    text-decoration: none;
    font-size: var(--fs_3);
    line-height: var(--lh_3);
}
/* soc */
.j_footer__soc{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_footer__soc a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 36px;
    height: 36px;
    background: white;
    border-radius: 100%;
    transition: .2s;
}
.j_footer__soc img{
    display: block;
    transition: .2s;
    width: 100%;
    height: auto;
}
.j_footer__soc a:hover{
    background: var(--bg_accent);
}
.j_footer__soc a:hover img{
    filter: invert(1);
}
/* copyright */
.j_copyright{
    font-size: var(--fs_1);
    line-height: var(--lh_1);
}
/* policy */
.j_footer__policy{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_footer__policy a{
    text-decoration: none;
    font-size: var(--fs_1);
    line-height: var(--lh_1);
}


/* PAGE TITLE */
.j_pageTitle{
    font-size: var(--fs_9);
    line-height: var(--lh_9);
    margin: 0;
}


/* FAQ */

/* toc */
.j_faqToc{
    position: sticky;
    top: var(--space_9);
}
.j_faqToc__list{
    display: flex;
    flex-direction: column;
    gap:var(--space_3);
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_faqToc__item{
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

/* list answer */
.j_faqContent__theme:not(:first-child){
    margin-top: var(--space_7);
}
.j_faqContent__list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_faqContent__themeName{
    font-size: var(--fs_4);
    line-height: var(--lh_4);
    margin-bottom: var(--space_2);
}

/* accordion */
.j_accordion{
    list-style-type: none;
    counter-reset: li;
    margin: 0;
    padding-left: 0;
}
.j_accordion__item{
    border-bottom: 1px solid var(--bg_light);
}
.j_accordion__card{
    --numWith: 25px;
    --numMarginRight: 50px;
    --plusSize: 44px;
    padding-right: var(--space_4);
}
.j_accordion__trigger{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 50px;
    padding: var(--space_5) 0;
    cursor: pointer;
}
.j_accordion__icon{
    flex-shrink: 0;
    width: var(--plusSize);
    height: var(--plusSize);
    background: var(--bg_light);
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5625 0.6875V4.4375H9.3125H9.875V5.5625H9.3125H5.5625V9.3125V9.875H4.4375V9.3125V5.5625H0.6875H0.125V4.4375H0.6875H4.4375V0.6875V0.125H5.5625V0.6875Z' fill='%231D1D20'/%3E%3C/svg%3E%0A");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    transition: filter .3s;
}
.j_accordion__item_active .j_accordion__icon{
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.875 1.5625H9.3125H0.6875H0.125V0.4375H0.6875H9.3125H9.875V1.5625Z' fill='%231D1D20'/%3E%3C/svg%3E%0A");
}
@media(min-width: 1024px){
    .j_accordion__icon:hover{
        filter: invert(1);
    }
}
/* @media(hover: none){
    .j_accordion__icon:active{
        filter: invert(1);
    }
} */
.j_accordion__title{
    display: flex;
    align-items: center;
    font-size: var(--fs_5);
    line-height: var(--lh_5);
}
.j_accordion__title:before{
    counter-increment: li;
    content: counter(li, decimal-leading-zero);
    width: var(--numWith);
    font-size: var(--fs_4);
    line-height: var(--lh_4);
    margin-top: .1em;
    margin-right: var(--numMarginRight);
}
.j_accordion__content{
    max-width: 600px;
    height: 0;
    opacity: 0;
    overflow: hidden;
    margin-left: calc( 50px + 25px );
    margin-right: calc( var(--plusSize) + 30px );
    transition: height .4s, margin .4s, opacity .6s;
}
.j_accordion__content p{
    margin: 0;
}
.j_accordion__content p + p{
    margin-top: var(--space_3);
}
.j_accordion__item_active .j_accordion__content{
    margin-bottom: var(--space_5);
    opacity: 1;
    transition-delay: 0s;
}
@media(max-width: 991px){
    .j_accordion__content {
        margin-left: calc( 10px + 25px );
        margin-right: calc( var(--plusSize) + 5px );
    }
    .j_accordion__card{
        padding-right: 0;
    }
    .j_accordion__trigger{
        align-items: flex-start;
    }
    .j_accordion__title{
        align-items: flex-start;
    }
    .j_accordion__title:before{
        margin-top: 0;
        margin-right: 10px;
        font-size: var(--fs_4);
    }
    .j_accordion__icon{
        width: 32px;
        height: 32px;
    }
}


/* CONTACT PAGE */
.j_contact__desc{
    margin-top: var(--space_6);
    font-size: var(--fs_4);
    line-height: var(--lh_4);
}
.j_contact__list{
    list-style-type: none;
    margin: var(--space_6) 0 0 0;
    padding: 0;
    font-size: var(--fs_4);
    line-height: var(--lh_4);
}
.j_contact__item a{
    text-decoration: none;
}
.j_contact__moreDesc{
    margin-top: var(--space_6);
    font-size: var(--fs_4);
    line-height: var(--lh_4);
}
.j_contact__action{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: var(--space_6);
}


/* LEVEL STUDENT */
.j_levelStudent .j_accordion__content{
    max-width: 100%;
}
.j_levelStudent .j_accordion{
    counter-reset: li -1;
}
.j_levelStudent__content{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 80px;
}
.j_levelStudent__text{
    flex: 1;
}
.j_levelStudent .j_accordion__title{
    font-size: var(--fs_7);
}
.j_levelStudent__img{
    flex: 1;
    & img{
        display: block;
        width: 100%;
        height: auto;
    }
}
.j_levelStudent__focusList{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0 0 0 1em;
    list-style-type: '✓';
    & li{
        padding-inline-start: .5ch;
    }
}
.j_levelStudent__action {
    margin-top: var(--space_6);
    & a{
        color: var(--color_dark);
    }
}
.j_levelStudent__focus{
    margin-top: var(--space_4);
}
.j_levelStudent__focusTitle{
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

@media ( max-width: 991px ) {
    .j_levelStudent__content{
        column-gap: 20px;
    }
}
@media ( max-width: 680px ){
    .j_levelStudent {
        & .j_accordion__title:before{
            display: none;
        }
        & .j_accordion__content{
            margin-left: 0;
            margin-right: 0;
        }
    }
    .j_levelStudent__content{
        flex-direction: column;
    }
    .j_levelStudent__action{
        & a{
            width: 100%;
        }
    }
}



/* BANNER SECTION */
.j_bannerSection{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 80px 0;
    aspect-ratio: 9 / 3;
}
.j_bannerSection__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    & img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: brightness(.8);
    }
}
.j_bannerSection__content{
    position: relative;
    color: white;
    z-index: 1;
}
.j_bannerSection__title{
    font-size: var(--fs_9);
    line-height: var(--lh_9);
}
.j_bannerSection__desc{
    margin-top: var(--space_4);
    font-size: var(--fs_4);
    line-height: var(--lh_4);
    & p{
        margin: 0;
    }
    & p + p{
        margin-top: 15px;
    }
}
.j_bannerSection__action{
    margin-top: var(--space_5);
}



/* SERVICE PRICE */
.j_servicePrice__list{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 50px 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_servicePrice__item{
    grid-column-start: span 4;
}

@media ( max-width: 680px ) {
    .j_servicePrice__item{
        grid-column-start: span 8;
    }
}


/* RICH CARD */
.j_descRichCard__cover{
    position: relative;
}
.j_descRichCard__img{
    position: relative;
    &:before{
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 54.84%, rgba(0, 0, 0, 0.4) 100%), url("path_to_image");
    }
    & img{
        display: block;
        width: 100%;
    }
}
.j_descRichCard__prevDesc{
    position: absolute;
    width: 100%;
    bottom: var(--space_6);
    left: 0;
    padding: 0 10px;
    text-align: center;
    font-size: var(--fs_7);
    color: white;
}
.j_descRichCard__content{
    margin-top: var(--space_4);
    max-width: 350px;
}
.j_descRichCard__title{
    font-size: var(--fs_5);
}
.j_descRichCard__prices{
    display: flex;
    flex-direction: column;
    gap: 2px 0;
    list-style-type: none;
    margin: 12px 0 0 0;
    padding: 0;
}
.j_descRichCard__footnotes{
    display: flex;
    flex-direction: column;
    gap: 5px 0;
    list-style-type: none;
    margin: 12px 0 0 0;
    padding: 0;
    font-size: 12px;
}
.j_descRichCard__action{
    margin-top: 20px;
}

@media ( max-width: 768px ){
    .j_descRichCard__action{
        & a{
            width: 100%;
        }
    }
}



/* PAGE COVER */
.j_pageCover{
    width: 100%;
    height: calc(100vh - 53.2px);
    padding: var(--space_9) 0;
    background: var(--bg_bright);
}
body.admin-bar .j_pageCover{
    height: calc(100vh - 32px - 53.2px);
}
.j_pageCover_container{
    height: 100%;
    grid-template-rows: 100%;
}
.j_pageCover__row{
    --elGapX: 100px;
    display: flex;
    gap: 20px var(--elGapX);
}
.j_pageCover__content{
    width: calc( 40% - var(--elGapX) / 2 );
}
.j_pageCover__media{
    width: calc( 60% - var(--elGapX) / 2 );
    height: 100%;
}
.j_pageCover__video{
    height: 100%;
    & video{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.j_pageCover__content{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.j_pageCover__title{
    margin: 0;
    font-size: var(--fs_9);
}
.j_pageCover__desc{
    margin-top: var(--space_4);
    font-size: var(--fs_4);
}

@media ( max-width: 991px ){
    .j_pageCover,
    body.admin-bar .j_pageCover{
         height: auto;
    }
    .j_pageCover__row{
        flex-direction: column;
    }
    .j_pageCover__content{
        width: 100%;
        order: 2;
    }
    .j_pageCover__media{
        width: 100%;
        order: 1;
    }
    .j_pageCover__desc{
        margin-top: 10px;
    }
}


/* STORY BLOCK */
.j_storyBlock__row{
    display: flex;
    gap: 30px 60px;
}
.j_storyBlock__media{
    flex: 1;
    & img{
        display: block;
        width: 100%;
    }
}
.j_storyBlock__mainContent{
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    height: auto;
    flex: 1;
}
.j_storyBlock__title{
    margin: 0;
    font-size: var(--fs_8);
}
.j_storyBlock__mainContent .j_storyBlock__text{
    margin-top: auto;
}
.j_storyBlock__text {
    & p{
        margin: 0;
    }
    & p + p{
        margin-top: 20px;
    }
}
.j_storyBlock__additionalContent{
    max-width: 600px;
    margin-top: var(--space_10);
    margin-left: auto;
    margin-right: auto;
}

@media ( max-width: 768px ){
    .j_storyBlock__row{
        flex-direction: column;
    }
    .j_storyBlock__additionalContent{
        max-width: 100%;
        margin-top: 20px;
    }
}



/* GALLERY */
.j_gallery__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.j_gallery__item{
    grid-column-start: span 1;
    & img{
        display: block;
        width: 100%;
        height: auto;
    }
}

@media ( max-width: 768px ){
    .j_gallery__item{
        grid-column-start: span 2;
    }
}