﻿/* SPECIAL */

.add-benefit-page { background: #fff8f8; }
.add-benefit-page.landing-page #SiteGridContainer { padding: 0; }
.add-benefit-page #headline { padding-top: 68px; margin-bottom: 0; }
.add-benefit-page #headline h1 { font-size: clamp(40px, 3.854vw,74px); color: #133F2E; margin-bottom: 48px; }

.add-benefit-page #allSectionsWrapper .grid-form-section { margin-bottom: clamp(43px, 2.813vw, 54px); }

.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject { border: none; padding: 0; max-width: 1196px; margin-inline: auto; }
.add-benefit-page #allSectionsWrapper #DynamicFormObject:after { content: none; display: none; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormEndText,
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row::after,
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row::before { content: none; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject fieldset { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; justify-content: space-between; }

.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField > div { position: relative; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form input,
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form select,
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form textarea { width: 100%; min-height: 47px; padding: 10px 20px; background: #ffebe6; font-size: 1.8rem; color: #3a3d3b; line-height: 27px; border: none; border-radius: 0; border-bottom: 2px solid #133F2E; box-shadow: none; margin-bottom: 0; }
.add-benefit-page #allSectionsWrapper #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; top: 10px; }

.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin-bottom: 50px; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.full-width,
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0; width: 100%; }
@media(min-width: 1024px) {
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.half-width { width: calc(50% - 11px); }
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.third-width { width: calc(33.3% - 11px); }    
}
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; text-align: right; gap: 8px 22px; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form .checkboxWrapper input { min-height: unset; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper label { width: 100%; color: #3A3D3B; font-size: 2.2rem; font-weight: 500; line-height: 33px; margin-bottom: 0; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper > label { font-family: 'ploni-medium-aaa-new'; color: #133F2E; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper .cb-field { display: inline-flex; width: auto; align-items: center; column-gap: 5px; margin-bottom: 0; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper .cb-field > * { margin: 0; font-size: 1.8rem; width: auto; line-height: 27px; cursor: pointer; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper .cb-field > input[type="checkbox"] { appearance: none; width: 15px; height: 15px; padding: 0; border-radius: 0; border: 1px solid #133F2E; background: transparent; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper .cb-field > input[type="checkbox"].active { background-color: #133f2e; border: 2px solid #fff; outline: 1px solid #133f2e; /*background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 32 32" width="32" height="32"><defs><image width="28" height="21" id="img1" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAYAAABVAo5cAAAAAXNSR0IArs4c6QAAAJhJREFUSEu91VkOwCAIBNB6/0PTaILRyi7U74ZXDIzt+eEAAHSm9VPtIYZOKfjFRpdVHZJY1ZVyWEmHEpYOalgqaMHSQCuWAnqwCa5J4FkTLzbAIwmM6RPBSBAzT+o0ih1XuiJcKNxg29BYClm+0WZgy1KpYAZGrgVVmPrraA6Tr4WGRjFx8Tn0BlOTJrqj0uCoD3A0hTj0BUunbA6dXKNiAAAAAElFTkSuQmCC"/></defs><style></style><use id="Layer" href="%23img1" transform="matrix(1,0,0,1,2,6)"/></svg>');*/ background-size: contain; }
.add-benefit-page #allSectionsWrapper .select-wrapper:after { top: 50%; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form .arrowBtn { max-width: 218px; margin-inline: auto; position: relative; display: flex; align-items:center; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form .arrowBtn::after { content: ''; display: inline-flex; width: 50px; height: 50px; border-radius: 50%; background: #133F2E; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form .arrowBtn::before { content: ''; position: absolute; left: 12.5px; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; background-image: url(/warehouse/dynamic/392537.svg); z-index: 1; background-position: left top; transition: 0.4s all ease; pointer-events: none; filter: invert(1) brightness(10); }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form .arrowBtn:hover::before { background-position: right bottom; }
.add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form .arrowBtn input { background: transparent; border: 1px solid #133F2E; border-radius: 25px; font-family: 'ploni-medium-aaa-new'; color: #133f2e; width: calc(100% - 50px); font-size: 1.9rem; font-weight: 700; }


@media(max-width: 767px) {
    .add-benefit-page #headline { padding-top: 43px; }
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectFields { margin-bottom: 0; }
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField,
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.full-width,
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.half-width,
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.third-width { width: 100%; margin-bottom: 12px; }
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject { max-width: 100%!important; padding-inline: 20px; }
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxWrapper .cb-field > * { font-size: 1.6rem; }
    .add-benefit-page #allSectionsWrapper .form-container-wide #DynamicFormObject.normal-form .arrowBtn { margin-top: 19px; }
}


@media(min-width: 1024px) {
    .FormResultPage.add-benefit-page #pageview #headline { padding-top: 0; }
    .FormResultPage.add-benefit-page #pageview #headline h1 { max-width: 40%; margin-bottom: 0; }
    .FormResultPage.add-benefit-page #pageview #text1 a.FormResultPageButton { right: -25px; }
    .FormResultPage.add-benefit-page #pageview #headline::before { top: -100px; }
}

.add-benefit-page .grid-text-section { position: absolute; top: 50px; right: 90px; padding: 0; margin: 0; }
.add-benefit-page .grid-text-section .grid-text-content { padding: 0; margin: 0; width: 100%; }
.add-benefit-page .grid-text-section .grid-text-content a.sec-button { color: #7E7B7A; line-height: 22.5px; text-decoration: underline; text-transform: capitalize; font-weight: 400; font-family: 'ploni-light-aaa'; font-size: clamp(1.5rem,1vw,1.8rem); border: none; }
.add-benefit-page .grid-text-section .grid-text-content a.sec-button:hover { background: transparent; }
.add-benefit-page .grid-text-section .grid-text-content a.sec-button::after { background: transparent; left: unset; right: min(-20px, -1.5vw); }
.add-benefit-page .grid-text-section .grid-text-content a.sec-button::before { background-size: 100%; background-position: center; left: unset; right: min(-15px, -1vw); width: 18px; height: 19px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path opacity="0.73" d="M7.16588 18.293L15.8125 9.64644M15.8125 9.64644L7.16588 0.999441M15.8125 9.64644L0.000290235 9.64644" stroke="%237E7B7A" stroke-width="2"/></svg>'); }
.add-benefit-page .grid-text-section .grid-text-content a.sec-button:focus { outline: none; }

.add-benefit-page #SiteFooter { display: none; }
.add-benefit-page .footerSec { position: relative; width: 100%; float: right; right: unset; display: flex; justify-content: center; background: var(--pink); }
.add-benefit-page .footerSec .grid-text { width: 100%; }
.add-benefit-page .footerSec .grid-text-content { justify-content: center; display: flex; flex-direction: column; text-align: center; width: 100%; }
.add-benefit-page .footerSec .grid-text .grid-text-content .gridText1 { padding: 22px 0 16px; width: 100%; text-align: center; }
.add-benefit-page .footerSec .grid-text .grid-text-content .gridText1 p { font-size: 1.6rem; }
.add-benefit-page .footerSec .grid-text .grid-text-content .gridText2 { padding: 14px 0; width: 100%; text-align: center; border-top: 1px solid #133F2E50; }
.add-benefit-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; }
.add-benefit-page .footerSec .grid-text .grid-text-content .gridText2 p strong { font-family: var(--schoolbook); color: #F53B22; margin-right: 5px; }
.add-benefit-page .footerSec .grid-text .grid-text-content .gridText2 p img { margin-inline: 5px; }
@media(max-width: 767px) { 
    .add-benefit-page .footerSec .grid-text .grid-text-content .gridText1, 
    .add-benefit-page .footerSec .grid-text .grid-text-content .gridText2 { margin-block: 0; padding-inline: 20px; }
    .add-benefit-page .grid-text-section .grid-text-content a.sec-button::before { right: -25px; background-size: 85%; background-repeat: no-repeat; }
    .add-benefit-page .grid-text-section:not(.footerSec) { top: 0px; right: 40px; }

    .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; }
}

