@media screen and (min-width: 2100px) {
}
@media screen and (max-width: 2000px) {
    body {
        --dif: 0rem;
        --size: .2rem;
        --pad: 4rem;
    }
}
@media screen and (max-width: 1440px) {
    .sc-02 .ctn { gap: 4rem 7%; }
    .sc-02 .bx-rg { flex: 1 1 auto; }
    .sc-03 .bx-lf > figure { margin-left: -11vw; }
    .sc-03 .bx-rg::before { inset: 0 -14vw 0 -25%; }
    .sc-09 .bx-rg > figure { 
        height: 31vw;
        margin-right: -11vw; 
    }
    
}
@media screen and (max-width: 1365px) {
    body {
        --dif: 0rem;
        --size: .3rem;
        --size-xl: .8rem;
        --pad: 2rem;
    }
    .sc-01 .body {
        padding: 2rem 2.5rem;
        width: min(480px,90%);
    }
    .sc-09 .bx-rg > figure { margin-right: calc(var(--pad) * -1); }
    .sc-03 .bx-lf > figure { margin-left: calc(var(--pad) * -1); }
    .sc-03 .bx-rg::before { inset: 0 calc(var(--pad) * -1) 0 -25%; }
}
@media screen and (min-width: 1195px) {
    header .nav-btn {display: none;}
}
@media screen and (max-width: 1194px) {
    main { overflow: hidden;}
    header {
        --top:65px;
        padding-block: 0;
        --height:calc(100vh - var(--top))
    }
    header {
        position: fixed;
    }
    header + * {
        padding-top: 3rem;
    }
    header .nav-btn {
        position: relative;
        z-index: 2;
        display: flex;
        row-gap: .6rem;
        height: 65.56px;
        cursor: pointer;
        width: fit-content;
        align-items: center;
        padding: 1.3rem 1.3rem;
        flex-direction: column;
        justify-content: center;
        transition: all 400ms ease;
        background: var(--color-green-cl);
        margin-right: calc(var(--pad) * -1);
    }
    header .nav-btn > span {
        position: relative;
        width: 2rem;
        height: .1rem;
        line-height: 0;
        border-radius: 1rem;
        transition: all .3s;
        display: inline-block;
        background: var(--color-dark);
        transform-origin: 55% center;
    }
    header .wp-nav {
        position: fixed;
        right: 0;
        width: 393px;
        top: var(--top);
        overflow: hidden;
        visibility: hidden;
        pointer-events: none;
        transition: all .5s .2s;
        max-height: var(-height);
    }
    header .navbar.show-nav .wp-nav {
        visibility: visible;
        pointer-events: initial;
    }
    header .wp-nav nav {
        position: relative;
        top: -100vh;
        height: 100%;
        display: flex;
        row-gap: 1rem;
        transition: all 1s;
        flex-direction: column;
        padding: 2rem 2rem 2rem;
        justify-content: space-between;
        background: var(--color-white);
        box-shadow: inset 0rem 2.8rem 2rem -3rem #0000000a;
    }
    header .navbar.show-nav .wp-nav nav { transform: translateY(100vh); }
    header .navbar.show-nav .nav-btn { row-gap: 0; }
    header .navbar.show-nav .nav-btn > span:first-child {transform: rotate(-45deg);}
    header .navbar.show-nav .nav-btn > span:nth-child(2) { background-color: transparent;}
    header .navbar.show-nav .nav-btn > span:last-child {transform: rotate(45deg);}
    header ul.primary li {
        width: 100%;
        text-align: center;
    }
    header ul.primary > li:not(:is(:first-child,.other-nav + .other-nav)) {margin: 0;}


    .sc-02 :is(.bx-lf,.bx-rg) { flex: 1 1 100%; }
    .sc-09 .container > .flex {flex-direction: column-reverse; }
    .sc-09 .container > .flex :is(.bx-lf,.bx-rg) {width: min(600px,80%);}
    .sc-09 .bx-rg > figure {
        height: 40vw;
        margin-right: 0;
        border-radius: 2rem;
    }
    .sc-02 :is(.bx-lf, .bx-rg) {
        flex: 0 0 auto;
        margin-inline: auto;    
        width: min(800px,100%);
    }
    .sc-03 .container-m > [class*="flex"] { gap: 0 5%; }
    .sc-03 .bx-rg { width: 45%; }
    .sc-03 .bx-rg::before {
        z-index: -1;
        inset: 0 calc(var(--pad) * -1) 0 -12%;
    }
    .sc-05 .list-cards { column-gap: 0rem; }
    .overlay-green::before {
        position: absolute;
        content: '';
        display: block;
        border-radius: 2rem 0 0 2rem;
        background-color: var(--color-green-cl);
        inset: -2.5rem calc(var(--pad) * -1) -2.5rem 0rem;
    }
    .sc-04 .cards-list {align-items: inherit;}
    .sc-02 .ctn .lst-3-cards > li {
        width: min(239px,80%);
        margin-inline: auto;
    }
    .sc-04 .cards-list .card {
        margin-inline: auto;
        width: calc(50% - (5% / 1.5));
    }
    .sc-02 .ctn .lst-3-cards > li:nth-child(even) { transform: inherit; }
    footer .nav {
        position: relative;
        gap: 2rem 1rem;
        justify-content: center;
    }
    footer .nav .other-nav,
    footer .nav > li:first-child {width: 100%;}
    footer .nav .logo { margin-inline: auto; }
    footer .nav .other-nav { text-align: center; }

}
@media screen and (min-width: 1024px) {.mob{display: none;}}
@media screen and (max-width: 1023px) {
    .disk{display: none;}
    .sc-01 {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        background: linear-gradient(-60deg, rgb(147 213 0) 0%, rgb(88 161 36) 100%);
    }
    .sc-01 .ctn {
        height: initial;
        padding: 4rem 0 0;
        min-height: initial;
    }
    .sc-01 .body {margin-inline: auto;}
    .sc-03 :is(.bx-lf,.bx-rg) {width: 100%;}
    .sc-03 :is([class*="flex-"][class*="-flexdirrow-rev"] .bx-lf,.bx-lf) > figure { margin-inline: calc(var(--pad) * -1); }
    .sc-01 figure {
        position: relative;
        inset: initial;
    }
    body {
        overflow-x: hidden;
    }

}
@media screen and (max-width: 750px) {
    body { --size-xl: 6vw; }
    h2 {font-size: calc(2rem - 2.8vw); }
    .sc-02 .space-gap-y { row-gap: 1.5rem; }

    header .wp-nav { width: 100vw; }
    .sc-05 .list-cards { padding-bottom: 2rem; }
    .sc-02 .ctn .lst-3-cards > li:not(:nth-child(even)) {margin-left: 0;}
    .sc-02 .ctn .lst-3-cards > li:nth-child(even) {margin-right: 0;}
    .sc-04 .cards-list .card { width: 100%; }
    .sc-05 .list-cards .slick-list { overflow: visible; }
    .sc-05 .list-cards .slick-track {
        column-gap: 1rem;
        padding-block: 0 1rem;
    }
    .sc-05 .list-cards > .arrow {
        position: absolute;
        bottom: -30px;
        margin-block: 0;
        transform: translateX(-50%);
    }
    .sc-05 .list-cards > .arrow.prev {left: calc(50% - 2rem);}
    .sc-05 .list-cards > .arrow.next {left: calc(50% + 2rem);}
    .overlay-green::before { inset: -2.5rem calc(var(--pad) * -1) -2.5rem -1.3rem; }
}
@media screen and (max-width: 450px) {
    body { --size: 1.5vw; }
    footer .nav .other-nav {
        display: flex;
        row-gap: 1rem;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .sc-07 .container > [class*="flex"] { gap: 3rem 10%;  }
    .sc-09 .bx-rg > figure { height: 60vw; }
    .sc-08 .cards-list .card,
    .sc-09 .bx-lf .wp-forms .half,
    .sc-09 .container > .flex :is(.bx-lf,.bx-rg) { width: 100%; }
    select, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"],[type="file"])) { height: 2.7rem; }
    .sc-09 .bx-lf .wp-forms .check-flex {column-gap: 5%;}
    .sc-09 .bx-lf .wp-forms label { min-width: 47.5%; }
    input:is([type="checkbox"], [type="radio"], .form-check-input) {
        width: 1.2rem;
        height: 1.2rem;
        flex: 0 0 auto;
        border: .065rem solid var(--color-dark);
    }
    .sc-404 h2 { font-size: calc(2.5rem - 3vw); }
    .sc-404 h1 { font-size: calc(10rem - 6vw); }
    [class*="btn-"] { padding: .9rem 2rem .8rem; }