@media screen and (min-width: 1441px) {
}
@media screen and (max-width: 1440px) {
    
}
@media screen and (max-width: 1366px) {
    .sc-01 .bx-lf .wp-circle-figure figure {
        width: min(600px, 40vw);
        height: min(600px, 40vw);
    }
    body {
        --size-50: 3.3rem;
        --pad: 2rem;
        --dif: 2rem;
    }
}
@media screen and (min-width: 1280px) {
    header .primary { position: relative; }
    header .primary .sub-menu {
        position: absolute;
        left: 50%;
        z-index: 2;
        opacity: 0;
        visibility: hidden;
        padding: 1rem 1rem;
        transition: all .5s;
        border-radius: .5rem;
        pointer-events: none;
        width: min(300px,90vw);
        background: var(--white);
        transform: translateX(-50%);
        box-shadow: 0 0.3rem 1.7rem -1.5rem #424242;
    }
    header .primary .sub-menu > li {
        position: relative;
        padding-block: .5rem;
    }
    header .primary .sub-menu li a {font-size: var(--size-16s);}
    header .primary .sub-menu .sub-menu {
        top: -1rem;
        transform: initial;
        left: calc(100% + 1rem);
    }
    header .primary .sub-menu > li:not(:last-child) {border-bottom: 1px solid var(--gray-1);}
    header .primary li:hover .sub-menu {pointer-events: initial;}
    header .primary li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
    }
}
@media screen and (max-width: 1279px) {
    header .bx-rg {
        position: relative;
        display: flex;
        column-gap: 1rem;
        align-items: center;
    }
    header .wp-btn {
        position: relative;
        z-index: 2;
        cursor: pointer;
        border-radius: .5rem;
        display: inline-block;
        padding: 1.5rem 1.8rem;
        border: 1px solid var(--gray-1);
    }
    header .wp-btn::before {
        position: absolute;
        content: '';
        inset: .7rem;
        transition: all .5s;
        transform: rotateZ(180deg);
        background-color: var(--orange);
        clip-path: polygon(0 0, 100% 0%, 100% 8%, 0 8%, 0 46%, 80% 46%, 80% 54%, 0 54%, 0 92%, 100% 92%, 100% 100%, 0 100%);
    }
    header .nav-bar.show-nav .wp-btn::before {
        inset: .7rem 1rem;
        transform: scale(.7);
        clip-path: polygon(10% 0, 0 10%, 40% 50%, 0 90%, 10% 100%, 49% 61%, 90% 100%, 100% 90%, 60% 50%, 100% 10%, 90% 0, 50% 40%);
    }
    header .wp-nav {
        position: fixed;
        transition: all 1s;
        pointer-events: none;
        inset: 0 0 0 calc(100% - 400px);
    }
    header .nav-bar.show-nav .wp-nav {pointer-events: initial;}
    header .wp-nav > nav {
        position: relative;
        left: 100%;
        height: 100vh;
        transition: all .5s;
        background: var(--white);
        padding: 5rem 2rem 2rem !important;
    }
    header .nav-bar.show-nav .wp-nav > nav { transform: translateX(-100%); }
    header .wp-nav .primary {
        width: 100%;
        height: 100%;
        display: block;
        overflow: scroll;
    }
    header .wp-nav .primary li {
        position: relative;
        width: 100%;
    }
    header .wp-nav .primary li > .sub-menu {
        position: relative;
        max-height: 0;
        overflow: hidden;
        border-radius: .5rem;
        background: #fff0e7;
        transition: max-height .5s;
    }
    header .wp-nav .primary li.active > .sub-menu {max-height: var(--sh);}
    header .wp-nav .primary li > a {
        position: relative;
        width: 100%;
        display: inline-block;
        padding-block: 1rem;
        border-bottom: 1px solid #d9d9d959; 
    }
    header .wp-nav .primary li > .sub-menu a {padding-inline: 1rem;}
    header .wp-nav .primary li .overlay-toggle {
        position: absolute;
        inset: 0;
        width: 100%;
        z-index: 1;
        cursor: pointer;
        height: var(--ov);
    }
    header .wp-nav .primary li .overlay-toggle::before {
        position: absolute;
        right: 1rem;
        top: 1.5rem;
        content: '';
        padding: .5rem;
        transition: all .5s;
        display: inline-block;
        transform: rotate(90deg);
        background-color: var(--orange);

        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-image: url('data:image/svg+xml,<svg viewBox="0 0 26 48.0000539" version="1.1" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(-669.000000, -3398.000000)" fill="%23C4BDB2" fill-rule="nonzero"> <path d="M670.42394,3446 C670.794495,3446.00327 671.150109,3445.85752 671.407059,3445.59696 L694.588985,3422.97532 C694.851966,3422.72205 695,3422.37652 695,3422.01596 C695,3421.6554 694.851966,3421.30987 694.588985,3421.0566 L671.407059,3398.43017 C671.059981,3398.06811 670.538238,3397.91948 670.046059,3398.04247 C669.553879,3398.16546 669.169553,3398.54049 669.04352,3399.02078 C668.917486,3399.50106 669.069793,3400.01019 669.440822,3400.34888 L691.63963,3422.01596 L669.440822,3443.67824 C669.179063,3443.93215 669.031877,3444.27744 669.031877,3444.6376 C669.031877,3444.99776 669.179063,3445.34305 669.440822,3445.59696 C669.700984,3445.85292 670.054508,3445.99781 670.42394,3446 Z" id="Path" transform="translate(682.000000, 3422.000000) rotate(-360.000000) translate(-682.000000, -3422.000000) "></path> </g> </svg>');
        mask-image: url('data:image/svg+xml,<svg viewBox="0 0 26 48.0000539" version="1.1" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(-669.000000, -3398.000000)" fill="%23C4BDB2" fill-rule="nonzero"> <path d="M670.42394,3446 C670.794495,3446.00327 671.150109,3445.85752 671.407059,3445.59696 L694.588985,3422.97532 C694.851966,3422.72205 695,3422.37652 695,3422.01596 C695,3421.6554 694.851966,3421.30987 694.588985,3421.0566 L671.407059,3398.43017 C671.059981,3398.06811 670.538238,3397.91948 670.046059,3398.04247 C669.553879,3398.16546 669.169553,3398.54049 669.04352,3399.02078 C668.917486,3399.50106 669.069793,3400.01019 669.440822,3400.34888 L691.63963,3422.01596 L669.440822,3443.67824 C669.179063,3443.93215 669.031877,3444.27744 669.031877,3444.6376 C669.031877,3444.99776 669.179063,3445.34305 669.440822,3445.59696 C669.700984,3445.85292 670.054508,3445.99781 670.42394,3446 Z" id="Path" transform="translate(682.000000, 3422.000000) rotate(-360.000000) translate(-682.000000, -3422.000000) "></path> </g> </svg>');
    }
    header .wp-nav .primary li.active > .overlay-toggle::before {transform: rotate(-90deg);}
    .sc-01 > .container-xl {
        min-height: initial;
        min-height: 660px;
        padding-block: 7rem;
        height: max-content;
    }
    .sc-01>.container-xl > .row { gap: 2rem 0; }
    .sc-01>.container-xl > .row {
        gap: 2rem 0;
        justify-content: space-between;
    }
    .sc-01 .bx-lf {
        flex: 0 0 auto;
        width: fit-content;
    }
    .sc-01 .bx-rg {flex: 1 1 auto;}
    .sc-01 .bx-rg h1 br {display: none;}
    .sc-01 .bx-rg .wp-btns {flex-wrap: wrap;}
    .sc-01 .bx-lf .wp-circle-figure figure {
        width: 33vw;
        height: 33vw;
    }
    .sc-02 .list-card { 
        gap: 2rem; 
    }
    .sc-02 .list-card > li { width: calc(50% - 1rem); }
    .sc-02 .list-card > li .icn img { height: 3rem; }
    .sc-05 .grid .grid-col:nth-child(1)~.grid-col figure { width: 290px; }
    .sc-05 .grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(6, 1fr);
        grid-gap: 2rem;
    }
    .sc-05 .grid .grid-col:nth-child(1) { grid-area: 1 / 1 / 4 / 2; }
    .sc-05 .grid .grid-col:nth-child(2) { grid-area: 4 / 1 / 5 / 2; }
    .sc-05 .grid .grid-col:nth-child(3) { grid-area: 5 / 1 / 6 / 2; }
    .sc-05 .grid .grid-col:nth-child(4) { grid-area: 6 / 1 / 7 / 2; }
    .sc-05 .grid .grid-col {
        gap: 2rem;
    }
    footer .copyright .row  { 
        row-gap: 1rem;
        flex-direction: column; 
    }
    footer .copyright .row * {text-align: center;}
    footer .copyright .bx-rg p {
        width: 100%;
        display: inline-block;
    }
}
@media screen and (max-width: 1194px) {
    .sc-01::before {
        background-size: auto 100vw;
        background-position: right top;
    }
    .sc-01 .bx-lf { width: 100%;  }
    .sc-01 .bx-lf .wp-circle-figure { 
        margin-inline: auto; 
        margin-bottom: 2rem;
    }
    .sc-01 .bx-lf .wp-circle-figure figure {
        width: min(600px, 50vw);
        height: min(600px, 50vw);
    }
    .sc-01 .row.flex-row-reverse .bx-lf figure,
    .sc-03 .bx-rg { width: 100%; }
    .tabs-btns {justify-content: center;}
    .tabs-btns li {width: calc(33.33% - 1.4rem);}
    .tabs-btns li a {width: 100%;}
    .sc-13 .body-tabs .inner figure { height: min(225px,17vw); }
}
@media screen and (max-width: 1023px) {
    .sc-12 .inner { padding: 2rem; }
    .sc-12 .inner .bx-lf {width: 100%;}
    .sc-12 .inner .bx-lf table { margin-block-end: 0; }
    .sc-11 .item-cards { width: calc(50% - 1rem); }
    .sc-11 .item-cards figure {
        border-radius: 1rem;
        height: min(50vw,280px);
    }
    .sc-11 .item-cards { width: 100%; }
    .tabs-btns li {width: calc(50% - 1.4rem);}
    .sc-13 .body-tabs .inner figure { height: min(225px,20vw); }
    .sc-13 .body-tabs > li {  width: 50%; }
}
@media screen and (max-width: 750px) {
    body {
        --s: 1vw;
        --size-16: calc(1.15rem - var(--s));
        --size-17: calc(1.26rem - var(--s));
        --size-32: calc(1.35rem - var(--s));
        --size-40: calc(1.55rem - var(--s));
        --size-48: calc(1.85rem - var(--s));
        --size-50: calc(2rem - var(--s));
    }
    [class*="text"]:not([class*="-uppercase"]) { row-gap: 1rem; }
    /* .row {margin: 0;} */
    .row > *:not([class*="container"]) {padding-inline: 0;}
    .gap-space-y { row-gap: 3rem; }
    header { padding: 1.5rem 0; }
    header a.logo {
        position: relative;
        z-index: 1;
        display: inline-block;
        width: min(238px, 30vw);
    }
    header .bx-rg { column-gap: .5rem; }
    [class*="btn-"][href^="tel:"]::before { padding: .4rem; }
    [class*="btn-"][href^="tel:"] { column-gap: .4rem; }
    header .wp-btn {
        padding: 1rem;
        border-radius: .3rem;
    }
    header .nav-bar.show-nav .wp-btn::before { inset: .6rem; }
    header .wp-btn::before { inset: .5rem;  }
    header .bx-rg [class*="btn-"] {
        font-size: .8rem;
        padding: .7rem 1.1rem;
    }
    header .wp-nav { inset: 0; }
    .sc-01 + *:not([class*="bg-"]) > * {padding-top: 0;}
    .sc-01 .bx-lf .wp-circle-figure figure {
        width: min(600px, 80vw);
        height: min(600px, 80vw);
    }
    .sc-01::before { background-size: auto 530px; }
    .sc-01 .bx-rg .wp-btns [class*="btn-"] {
        width: 100%;
        justify-content: center;
    }
    .sc-01 > .container-xl {padding-block: 5rem;}
    .sc-01 .bx-lf .wp-circle-figure { margin-bottom: 0; }
    .sc-01 .bx-rg {
        position: relative;
        z-index: 1;
    }
    .sc-02 .list-card>li .card { border-radius: 1rem; }
    .sc-01 .bx-lf .wp-circle-figure::before { background: url(../images/overlays/circle.svg) no-repeat 30% 95%/11%, url(../images/overlays/overlay-3.svg) no-repeat left center/9%, url(../images/overlays/overlay-6.svg) no-repeat right 6%/10%, url(../images/overlays/dots.svg) no-repeat 12% 2%/20%; }
    .sc-02 .list-card > li { width: 100%; }
    .sc-02 .list-card > li .card { border: 1px solid var(--gray-3); }
    .sc-04 .bx-rg { width: 100%; }
    .sc-04 .bx-rg .wp-slider {
        width: 100%;
        clip-path: polygon(0 0, calc(100% + 4rem) 0, calc(100% + 4rem) 100%, 0% 100%);
    }
    .sc-04 .bx-rg .wp-slider .slick-track {column-gap: 1rem; }
    .sc-05 .grid {
        display: flex;
        flex-direction: column;
    }
    .sc-05 .grid .grid-col {width: 100%;}
    .sc-05 .grid .grid-col:not(:first-child) figure { width: 150px !important; }
    .sc-05 .grid .grid-col { gap: 1.5rem; }
    .sc-05 .grid .grid-col figure { border-radius: 1rem; }
    .sc-06::before { background: url(../images/overlays/circle-2.svg) no-repeat 3% 106%/25%, url(../images/overlays/dots.svg) no-repeat 123% 2%/34%; }
    .sc-12 .inner { padding: 1rem 1.8rem; }
    .sc-12 .inner .bx-lf > .text { padding: 1.5rem 1rem; }
    .sc-12 .form > .half {width: 100%;}
    .sc-12 .form { gap: 1rem 5%; }
    .sc-11 .item-cards figure { height: min(70vw,280px); }
    .sc-01 .input-group button.btn { padding: 1.8rem 2rem; }
    .sc-12 .header .text-center > br+br {display:  none;}
    .sc-12 .image { border-radius: 1rem; }
    .sc-12 .ctn > .row {flex-direction: column;}
    .sc-12 .ctn .bx-lf {width: 100%;}
    .sc-12 .other-articles :is(.prev,.next) figure { width: 100%; }
    .sc-12 .other-articles :is(.prev,.next) { 
        flex-wrap: wrap;
        width: calc(50% - 1rem); 
    }
    .sc-12 .other-articles :is(.prev,.next) .text-right {
        text-align: left;
        align-items: flex-start;
    }
    .sc-12 .ctn .bx-rg { width: 100%; }
    .sc-12 .ctn .bx-rg .rs {
        gap: 1rem;
        flex-flow: row wrap;
        justify-content: center;
    }
    :is(.sc-10,.sc-07) .bx-lf { width: 100%; }
    .sc-10::before { background-position: 151% -70px;  }
    .sc-10 .row {row-gap: 1rem;}
    .sc-10 .bx-lf .text,
    .sc-10 .bx-rg .text-right,
    .sc-07 .bx-rg .text-right { 
        text-align: center;
        align-items: center;
     }
     .sc-08 .step > li { 
         display: flex;
         row-gap: 2rem;
         padding-left: 0; 
         padding-block: 3rem;
         flex-direction: column;
    }
    .col-12 .bx-rg {width: 100%;}
     .sc-08 .step .header {
        margin-left: 0;
        align-items: flex-start;
        flex-direction: column;
    }
    .sc-09 .wp-articles article:nth-child(even) ul.icns,
    .sc-09 ul.icns { right: 3rem; }
    .sc-09 .wp-articles article:nth-child(even) ul.icns { left: inherit; }
    .sc-09 article .d-flex :is(.bx-lf,.bx-rg) {width: 100%;}
    .sc-13 .body-tabs > li,
    .tabs-btns li { width: 100%; }
    .sc-13 .body-tabs > li:not(.active) {
        z-index: -1;
        transform: scale(.5);
        margin-top: calc(var(--h) * -1);
    }
    .sc-13 .body-tabs .inner figure { height: min(225px,50vw); }
    footer .container-xl > .row {row-gap: 4rem;}
    footer .copyright .container-xl > .row {row-gap: 1rem;}
}