/* modal */

.modal--mob-menu {

    display: none;

}

@media screen and (max-width: 768px) {

    .modal--mob-menu {

        display: flex;

        position: fixed;

        left: 0;

        right: 0;

        top: -300%;

        bottom: 0;

        width: 100%;

        height: 100dvh;

        background-color: var(--black);

        z-index: 3;

        transition: var(--transition-all);

        padding-top: var(--body-pad-top);

    }

    .modal--mob-menu-inner {

        height: 100%;

        width: 100%;

        background-image: url(../img/menu-mob-back.png);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        padding: var(--modal-pad-top) var(--padding-container) var(--modal-pad-bottom);

    }

    .modal--mob-menu.opened  {

        top: 0;

        padding-top: var(--body-pad-top);

        transition: var(--transition-all);

    }

    .modal--mob-menu-inner .modal--mob-flex {

        display: flex;

        justify-content: space-between;

        align-items: flex-end;

    }

    .modal--mob-menu-inner .modal--mob-flex > nav {

        display: flex;

        flex-direction: column;

        gap: var(--header-nav-gap);

    }

    .modal--mob-menu-inner .modal--mob-flex > nav > a,.modal--mob-menu-inner .modal--mob-flex > nav > span {

        color: var(--black);

        transition: var(--transition-all);

    }

    .modal--mob-menu-inner .modal--mob-flex > nav > a:hover {

        font-weight: 600;

        transition: var(--transition-all);

    }

    .modal--mob-menu-inner .modal--mob-flex .langs {

        display: flex;

        align-items: center;

        gap: var(--header-lang-select-gap);

        margin-bottom: -10px;

    }

    .modal--mob-menu-inner .modal--mob-flex .langs .langs--box {

        display: flex;

        align-items: center;

        gap: 6px;

    }

    .modal--mob-menu-inner .modal--mob-flex .langs .langs--box a {

        cursor: pointer;

    }

    .modal--mob-menu-inner .modal--mob-flex .langs .langs--box a.active {

        font-weight: 600;

    }

    .modal--mob-menu-inner .modal--mob-flex .langs .langs--box a, .modal--mob-menu-inner .modal--mob-flex .langs .langs--box span{

        color: var(--black);

        line-height: 100%;

    }

    .modal--mob-menu-inner button {

        color: var(--yellow);

    }

    .modal--mob-menu-inner .modal-mob-page-button {

        display: flex;

        flex-direction: column;

        gap: var(--modal-btn-block-gap);

    }

    .modal--mob-menu-inner .modal-mob-page-button .modal-img {

        width: 100%;

        clip-path: polygon( 0.097% 7.309%,0% 10.279%,0% 98.063%,0% 98.063%,0.002% 98.16%,0.007% 98.256%,0.016% 98.351%,0.029% 98.445%,0.046% 98.538%,0.065% 98.631%,0.089% 98.722%,0.115% 98.811%,0.146% 98.899%,0.179% 98.985%,0.179% 98.985%,0.264% 99.165%,0.363% 99.33%,0.473% 99.48%,0.595% 99.612%,0.727% 99.727%,0.867% 99.823%,1.014% 99.899%,1.168% 99.954%,1.326% 99.988%,1.489% 100%,94.009% 100%,94.009% 100%,94.263% 99.987%,94.513% 99.947%,94.759% 99.881%,94.999% 99.791%,95.233% 99.675%,95.459% 99.536%,95.676% 99.374%,95.882% 99.189%,96.078% 98.982%,96.261% 98.754%,99.127% 94.88%,99.127% 94.88%,99.287% 94.645%,99.433% 94.397%,99.563% 94.136%,99.676% 93.863%,99.774% 93.581%,99.854% 93.289%,99.917% 92.99%,99.963% 92.685%,99.991% 92.375%,100% 92.061%,100% 2.98%,100% 2.98%,99.992% 2.729%,99.968% 2.482%,99.928% 2.239%,99.873% 2.002%,99.804% 1.773%,99.72% 1.552%,99.622% 1.34%,99.511% 1.139%,99.386% 0.949%,99.249% 0.773%,99.249% 0.773%,99.119% 0.631%,98.981% 0.502%,98.838% 0.387%,98.689% 0.286%,98.534% 0.2%,98.376% 0.129%,98.213% 0.073%,98.048% 0.033%,97.879% 0.008%,97.709% 0%,5.927% 0%,5.927% 0%,5.685% 0.012%,5.445% 0.049%,5.209% 0.109%,4.978% 0.192%,4.753% 0.298%,4.535% 0.426%,4.325% 0.575%,4.124% 0.745%,3.932% 0.936%,3.751% 1.147%,1.044% 4.564%,1.044% 4.564%,0.879% 4.789%,0.728% 5.028%,0.593% 5.28%,0.473% 5.544%,0.368% 5.818%,0.28% 6.102%,0.208% 6.394%,0.154% 6.694%,0.117% 6.999%,0.097% 7.309% );

        max-height: var(--modal-img-height);

        height: 100%;

    }

    .modal--mob-menu-inner .modal-mob-page-button .modal-img img {

        width: 100%;

        object-fit: cover;

    }

}



/* header */

header {

    padding: var(--header-padding) 0;

    width: 100%;

    position: relative;

    z-index: 4;

}

header.opened {

    position: fixed;

    top: var(--body-pad-top);

}

header .header--inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

header .header--inner > a {

    transition: var(--transition-all);

    font-size: var(--logo-text);

    line-height: 110%;

    color: #fff;

    font-weight: 400;

}

/* Header Nav */

header .header--inner > nav {

    display: flex;

    align-items: center;

    gap: var(--header-nav-gap);

}

header .header--inner > nav > a, header .header--inner > nav > span {

    color: #fff;

    transition: var(--transition-all);

}

header .header--inner > nav > a:hover {

    color: var(--yellow);

    transition: var(--transition-all);

}

header .header--inner .right--header-for-tab {

    display: flex;

    align-items: center;

    gap: var(--header-for-tab-gap);

}

/* Header Lang */

header .header--inner .lang--container {

    display: flex;

    align-items: center;

    gap: var(--header-lang-gap); /* to tablet */

    position: relative;

    overflow: clip;

}

header .header--inner .lang--container.opened {

    overflow: visible;

}

header .header--inner .lang--container .lang--swither {

    position: absolute;

    background: var(--yellow);

    right: -3%;

    top: calc(100% + clamp(13px, calc(1.15vw + -0.15px), 22px));

    display: flex;

    flex-direction: column;

    opacity: 0;

    transition: var(--transition-all);

    gap: var(--header-lang-swither-gap);

    padding: var(--header-lang-swither-padding-top) var(--header-lang-swither-padding) var(--header-lang-swither-padding);

    clip-path: polygon( 92.274% 5.963%,87.302% 0%,82.719% 5.495%,30.107% 5.495%,30.107% 5.495%,28.875% 5.528%,27.657% 5.626%,26.46% 5.788%,25.287% 6.013%,24.144% 6.299%,23.036% 6.645%,21.969% 7.049%,20.946% 7.509%,19.973% 8.026%,19.055% 8.596%,5.301% 17.832%,5.301% 17.832%,4.463% 18.439%,3.699% 19.085%,3.011% 19.767%,2.4% 20.48%,1.87% 21.223%,1.422% 21.991%,1.058% 22.781%,0.781% 23.59%,0.592% 24.415%,0.494% 25.252%,0% 33.282%,0% 94.765%,0% 94.765%,0.009% 95.025%,0.037% 95.284%,0.084% 95.542%,0.148% 95.797%,0.231% 96.049%,0.332% 96.299%,0.45% 96.544%,0.586% 96.786%,0.74% 97.023%,0.91% 97.255%,0.91% 97.255%,1.343% 97.743%,1.843% 98.19%,2.405% 98.594%,3.023% 98.952%,3.69% 99.262%,4.401% 99.521%,5.15% 99.727%,5.931% 99.877%,6.737% 99.969%,7.562% 100%,69.572% 100%,69.572% 100%,70.86% 99.964%,72.132% 99.856%,73.381% 99.679%,74.601% 99.434%,75.788% 99.123%,76.934% 98.747%,78.036% 98.308%,79.086% 97.808%,80.079% 97.248%,81.01% 96.63%,95.565% 86.158%,95.565% 86.158%,96.381% 85.524%,97.119% 84.852%,97.778% 84.146%,98.355% 83.41%,98.85% 82.646%,99.258% 81.858%,99.58% 81.051%,99.812% 80.226%,99.953% 79.387%,100% 78.539%,100% 13.549%,100% 13.549%,99.959% 12.871%,99.836% 12.203%,99.635% 11.547%,99.357% 10.908%,99.003% 10.287%,98.577% 9.689%,98.08% 9.117%,97.514% 8.573%,96.881% 8.061%,96.184% 7.584%,96.184% 7.584%,95.834% 7.374%,95.475% 7.173%,95.105% 6.983%,94.725% 6.804%,94.337% 6.636%,93.939% 6.479%,93.534% 6.333%,93.121% 6.198%,92.701% 6.075%,92.274% 5.963% ); 

}

header .header--inner .lang--container .lang--swither.opened {

    opacity: 1;

    transition: var(--transition-all);

}

header .header--inner .lang--container .lang--swither .divider {

    width: 100%;

    background: var(--grey);

    height: 1px;

}

header .header--inner .lang--container .lang--swither a {

    color: var(--black);

    line-height: 100%;

    cursor: pointer;

}

header .header--inner .lang--container > svg {

    max-width: var(--header-lang-svg-width);

    width: 100%;

}

header .header--inner .lang--container .lang--select {

    display: flex;

    align-items: center;

    gap: var(--header-lang-select-gap); /* to tablet */

    cursor: pointer;

}

header .header--inner .lang--container .lang--select > span {

    color: var(--white);

}

header .header--inner .lang--container .lang--select svg {

    transition: var(--transition-all);

}

header .header--inner .lang--container .lang--select.opened svg {

    transition: var(--transition-all);

    rotate: 180deg;

}

header .burger_div {

    display: none;

}

header .tablet--menu-block {

    display: none;

}





@media screen and (max-width: 1140px) and (min-width: 768px) {

    header {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        z-index: 100;

    }

    header .header--inner > nav {

        display: none;

    }

    header .header--inner .right--header-for-tab > button {

        display: none;

    }

    header .header--inner .burger--menu {

        width: 100%;

        max-width: var(--header-burger-width);

        cursor: pointer;

    }



    header .burger_div {

        position: relative;

        overflow: clip;

        display: flex;

    }

    header .burger_div.opened {

        overflow: visible;

    }

    header .tablet--menu-block {

        position: absolute;

        top: 200%;

        right: 0;

        background: var(--yellow);

        padding: var(--header-tab-menu-pad-top) var(--header-tab-menu-pad) var(--header-tab-menu-pad);

        gap: var(--header-tab-menu-gap);

        display: flex;

        flex-direction: column;

        clip-path: polygon( 97.938% 1.582%,96.61% 0%,95.387% 1.458%,8.037% 1.458%,8.037% 1.458%,7.708% 1.467%,7.383% 1.493%,7.063% 1.536%,6.75% 1.595%,6.445% 1.671%,6.15% 1.763%,5.864% 1.87%,5.591% 1.992%,5.332% 2.129%,5.087% 2.28%,1.415% 4.731%,1.415% 4.731%,1.191% 4.892%,0.987% 5.063%,0.804% 5.244%,0.641% 5.434%,0.499% 5.631%,0.38% 5.834%,0.282% 6.044%,0.208% 6.259%,0.158% 6.477%,0.132% 6.699%,0% 8.83%,0% 98.611%,0% 98.611%,0.002% 98.68%,0.01% 98.749%,0.022% 98.817%,0.04% 98.885%,0.062% 98.952%,0.089% 99.018%,0.12% 99.083%,0.157% 99.147%,0.197% 99.21%,0.243% 99.272%,0.243% 99.272%,0.358% 99.401%,0.492% 99.52%,0.642% 99.627%,0.807% 99.722%,0.985% 99.804%,1.175% 99.873%,1.375% 99.927%,1.583% 99.967%,1.798% 99.992%,2.019% 100%,91.877% 100%,91.877% 100%,92.221% 99.99%,92.56% 99.962%,92.894% 99.915%,93.22% 99.85%,93.536% 99.767%,93.842% 99.667%,94.136% 99.551%,94.417% 99.418%,94.682% 99.27%,94.931% 99.106%,98.816% 96.328%,98.816% 96.328%,99.034% 96.159%,99.231% 95.981%,99.407% 95.794%,99.561% 95.599%,99.693% 95.396%,99.802% 95.187%,99.888% 94.973%,99.95% 94.754%,99.987% 94.531%,100% 94.306%,100% 3.595%,100% 3.595%,99.989% 3.415%,99.956% 3.238%,99.903% 3.064%,99.828% 2.894%,99.734% 2.729%,99.62% 2.571%,99.487% 2.419%,99.336% 2.274%,99.168% 2.139%,98.981% 2.012%,98.981% 2.012%,98.888% 1.956%,98.792% 1.903%,98.693% 1.853%,98.592% 1.805%,98.488% 1.761%,98.382% 1.719%,98.274% 1.68%,98.164% 1.644%,98.052% 1.612%,97.938% 1.582% ); 

        transition: var(--transition-all);

        opacity: 0;

    }

    header .tablet--menu-block.opened {

        transition: var(--transition-all);

        opacity: 1;

    }

    header .tablet--menu-block .cross {

        position: absolute;

        width: 100%;

        max-width: var(--header-cross-width);

        top: 9%;

        right: 9%;

        cursor: pointer;

    }

    header .tablet--menu-block button {

        padding-left: var(--header-tab-menu-butt-pad-left);

        padding-right: var(--header-tab-menu-butt-pad-left);

    }

    header .tablet--menu-block button span {

        width: 100%;

        display: block;

        max-width: var(--header-tab-menu-butt-span-width);

    }

    header .tablet--menu-block > nav {

        display: flex;

        flex-direction: column;

        gap: 1px;

    }

    header .tablet--menu-block > nav > a, header .tablet--menu-block > nav > span {

        color: var(--black);

        transition: var(--transition-all);

        font-weight: 400;

    }

    header .tablet--menu-block > nav > a:hover {

        font-weight: 600;

        transition: var(--transition-all);

    }

}

@media screen and (max-width: 768px) {

    header {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        z-index: 100;

    }

    header .header--inner > a.opened {

        transition: var(--transition-all);

        color: var(--half-black);

    }

    header .header--inner > nav {

        display: none;

    }

    header .header--inner .right--header-for-tab > button {

        display: none;

    }

    header .header--inner .lang--container {

        display: none;

    }

    header .header--inner .burger--menu {

        width: var(--header-burger-width);

        height: var(--header-burger-height);

        cursor: pointer;

        display: flex;

        position: relative;

        flex-direction: column;

    }

    header .header--inner .burger--menu.opened {

        

    }

    header .header--inner .burger--menu div {

        width: 100%;

        height: 2px;

        background: var(--white);

    }

    header .header--inner .burger--menu div:nth-child(1) {

        position: absolute;

        top: 0;

        right: 0;

        left: 0;

        transition: var(--transition-all);

    }

    header .header--inner .burger--menu div:nth-child(2) {

        width: 50%;

        position: absolute;

        top: 50%;

        right: 0;

        opacity: 1;

        translate: 0 -50%;

        transition: var(--transition-all);

    }

    header .header--inner .burger--menu div:nth-child(3) {

        position: absolute;

        bottom: 0;

        right: 0;

        left: 0;

        transition: var(--transition-all);

    }

    header .header--inner .burger--menu.opened div:nth-child(1) {

        rotate: -45deg;

        top: 50%;

        left: 0;

        transform: 0 -50%;

        transition: var(--transition-all);

        background: var(--half-black);

    }

    header .header--inner .burger--menu.opened div:nth-child(2) {

        opacity: 0;

        transition: var(--transition-all);

    }

    header .header--inner .burger--menu.opened div:nth-child(3) {

        rotate: 45deg;

        top: 50%;

        left: 0;

        transform: 0 -50%;

        transition: var(--transition-all);

        background: var(--half-black);

    }

    header .tablet--menu-block {

        display: none;

    }

    header .burger_div {

        display: flex;

    }

    .lang--swither {

        display: none;

    }

}



/* first */

.first {

    position: relative;

    z-index: 2;

}

.first > img {

    width: 100%;

}

.first > .container {

    position: absolute;

    bottom: var(--first-container-bottom);

    left: 50%;

    transform: translateX(-50%);

}

.first .first--inner {

    display: flex;

    align-items: flex-end;

}

.first .first--inner {

    display: flex;

    align-items: stretch;

    justify-content: space-between;

    width: 100%;

    gap: 30px;

}

.first .first--inner > .first--left-block {

    display: flex;

    flex-direction: column;

    max-width: var(--first-left-block-width);

    width: 100%;

}

.first .first--inner h1 {

    color: var(--white);

    width: 100%;

}

.first .first--inner > .first--right-block {

    display: flex;

    flex-direction: column;

    width: 100%;

    max-width: var(--first-right-block-width); /* to tablet */

    justify-content: space-between;

    padding-top: 1%;

}

.first .first--inner > .first--right-block > p, .first .first--inner > .first--left-block > p {

    color: var(--white);

    text-align: justify;

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .first .first--inner > .first--right-block {

        width: fit-content;

        justify-content: flex-end;

    }

    .first .first--inner > .first--left-block > p {

        text-align: inherit;

        width: 100%;

        max-width: var(--first-left-p-width);

    }

    .first .first--inner > .first--left-block {

        gap: var(--first-left-block-gap);

    }

}

@media screen and (max-width: 768px) {

    .first .first--inner {

        flex-direction: column;

        gap: var(--first--inner-gap);

    }

    .first .first--inner > .first--right-block {

        width: 100%;

        justify-content: flex-end;

    }

    .first .first--inner h1 {

        text-align: justify;

    }

    .first .first--inner > .first--left-block > p {

        text-align: inherit;

        width: 100%;

        max-width: var(--first-left-p-width);

        text-align: justify;

    }

    .first .first--inner > .first--left-block {

        gap: var(--first-left-block-gap);

    }

}

/* @media screen and (max-width: 1100px) {

    .first .first--inner > .first--right-block {

        width: fit-content;

        justify-content: flex-end;

        padding-top: 0;

        flex-shrink: 0;

    }

    .first .first--inner > .first--left-block > p {

        text-align: inherit;

    }

}



@media screen and (max-width: 725px) {

    .first {

        padding-top: 10px;

    }

    .first .first--inner {

        flex-direction: column;

        gap: 50px;

    }

    .first .first--inner button {

        width: 100%;

        max-width: 350px;

    }

    .first .first--inner h2 {

        text-align: justify;

    }

    .first .first--inner h2 span {

        color: var(--yellow);

    }

    .first .first--inner > .first--left-block {

        max-width: none;

    }

    .first .first--inner > .first--right-block {

        width: 100%;

    }

    .first .first--inner > .first--left-block > p {

        text-align: justify;

    }

} */



/* second */

.second {

    position: relative;

    margin-top: -60px;

    z-index: 1;

    overflow: hidden;

    background-image: url(../img/mesh.png);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.second .under-line {

    width: 100%;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: 2;

}

.second > .container {

    height: 100%;

}

.second .second--inner {

    height: 100%;

    padding: var(--second-inner-padding-top) 0 var(--second-inner-padding-left);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: var(--second-inner-gap);

}

.second .second--inner .second--header-container {

    display: flex;

    align-items: flex-end;

    position: relative;

    padding: var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

.second .second--inner .second--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.second .second--inner .second--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.second .second--inner .second--header-container > h2 {

    color: var(--white);

    white-space: pre-line;

}

.second .second--inner .second--header-container > p {

    color: var(--half-white);

    max-width: var(--header-container-p-max-width);

    margin-left: auto;

}



.second .second--inner .swiper-second {

    overflow-x: clip;

    position: relative;

}

.second .second--inner .swiper-second .swiper-arrows {

    position: absolute;

    z-index: 2;

    top: var(--second-arrows-top); /* to tablet */

    right: 0;

    display: flex;

    justify-content: flex-end;

    gap: var(--second-arrows-gap);

}

.second .second--inner .swiper-second .swiper-arrows > svg {

    transition: var(--transition-all);

    width: 100%;

    height: fit-content;

    max-width: var(--second-arrows-width);

}

.second .second--inner .swiper-second .swiper-arrows svg:not(.swiper-button-disabled) {

    cursor: pointer;

}

.second .second--inner .swiper-second .swiper-arrows .swiper-button-disabled .fill_arr{

    fill: transparent;

    stroke: var(--half-white);

    stroke-width: 2px;

    transition: var(--transition-all)

}

.second .second--inner .swiper-second .swiper-arrows .swiper-button-disabled .stroke_arr {

    fill: var(--half-white);

    transition: var(--transition-all)

}

.second .second--inner .swiper--grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: var(--second-grid-gap);

}

.second .second--inner .swiper-slide .tab {

    position: absolute;

    top: var(--second-tab-top);

}

.second .second--inner .swiper--grid .grid--block {

    width: 100%;

    height: var(--second-grid-block-height); /* to tablet */

    background: var(--grey);

    padding: var(--second-grid-block-padding); /* to tablet */

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start;

    clip-path: polygon( 0.134% 6.616%,0.134% 9.646%,0.134% 98.096%,0.134% 98.096%,0.137% 98.207%,0.147% 98.318%,0.162% 98.428%,0.183% 98.537%,0.209% 98.644%,0.242% 98.749%,0.28% 98.852%,0.324% 98.953%,0.373% 99.051%,0.428% 99.146%,0.428% 99.146%,0.533% 99.299%,0.651% 99.44%,0.78% 99.566%,0.919% 99.677%,1.067% 99.773%,1.223% 99.853%,1.386% 99.916%,1.555% 99.962%,1.729% 99.99%,1.906% 100%,93.672% 100%,93.672% 100%,93.849% 99.992%,94.025% 99.97%,94.198% 99.933%,94.367% 99.882%,94.531% 99.817%,94.691% 99.738%,94.844% 99.646%,94.991% 99.541%,95.13% 99.424%,95.261% 99.294%,99.246% 95.027%,99.246% 95.027%,99.368% 94.886%,99.478% 94.736%,99.577% 94.578%,99.663% 94.412%,99.737% 94.24%,99.798% 94.062%,99.846% 93.88%,99.881% 93.693%,99.902% 93.503%,99.909% 93.311%,99.909% 2.858%,99.909% 2.858%,99.902% 2.668%,99.882% 2.48%,99.848% 2.295%,99.8% 2.114%,99.74% 1.938%,99.668% 1.768%,99.583% 1.603%,99.487% 1.446%,99.379% 1.297%,99.259% 1.156%,98.858% 0.72%,98.858% 0.72%,98.727% 0.588%,98.587% 0.468%,98.439% 0.361%,98.285% 0.268%,98.124% 0.187%,97.958% 0.121%,97.788% 0.068%,97.613% 0.031%,97.436% 0.008%,97.256% 0%,6.537% 0%,6.537% 0%,6.366% 0.007%,6.197% 0.028%,6.03% 0.062%,5.867% 0.11%,5.708% 0.17%,5.553% 0.243%,5.404% 0.329%,5.261% 0.427%,5.124% 0.536%,4.995% 0.657%,0.844% 4.852%,0.844% 4.852%,0.714% 4.994%,0.596% 5.147%,0.491% 5.308%,0.399% 5.478%,0.319% 5.655%,0.254% 5.838%,0.202% 6.027%,0.165% 6.22%,0.142% 6.417%,0.134% 6.616% );

}

.second .second--inner .swiper--grid .grid--block.img {

    padding: 0;

    /* background-image: url(../img/grid-img.png); */

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100% 100%;

}

.second .second--inner .swiper--grid .grid--block svg {

    max-height: var(--second-grid-block-svg-width);

    width: fit-content;

}

.second .second--inner .swiper--grid .grid--block .grid--block-flex {

    display: flex;

    flex-direction: column;

    gap: var(--second-grid-block-flex-gap);

}

.second .second--inner .swiper--grid .grid--block .grid--block-flex > h3 {

    color: var(--white);

}

.second .second--inner .swiper--grid .grid--block .grid--block-flex > p {

    color: var(--half-white);

}

.second .second--inner .swiper-pagination--cust {

    display: none;

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .second {

        background-image: url(../img/mesh-tab.png);

        margin-top: -4%;

    }

    .second .second--inner .swiper--grid {

        grid-template-columns: 1fr 1fr;

        grid-template-rows: clamp(224px, calc(29.3vw + -1px), 299px) clamp(208px, calc(26.95vw + 1px), 277px);

    }

    .second .second--inner .grid--block {

        clip-path: polygon( 0% 9.139%,0% 13.324%,0% 97.37%,0% 97.37%,0.003% 97.524%,0.012% 97.677%,0.027% 97.829%,0.047% 97.979%,0.074% 98.127%,0.105% 98.272%,0.143% 98.415%,0.186% 98.554%,0.234% 98.689%,0.288% 98.82%,0.288% 98.82%,0.391% 99.032%,0.506% 99.226%,0.632% 99.4%,0.769% 99.554%,0.914% 99.686%,1.067% 99.797%,1.227% 99.884%,1.393% 99.948%,1.563% 99.987%,1.736% 100%,93.886% 100%,93.886% 100%,94.061% 99.99%,94.233% 99.959%,94.402% 99.907%,94.568% 99.837%,94.729% 99.747%,94.885% 99.638%,95.036% 99.511%,95.179% 99.366%,95.316% 99.204%,95.444% 99.025%,99.35% 93.131%,99.35% 93.131%,99.47% 92.936%,99.578% 92.729%,99.674% 92.51%,99.759% 92.281%,99.831% 92.044%,99.891% 91.798%,99.938% 91.546%,99.972% 91.289%,99.993% 91.026%,100% 90.761%,100% 3.947%,100% 3.947%,99.993% 3.685%,99.973% 3.425%,99.94% 3.17%,99.893% 2.92%,99.835% 2.677%,99.764% 2.442%,99.681% 2.215%,99.586% 1.998%,99.48% 1.792%,99.363% 1.597%,98.97% 0.994%,98.97% 0.994%,98.841% 0.812%,98.704% 0.647%,98.56% 0.499%,98.408% 0.37%,98.251% 0.259%,98.088% 0.167%,97.921% 0.095%,97.75% 0.042%,97.576% 0.011%,97.4% 0%,6.276% 0%,6.276% 0%,6.108% 0.01%,5.942% 0.038%,5.779% 0.086%,5.619% 0.152%,5.463% 0.235%,5.311% 0.336%,5.165% 0.454%,5.024% 0.589%,4.89% 0.741%,4.764% 0.908%,0.696% 6.702%,0.696% 6.702%,0.568% 6.899%,0.453% 7.109%,0.35% 7.332%,0.259% 7.567%,0.181% 7.811%,0.117% 8.064%,0.066% 8.325%,0.03% 8.591%,0.007% 8.863%,0% 9.139% ) !important; 

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(1) {

        order: 3;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(2) {

        order: 2;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(3) {

        order: 1;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(4) {

        order: 4;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(1) {

        order: 3;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(2) {

        order: 1;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(3) {

        order: 4;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(4) {

        order: 2;

    }

}

@media screen and (max-width: 768px) {

    .second {

        background-image: url(../img/mesh-second-mob.png);

        margin-top: initial;

    }

    .second .second--inner .second--header-container > h2 {

        text-align: justify;

        width: 100%;

        white-space: initial;

    }

    .second .second--inner .second--header-container > p {

        text-align: justify;

    }

    .second .second--inner .swiper--grid {

        grid-template-columns: 1fr 1fr;

        grid-template-rows: clamp(224px, calc(29.3vw + -1px), 299px) clamp(208px, calc(26.95vw + 1px), 277px);

    }

    .second .second--inner .swiper-second .swiper-arrows {

        display: none;

    }

    .second .second--inner .swiper-slide .tab {

        position: relative;

        top: initial;

        padding: var(--tab-top-padding) var(--tab-left-padding);

    }

    .second .second--inner .swiper--grid {

        display: grid;

        grid-template-columns: 1fr;

        flex-direction: column;

        grid-template-rows: auto auto auto auto;

        height: 100%;

    }

    .second .second--inner .swiper--grid .grid--block {

        gap: var(--second-grid-block-gap);

    }

    .swiper-slide {

        display: flex;

        flex-direction: column;

        gap: var(--second-grid-gap);

    }

    .second .second--inner .swiper--grid.right--grid {

        grid-template-rows: auto auto auto 1fr;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(1) {

        order: 3;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(2) {

        order: 1;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(3) {

        order: 4;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(4) {

        order: 2;

    }

    .second .second--inner .swiper-pagination--cust {

        display: flex;

        justify-content: center;

        gap: 5px;

        margin-top: 30px;

    }

    .second .second--inner .swiper-pagination--cust .swiper-pagination-bullet {

        margin: 0;

        width: 10px;

        height: 10px;

        background: var(--yellow);

    }

    .second .second--inner .swiper-slide {

        height: auto;

    }

}



/* @media screen and (max-width: 1100px) {

    .second {

        background-image: url(../img/mesh-tab.png);

    }

    .second .second--inner {

        padding: clamp(60px, calc(5.71vw + 37.14px), 100px) 0 120px;

    }

    .second .second--inner .swiper--grid {

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: 299px 277px;

        gap: 20px;

    }

    .second .second--inner .swiper--grid .grid--block {

        gap: unset;

        padding: clamp(30px, calc(1.43vw + 24.29px), 40px);

        height: unset;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(1) {

        order: 3;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(2) {

        order: 2;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(3) {

        order: 1;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block:nth-child(4) {

        order: 4;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(1) {

        order: 3;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(2) {

        order: 1;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(3) {

        order: 4;

    }

    .second .second--inner .swiper--grid.right--grid .grid--block:nth-child(4) {

        order: 2;

    }

}

@media screen and (max-width: 725px) {

    .second {

        margin-top: -15px;

        background-image: url(../img/mesh-mob.png);

    }

    .second .second--inner {

        padding: 80px 0 100px;

        gap: 60px;

    }

    .second .second--inner .swiper--grid {

        grid-template-columns: repeat(1, 1fr);

        grid-template-rows: unset;

        gap: 20px;

        height: 100%;

    }

    .second .second--inner .swiper-second .swiper-arrows {

        display: none;

    }

    .second .second--inner .swiper-slide {

        height: auto;

    }

    .second .second--inner .swiper-slide .tab {

        position: relative;

        top: unset;

        text-align: center;

        width: 100%;

        max-width: 340px;

        align-self: center;

    }

    .second .second--inner .swiper--grid .grid--block {

        gap: 85px;

    }

    .second .second--inner .swiper--grid.left--grid .grid--block {

        order: unset !important;

    }

    .second .second--inner .grid--block.img {

        display: flex;

        flex-grow: 0;

    }

    .second .second--inner .swiper-slide {

        display: flex;

        flex-direction: column;

        gap: 15px;

    }

    .second .second--inner .swiper--grid.right--grid {

        grid-template-rows: auto auto auto 1fr;

    }

    .second .second--inner .swiper-pagination--cust {

        display: flex;

        justify-content: center;

        gap: 5px;

        margin-top: 30px;

    }

    .second .second--inner .swiper-pagination--cust .swiper-pagination-bullet {

        margin: 0;

        width: 10px;

        height: 10px;

        background: var(--yellow);

    }



} */



.third {

    margin-top: -1%;

    margin-bottom: -.6%;

    position: relative;

    z-index: 1;

    overflow: hidden;

    background-image: url(../img/mesh-third-pc.png);

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.third > .container {

    height: 100%;

}

.third .third--inner {

    height: 100%;

    padding: var(--third-inner-padding) 0;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: var(--third-inner-gap);

}

.third .third--inner .third--header-container {

    display: flex;

    align-items: flex-end;

    position: relative;

    padding: var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

.third .third--inner .third--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.third .third--inner .third--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.third .third--inner .third--header-container > h2 {

    color: var(--white);

    width: 100%;

    max-width: var(--third--header-h2-width);

}

/* third grid */

.third .third--inner .third--grid {

    display: grid;

    grid-template-columns: .97fr 1fr;

    gap: var(--third-grid-gap);

}

.third .third--inner .third--grid .third--grid-flex-container {

    display: flex;

    flex-direction: column;

    gap: var(--third-grid-gap);

}

.third .third--inner .third--grid .third--video-block {

    width: 100%;

    height: 100%;

    background: var(--grey);

    clip-path: polygon( 0.134% 6.616%,0.134% 9.646%,0.134% 98.096%,0.134% 98.096%,0.137% 98.207%,0.147% 98.318%,0.162% 98.428%,0.183% 98.537%,0.209% 98.644%,0.242% 98.749%,0.28% 98.852%,0.324% 98.953%,0.373% 99.051%,0.428% 99.146%,0.428% 99.146%,0.533% 99.299%,0.651% 99.44%,0.78% 99.566%,0.919% 99.677%,1.067% 99.773%,1.223% 99.853%,1.386% 99.916%,1.555% 99.962%,1.729% 99.99%,1.906% 100%,93.672% 100%,93.672% 100%,93.849% 99.992%,94.025% 99.97%,94.198% 99.933%,94.367% 99.882%,94.531% 99.817%,94.691% 99.738%,94.844% 99.646%,94.991% 99.541%,95.13% 99.424%,95.261% 99.294%,99.246% 95.027%,99.246% 95.027%,99.368% 94.886%,99.478% 94.736%,99.577% 94.578%,99.663% 94.412%,99.737% 94.24%,99.798% 94.062%,99.846% 93.88%,99.881% 93.693%,99.902% 93.503%,99.909% 93.311%,99.909% 2.858%,99.909% 2.858%,99.902% 2.668%,99.882% 2.48%,99.848% 2.295%,99.8% 2.114%,99.74% 1.938%,99.668% 1.768%,99.583% 1.603%,99.487% 1.446%,99.379% 1.297%,99.259% 1.156%,98.858% 0.72%,98.858% 0.72%,98.727% 0.588%,98.587% 0.468%,98.439% 0.361%,98.285% 0.268%,98.124% 0.187%,97.958% 0.121%,97.788% 0.068%,97.613% 0.031%,97.436% 0.008%,97.256% 0%,6.537% 0%,6.537% 0%,6.366% 0.007%,6.197% 0.028%,6.03% 0.062%,5.867% 0.11%,5.708% 0.17%,5.553% 0.243%,5.404% 0.329%,5.261% 0.427%,5.124% 0.536%,4.995% 0.657%,0.844% 4.852%,0.844% 4.852%,0.714% 4.994%,0.596% 5.147%,0.491% 5.308%,0.399% 5.478%,0.319% 5.655%,0.254% 5.838%,0.202% 6.027%,0.165% 6.22%,0.142% 6.417%,0.134% 6.616% );

    position: relative;

    cursor: pointer;

}

.third .third--inner .third--grid .third--video-block:after {

    display: block;

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.1);

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.third .third--inner .third--grid .third--video-block video{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.third .third--inner .third--grid .third--grid-flex-container .third--grid-block {

    padding: var(--third-grid-flex-block);

    display: grid;

    grid-template-columns: var(--third-grid-flex-block-template-width) .82fr;

    justify-content: space-between;

    background: var(--grey);

}

.third .third--inner .third--grid .third--grid-flex-container .third--grid-block:nth-child(1) {

    clip-path: polygon( 0.013% 5.127%,0.013% 7.474%,0.013% 98.524%,0.013% 98.524%,0.014% 98.611%,0.019% 98.697%,0.026% 98.782%,0.036% 98.866%,0.049% 98.949%,0.065% 99.031%,0.083% 99.111%,0.104% 99.189%,0.128% 99.265%,0.155% 99.338%,0.155% 99.338%,0.206% 99.457%,0.263% 99.566%,0.325% 99.663%,0.392% 99.75%,0.464% 99.824%,0.54% 99.886%,0.619% 99.935%,0.701% 99.971%,0.785% 99.993%,0.87% 100%,96.883% 100%,96.883% 100%,96.97% 99.994%,97.055% 99.977%,97.138% 99.948%,97.22% 99.908%,97.3% 99.858%,97.377% 99.797%,97.451% 99.726%,97.522% 99.644%,97.59% 99.554%,97.653% 99.453%,99.583% 96.147%,99.583% 96.147%,99.642% 96.037%,99.695% 95.921%,99.743% 95.798%,99.784% 95.67%,99.82% 95.537%,99.85% 95.399%,99.873% 95.258%,99.89% 95.113%,99.9% 94.966%,99.904% 94.817%,99.904% 2.214%,99.904% 2.214%,99.9% 2.067%,99.89% 1.922%,99.874% 1.778%,99.851% 1.638%,99.822% 1.502%,99.787% 1.37%,99.746% 1.242%,99.699% 1.121%,99.647% 1.005%,99.589% 0.896%,99.395% 0.558%,99.395% 0.558%,99.331% 0.456%,99.263% 0.363%,99.192% 0.28%,99.117% 0.207%,99.039% 0.145%,98.959% 0.094%,98.876% 0.053%,98.792% 0.024%,98.706% 0.006%,98.619% 0%,3.113% 0%,3.113% 0%,3.03% 0.005%,2.948% 0.022%,2.867% 0.048%,2.788% 0.085%,2.711% 0.132%,2.636% 0.189%,2.564% 0.255%,2.495% 0.331%,2.429% 0.415%,2.366% 0.509%,0.356% 3.76%,0.356% 3.76%,0.293% 3.87%,0.236% 3.988%,0.185% 4.113%,0.141% 4.245%,0.102% 4.382%,0.07% 4.524%,0.045% 4.67%,0.027% 4.82%,0.016% 4.972%,0.013% 5.127% );

}

.third .third--inner .third--grid .third--grid-flex-container .third--grid-block:nth-child(2) {

    clip-path: polygon( 0.013% 13.8%,0.013% 20.12%,0.013% 96.028%,0.013% 96.028%,0.014% 96.261%,0.019% 96.492%,0.026% 96.722%,0.036% 96.948%,0.049% 97.172%,0.065% 97.391%,0.083% 97.606%,0.104% 97.816%,0.128% 98.02%,0.155% 98.219%,0.155% 98.219%,0.206% 98.539%,0.263% 98.831%,0.325% 99.094%,0.392% 99.326%,0.464% 99.526%,0.54% 99.693%,0.619% 99.825%,0.701% 99.922%,0.785% 99.98%,0.87% 100%,96.883% 100%,96.883% 100%,96.97% 99.984%,97.055% 99.937%,97.138% 99.86%,97.22% 99.753%,97.3% 99.617%,97.377% 99.453%,97.451% 99.262%,97.522% 99.043%,97.59% 98.798%,97.653% 98.528%,99.583% 89.627%,99.583% 89.627%,99.642% 89.332%,99.695% 89.02%,99.743% 88.69%,99.784% 88.344%,99.82% 87.986%,99.85% 87.615%,99.873% 87.234%,99.89% 86.845%,99.9% 86.449%,99.904% 86.048%,99.904% 5.961%,99.904% 5.961%,99.9% 5.564%,99.89% 5.173%,99.874% 4.787%,99.851% 4.41%,99.822% 4.043%,99.787% 3.687%,99.746% 3.345%,99.699% 3.017%,99.647% 2.705%,99.589% 2.412%,99.395% 1.502%,99.395% 1.502%,99.331% 1.226%,99.263% 0.977%,99.192% 0.754%,99.117% 0.558%,99.039% 0.391%,98.959% 0.252%,98.876% 0.143%,98.792% 0.064%,98.706% 0.016%,98.619% 0%,3.113% 0%,3.113% 0%,3.03% 0.015%,2.948% 0.058%,2.867% 0.13%,2.788% 0.229%,2.711% 0.355%,2.636% 0.508%,2.564% 0.686%,2.495% 0.89%,2.429% 1.118%,2.366% 1.371%,0.356% 10.12%,0.356% 10.12%,0.293% 10.418%,0.236% 10.736%,0.185% 11.073%,0.141% 11.427%,0.102% 11.796%,0.07% 12.178%,0.045% 12.571%,0.027% 12.974%,0.016% 13.384%,0.013% 13.8% ); 

}

.third .third--inner .third--grid .third--grid-flex-container .third--grid-block .third--grid-text-flex {

    display: flex;

    flex-direction: column;

    gap: var(--third-grid-gap);

}

.third .third--inner .third--grid .third--grid-flex-container .third--grid-block .third--grid-text-flex .divider {

    width: 100%;

    height: 1px;

    background: var(--half-white);

}

.third .third--inner .third--grid .third--grid-flex-container .third--grid-block h3 {

    color: var(--white);

}

.third .third--inner .third--grid .third--grid-flex-container .third--grid-block p {

    color: var(--half-white);

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .third {

        padding-top: initial;

        margin-top: initial;

        margin-bottom: initial;

        background-image: url(../img/mesh-third-tab.png);

    }

    .third .third--inner .third--grid {

        grid-template-columns: 1fr;

        grid-template-rows: .98fr 1fr;

    }

}

@media screen and (max-width: 768px) {

    .third {

        padding-top: initial;

        background-image: url(../img/mesh-third-mob.png);

    }

    .third > img {

        width: 100%;

    }

    .third .third--inner {

        padding: var(--third-inner-padding) 0 var(--third-inner-padding-bottom);

    }

    .third .third--inner .third--grid {

        grid-template-columns: 1fr;

        grid-template-rows: .98fr 1fr;

    }

    .third .third--inner .third--header-container > h2 {

        text-align: justify;

    }

    .third .third--inner .third--grid {

        grid-template-columns: 100%;

        grid-template-rows: var(--third-grid-vid-height) 1fr;

    }

    .third .third--inner .third--grid .third--grid-flex-container .third--grid-block {

        display: flex;

        flex-direction: column;

        gap: clamp(30px, calc(8.33vw + 0px), 64px);

    }

    .third .third--inner .third--grid .third--grid-flex-container .third--grid-block:nth-child(1) {

        clip-path: polygon( 0.098% 6.02%,0.098% 8.755%,0.098% 98.219%,0.098% 98.219%,0.102% 98.32%,0.114% 98.421%,0.135% 98.52%,0.164% 98.618%,0.202% 98.714%,0.247% 98.809%,0.3% 98.902%,0.36% 98.993%,0.429% 99.082%,0.504% 99.168%,0.504% 99.168%,0.65% 99.306%,0.813% 99.433%,0.991% 99.546%,1.184% 99.647%,1.389% 99.734%,1.605% 99.806%,1.831% 99.863%,2.065% 99.905%,2.305% 99.93%,2.551% 99.939%,91.265% 99.939%,91.265% 99.939%,91.511% 99.932%,91.755% 99.911%,91.994% 99.878%,92.228% 99.832%,92.456% 99.773%,92.676% 99.702%,92.889% 99.619%,93.092% 99.524%,93.285% 99.418%,93.466% 99.301%,98.985% 95.449%,98.985% 95.449%,99.153% 95.322%,99.306% 95.186%,99.442% 95.044%,99.562% 94.894%,99.664% 94.739%,99.749% 94.578%,99.816% 94.414%,99.864% 94.245%,99.893% 94.074%,99.903% 93.9%,99.903% 2.628%,99.903% 2.628%,99.893% 2.456%,99.865% 2.286%,99.817% 2.12%,99.752% 1.956%,99.669% 1.798%,99.569% 1.644%,99.452% 1.495%,99.318% 1.353%,99.168% 1.219%,99.003% 1.092%,98.448% 0.698%,98.448% 0.698%,98.266% 0.579%,98.072% 0.47%,97.868% 0.374%,97.654% 0.289%,97.431% 0.217%,97.201% 0.157%,96.965% 0.11%,96.723% 0.075%,96.477% 0.055%,96.229% 0.048%,8.965% 0.048%,8.965% 0.048%,8.727% 0.054%,8.493% 0.073%,8.262% 0.104%,8.036% 0.147%,7.816% 0.202%,7.601% 0.268%,7.395% 0.345%,7.196% 0.433%,7.007% 0.532%,6.828% 0.641%,1.08% 4.428%,1.08% 4.428%,0.9% 4.556%,0.737% 4.694%,0.592% 4.84%,0.464% 4.993%,0.354% 5.153%,0.263% 5.318%,0.191% 5.488%,0.14% 5.663%,0.108% 5.84%,0.098% 6.02% );

    }

    .third .third--inner .third--grid .third--grid-flex-container .third--grid-block:nth-child(2) {

        clip-path: polygon( 0.098% 13.875%,0.098% 20.186%,0.098% 95.986%,0.098% 95.986%,0.102% 96.219%,0.114% 96.45%,0.135% 96.679%,0.164% 96.906%,0.202% 97.129%,0.247% 97.348%,0.3% 97.562%,0.36% 97.772%,0.429% 97.976%,0.504% 98.174%,0.504% 98.174%,0.65% 98.494%,0.813% 98.785%,0.991% 99.048%,1.184% 99.28%,1.389% 99.48%,1.605% 99.646%,1.831% 99.778%,2.065% 99.874%,2.305% 99.933%,2.551% 99.953%,91.265% 99.953%,91.265% 99.953%,91.511% 99.937%,91.755% 99.89%,91.994% 99.813%,92.228% 99.706%,92.456% 99.571%,92.676% 99.407%,92.889% 99.215%,93.092% 98.997%,93.285% 98.753%,93.466% 98.483%,98.985% 89.594%,98.985% 89.594%,99.153% 89.3%,99.306% 88.988%,99.442% 88.658%,99.562% 88.314%,99.664% 87.955%,99.749% 87.585%,99.816% 87.205%,99.864% 86.817%,99.893% 86.421%,99.903% 86.021%,99.903% 6.047%,99.903% 6.047%,99.893% 5.651%,99.865% 5.26%,99.817% 4.875%,99.752% 4.499%,99.669% 4.132%,99.569% 3.777%,99.452% 3.434%,99.318% 3.107%,99.168% 2.796%,99.003% 2.503%,98.448% 1.594%,98.448% 1.594%,98.266% 1.319%,98.072% 1.07%,97.868% 0.847%,97.654% 0.652%,97.431% 0.485%,97.201% 0.346%,96.965% 0.237%,96.723% 0.158%,96.477% 0.111%,96.229% 0.095%,8.965% 0.095%,8.965% 0.095%,8.727% 0.109%,8.493% 0.153%,8.262% 0.224%,8.036% 0.323%,7.816% 0.449%,7.601% 0.602%,7.395% 0.78%,7.196% 0.983%,7.007% 1.211%,6.828% 1.463%,1.08% 10.201%,1.08% 10.201%,0.9% 10.498%,0.737% 10.815%,0.592% 11.152%,0.464% 11.505%,0.354% 11.873%,0.263% 12.255%,0.191% 12.648%,0.14% 13.05%,0.108% 13.46%,0.098% 13.875% ); 

    }

    .third .top-curve {

        position: absolute;

        bottom: -.01%;

    }

}

/* @media screen and (max-width: 1600px) {

    .third .third--inner .third--grid {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

} */



/* fourth */

.fourth {

    position: relative;

    overflow: hidden;   

}

.fourth-container {

    background: var(--yellow);

    clip-path: polygon( 34.896% 0.17%,34.557% 0%,0.026% 0.085%,0.026% 4.514%,0% 4.514%,0% 95.486%,34.821% 95.486%,36.354% 99.489%,36.719% 99.957%,62.552% 99.957%,62.839% 99.276%,64.349% 95.571%,64.5% 95.486%,100% 95.486%,100% 4.557%,100% 4.514%,100% 0.085%,64.792% 0%,64.323% 0.17%,62.629% 4.302%,62.326% 4.514%,36.776% 4.514%,36.484% 4.344%,34.896% 0.17% ); 

}

.fourth .top-line {

    position: absolute;

    top: 5px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    max-width: var(--fourth-line-width);

}

.fourth .bottom-line {

    position: absolute;

    bottom: 2%;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    max-width: var(--fourth-line-width);

    z-index: 1;

}

.fourth > .container {

    /* position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%); */

    height: 100%;

}

.fourth .fourth--inner {

    height: 100%;

    padding: var(--fourth-inner-padding-top) 0 var(--fourth-inner-padding-bottom);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: var(--fourth-inner-gap);

}

.fourth .fourth--inner .fourth--header-container {

    display: flex;

    align-items: inherit;

    position: relative;

    padding: var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

.fourth .fourth--inner .fourth--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.fourth .fourth--inner .fourth--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

    display: none;

}

.fourth .fourth--inner .fourth--header-container .fourth--header-left {

    display: flex;

    /* flex-direction: column; */

    /* gap: 22px */

}

.fourth .fourth--inner .fourth--header-container .fourth--header-left .head-tab-texts {

    display: none;

    flex-direction: column;

    gap: var(--fourth-head-tab-gap);

}

.fourth .fourth--inner .fourth--header-container .fourth--header-left .head-tab-texts.active {

    display: flex;

}

.fourth .fourth--inner .fourth--header-container .fourth--header-left h2 {

    color: var(--black);

    white-space: pre-line;

}

.fourth .fourth--inner .fourth--header-container .fourth--header-left p {

    color: var(--half-black);

}

.fourth .fourth--inner .fourt--header-tabs {

    display: flex;

    align-items: center;

    gap: var(--fourth-tabs-gap);

}



.fourth .fourth--inner .fourth--swiper-container {

    overflow-x: clip;

    width: 100%;

}

.fourth .fourth--inner .swiper-wrapper {

    align-items: flex-end;

}



.fourth .fourth--inner .fourth--swiper-container .swiper-slide {

    display: flex;

    flex-direction: column;

    width: 100%;

    padding: 0 var(--header-container-padding-left) 1px;

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .fourth-container {

        clip-path: polygon( 0% 0%,26.871% 0.091%,26.871% 0.091%,26.897% 0.091%,26.923% 0.092%,26.949% 0.094%,26.975% 0.097%,27.001% 0.1%,27.026% 0.104%,27.052% 0.109%,27.077% 0.114%,27.103% 0.12%,27.128% 0.127%,27.128% 0.127%,27.196% 0.149%,27.262% 0.175%,27.325% 0.207%,27.385% 0.243%,27.442% 0.283%,27.495% 0.327%,27.545% 0.376%,27.59% 0.427%,27.631% 0.483%,27.668% 0.541%,29.161% 3.174%,29.161% 3.174%,29.168% 3.188%,29.177% 3.201%,29.185% 3.214%,29.193% 3.227%,29.202% 3.24%,29.211% 3.253%,29.22% 3.266%,29.23% 3.278%,29.24% 3.291%,29.249% 3.303%,29.612% 3.744%,69.148% 3.744%,69.801% 3.209%,72.202% 0.617%,72.202% 0.617%,72.215% 0.603%,72.228% 0.59%,72.241% 0.577%,72.255% 0.564%,72.269% 0.551%,72.283% 0.539%,72.298% 0.527%,72.312% 0.515%,72.327% 0.504%,72.342% 0.492%,72.758% 0.191%,72.758% 0.191%,72.811% 0.156%,72.865% 0.124%,72.922% 0.095%,72.98% 0.07%,73.04% 0.049%,73.101% 0.032%,73.164% 0.018%,73.227% 0.008%,73.291% 0.002%,73.356% 0%,100% 0%,100% 3.744%,100% 96.347%,72.754% 96.347%,72.607% 96.393%,69.678% 99.543%,69.141% 99.909%,29.97% 100%,29.395% 99.726%,27.49% 96.438%,26.969% 96.347%,0% 96.347%,0% 3.744%,0% 0% ); 

    }

    .fourth .fourth--inner .fourth--header-container {

        display: flex;

        flex-direction: column;

        align-items: inherit;

        justify-content: initial;

        padding: 0;

        gap: var(--fourth-header-container-gap);

    }

    .fourth .fourth--inner .fourth--header-container .fourth--header-left .head-tab-texts {

        width: 100%;

        flex-direction: row;

        justify-content: space-between;

        padding: var(--header-container-padding-top) var(--header-container-padding-left);

        align-items: flex-end;

    }

    .fourth .fourth--inner .fourth--swiper-container .swiper-slide {

        padding: 0;

    }

    .fourth .fourth--inner .fourth--header-container .fourth--header-left p {

        white-space: pre-line;

    }

    .fourth .fourth--inner .fourth--header-container .right-corner {

        display: flex;

        bottom: var(--fourth-right-corener-bottom);

    }

}

@media screen and (max-width: 768px) {

    .fourth {

        overflow: inherit;

    }

    .fourth-container {

        clip-path: none; 

    }

    .fourth .fourth--inner .fourth--flex-mob-only {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        height: var(--fourth-header-container-height);

    }

    .fourth .fourth--inner .fourth--header-container .fourth--header-left h2 {

        white-space: initial;

        text-align: justify;

    }

    .fourth .fourth--inner .fourth--header-container .fourth--header-left p {

        text-align: justify;

    }

    .fourth .fourth--inner .fourth--header-container .right-corner {

        display: flex;

        bottom: var(--fourth-right-corener-bottom);

    }

    .fourth .fourth--inner .fourt--header-tabs {

        display: flex;

        flex-wrap: wrap;

    }

    .fourth .fourth--inner .fourt--header-tabs .fourt--header-tabs-up {

        display: grid;align-items: center;

        grid-template-columns: 1fr 1.9fr;

        gap: var(--fourth-tabs-gap);

        width: 100%;

    }

    .fourth .fourth--inner .fourth--swiper-container .swiper-slide {

        padding: 0;

        gap: 0;

    }

    .fourth .fourth--inner .swiper-wrapper {

        align-items: flex-start;

    }

    .fourth .fourth--inner .tab-elem-grid-header .tab {

        text-align: left;

        color: var(--half-black);

        padding-left: var(--tab-elem-grid-header-double-tab);

    }

}



/* fifth */

.fifth {

    margin-top: -3%;

    position: relative;

    z-index: 1;

    overflow: hidden;

    background-image: url(../img/mesh-fifth-pc.png);

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.fifth .under-line {

    width: 100%;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    z-index: 2;

}

.fifth > .container {

    height: 100%;

}

.fifth .fifth--inner {

    height: 100%;

    padding: var(--fifth-inner-padding-top) 0 var(--fifth-inner-padding);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: var(--fifth-inner-gap);

}

.fifth .fifth--inner .fifth--header-container {

    display: flex;

    align-items: flex-end;

    position: relative;

    padding: var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

.fifth .fifth--inner .fifth--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.fifth .fifth--inner .fifth--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.fifth .fifth--inner .fifth--header-container > h2 {

    color: var(--white);

    width: 100%;

    max-width: var(--fifth--header-h2-width);

    white-space: pre-line;

}

.fifth .fifth--inner .fifth--header-container > p {

    color: var(--half-white);

    max-width: var(--header-container-p-max-width);

    margin-left: auto;

}

/* fifth grid */

.fifth .fifth--inner .fifth--grid-container {

    display: flex;

    flex-direction: column;

    gap: var(--fifth-grid-container);

}

.fifth .fifth--inner .fifth--grid-container button {

    width: 100%;

}

.fifth .fifth--inner .fifth--grid {

    display: grid;

    grid-template-columns: .97fr 1fr;

    gap: var(--fifth-grid-gap);

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container {

    display: flex;

    flex-direction: column;

    gap: var(--fifth-grid-gap);

}

.fifth .fifth--inner .fifth--grid .fifth--video-block {

    position: relative;

    width: 100%;

    height: 100%;

    padding: var(--fifth-video-block);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background: var(--grey);

    clip-path: polygon( 0.087% 4.193%,0.087% 6.005%,0.087% 98.31%,0.087% 98.31%,0.089% 98.402%,0.096% 98.494%,0.106% 98.584%,0.122% 98.673%,0.141% 98.761%,0.164% 98.847%,0.192% 98.93%,0.223% 99.012%,0.258% 99.091%,0.298% 99.167%,0.359% 99.278%,0.359% 99.278%,0.424% 99.385%,0.496% 99.482%,0.574% 99.57%,0.657% 99.647%,0.746% 99.714%,0.838% 99.769%,0.934% 99.812%,1.034% 99.844%,1.135% 99.863%,1.239% 99.87%,96.973% 99.726%,96.973% 99.726%,97.059% 99.722%,97.143% 99.708%,97.227% 99.686%,97.309% 99.655%,97.388% 99.616%,97.465% 99.569%,97.539% 99.514%,97.61% 99.452%,97.677% 99.382%,97.74% 99.304%,99.669% 96.751%,99.669% 96.751%,99.727% 96.667%,99.781% 96.577%,99.828% 96.483%,99.87% 96.384%,99.906% 96.281%,99.935% 96.174%,99.959% 96.065%,99.976% 95.954%,99.986% 95.84%,99.989% 95.725%,99.989% 2.034%,99.989% 2.034%,99.986% 1.93%,99.978% 1.828%,99.964% 1.726%,99.945% 1.627%,99.921% 1.53%,99.892% 1.435%,99.857% 1.343%,99.818% 1.254%,99.774% 1.169%,99.725% 1.088%,99.498% 0.739%,99.498% 0.739%,99.433% 0.647%,99.363% 0.564%,99.289% 0.49%,99.21% 0.424%,99.127% 0.368%,99.041% 0.321%,98.952% 0.285%,98.861% 0.258%,98.768% 0.242%,98.673% 0.236%,3.184% 0.236%,3.184% 0.236%,3.101% 0.24%,3.019% 0.253%,2.939% 0.273%,2.86% 0.302%,2.783% 0.338%,2.708% 0.382%,2.636% 0.433%,2.566% 0.491%,2.5% 0.557%,2.438% 0.629%,0.43% 3.138%,0.43% 3.138%,0.367% 3.223%,0.31% 3.315%,0.259% 3.411%,0.215% 3.513%,0.176% 3.619%,0.144% 3.728%,0.119% 3.841%,0.101% 3.956%,0.09% 4.074%,0.087% 4.193% ); 

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video--container {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    z-index: -1;

    cursor: pointer;

}

.fifth .fifth--inner .fifth--grid .fifth--video-block video {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video--container:after {

    display: block;

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.25);

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video-block-flex {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    color: var(--white);

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video-block-flex > p {

    width: 100%; 

    max-width: var(--fifth-video-block-title-width);

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video-block-flex .vb-flex-changes {

    overflow: clip;

}

.swiper-changetxt {

    width: 100%;

    max-width: var(--fifth-slider-width);

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video-block-flex .vb-flex-changes .swiper-slide {

    display: flex;

    flex-direction: column;

    gap: var(--fifth-video-block-bul-cont-gap);

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video-block-flex .vb-flex-changes .bullet-box {

    gap: 2px;

    display: flex;

    align-items: center;

}

.fifth .fifth--inner .fifth--grid .fifth--video-block .video-block-flex .vb-flex-changes .bullet-box .bullet-change {

    width: var(--fifth-bullet-size);

    height: var(--fifth-bullet-size);

    background: var(--yellow);

    border-radius: 50%;

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block {

    padding: var(--fifth-grid-flex-block);

    display: grid;

    grid-template-columns: auto .82fr;

    justify-content: space-between;

    align-items: flex-start;

    background: var(--grey);

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block:nth-child(1) {

    clip-path: polygon( 0.082% 7.316%,0.082% 10.478%,0.082% 97.511%,0.082% 97.511%,0.083% 97.62%,0.087% 97.729%,0.093% 97.836%,0.101% 97.943%,0.111% 98.048%,0.124% 98.153%,0.139% 98.255%,0.156% 98.356%,0.175% 98.456%,0.197% 98.553%,0.197% 98.553%,0.251% 98.758%,0.315% 98.946%,0.386% 99.116%,0.465% 99.266%,0.549% 99.397%,0.64% 99.506%,0.735% 99.592%,0.834% 99.655%,0.936% 99.694%,1.041% 99.707%,96.793% 99.707%,96.793% 99.707%,96.88% 99.699%,96.967% 99.676%,97.051% 99.637%,97.134% 99.584%,97.215% 99.516%,97.293% 99.434%,97.368% 99.338%,97.44% 99.229%,97.508% 99.106%,97.572% 98.971%,99.525% 94.518%,99.525% 94.518%,99.585% 94.371%,99.639% 94.214%,99.687% 94.049%,99.729% 93.876%,99.765% 93.697%,99.795% 93.512%,99.819% 93.321%,99.836% 93.126%,99.846% 92.928%,99.85% 92.728%,99.85% 3.549%,99.85% 3.549%,99.847% 3.368%,99.838% 3.188%,99.824% 3.012%,99.805% 2.838%,99.781% 2.669%,99.751% 2.503%,99.716% 2.343%,99.676% 2.188%,99.631% 2.04%,99.582% 1.899%,99.352% 1.289%,99.352% 1.289%,99.287% 1.129%,99.216% 0.984%,99.14% 0.854%,99.06% 0.74%,98.976% 0.642%,98.889% 0.561%,98.799% 0.496%,98.706% 0.45%,98.612% 0.422%,98.516% 0.412%,3.22% 0.412%,3.22% 0.412%,3.136% 0.42%,3.053% 0.441%,2.971% 0.477%,2.891% 0.527%,2.813% 0.59%,2.737% 0.666%,2.664% 0.756%,2.594% 0.857%,2.527% 0.972%,2.464% 1.098%,0.43% 5.475%,0.43% 5.475%,0.366% 5.624%,0.308% 5.783%,0.257% 5.952%,0.212% 6.129%,0.173% 6.313%,0.141% 6.504%,0.115% 6.701%,0.097% 6.903%,0.086% 7.108%,0.082% 7.316% );

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block:nth-child(2) {

    clip-path: polygon( 0.082% 10.192%,0.082% 14.695%,0.082% 96.416%,0.082% 96.416%,0.084% 96.596%,0.088% 96.776%,0.096% 96.954%,0.106% 97.13%,0.12% 97.304%,0.136% 97.475%,0.156% 97.644%,0.178% 97.808%,0.203% 97.969%,0.23% 98.125%,0.23% 98.125%,0.289% 98.403%,0.356% 98.657%,0.429% 98.886%,0.509% 99.089%,0.595% 99.264%,0.685% 99.409%,0.78% 99.525%,0.878% 99.609%,0.979% 99.661%,1.083% 99.678%,96.793% 99.678%,96.793% 99.678%,96.88% 99.667%,96.967% 99.634%,97.051% 99.578%,97.134% 99.502%,97.215% 99.405%,97.293% 99.288%,97.368% 99.152%,97.44% 98.996%,97.508% 98.822%,97.572% 98.629%,99.525% 92.287%,99.525% 92.287%,99.585% 92.077%,99.639% 91.854%,99.687% 91.619%,99.729% 91.373%,99.765% 91.118%,99.795% 90.854%,99.819% 90.582%,99.836% 90.305%,99.846% 90.023%,99.85% 89.738%,99.85% 4.893%,99.85% 4.893%,99.847% 4.623%,99.837% 4.357%,99.822% 4.094%,99.801% 3.837%,99.774% 3.585%,99.742% 3.341%,99.704% 3.105%,99.661% 2.879%,99.612% 2.662%,99.558% 2.457%,99.295% 1.522%,99.295% 1.522%,99.23% 1.31%,99.16% 1.117%,99.085% 0.944%,99.007% 0.793%,98.926% 0.663%,98.842% 0.556%,98.755% 0.471%,98.665% 0.41%,98.575% 0.372%,98.483% 0.36%,3.22% 0.36%,3.22% 0.36%,3.136% 0.37%,3.053% 0.401%,2.971% 0.452%,2.891% 0.523%,2.813% 0.613%,2.737% 0.722%,2.664% 0.849%,2.594% 0.994%,2.527% 1.157%,2.464% 1.336%,0.43% 7.571%,0.43% 7.571%,0.366% 7.782%,0.308% 8.009%,0.257% 8.249%,0.212% 8.501%,0.173% 8.764%,0.141% 9.036%,0.115% 9.317%,0.097% 9.604%,0.086% 9.896%,0.082% 10.192% ); 

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block .fifth--grid-text-flex {

    display: flex;

    flex-direction: column;

    gap: var(--fifth-grid-gap);

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block .fifth--grid-text-flex-40 {

    display: flex;

    flex-direction: column;

    gap: var(--fifth-grid-gap-40);

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-box {

    display: flex;

    flex-direction: column;

    gap: var(--fifth-grid-box);

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block .divider {

    width: 100%;

    height: 1px;

    background: var(--half-white);

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block h3 {

    color: var(--half-white);

}

.fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block p {

    color: var(--half-white);

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .fifth {

        padding: 0;

        margin-top: -3.8%;

        background-image: url(../img/mesh-fifth-tab.png);

    }

    .fifth .fifth--inner .fifth--grid {

        grid-template-columns: 1fr;

        grid-template-rows: .98fr 1fr;

    }

    .fifth .fifth--inner .fifth--header-container {

        flex-wrap: initial;

    }

    .fifth .fifth--inner .fifth--header-container > p  {

        margin: 0;

    }

    .fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block {

        grid-template-columns: auto .75fr;

    }

}

@media screen and (max-width: 768px) {

    .fifth {

        padding: 0;

        margin-top: initial;

        background-image: url(../img/mesh-fifth-mob.png);

    }

    .fifth .curve-bottom {

        position: absolute;

        top: -.07%;

        width: 100%;

        left: 0;

        right: 0;

        z-index: 4;

    }

    .fifth .curve-white {

        position: absolute;

        bottom: 0;

        width: 100%;

        left: 0;

        right: 0;

        z-index: 4;

    }

    .fifth .fifth--inner .fifth--header-container > p {

        text-align: justify;

    }

    .fifth .fifth--inner .fifth--header-container > h2 {

        text-align: justify;

    }

    .fifth .fifth--inner .fifth--grid {

        grid-template-columns: 1fr;

        grid-template-rows: 1fr auto;

    }

    .fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block {

        display: flex;

        flex-direction: column;

    }

    .fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block {

        display: flex;

        flex-direction: column;

        padding: 0;

        clip-path: none !important;

        background: none;

        gap: var(--fifth-grid-box);

    }

    .fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block .fifth--grid-text-flex-40 {

        padding: var(--fifth-grid-gap-40);

        background: var(--grey);

        clip-path: polygon( 0.098% 9.365%,0.098% 13.629%,0.098% 97.224%,0.098% 97.224%,0.102% 97.381%,0.114% 97.537%,0.135% 97.692%,0.164% 97.845%,0.202% 97.996%,0.247% 98.144%,0.3% 98.289%,0.36% 98.43%,0.429% 98.568%,0.504% 98.702%,0.504% 98.702%,0.65% 98.918%,0.813% 99.115%,0.991% 99.293%,1.184% 99.449%,1.389% 99.585%,1.605% 99.697%,1.831% 99.786%,2.065% 99.851%,2.305% 99.891%,2.551% 99.904%,91.265% 99.904%,91.265% 99.904%,91.511% 99.894%,91.755% 99.862%,91.994% 99.81%,92.228% 99.738%,92.456% 99.646%,92.676% 99.535%,92.889% 99.406%,93.092% 99.258%,93.285% 99.093%,93.466% 98.911%,98.985% 92.904%,98.985% 92.904%,99.153% 92.706%,99.306% 92.495%,99.442% 92.272%,99.562% 92.039%,99.664% 91.797%,99.749% 91.547%,99.816% 91.29%,99.864% 91.028%,99.893% 90.76%,99.903% 90.49%,99.903% 4.075%,99.903% 4.075%,99.893% 3.808%,99.865% 3.543%,99.817% 3.283%,99.752% 3.029%,99.669% 2.781%,99.569% 2.541%,99.452% 2.31%,99.318% 2.089%,99.168% 1.879%,99.003% 1.681%,98.448% 1.066%,98.448% 1.066%,98.266% 0.881%,98.072% 0.712%,97.868% 0.562%,97.654% 0.43%,97.431% 0.317%,97.201% 0.223%,96.965% 0.15%,96.723% 0.096%,96.477% 0.064%,96.229% 0.053%,8.965% 0.053%,8.965% 0.053%,8.727% 0.063%,8.493% 0.092%,8.262% 0.141%,8.036% 0.208%,7.816% 0.293%,7.601% 0.396%,7.395% 0.516%,7.196% 0.654%,7.007% 0.808%,6.828% 0.978%,1.08% 6.882%,1.08% 6.882%,0.9% 7.083%,0.737% 7.297%,0.592% 7.525%,0.464% 7.763%,0.354% 8.012%,0.263% 8.27%,0.191% 8.536%,0.14% 8.807%,0.108% 9.084%,0.098% 9.365% );

    }

    .fifth .fifth--inner .fifth--grid .fifth--grid-flex-container .fifth--grid-block .fifth--grid-text-flex {

        gap: var(--fifth-grid-box);

        width: 100%;

        padding: var(--fifth-grid-gap-40);

        background: var(--grey);

        clip-path: polygon( 0.098% 11.983%,0.098% 17.465%,0.098% 96.445%,0.098% 96.445%,0.102% 96.647%,0.114% 96.848%,0.135% 97.047%,0.164% 97.244%,0.202% 97.437%,0.247% 97.628%,0.3% 97.814%,0.36% 97.996%,0.429% 98.173%,0.504% 98.345%,0.504% 98.345%,0.65% 98.623%,0.813% 98.876%,0.991% 99.104%,1.184% 99.306%,1.389% 99.48%,1.605% 99.624%,1.831% 99.739%,2.065% 99.822%,2.305% 99.873%,2.551% 99.89%,91.265% 99.89%,91.265% 99.89%,91.511% 99.877%,91.755% 99.836%,91.994% 99.769%,92.228% 99.676%,92.456% 99.559%,92.676% 99.416%,92.889% 99.25%,93.092% 99.06%,93.285% 98.848%,93.466% 98.614%,98.985% 90.893%,98.985% 90.893%,99.153% 90.638%,99.306% 90.366%,99.442% 90.08%,99.562% 89.781%,99.664% 89.47%,99.749% 89.148%,99.816% 88.818%,99.864% 88.481%,99.893% 88.137%,99.903% 87.789%,99.903% 5.184%,99.903% 5.184%,99.893% 4.84%,99.865% 4.5%,99.817% 4.166%,99.752% 3.839%,99.669% 3.52%,99.569% 3.212%,99.452% 2.915%,99.318% 2.63%,99.168% 2.36%,99.003% 2.106%,98.448% 1.316%,98.448% 1.316%,98.266% 1.077%,98.072% 0.861%,97.868% 0.667%,97.654% 0.498%,97.431% 0.352%,97.201% 0.232%,96.965% 0.137%,96.723% 0.069%,96.477% 0.028%,96.229% 0.014%,8.965% 0.014%,8.965% 0.014%,8.727% 0.026%,8.493% 0.064%,8.262% 0.126%,8.036% 0.212%,7.816% 0.322%,7.601% 0.454%,7.395% 0.609%,7.196% 0.786%,7.007% 0.984%,6.828% 1.202%,1.08% 8.791%,1.08% 8.791%,0.9% 9.049%,0.737% 9.325%,0.592% 9.618%,0.464% 9.925%,0.354% 10.245%,0.263% 10.576%,0.191% 10.917%,0.14% 11.267%,0.108% 11.622%,0.098% 11.983% ); 

    }

    .fifth .fifth--inner .fifth--grid .fifth--video-block {

        padding: 0;

        background: none;

        clip-path: none;

        display: flex;

        flex-direction: column;

        gap: var(--fifth-grid-gap-40);

    }

    .fifth .fifth--inner .fifth--grid .fifth--video-block .tab {

        color: var(--half-white);

        padding: var(--tab-top-padding) var(--fifth-inner-gap);

    }

    .fifth .fifth--inner .fifth--grid .fifth--video-block .video-block-flex {

        background: var(--grey);

        padding: var(--fifth-grid-gap-40);

        clip-path: polygon( 0.098% 6.834%,0.098% 9.959%,0.098% 97.965%,0.098% 97.965%,0.102% 98.08%,0.114% 98.195%,0.135% 98.308%,0.164% 98.42%,0.202% 98.531%,0.247% 98.639%,0.3% 98.746%,0.36% 98.849%,0.429% 98.951%,0.504% 99.049%,0.504% 99.049%,0.65% 99.207%,0.813% 99.351%,0.991% 99.482%,1.184% 99.596%,1.389% 99.695%,1.605% 99.778%,1.831% 99.843%,2.065% 99.891%,2.305% 99.92%,2.551% 99.93%,91.265% 99.93%,91.265% 99.93%,91.511% 99.922%,91.755% 99.899%,91.994% 99.861%,92.228% 99.808%,92.456% 99.741%,92.676% 99.659%,92.889% 99.564%,93.092% 99.456%,93.285% 99.335%,93.466% 99.202%,98.985% 94.799%,98.985% 94.799%,99.153% 94.653%,99.306% 94.499%,99.442% 94.335%,99.562% 94.165%,99.664% 93.987%,99.749% 93.804%,99.816% 93.616%,99.864% 93.423%,99.893% 93.227%,99.903% 93.029%,99.903% 2.956%,99.903% 2.956%,99.893% 2.76%,99.865% 2.566%,99.817% 2.376%,99.752% 2.189%,99.669% 2.007%,99.569% 1.832%,99.452% 1.662%,99.318% 1.5%,99.168% 1.346%,99.003% 1.201%,98.448% 0.751%,98.448% 0.751%,98.266% 0.614%,98.072% 0.491%,97.868% 0.381%,97.654% 0.284%,97.431% 0.201%,97.201% 0.132%,96.965% 0.078%,96.723% 0.039%,96.477% 0.016%,96.229% 0.008%,8.965% 0.008%,8.965% 0.008%,8.727% 0.015%,8.493% 0.036%,8.262% 0.072%,8.036% 0.121%,7.816% 0.183%,7.601% 0.259%,7.395% 0.347%,7.196% 0.448%,7.007% 0.561%,6.828% 0.686%,1.08% 5.013%,1.08% 5.013%,0.9% 5.16%,0.737% 5.318%,0.592% 5.484%,0.464% 5.66%,0.354% 5.842%,0.263% 6.031%,0.191% 6.226%,0.14% 6.425%,0.108% 6.628%,0.098% 6.834% ); 

        height: var(--fifth-video-height);

        display: flex;

        flex-direction: column-reverse;

        justify-content: space-between;

        position: relative;

    }

}

/* @media screen and (max-width: 1600px) {

    .third .third--inner .third--grid {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

} */



/* sixth */

.sixth {

    position: relative;

    z-index: 1;

    overflow: hidden;

    background-image: url(../img/mesh-sixth-pc.png);

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.sixth > .container {

    height: 100%;

}

.sixth .sixth--inner {

    height: 100%;

    padding: var(--sixth-inner-padding-top) 0 var(--sixth-inner-padding-bottom);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: var(--sixth-inner-gap);

}

.sixth .sixth--inner .sixth--header-container {

    display: flex;

    align-items: flex-end;

    position: relative;

    padding: var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

.sixth .sixth--inner .sixth--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.sixth .sixth--inner .sixth--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.sixth .sixth--inner .sixth--header-container > h2 {

    color: var(--white);

    white-space: pre-line;

}

/* .sixth .sixth--inner .scroll--inner {

    display: grid;

    grid-auto-flow: column; 

    grid-auto-columns: 24%; 

    gap: var(--sixth-flex-gap);

    position: relative;

} */

.sixth .sixth--inner .sixth--scroll-container {

    overflow: clip;

}



.sixth .sixth--inner .sixth--scroll-container .swiper-scroll {

    display: flex;

    gap: 20px;

    justify-content: flex-end;

}

.sixth .sixth--inner .sixth--scroll-container .swiper-scroll .swiper-slide {

    width: 24%;

    flex-shrink: 0;

}



.sixth .sixth--inner .grid--block {

    height: var(--sixth-grid-block-height); /* to tablet */

    background: var(--grey);

    padding: var(--sixth-grid-block-padding); /* to tablet */

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-start;

    clip-path: polygon( 0.134% 6.616%,0.134% 9.646%,0.134% 98.096%,0.134% 98.096%,0.137% 98.207%,0.147% 98.318%,0.162% 98.428%,0.183% 98.537%,0.209% 98.644%,0.242% 98.749%,0.28% 98.852%,0.324% 98.953%,0.373% 99.051%,0.428% 99.146%,0.428% 99.146%,0.533% 99.299%,0.651% 99.44%,0.78% 99.566%,0.919% 99.677%,1.067% 99.773%,1.223% 99.853%,1.386% 99.916%,1.555% 99.962%,1.729% 99.99%,1.906% 100%,93.672% 100%,93.672% 100%,93.849% 99.992%,94.025% 99.97%,94.198% 99.933%,94.367% 99.882%,94.531% 99.817%,94.691% 99.738%,94.844% 99.646%,94.991% 99.541%,95.13% 99.424%,95.261% 99.294%,99.246% 95.027%,99.246% 95.027%,99.368% 94.886%,99.478% 94.736%,99.577% 94.578%,99.663% 94.412%,99.737% 94.24%,99.798% 94.062%,99.846% 93.88%,99.881% 93.693%,99.902% 93.503%,99.909% 93.311%,99.909% 2.858%,99.909% 2.858%,99.902% 2.668%,99.882% 2.48%,99.848% 2.295%,99.8% 2.114%,99.74% 1.938%,99.668% 1.768%,99.583% 1.603%,99.487% 1.446%,99.379% 1.297%,99.259% 1.156%,98.858% 0.72%,98.858% 0.72%,98.727% 0.588%,98.587% 0.468%,98.439% 0.361%,98.285% 0.268%,98.124% 0.187%,97.958% 0.121%,97.788% 0.068%,97.613% 0.031%,97.436% 0.008%,97.256% 0%,6.537% 0%,6.537% 0%,6.366% 0.007%,6.197% 0.028%,6.03% 0.062%,5.867% 0.11%,5.708% 0.17%,5.553% 0.243%,5.404% 0.329%,5.261% 0.427%,5.124% 0.536%,4.995% 0.657%,0.844% 4.852%,0.844% 4.852%,0.714% 4.994%,0.596% 5.147%,0.491% 5.308%,0.399% 5.478%,0.319% 5.655%,0.254% 5.838%,0.202% 6.027%,0.165% 6.22%,0.142% 6.417%,0.134% 6.616% );

}

.sixth .sixth--inner .grid--block.block-last {

    justify-content: flex-end;

    align-items: center;

    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../img/drone.png); */

    background-size: cover !important;

    background-position: center !important;

    background-repeat: no-repeat !important;

}

.sixth .sixth--inner .grid--block.img {

    padding: 0;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.sixth .sixth--inner .grid--block > svg {

    max-height: var(--sixth-grid-block-svg-width);

}

.sixth .sixth--inner .grid--block .grid--block-flex {

    display: flex;

    flex-direction: column;

    gap: var(--sixth-grid-block-flex-gap);

}

.sixth .sixth--inner .grid--block .grid--block-flex > h3 {

    color: var(--white);

}

.sixth .sixth--inner .grid--block .grid--block-flex > p {

    color: var(--half-white);

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .sixth {

        background-image: url(../img/mesh-sixth-tab.png);

        margin-top: initial;

    }

    .sixth .sixth--inner .sixth--scroll-container {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: var(--sixth-cont-gap);

    }

    .sixth .sixth--inner .grid--block {

        clip-path: polygon( 0% 9.794%,0% 14.279%,0% 97.181%,0% 97.181%,0.003% 97.346%,0.012% 97.511%,0.027% 97.674%,0.047% 97.834%,0.074% 97.993%,0.105% 98.149%,0.143% 98.301%,0.186% 98.45%,0.234% 98.595%,0.288% 98.736%,0.288% 98.736%,0.391% 98.963%,0.506% 99.17%,0.632% 99.357%,0.769% 99.522%,0.914% 99.664%,1.067% 99.782%,1.227% 99.876%,1.393% 99.944%,1.563% 99.986%,1.736% 100%,93.886% 100%,93.886% 100%,94.061% 99.989%,94.233% 99.956%,94.402% 99.901%,94.568% 99.825%,94.729% 99.729%,94.885% 99.612%,95.036% 99.476%,95.179% 99.321%,95.316% 99.147%,95.444% 98.955%,99.35% 92.638%,99.35% 92.638%,99.47% 92.429%,99.578% 92.207%,99.674% 91.973%,99.759% 91.728%,99.831% 91.474%,99.891% 91.211%,99.938% 90.94%,99.972% 90.664%,99.993% 90.383%,100% 90.099%,100% 4.23%,100% 4.23%,99.993% 3.949%,99.973% 3.671%,99.94% 3.397%,99.893% 3.13%,99.835% 2.869%,99.764% 2.617%,99.681% 2.374%,99.586% 2.141%,99.48% 1.92%,99.363% 1.712%,98.97% 1.066%,98.97% 1.066%,98.841% 0.87%,98.704% 0.693%,98.56% 0.535%,98.408% 0.396%,98.251% 0.277%,98.088% 0.179%,97.921% 0.101%,97.75% 0.045%,97.576% 0.011%,97.4% 0%,6.276% 0%,6.276% 0%,6.108% 0.01%,5.942% 0.041%,5.779% 0.092%,5.619% 0.162%,5.463% 0.252%,5.311% 0.36%,5.165% 0.487%,5.024% 0.632%,4.89% 0.794%,4.764% 0.973%,0.696% 7.182%,0.696% 7.182%,0.568% 7.393%,0.453% 7.619%,0.35% 7.858%,0.259% 8.109%,0.181% 8.371%,0.117% 8.642%,0.066% 8.921%,0.03% 9.207%,0.007% 9.498%,0% 9.794% );

        gap: var(--sixth-grid-block-gap);

    }

    .sixth .sixth--inner .grid--block button {

        width: 100%;

    }

}

@media screen and (max-width: 768px) {

    .sixth {

        background-image: url(../img/mesh-sixth-mob.png);

    }

    .sixth .sixth--inner .sixth--scroll-container{

        display: flex;

        flex-direction: column;

        gap: var(--sixth-cont-gap);

    }

    .sixth .sixth--inner .grid--block {

        gap: var(--sixth-grid-block-gap);

        height: auto;

        clip-path: polygon( 0.098% 11.577%,0.098% 16.801%,0.098% 96.665%,0.098% 96.665%,0.102% 96.857%,0.114% 97.049%,0.135% 97.238%,0.164% 97.425%,0.202% 97.61%,0.247% 97.791%,0.3% 97.969%,0.36% 98.143%,0.429% 98.311%,0.504% 98.475%,0.504% 98.475%,0.65% 98.74%,0.813% 98.982%,0.991% 99.199%,1.184% 99.391%,1.389% 99.556%,1.605% 99.694%,1.831% 99.804%,2.065% 99.883%,2.305% 99.932%,2.551% 99.948%,91.265% 99.948%,91.265% 99.948%,91.511% 99.935%,91.755% 99.896%,91.994% 99.832%,92.228% 99.744%,92.456% 99.632%,92.676% 99.496%,92.889% 99.338%,93.092% 99.157%,93.285% 98.955%,93.466% 98.731%,98.985% 91.373%,98.985% 91.373%,99.153% 91.13%,99.306% 90.871%,99.442% 90.598%,99.562% 90.313%,99.664% 90.017%,99.749% 89.71%,99.816% 89.396%,99.864% 89.074%,99.893% 88.747%,99.903% 88.415%,99.903% 5.097%,99.903% 5.097%,99.893% 4.769%,99.865% 4.445%,99.817% 4.127%,99.752% 3.815%,99.669% 3.512%,99.569% 3.218%,99.452% 2.934%,99.318% 2.663%,99.168% 2.406%,99.003% 2.164%,98.448% 1.411%,98.448% 1.411%,98.266% 1.183%,98.072% 0.977%,97.868% 0.793%,97.654% 0.631%,97.431% 0.493%,97.201% 0.378%,96.965% 0.288%,96.723% 0.223%,96.477% 0.183%,96.229% 0.17%,8.965% 0.17%,8.965% 0.17%,8.727% 0.182%,8.493% 0.218%,8.262% 0.277%,8.036% 0.359%,7.816% 0.463%,7.601% 0.589%,7.395% 0.737%,7.196% 0.905%,7.007% 1.094%,6.828% 1.303%,1.08% 8.535%,1.08% 8.535%,0.9% 8.781%,0.737% 9.044%,0.592% 9.323%,0.464% 9.615%,0.354% 9.92%,0.263% 10.236%,0.191% 10.561%,0.14% 10.894%,0.108% 11.233%,0.098% 11.577% ); 

    }

    .sixth .sixth--inner .grid--block.block-last {

        padding: var(--sixth-grid-block-padding-last);

        height: var(--sixth-grid-block-height);

    }

    .sixth .sixth--inner .grid--block > svg {

        flex-shrink: 0;

    }

    .sixth .sixth--inner .sixth--header-container > h2 {

        padding: 0 5px;

        white-space: initial;

        text-align: justify;

    }

    .sixth .top-curve {

        position: absolute;

        bottom: -3px;

        width: 100%;

    }

}



/* Seventh */

.seventh {

    position: relative;

    overflow: hidden;   

}

.seventh-container {

    background: var(--yellow);

    clip-path: polygon( 34.922% 0.499%,34.583% 0.071%,0.026% 0.285%,0.026% 7.703%,0% 7.703%,0% 92.297%,34.825% 92.297%,36.536% 99.643%,36.823% 99.929%,37.113% 99.857%,62.527% 99.857%,62.813% 99.001%,64.245% 92.867%,64.453% 92.297%,100% 92.297%,100% 7.775%,100% 7.703%,100% 0.285%,64.792% 0.143%,64.401% 0.214%,62.629% 7.347%,62.521% 7.703%,36.719% 7.703%,36.51% 7.418%,34.922% 0.499% ); 

}

.seventh .top-line {

    position: absolute;

    top: 14px;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    max-width: var(--seventh-line-width);

}

.seventh .bottom-line {

    position: absolute;

    bottom: 3.5%;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    max-width: var(--seventh-line-width);

    z-index: 1;

}

.seventh > .container {

    /* position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%); */

    height: 100%;

}

.seventh .seventh--inner {

    height: 100%;

    padding: var(--seventh-inner-padding-top) 0 var(--seventh-inner-padding-bottom);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: var(--seventh-inner-gap);

}

.seventh .seventh--inner .seventh--header-container {

    display: flex;

    align-items: flex-end;

    position: relative;

    padding: var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

.seventh .seventh--inner .seventh--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.seventh .seventh--inner .seventh--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.seventh .seventh--inner .seventh--header-container h2 {

    color: var(--black);

    white-space: pre-line;

}

.seventh .seventh--inner .seventh--header-container p {

    color: var(--half-black);

    width: 100%;

    max-width: var(--seventh-p-width);

}

.seventh .seventh--inner .seventh--tabs-container {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: var(--seventh-tabs-container);

    padding: 0 var(--header-container-padding-left);

}

.seventh .seventh--inner .seventh--tabs-container .up--tabs {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.seventh .seventh--inner .seventh--tabs-container .up--tabs .up--tabs-box {

    display: flex;

    align-items: center;

    gap: var(--seventh-tabs-container);

}

.seventh .seventh--inner .seventh--tabs-container .arr {

    height: 100%;

    max-height: var(--tab-elem-grid-header-arr-height);

}

.seventh .seventh--inner .seventh--tabs-container button {

    width: 100%;

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .seventh-container {

        clip-path: polygon( 0% 0%,26.817% 0%,26.817% 0%,26.874% 0.004%,26.929% 0.015%,26.985% 0.033%,27.039% 0.058%,27.092% 0.09%,27.145% 0.129%,27.196% 0.174%,27.245% 0.226%,27.293% 0.285%,27.339% 0.35%,27.339% 0.35%,27.367% 0.395%,27.395% 0.443%,27.421% 0.493%,27.447% 0.545%,27.471% 0.599%,27.494% 0.655%,27.516% 0.713%,27.536% 0.773%,27.555% 0.834%,27.573% 0.897%,29.174% 6.822%,29.174% 6.822%,29.219% 6.973%,29.27% 7.113%,29.327% 7.244%,29.39% 7.363%,29.457% 7.47%,29.53% 7.565%,29.606% 7.648%,29.686% 7.716%,29.769% 7.771%,29.855% 7.811%,30.176% 7.93%,68.945% 7.93%,69.72% 6.846%,69.72% 6.846%,69.739% 6.819%,69.757% 6.791%,69.776% 6.762%,69.794% 6.733%,69.811% 6.702%,69.828% 6.671%,69.845% 6.639%,69.861% 6.606%,69.877% 6.572%,69.893% 6.538%,72.217% 1.257%,72.51% 0.484%,72.84% 0.18%,72.84% 0.18%,72.879% 0.146%,72.918% 0.116%,72.959% 0.089%,72.999% 0.065%,73.04% 0.046%,73.082% 0.029%,73.124% 0.016%,73.166% 0.007%,73.209% 0.002%,73.251% 0%,100% 0%,100% 7.93%,100% 92.456%,72.625% 92.456%,69.824% 98.743%,69.189% 100%,30.078% 100%,29.395% 99.613%,27.49% 92.843%,27.342% 92.456%,0% 92.456%,0% 7.93%,0% 0% ); 

    }

    .seventh .seventh--inner .seventh--tabs-container-tab {

        width: 100%;

        display: flex;

        flex-direction: column;

        gap: var(--seventh-tabs-container);

        padding: 0;

    }

    .seventh .seventh--inner .seventh--tabs-container-tab .up--tabs {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .seventh .seventh--inner .seventh--tabs-container-tab .tab {

        flex-shrink: 0;

    }

    .seventh .seventh--inner .seventh--tabs-container-tab .down--tabs {

        display: flex;

        align-items: center;

        gap: var(--seventh-tabs-container);

    }

    .seventh .seventh--inner .seventh--tabs-container-tab .up--tabs .up--tabs-box {

        display: flex;

        align-items: center;

        gap: var(--seventh-tabs-container);

    }

    .seventh .seventh--inner .seventh--tabs-container-tab .arr {

        height: 100%;

        max-height: var(--tab-elem-grid-header-arr-height);

    }

    .seventh .seventh--inner .seventh--tabs-container-tab button {

        width: 100%;

    }

}

@media screen and (max-width: 768px) {

    .seventh .seventh-container {

        clip-path: none; 

    }

    .seventh .seventh--inner .seventh--header-container h2 {

        white-space: inherit;

        text-align: justify;

    }

    .seventh .seventh--inner .seventh--header-container p {

        text-align: justify;

    }

    .seventh .seventh--inner .seventh--tabs-container.pc {

        display: flex !important;

        padding: 0;

    }

    .seventh .seventh--inner .seventh--tabs-container .up--tabs-box {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

    .seventh .seventh--inner .seventh--tabs-container .up--tabs-box h3 {

        width: 100%;

        justify-content: center;

    }

    .seventh .seventh--inner .seventh--tabs-container .up--tabs .up--tabs-box {

        gap: var(--seventh-tabs-up-gap);

    }

}





/* eight */

.eight {

    position: relative;

    z-index: 1;

    overflow: hidden;

    background-image: url(../img/mesh-eight-pc.png);

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    margin-top: -2.8%;

    margin-bottom: -.5%;

}

.eight > .container {

    height: 100%;

}

.eight .eight--inner {

    height: 100%;

    padding: var(--eight-inner-padding-top) 0 var(--eight-inner-padding-bottom);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    gap: var(--eight-inner-gap);

}

.eight .eight--inner .eight--header-container {

    display: flex;

    align-items: flex-end;

    position: relative;

    padding: var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

.eight .eight--inner .eight--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.eight .eight--inner .eight--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

.eight .eight--inner .eight--header-container > h2 {

    color: var(--white);

}

.eight .tab-elem-grid {

    grid-template-columns: 1fr .9fr;

}

.eight .left-tab-elem-grid h3 {

    white-space: pre-line;

}

@media screen and (max-width: 1140px) and (min-width: 768px) {

    .eight {

        margin-top: -4%;

        background-image: url(../img/mesh-eight-tab.png);

        margin-bottom: initial;

    }

    .eight .tab-elem-grid {

        grid-template-columns: .361fr .58fr;

        justify-content: space-between;

    }

    .eight .left-tab-elem-grid h3 {

        white-space: inherit;

    }

    .eight .eight--inner .eight--header-container > h2 {

        white-space: pre-line;

    }

}

@media screen and (max-width: 768px) {

    .eight {

        margin: 0;

        background-image: url(../img/mesh-eight-mob.png);

    }

    .eight .curve-bottom {

        position: absolute;

        top: -3px;

        width: 100%;

        left: 0;

        right: 0;

        z-index: 4;

    }

    .eight .eight--inner .eight--header-container > h2 {

        text-align: justify;

        width: 100%;

    }

    .eight .left-tab-elem-grid h3 {

        white-space: initial;

    }

}



/* footer */

footer {

    position: relative;

    z-index: 1;

    overflow: hidden;

}

footer > img {

    width: 100%;

}

footer > .container {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    height: 100%;

}

footer .footer--inner {

    height: 100%;

    padding: var(--footer-inner-padding-top) 0 var(--footer-inner-padding-bottom);

    display: grid;

    grid-template-columns: .38fr .3fr;

    justify-content: space-between;

}

footer .footer--inner .footer--header-container {

    display: flex;

    flex-direction: column;

    position: relative;

    padding: var(--header-container-padding-top) 0 var(--header-container-padding-top) var(--header-container-padding-left);

    width: 100%;

    justify-content: space-between;

    gap: 20px;

    flex-wrap: wrap;

}

footer .footer--inner .footer--header-container .left-corner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

}

footer .footer--inner .footer--header-container .right-corner {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    max-width: var(--header-container-corner-width);

    height: fit-content;

    display: none;

}

footer .footer--inner .footer--header-container > h2 {

    color: var(--white);

}

footer .footer--inner .footer--header-container > p {

    color: var(--half-white);

}

footer .footer--inner .footer--left-grid {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

footer .footer--buttons-container {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

footer .footer--buttons-container .footer--links {

    display: flex;

    align-items: center;

    gap: var(--footer-gap-links);

}

footer .footer--buttons-container .footer--links a{

    background: var(--yellow);

    width: var(--footer-link-size);

    height: var(--footer-link-size);

    border-radius: 30%;

    display: grid;

    place-items: center;

}

footer .footer--buttons-container .footer--links a svg {

    width: 65%;

}

footer #send_mail {

    width: 100%;

    height: 100%;

    background: var(--yellow);

    clip-path: polygon( 0% 5.421%,0% 7.904%,0% 98.439%,0% 98.439%,0.002% 98.531%,0.009% 98.622%,0.021% 98.712%,0.037% 98.801%,0.058% 98.889%,0.083% 98.975%,0.113% 99.06%,0.147% 99.142%,0.185% 99.222%,0.228% 99.3%,0.228% 99.3%,0.309% 99.426%,0.4% 99.541%,0.5% 99.644%,0.608% 99.735%,0.723% 99.814%,0.844% 99.879%,0.97% 99.931%,1.101% 99.969%,1.235% 99.992%,1.373% 100%,95.167% 100%,95.167% 100%,95.304% 99.994%,95.441% 99.975%,95.574% 99.945%,95.705% 99.903%,95.833% 99.85%,95.956% 99.785%,96.075% 99.71%,96.189% 99.624%,96.297% 99.528%,96.398% 99.422%,99.486% 95.925%,99.486% 95.925%,99.581% 95.809%,99.666% 95.686%,99.742% 95.557%,99.809% 95.421%,99.866% 95.28%,99.914% 95.134%,99.951% 94.985%,99.978% 94.832%,99.994% 94.676%,100% 94.519%,100% 2.342%,100% 2.342%,99.995% 2.186%,99.979% 2.032%,99.952% 1.881%,99.916% 1.733%,99.869% 1.588%,99.813% 1.449%,99.748% 1.314%,99.673% 1.185%,99.589% 1.063%,99.497% 0.948%,99.186% 0.59%,99.186% 0.59%,99.084% 0.482%,98.976% 0.384%,98.861% 0.296%,98.741% 0.219%,98.617% 0.153%,98.488% 0.099%,98.356% 0.056%,98.221% 0.025%,98.083% 0.006%,97.944% 0%,4.961% 0%,4.961% 0%,4.829% 0.006%,4.698% 0.023%,4.569% 0.051%,4.442% 0.09%,4.319% 0.14%,4.199% 0.199%,4.083% 0.27%,3.972% 0.35%,3.866% 0.439%,3.766% 0.538%,0.55% 3.976%,0.55% 3.976%,0.449% 4.093%,0.358% 4.218%,0.276% 4.35%,0.205% 4.489%,0.143% 4.634%,0.093% 4.784%,0.052% 4.939%,0.024% 5.097%,0.006% 5.258%,0% 5.421% ); 

    padding: var(--footer-form-padding);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

footer #send_mail .inputs--block {

    display: flex;

    flex-direction: column;

    width: 100%;

    gap: var(--footer-form-block-gap)

}

footer #send_mail button {

    width: 100%;

}

footer #send_mail .input-box {

    position: relative;

}

footer #send_mail .input-box svg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    transition: var(--transition-all);

}

#send_mail .input-box svg path {

    transition: var(--transition-all);

}

#send_mail .input-box input.error ~ svg path, #send_mail .input-box textarea.error ~ svg path {

    transition: var(--transition-all);

    stroke: var(--error);

    stroke-opacity: 1;

}

#send_mail .input-box input:focus ~ svg path, #send_mail .input-box textarea:focus ~ svg path {

    stroke-opacity: 1;

    transition: var(--transition-all);

}

footer #send_mail .input-box input, footer #send_mail .input-box textarea {

    position: relative;

    z-index: 1;

    width: 100%;

    outline: none;

    background: transparent;

    border: none;

    height: 100%;

    padding: var(--footer-form-input-padding-top) var(--footer-form-input-padding-left);

    resize: none;

}

footer #send_mail .input-box input::-webkit-input-placeholder, footer #send_mail .input-box textarea::-webkit-input-placeholder {

    font-family: var(--font-family);

    color: var(--half-black)

  }

  

  footer #send_mail .input-box input:-ms-input-placeholder, footer #send_mail .input-box textarea:-ms-input-placeholder {

    font-family: var(--font-family);

    color: var(--half-black)

  }

  

  footer #send_mail .input-box input:-moz-placeholder, footer #send_mail .input-box textarea:-moz-placeholder {

    font-family: var(--font-family);

    color: var(--half-black)

  }

  

  footer #send_mail .input-box input::-moz-placeholder, footer #send_mail .input-box textarea::-moz-placeholder {

    font-family: var(--font-family);

    color: var(--half-black)

  }



  @media screen and (max-width: 1140px) and (min-width: 768px) {

    footer .footer--inner {

        flex-direction: column;

        display: flex;

    }

    footer .footer--inner .footer--header-container {

        flex-direction: row;

        flex-wrap: initial;

        align-items: flex-end;

    }

    footer .footer--inner .footer--header-container .right-corner {

        display: block;

    }

    footer .footer--inner .footer--header-container > h2 {

        white-space: pre-line;

    }

    footer .footer--inner .footer--header-container > p {

        width: 100%;

        max-width: var(--footer-header-cont-p-width);

    }

    footer .footer--inner .footer--right-grid {

        display: grid;

        grid-template-columns: var(--footer-form-width) auto;

        justify-content: space-between;

    }

    footer .footer--buttons-container {

        flex-direction: column;

        width: fit-content;

        justify-content: flex-end;

        gap: var(--footer-buttons-container-gap);

    }

    footer .footer--buttons-container .button {

        width: 100%;

        justify-content: center;

    }

    footer #send_mail {

        gap: var(--footer-buttons-container-gap);

    }

    footer #send_mail textarea {

        height: var(--footer-form-textarea-heaight) !important;

    }

  }

  @media screen and (max-width: 768px) {

    footer .footer--inner {

        flex-direction: column;

        display: flex;

    }

    footer .footer--inner .footer--header-container {

        flex-direction: column;

        padding: var(--header-container-padding-top) var(--header-container-padding-left);

    }

    footer .footer--inner .footer--header-container .right-corner {

        display: block;

    }

    footer .footer--inner .footer--header-container > h2 {

        text-align: justify;

    }

    footer .footer--inner .footer--header-container > p {

        width: 100%;

        max-width: var(--footer-header-cont-p-width);

    }

    footer .footer--inner .footer--right-grid {

        display: flex;

        flex-direction: column;

    }

    footer .footer--buttons-container {

        padding: var(--footer-buttons-container-pad-top) 0 var(--footer-buttons-container-pad-bott);

        display: flex;

        flex-direction: column;

        width: fit-content;

        justify-content: flex-end;

        gap: var(--footer-buttons-container-gap);

        position: relative;

        z-index: 3;

        width: 100%;

        background-image: url(../img/mesh-footer-mob.png);

        background-position: center;

        background-repeat: no-repeat;

        background-size: 100% 100%;

    }

    footer .footer--buttons-container .footer--links a svg {

        width: 65%;

    }

    footer .footer--buttons-container .button {

        width: fit-content !important;

        justify-content: center;

        padding-left: var(--footer-pad-tab-mob-left);

        padding-right: var(--footer-pad-tab-mob-left);



    }

    footer #send_mail {

        gap: var(--footer-buttons-container-gap);

        width: 100%;

        clip-path: polygon( 0.098% 6.073%,0.098% 8.85%,0.098% 98.157%,0.098% 98.157%,0.102% 98.259%,0.114% 98.361%,0.135% 98.462%,0.164% 98.562%,0.202% 98.66%,0.247% 98.756%,0.3% 98.851%,0.36% 98.943%,0.429% 99.033%,0.504% 99.12%,0.504% 99.12%,0.65% 99.261%,0.813% 99.389%,0.991% 99.505%,1.184% 99.607%,1.389% 99.695%,1.605% 99.768%,1.831% 99.826%,2.065% 99.868%,2.305% 99.894%,2.551% 99.903%,91.265% 99.903%,91.265% 99.903%,91.511% 99.896%,91.755% 99.875%,91.994% 99.841%,92.228% 99.794%,92.456% 99.735%,92.676% 99.663%,92.889% 99.578%,93.092% 99.482%,93.285% 99.375%,93.466% 99.256%,98.985% 95.343%,98.985% 95.343%,99.153% 95.214%,99.306% 95.076%,99.442% 94.931%,99.562% 94.78%,99.664% 94.622%,99.749% 94.459%,99.816% 94.292%,99.864% 94.121%,99.893% 93.947%,99.903% 93.77%,99.903% 2.627%,99.903% 2.627%,99.893% 2.453%,99.865% 2.28%,99.817% 2.111%,99.752% 1.945%,99.669% 1.784%,99.569% 1.628%,99.452% 1.477%,99.318% 1.333%,99.168% 1.196%,99.003% 1.067%,98.448% 0.667%,98.448% 0.667%,98.266% 0.546%,98.072% 0.436%,97.868% 0.338%,97.654% 0.252%,97.431% 0.179%,97.201% 0.118%,96.965% 0.07%,96.723% 0.035%,96.478% 0.014%,96.229% 0.007%,8.965% 0.007%,8.965% 0.007%,8.727% 0.013%,8.493% 0.032%,8.262% 0.064%,8.036% 0.108%,7.816% 0.163%,7.601% 0.23%,7.395% 0.309%,7.196% 0.398%,7.007% 0.498%,6.828% 0.609%,1.08% 4.455%,1.08% 4.455%,0.9% 4.586%,0.737% 4.726%,0.592% 4.874%,0.464% 5.029%,0.354% 5.192%,0.263% 5.36%,0.191% 5.532%,0.14% 5.709%,0.108% 5.89%,0.098% 6.073% ); 

    }

    footer #send_mail textarea {

        height: var(--footer-form-textarea-heaight) !important;

    }

  }



/* TABA */

.tab-elem-grid {

    width: 100%;

    padding: var(--tab-elem-grid-padding-top) 0;

    align-items: center;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;

}

.tab-elem-grid.black {

    border-top: 1px solid var(--black);

}

.tab-elem-grid.black.bott-d {

    border-bottom: 1px solid var(--black);

}

.tab-elem-grid.black h3 {

    color: var(--black);

}

.tab-elem-grid.black p {

    color: var(--half-black);

}

/* white */

.tab-elem-grid.white {

    align-items: flex-start;

    border-top: 1px solid var(--white);

}

.tab-elem-grid.white.bott-d {

    border-bottom: 1px solid var(--white);

}

.tab-elem-grid.white h3 {

    color: var(--white);

}

.tab-elem-grid.white p {

    color: var(--half-white);

}

.tab-elem-grid .left-tab-elem-grid {

    display: flex;

    align-items: center;

    gap: var(--left-tab-elem-grid-gap);

}

.tab-elem-grid-header.double {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: var(--tab-elem-grid-header-double-tab);

}

.tab-elem-grid-header .arr {

    height: 100%;

    max-height: var(--tab-elem-grid-header-arr-height);

}

.tab-elem-grid-header.third {

    width: 100%;

    align-items: center;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;

    padding-bottom: var(--tab-elem-grid-header-third-tab);

}

.right-tab-elem-grid.third {

    width: 100%;

    align-items: center;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;

}

.right-tab-elem-head {

    width: 100%;

    align-items: center;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;

}

@media screen and (max-width: 768px) {

    .tab-elem-grid {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }

    .tab-elem-grid-header.third {

        display: none !important;

    }

    .right-tab-elem-grid.third {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 0;

    }

    .tab-elem-grid-header .arr {

        display: none;

    }

}





.mob {

    display: none !important;

}

.tablet {

    display: none !important;

}

.pc {
    display: flex !important;
}

.pc-hid {
    display: none !important;
}

@media screen and (max-width: 1140px) and (min-width: 768px) {


    .pc {

        display: none !important;

    }

    .tablet {

        display: flex !important;

    }

}

@media screen and (max-width: 768px) {

    .mob-hidden {

        display: none !important;

    }

    .mob {

        display: flex !important;

    }

    .pc {

        display: none !important;

    }

}