html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

* { box-sizing: border-box; }
html { font-size: 16px; }
html, body { min-width: 340px; padding: 0; margin: 0; }

body { display: flex; flex-direction: column; justify-content: space-between; gap: 0; font-size: 1.125rem; font-family: "Outfit", serif; font-weight: 400; color: #080808; line-height: 1.4; background: rgb(1,184,176); background: linear-gradient(90deg, rgba(1,184,176,1) 0%, rgba(1,184,176,1) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%); }

h1, h2, h3, h4, h5, h6 { padding: 0; margin-top: 0; margin-bottom: 25px; }
h1 { font-size: 3.75rem; font-family: "Oswald", sans-serif; font-weight: 700; color: #005f48; text-align: center; line-height: 1.1; margin-bottom: 20px; }
h2 { font-size: 1.875rem; font-weight: 900; text-align: center; margin-bottom: 20px; }
h3 { font-size: 2.4rem; margin-bottom: 25px; }
h4 { font-size: 2.4rem; margin-bottom: 25px; }
h5 { font-size: 2rem; margin-bottom: 25px; }
h6 { font-size: 1.6rem; margin-bottom: 25px; }

p { padding: 0; margin-top: 0; margin-bottom: 20px; }
ul, ol { padding: 0; margin: 0 0 25px 2.5%; }
li { padding: 0; margin: 0 0 10px 2.5%; }
span { margin: 0; padding: 0; }
a { text-decoration: none; }

.green { color: #005f48; }
.orange { color: #fb5507; }
.red { color: #d80312; }
.color1 { color: #01beb9; }

.center { text-align: center; }
.clearsides { clear: both; }
.uppercase { text-transform: uppercase; }

.footer { display: flex; align-items: center; gap: 20px 20px; }
.logofooter { flex-basis: 79px; flex-grow: 0; flex-shrink: 1; }
.footer_cont { flex-basis: 800px; flex-grow: 1; flex-shrink: 2; font-size: 0.8125rem; }

.footer_links { display: flex; font-size: 1rem; color: #50afb0; align-items: flex-start; list-style: none; padding: 0; margin: 0; }
.footer_links li { padding: 0; margin: 0; }
.footer_links li::after { content: "|"; margin: 0 10px; }
.footer_links li:last-of-type:after { content: ""; }
.footer_links a { color: inherit; }
.footer_links li:first-of-type { padding-left: 0; }
.noti { font-size: 0.8125rem; margin: 0 0 20px; }


/* .wrapcontent { border: #cc0000 solid 1px; }
.wrapcontent > div { border: #005500 solid 1px; } */


.pagewrap { max-width: 1920px; width: 100%; margin: 0 auto; }
.wrapcontent { display: flex; max-width: 1125px; width: 100%; min-height: 100vh; gap: 30px 4%; margin: 0 auto; position: relative; background-color: #ffffff; }
.wrapcontent > div { position: relative; z-index: 25; }
.wrapcontent::after { content: ""; width: 32.98%; height: 100%; position: absolute; z-index: 20; clip-path: polygon(0 0, 100% 0, 41% 100%, 0% 100%); background-color: #01b8b0; }

.col1 { flex-basis: 296px; flex-grow: 0; flex-shrink: 1; line-height: 0; align-self: flex-end; }
.col1 img { max-width: 296px; width: 100%; }

.col2 { flex-basis: 800px; flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: column; justify-content: space-between; }
.contblk { display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; }
.contblk h2 span { font-weight: 700; }
.grp1 { max-width: 450px; width: 100%; text-align: center; margin: 0 auto 25px; }

.panelform { display: flex; max-width: 700px; width: 100%; gap: 20px 5px; margin: 0 auto 25px; }

.emailbox_2 { flex-basis: 264px; flex-grow: 0; flex-shrink: 1; height: 75px; font-size: 22px; padding: 10px 25px; margin: 0 0 10px; outline: 0; background: #ffffff; border: #f5f5f5 solid 2px; }

.btn { flex-basis: 380px; flex-grow: 0; flex-shrink: 1; height: 75px; font-size: 1.1875rem; font-family: "Outfit"; font-weight: 700; font-style: italic; color: #ffffff; text-align: center; text-transform: uppercase; padding: 5px 10px; cursor: pointer; background-color: #005f48; border: #aeeae4 solid 3px; border-radius: 15px; }
button.btn::after { content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 7px; background: url(../images/4str_g_image2.webp) top left no-repeat; }

.disclaimer { max-width: 448px; width: 100%; font-size: 0.8275rem; font-weight: 300; font-style: italic; color: #868282;  color: #aeadad; text-align: center; line-height: 1.2; }



@media screen and (max-width: 1000px) {
    .col1 { display: none; }
    .col2 { flex-basis: auto; padding: 4% 5% 20px; }

    .wrapcontent::after { content: ""; width: 5%; height: 100%; position: absolute; z-index: 20; clip-path: polygon(0 0, 100% 0, 41% 100%, 0% 100%); background-color: #01b8b0; }
}


@media screen and (max-width: 700px) {
    html { font-size: 15px; }

    h2 br { display: none; }

    .panelform { flex-direction: column; gap: 2px; }
    .emailbox_2, .btn { flex-basis: auto; }
}

@media screen and (max-width: 600px) {
    html { font-size: 14px; }

    h1 { font-size: 3.375rem; }
    h2 { font-size: 1.75rem; }
}

@media screen and (max-width: 500px) {
    html { font-size: 13px; }

    .footer { flex-direction: column; align-items: center; gap: 0; }
    .footer > div { flex-basis: auto; }
    .footer_cont { text-align: center; }
    .footer_links { justify-content: center; }
    .footer_info { max-width: 350px; width: 100%; margin: 5px auto;}
}

@media screen and (max-width: 400px) {
    html { font-size: 12px; }

    h1 { font-size: 3rem; }
    h2 { font-size: 1.625rem; }
}