/* SPECIAL B */

:root { --green: #133F2E; --red: #F53B22; --pink: #FFEBE6; --lpink: #fff8f8; --text: #3a3d3b; --light: 'ploni-light-aaa'; --medium: 'ploni-medium-aaa-new'; --regular: 'ploni-regular-new'; --schoolbook: 'schoolbook' }
.landing-page #SiteGridContainer { padding: 2.604vw 0 0; }
.landing-page #header2, body[data-form="3019"] #header2, .service-page #lobbyview #headline, .landing-page #SiteFooter, body[data-form="3019"] #SiteFooter { display: none; }
.service-page #lobbyview #lobbyText a { border-radius: 50px; height: 46px; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 20px; font-size: clamp(1.7rem, 0.99vw, 1.9rem); margin: 0; background: var(--red); transition: 0.3s all ease; border: 1px solid var(--red); font-family: var(--medium); color: var(--lpink);}
.service-page #lobbyview #lobbyText a:hover,
.service-page #lobbyview #lobbyText a:focus { background: transparent; color: var(--red); }
.service-page .section.what-we-do-text { background: transparent; }
.service-page .section.what-we-do-text .section-title { color: var(--red); text-transform: capitalize; }
.service-page .section.what-we-do-text .section-title h2:not(.animation-delay) { font-family: var(--schoolbook); line-height: 1; letter-spacing: -5.6px; font-size: clamp(5rem,7.292vw,100rem); }
.service-page .section.what-we-do-text .section-title .text-wrapper:last-child h2 { font-size: clamp(2.4rem,1.563vw,100rem); color: var(--green); }
.service-page .section.what-we-do-text .grid-text-content { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.service-page .section.what-we-do-text .grid-text-content p { color: var(--green); font-family: var(--regular); }

.service-page .section.scrolling-images { background: transparent; }

.service-page .sections .text-section { padding: 100px 0; }
.service-page .sections .text-section p { font-family: var(--medium); font-size: clamp(1.8rem, 1.6vw, 100rem); }

.sections .locations-tabs-section .location-navbar { margin-bottom: 2.5vw;  }
.sections .locations-tabs-section .location-navbar .location-navbar-inner { display: flex; justify-content: center; align-items: center; gap: 10px; }
.sections .locations-tabs-section .location-navbar .location-link { border: 1px solid var(--red); border-radius: 40px; display: flex; justify-content: center; align-items: center; padding: 0.625vw 1.302vw; transition: all 0.35s ease; color: var(--red); font-family: var(--medium); font-size: clamp(1.4rem,1.15vw,100rem); }
.sections .locations-tabs-section .location-navbar .location-link.active,
.sections .locations-tabs-section .location-navbar .location-link:hover { background-color: var(--red); color: var(--lpink); }

.sections .locations-tabs-section { padding: 0 11vw; }
.sections .locations-tabs-section .location-boxes-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 70px 20px; }
.sections .locations-tabs-section .location-boxes-wrapper .location-box { width: calc(25% - 20px); }
.sections .locations-tabs-section .location-boxes-wrapper .location-box:not(.active) { display: none; }
.sections .locations-tabs-section .location-boxes-wrapper .location-box .image-wrapper { background-color: var(--lpink); border-radius: 22px; height: 18.229vw; display: flex; justify-content: center; align-items: center; margin-bottom: 0.885vw; position: relative }
.sections .locations-tabs-section .location-boxes-wrapper .location-box .image-wrapper img { max-width: 80%; height: auto; }
.sections .locations-tabs-section .location-boxes-wrapper .location-box .location-box-text { color: var(--green); text-align: center; font-family: var(--medium); font-size: clamp(1.4rem,1.15vw,100rem); line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.sections .locations-tabs-section .location-boxes-wrapper .location-box .location-box-labels { position: absolute; top: 0; right: 0; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; padding-top: 20px; }
.sections .locations-tabs-section .location-boxes-wrapper .location-box .location-box-labels .location-box-label { display: flex; justify-content: center; align-items: center; padding: 6px 11px; border-radius: 49.512px 0px 0px 49.512px; background: var(--green); color: var(--lpink); font-size: 0.990vw; line-height: 0.9; letter-spacing: -0.19px; }

.landing-page #SiteFooter { display: none; }
.landing-page .footerSec { position: relative; width: 100%; float: right; right: unset; display: flex; justify-content: center; background: var(--pink); }
.service-page .footerSec { background: var(--lpink); margin-top: 7vw; }
.landing-page .footerSec .grid-text { width: 100%; }
.landing-page .footerSec .grid-text-content { justify-content: center; display: flex; flex-direction: column; text-align: center; width: 100%; }
.landing-page .footerSec .grid-text .grid-text-content .gridText1 { padding: 22px 0 16px; width: 100%; text-align: center; }
.landing-page .footerSec .grid-text .grid-text-content .gridText1 p { font-size: 1.6rem; }
.landing-page .footerSec .grid-text .grid-text-content .gridText2 { padding: 14px 0; width: 100%; text-align: center; border-top: 1px solid #133F2E50; }
.landing-page .footerSec .grid-text .grid-text-content .gridText2 p { font-size: 1.6rem; display: flex; justify-content: center; align-items: center; direction: ltr; text-transform: capitalize; }
.landing-page .footerSec .grid-text .grid-text-content .gridText2 p strong { font-family: var(--schoolbook); color: #F53B22; margin-right: 5px; }
.landing-page .footerSec .grid-text .grid-text-content .gridText2 p img { margin-inline: 5px; }

.add-benefit-page.landing-page[data-form="3086"] #SiteGridContainer { min-height:83vh}
@media(max-width: 767px) {
    .landing-page .footerSec .grid-text .grid-text-content .gridText1,
    .landing-page .footerSec .grid-text .grid-text-content .gridText2 { margin-block: 0; padding-inline: 20px; }

    .FormResultPage.add-benefit-page #pageview #text1 a.FormResultPageButton { right: -20px; }
    .FormResultPage.add-benefit-page #pageview #headline::before { top: -50px; }
    .FormResultPage.add-benefit-page #pageview #headline h1 { max-width: 80%; margin-bottom: 0; }
}




@media (max-width: 1024px) {
    .service-page #SiteGridContainer { padding-top: 15px; }
    .service-page #lobbyview #lobbyText a { max-width: 120px; height: 31px; font-size: 1.4rem; }

    .service-page .section.what-we-do-text { padding-block: 35px; }
    .service-page .section.what-we-do-text .section-title {margin-bottom:25px;}
    .service-page .section.what-we-do-text .section-title h2:not(.animation-delay) { letter-spacing: -2px; }

    .service-page .sections .text-section {padding:45px 0 55px}
    .service-page .sections .text-section .grid-text-content { width: 100%; }
    .service-page .sections .text-section p { letter-spacing:-0.18px }

    .sections .locations-tabs-section { padding: 0; }
    .sections .locations-tabs-section .location-navbar { margin-bottom: 20px; width: 100%; overflow:scroll; }
    .sections .locations-tabs-section .location-navbar .location-navbar-inner { width: max-content; padding-inline: 20px; }
    .sections .locations-tabs-section .location-navbar .location-link { padding: 10px 20px; }
    .sections .locations-tabs-section .location-boxes-wrapper { gap: 25px 10px; padding: 0 20px; }
    .sections .locations-tabs-section .location-boxes-wrapper .location-box { width: calc(50% - 10px); }
    .sections .locations-tabs-section .location-boxes-wrapper .location-box .image-wrapper { border-radius: 18px; height: 162px; margin-bottom: 10px; }
    .sections .locations-tabs-section .location-boxes-wrapper .location-box .image-wrapper img { max-width: 70%; }
    .sections .locations-tabs-section .location-boxes-wrapper .location-box .location-box-labels { padding-top: 10px; gap: 3px; }
    .sections .locations-tabs-section .location-boxes-wrapper .location-box .location-box-labels .location-box-label { font-size: 1.2rem; padding: 4px 7px; letter-spacing: -0.12px; }
}

@media (min-width: 1024px) and (max-width: 1600px) {
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {

}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {

}