body {
    --color-dark: #2C2F3D;
    --color-dark2: #151515;
    --color-red: #D13333;
    --color-green: #6AB11A;
    --color-green-cl: #C9D62E;
    --color-green-lt: #6AB11A1A;
    --color-green-lt2: #1D3305;
    --color-gray: #9B9B9B;
    --color-gray2: #727272;
    --color-gray3: #D5D5D5;
    --color-gray4: #9E9FA0;
    --color-gray-cl: #00000029;
    --color-gray-cl2: #C4C4C41A;
    --color-gray-cl3: #0000000F;
    --color-gray-cl4: #00000029;
    --color-white: #FFFFFF;
    --color-white2: #F7F7F7;
    --card-shadow: 0 .3rem 1.7rem -.6rem var(--color-gray-cl);
    --dif: 0rem;
    --size: 0rem;
    --size-xl: .6rem;
    --pad: 0rem;
    --size-16:calc(1rem - var(--size));
    --size-18:calc(1.125rem - var(--size));
    --size-19:calc(1.1875rem  - var(--size));
    --size-20:calc(1.25rem - var(--size));
    --size-21:calc(1.3125rem - var(--size));
    --size-23:calc(1.4375rem - var(--size));
    --size-24:calc(1.5rem - var(--size));
    --size-26:calc(1.625rem - var(--size));
    --size-27:calc(1.6875rem - var(--size));
    --size-33:calc(2.0625rem - var(--size));
    --size-38:calc(2.375rem - var(--size));
    --size-42:calc(2.625rem - var(--size-xl));
    --size-50:calc(3.125rem - var(--size-xl));
    --size-55:calc(3.4375rem - var(--size-xl));
    --size-62:calc(3.875rem - var(--size-xl));
    --size-75:calc(4.6875rem - var(--size-xl));
    --size-98:calc(6.125rem - var(--size-xl));
}
/* roc-grotesk-wide" */
body {margin: 0; padding: 0;}
body, body * { font-family: 'roc-grotesk',sans-serif; color: var(--color-dark); line-height: 1.5; box-sizing: border-box; }
body,body *:not(:is(h1,h2,h3,h4,h5,h6,b,strong,th,:is(h1,h2,h3,h4,h5,h6) em)) { font-weight: 300; } 
header { z-index: 1000; }
b, strong { font-weight: 600; }
section { position: relative; }
main {   overflow-x: hidden;
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: 100vw;*/} 
p { display: inline-block; width: 100%; margin-top: 0; margin-bottom: 1.5rem; }
figure { margin: 0; }
a { transition: all .5s; cursor: pointer; display: inline-block; text-decoration: none; }
a:hover { color: var(--color-green-cl); }
ul {margin-top: 0;}
ul[class] { margin: 0; list-style: none; padding-left: 1rem; }
ul:not([class]) { position: relative; list-style: none; padding-left: 1rem; }
ul:not([class]) li::before { position: absolute; content: ''; padding: .2rem; margin-top: .7rem; width: fit-content; border-radius: 1rem; background: var(--color-dark); right: calc(100% - 0.3rem); }
ul:not([class]) li { margin-bottom: 1rem; }
nav ol, nav ul, nav ul, ol[class], ul[class]:not([class^="lst-disc"]) { list-style: none; padding-left: 0; }
ul[class^="lst-disc"] { list-style: disc; padding-left: 1rem; }
img,video,iframe { position: relative; display: block; max-width: 100%; object-fit: cover; }
img {transition: all .5s;}
h1,h2,h3,h4,h5,h6 { padding: 0; margin-top: 0; margin-bottom: 1rem; font-weight: 600; line-height: 1.3;}
:is(h1,h2,h3,h4,h5,h6) {color: var(--color-green-cl);}
:is(:is(h1,h2,h3,h4,h5,h6),:is(h1,h2,h3,h4,h5,h6) em) {text-transform:uppercase;}
:is(h1,h2,h3,h4,h5,h6) em { font-weight: 400; }
:is(h1,h2,h3,h4,h5,h6) em,address {font-style: normal;line-height: 1;}
div,p,p * { font-size: var(--size-18); }
h1 { font-size: var(--size-55); }
h2 { font-size: var(--size-55); }
h3 { font-size: var(--size-38); }
h4 { font-size: var(--size-26); }
h5 { font-size: var(--size-24); }
h6 { font-size: var(--size-20); }
[class*="wp-txt"] {
    position: relative;
    display: flex;
    row-gap: 1.2rem;
    flex-direction: column;
}
[class*="wp-txt"]:not(:is(header,footer) [class*="wp-txt"]) a:not([class]):not([href^="tel:"]):not([href^="mailto:"]):not(.wp-tabs a):not(.yoast-breadcrumb a) { color: var(--color-green-cl); text-decoration: underline; }
[class*="wp-txt"] > * { margin-bottom: 0rem; }
[class*="wp-txt-center"] { text-align: center; align-items: center; }
[class*="wp-txt-left"] { text-align: left; }
[class*="wp-txt-right"] { text-align: right; } 
[class*="wp-txt"] ul:not([class]) {
    display: flex;
    row-gap: .5rem;
    flex-direction: column;
}
[class*="wp-txt"] ul:not([class]) li {margin-bottom: 0;}
.wp-video {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
}
.wp-video::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: '';
    color: var(--color-green-cl);
    cursor: pointer;
    border-radius: 50%;
    transition: all .5s;
    padding: 1.90625rem;
    background-color: currentColor;
    transform: translate(-50%, -50%);

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 63"> <g> <path d="M11.757,3.1a2,2,0,0,1,3.486,0l10.08,17.921A2,2,0,0,1,23.58,24H3.42a2,2,0,0,1-1.743-2.981Z" transform="rotate(90) translate(17, -46)" fill="%23CBA12D"/> <g fill="none" stroke="%23CBA12D" stroke-width="1"> <circle cx="31.5" cy="31.5" r="31.5" stroke="none"/> <circle cx="31.5" cy="31.5" r="31" fill="none"/> </g> </g> </svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 63"> <g> <path d="M11.757,3.1a2,2,0,0,1,3.486,0l10.08,17.921A2,2,0,0,1,23.58,24H3.42a2,2,0,0,1-1.743-2.981Z" transform="rotate(90) translate(17, -46)" fill="%23CBA12D"/> <g fill="none" stroke="%23CBA12D" stroke-width="1"> <circle cx="31.5" cy="31.5" r="31.5" stroke="none"/> <circle cx="31.5" cy="31.5" r="31" fill="none"/> </g> </g> </svg>');
}
.wp-video:hover:after,
.wp-video.pause:hover:after {
    opacity: 1;
    visibility: visible;
    transform:  translate(-50%, -50%) scale(1.1);
}
.wp-video > img,
.wp-video > video {filter: brightness(.5);}
[class*="btn-"] { position: relative; font-size: var(--size-23); outline: none; line-height: 1; cursor: pointer; width: fit-content; text-align: center; border-radius: 2rem; white-space: nowrap; transition: all .5s; padding: var(--size-18) var(--size-33) calc(var(--size-18) - 0.2rem); background: transparent; border: .065rem solid transparent; display: inline-flex; align-items: center; column-gap: 0.5rem; font-weight: 400; }
[class*="btn-"] > input:is([type="submit"],[type="button"]) {
    padding: 0;
    border: none;
    outline: none;
    color: currentColor;
    background: transparent;
}
[class*="btn-"] > img { height: 1.2rem; }
[class*="btn-"][class*="-red"] { color: var(--color-white); background: var(--color-red); border-color: var(--color-red);}
[class*="btn-"][class*="-green-cl"] { color: var(--color-white); background: var(--color-green-cl); border-color: var(--color-green-cl);}
[class*="btn-"]:hover {filter: grayscale(1);}
/* [class*="btn-"]:hover {filter: saturate(0.6) hue-rotate(45deg);} */
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-c-out: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } 
.slick-list { position: relative; margin: 0; padding: 0; width: 100%; display: block; overflow: hidden; } 
.slick-list:focus { outline: none; } 
.slick-list.dragging { cursor: pointer; cursor: hand; } 
:is(.slick-slider) :is(.slick-track,.slick-list) 
{ -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.slick-track { position: relative; top: 0; left: 0; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; } 
.slick-track:before, .slick-track:after { display: table; content: ''; } 
.slick-track:after { clear: both; } 
.slick-loading .slick-track { visibility: hidden; } 
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; } 
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide img { display: block; } 
.slick-slide.slick-loading img { display: none; } 
.slick-slide.dragging img { pointer-events: none; } 
.slick-initialized .slick-slide { display: block; } 
.slick-loading .slick-slide { visibility: hidden; } 
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } 
.slick-arrow.slick-hidden { display: none; } 
.arrow::after, .arrow::before { content: none; } 
.arrow.slick-disabled { opacity: .2; cursor: no-drop; filter: grayscale(2); } 
.arrow.slick-hidden { opacity: 0; visibility: hidden; } 
.slick-dots { text-align: center; }
.wp-sld, .wp-arrow { position: relative; width: 100%; } 
.learn-more {
    position: relative;
    column-gap: 1rem;
    font-weight: 600;
    width: fit-content;
    align-items: center;
    display: inline-flex;
    font-size: var(--size-20);
    color: var(--color-green-cl);
}
.learn-more::before {
    position: absolute;
    content: '';
    display: block;
    inset: 0 100% 0 0;
    transition: all .5s;
    border-bottom: .065rem solid currentColor;
}
.learn-more.back::before { inset: 0 0 0 100%; }
.learn-more:hover::before {  inset: 0; }
.learn-more.back {flex-direction: row-reverse;}
:is(.arrow,.arrow-see,.arrow-back) { position: relative; z-index: 2; padding: 1rem; font-size: 0; border: .065rem solid currentColor; outline: none; outline: none; flex: 0 0 auto; cursor: pointer; overflow: hidden; text-align: center; border-radius: 3rem; color: var(--color-green-cl); transition: all .5s; display: inline-block; background-color: transparent; }
.arrow:hover {opacity: .8;}
:is(.arrow:is(.prev, .next),:is(.arrow-see,.arrow-back)):before,
.learn-more::after {
    position: relative;
    content: '';
    padding: .5rem;
    display: block;
    color: currentColor;
    background-color: currentColor;
    
    -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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.1 116.1" > <g> <path fill="%23892C76" d="M1.2,1.2c-1.6,1.6-1.6,4.2,0,5.8l51.1,51L1.2,109.1c-1.6,1.6-1.6,4.2,0,5.8c1.6,1.6,4.2,1.6,5.8,0L60.9,61 c0.8-0.8,1.2-1.8,1.2-2.9c0-1-0.4-2.1-1.2-2.9L7,1.3C5.4-0.4,2.8-0.4,1.2,1.2z"/> </g> </svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62.1 116.1" > <g> <path fill="%23892C76" d="M1.2,1.2c-1.6,1.6-1.6,4.2,0,5.8l51.1,51L1.2,109.1c-1.6,1.6-1.6,4.2,0,5.8c1.6,1.6,4.2,1.6,5.8,0L60.9,61 c0.8-0.8,1.2-1.8,1.2-2.9c0-1-0.4-2.1-1.2-2.9L7,1.3C5.4-0.4,2.8-0.4,1.2,1.2z"/> </g> </svg>'); 
}
.learn-more.back::after {transform: rotate(-180deg);}
.arrow.prev::before {transform: rotate(-180deg);}
.lst-crl a {
    position: relative;
    font-weight: 700;
    transition: all 1s;
    border-radius: 2rem;
    padding: .5rem 1.5rem;
    display: inline-block;
    font-size: var(--size-20);
    color: var(--color-dark);
    border: .08rem solid var(--color-dark);
}
.lst-crl .tab.active a {
    color: var(--color-white);
    background: var(--color-green-cl);
    border-color: var(--color-green-cl);
}
a.overlay { position: absolute; inset: 0; z-index: 3; outline: none; } 
textarea {resize: inherit;} 
select, textarea, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"],[type="file"])) { width: 100%; font-size: var(--size-18); line-height: 1; outline: none; border-radius: .3rem; border: .065rem solid var(--color-gray4); box-sizing: border-box; background-color: var(--color-white); padding: .7375rem 1.125rem; transition: all .5s ease 0s; }
select, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"],[type="file"])) {height: var(--size-50);}
input:is([type="checkbox"], [type="radio"], .form-check-input) {  width: 1.7rem;  height: 1.7rem;  flex: 0 0 auto;  border: .065rem solid var(--color-dark); }
input:is([type="checkbox"],[type="radio"]){accent-color: var(--color-dark);}
input:not([type="submit"]):not([type="button"]) { color: var(--color-dark); } 
input::-webkit-input-placeholder { font-weight: 400; color: var(--color-dark); } 
input::-moz-placeholder { font-weight: 400; color: var(--color-dark); } 
input::-ms-input-placeholder { font-weight: 400; color: var(--color-dark); } 
input::placeholder { font-weight: 400; color: var(--color-dark); } 
input[type="checkbox"].switch { width: 2em; height: 1em; appearance: none; border-radius: 2em; vertical-align: top; background-color: var(--color-white); background-size: contain; background-position: center; background-repeat: no-repeat; background-position: left center; border: 1px solid rgba(0,0,0,.25); -webkit-print-color-adjust: exact; color-adjust: exact; transition: background-position .15s ease-in-out,all  .15s ease-in-out;; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); }
select { font-weight: 400; color: var(--color-dark); appearance: none; background-size: 1rem; background-color: var(--color-white); background-repeat: no-repeat; background-position: calc(100% - 1rem) 55%; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.849 11.925"> <path d="M4286.215,257.5l9.51,9.51,9.511-9.51" transform="translate(-4284.801 -256.081)" fill="none" stroke="%23c26d7d" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/> </svg>'); }
input[type="checkbox"].switch:checked { border-color: var(--color-dark); background-color: var(--color-dark); box-shadow: 0 0 0 .25rem var(--blue); }
input[type="checkbox"].switch:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
input[type="file" i] {width: 100%;}
input[type="file" i]::-webkit-file-upload-button {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font-weight: 500;
    margin-right: 1rem;
    padding: .9rem 3rem;
    border-radius: .4rem;
    font-size: var(--size-18);
    color: var(--color-dark);
    background: var(--color-white2);
    border: 1px solid var(--color-gray2);
}
input[type="file"]::file-selector-button {
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-weight: 500;
    margin-right: 1rem;
    padding: .9rem 3rem;
    border-radius: .4rem;
    font-size: var(--size-18);
    color: var(--color-dark);
    background: var(--color-white2);
    border: 1px solid var(--color-gray2);
}
.quote{quotes:'"''"'"<"">"}
.quote:before,.quote:after{position:relative;font-size:var(--size-38);color:var(--color-green-cl);font-weight:700;font-style:italic;display:inline-block;}
.quote:before{float:left;line-height:0;margin-left:-2rem;content:open-quote;}
.quote:after{content:close-quote;vertical-align:text-top;}
blockquote {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    row-gap: 1.5rem;
    flex-direction: column;
}
blockquote > * {margin: 0; font-style: italic; font-weight: 500 !important;}
blockquote > :is(h1,h2,h3,h4,h5,h6) {color: var(--color-green-cl);}
blockquote > :is(h1,h2,h3,h4,h5,h6) + p {margin-top: -1.5rem;}
.flex,.row,[class*="flex-"],[class*="row-"] {display:flex;flex-wrap: wrap;}
.space-gap-y {row-gap: 3.5rem;}
:is(.row) > * {width: 100%;}
.placeholder { opacity: 1; color: var(--color-dark); background-color: transparent; } .fancybox__container * { color: var(--color-white); }
.card {
    position: relative;
    border-radius: 1.25rem;
    background-color: var(--color-white);
}
.card-body {
    position: relative;
    padding: 1.5rem 1.5rem;
}
.py-1 { padding-block: 1rem;} 
.py-2 { padding-block: 2rem; } 
.py-3 { padding-block: 3rem; } 
.py-4 { padding-block: 4rem; } 
.py-5 { padding-block: 5rem; } 
.py-6 { padding-block: 6rem; } 
.py-7 { padding-block: 7rem; } 
.py-8 { padding-block: 8rem; } 
.py-9 { padding-block: 9rem; } 
.py-10 { padding-block: 10rem;}
.px-1 { padding-inline: 1rem;} 
.px-2 { padding-inline: 2rem; } 
.px-3 { padding-inline: 3rem; } 
.px-4 { padding-inline: 4rem; } 
.px-5 { padding-inline: 5rem; } 
.px-6 { padding-inline: 6rem; } 
.px-7 { padding-inline: 7rem; } 
.px-8 { padding-inline: 8rem; } 
.px-9 { padding-inline: 9rem; } 
.px-10 { padding-inline: 10rem;}
.gapy-1 {row-gap: 2rem;}
.gapy-2 {row-gap: 2rem;}
.gapy-3 {row-gap: 3rem;}
.gapy-4 {row-gap: 4rem;}
.gapy-5 {row-gap: 5rem;}
.m-s {margin-left: auto;}
.m-e {margin-right: auto;}
.m-t {margin-top: auto;}
.m-b {margin-bottom: auto;}
.m-xauto {margin-inline: auto;}
.m-yauto {margin-block: auto;}
[class*="container"] { margin-inline: auto; padding-inline: var(--pad); }
.container {max-width: calc(1380px - var(--dif));}
.container-m {max-width: calc(1510px - var(--dif));}
.container-m1 {max-width: calc(1586px - var(--dif));}
.container-xl {max-width: calc(1666px - var(--dif));}
.container-xxl {max-width: calc(1792px - var(--dif));}

[class*="-wrap"] {flex-wrap: wrap;}
[class*="-nowrap"] {flex-wrap: nowrap;}
[class*="-wraprev"] {flex-direction: wrap-reverse;}
[class*="-flexdirrow"]:not([class*="flexdirrow-rev"]) {flex-direction: row;}
[class*="-flexdirrow-rev"] {flex-direction: row-reverse;}
[class*="-flexdircol"]:not([class*="flexdircol-rev"]) {flex-direction: column;}
[class*="-flexdircol-rev"] {flex-direction: column-reverse;}
[class*="-xcenter"] {justify-content:center;}
[class*="-xbetween"] {justify-content:space-between;}
[class*="-xevenly"] {justify-content:space-evenly;}
[class*="-xaround"] {justify-content:space-around;}
[class*="-xstart"] {justify-content:flex-start;}
[class*="-xend"] {justify-content:flex-end;}
[class*="-ycenter"] {align-items:center;}
[class*="-ystart"] {align-items:flex-start;}
[class*="-yend"] {align-items:flex-end;}
[class*="-ystretch"] {align-items:stretch;}
[style*="--w"] {width: var(--w);}
[style*="--maxw"] {max-width: var(--maxw);}

@media screen and (min-width:0px) {
    [style*="--w"] {width: var(--w);}
    [style*="--max-w"] {max-width: var(--max-w);}
}
@media screen and (min-width:750px) {
    [style*="--sm-w"] {width: var(--sm-w);}
    [style*="--sm-max-w"] {max-width: var(--sm-max-w);}
}
@media screen and (min-width:768px) {
    [style*="--md-w"] {width: var(--md-w);}
    [style*="--md-max-w"] {max-width: var(--md-max-w);}
}
@media screen and (min-width:1024px) {
    [style*="--lg-w"] {width: var(--lg-w);}
    [style*="--lg-max-w"] {max-width: var(--lg-max-w);}
}
@media screen and (min-width:1200px) {
    [style*="--xl-w"] {width: var(--xl-w);}
    [style*="--xl-max-w"] {max-width: var(--xl-max-w);}
}
@media screen and (min-width:1400px) {
    [style*="--xxl-w"] {width: var(--xxl-w);}
    [style*="--xxl-max-w"] {max-width: var(--xxl-max-w);}
}