*, *::before, *::after{box-sizing: border-box} *{margin: 0} @media (prefers-reduced-motion: no-preference){html{interpolate-size: allow-keywords} } body{line-height: 1.5;-webkit-font-smoothing: antialiased} img, picture, video, canvas, svg{display: block;max-width: 100%} input, button, textarea, select{font: inherit} p, h1, h2, h3, h4, h5, h6{overflow-wrap: break-word} p{text-wrap: pretty} h1, h2, h3, h4, h5, h6{text-wrap: balance} #root, #__next{isolation: isolate} @font-face{font-family: "DINPro";src: url("../fonts/DINPro-Light.ttf") format("truetype");font-weight: 300;font-style: normal;font-display: swap} @font-face{font-family: "DINPro";src: url("../fonts/DINPro-Regular.ttf") format("truetype");font-weight: 400;font-style: normal;font-display: swap} @font-face{font-family: "DINPro";src: url("../fonts/DINPro-Medium.ttf") format("truetype");font-weight: 500;font-style: normal;font-display: swap} @font-face{font-family: "DINPro";src: url("../fonts/DINPro-Bold.ttf") format("truetype");font-weight: 700;font-style: normal;font-display: swap} .full-width-layout{width: 100%;padding-left: 0;padding-right: 0} .global-container{width: 100%;max-width: 1240px;margin: 0 auto;padding: 0 18px;box-sizing: border-box} @media (min-width: 576px){.global-container{padding: 0 18px} } @media (min-width: 768px){.global-container{padding: 0 18px} } @media (min-width: 992px){.global-container{padding: 0 18px} } @media (min-width: 1200px){.global-container{padding: 0 18px} } @media (min-width: 1400px){.global-container{max-width: 1240px;padding: 0 18px} } .global-container-sm{width: 100%;max-width: 960px;margin: 0 auto;padding: 0 1rem;box-sizing: border-box} @media (min-width: 576px){.global-container-sm{padding: 0 20px} } @media (min-width: 768px){.global-container-sm{padding: 0 20px} } @media (min-width: 992px){.global-container-sm{padding: 0 20px} } @media (min-width: 1200px){.global-container-sm{padding: 0 20px} } .global-container-lg{width: 100%;max-width: 1400px;margin: 0 auto;padding: 0 1rem;box-sizing: border-box} @media (min-width: 576px){.global-container-lg{padding: 0 20px} } @media (min-width: 768px){.global-container-lg{padding: 0 20px} } @media (min-width: 992px){.global-container-lg{padding: 0 20px} } @media (min-width: 1200px){.global-container-lg{padding: 0 20px} } .global-container-fluid{width: 100%;padding: 0 1rem;box-sizing: border-box} @media (min-width: 576px){.global-container-fluid{padding: 0 1.5rem} } @media (min-width: 768px){.global-container-fluid{padding: 0 2rem} } @media (min-width: 992px){.global-container-fluid{padding: 0 2.5rem} } @media (min-width: 1200px){.global-container-fluid{padding: 0 3rem} } .colorBox{background: #6eb43f;color: #fff;padding: 1rem 1rem 0.5rem;border-radius: 0.25rem;box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.1)} .colorBox.theme1{background: #ffaf27} .colorBox.theme2{background: #ff944f} .colorBox.theme3{background: #6eb43f} .colorBox ul{padding: 0;list-style-type: none} .archive-item{margin-bottom: 1.5rem} .archive-item:last-child{margin-bottom: 0} .archive-item h3{font-size: 1.2rem;transition: color ease-in-out 0.2s} .archive-item a{color: #212529;text-decoration: none} .archive-item a:hover h3{color: #6eb43f} .archive-item .placeholder{display: block;position: relative;height: 100%;border-radius: 0.25rem} .archive-item.theme1 .placeholder{background: #ffaf27;color: #ffaf27} .archive-item.theme2 .placeholder{background: #ff944f;color: #ff944f} .archive-item.theme3 .placeholder{background: #6eb43f;color: #6eb43f} :root{--col-primary: var(--brand);--col-secondary: #ffaf27;--col-complimentary: #ff944f;--col-text: #212529;--bg-main: #fff;--bg-alt: #f4f4f6} .button-h{display: inline-flex;align-items: center;justify-content: center;padding: 0.65rem 1.5rem;border-radius: 50px;font-size: 16px;text-decoration: none;font-weight: 500;font-family: "DINPro", sans-serif;border: 1px solid transparent;cursor: pointer;text-align: center;box-sizing: border-box} .button-h.btn-outline{background-color: transparent !important;color: var(--col-primary) !important;border-color: var(--col-primary) !important} .button-h.btn-outline:hover{background-color: var(--col-primary) !important;color: #000000 !important} .button-h.btn-outline-secondary{background-color: transparent;color: #000000;border-color: #000000} .button-h.btn-outline-secondary:hover{background-color: var(--col-primary);color: #000000;border-color: var(--col-primary)} .btn-sm{padding: 0.5rem 1.5rem;font-size: 0.875rem;min-width: 120px} .btn-lg{padding: 1rem 2.5rem;font-size: 1.125rem;min-width: 200px} .btn-icon{min-width: auto;padding: 0.875rem;border-radius: 50%} .btn-link{background: transparent;border: none;color: var(--col-primary);text-decoration: underline;min-width: auto;padding: 0.25rem 0.5rem;border-radius: 4px} .btn-link:hover{color: #5a9633;text-decoration: none;background: transparent;transform: none;box-shadow: none} .btn-group{display: flex;gap: 1rem;align-items: center} @supports not (background-color: color-mix(in srgb, red 50%, blue 50%)){.btn-hero:hover{filter: brightness(0.85)} } @media (max-width: 768px){.btn-group{flex-direction: column;width: 100%} .btn-group .button-h{width: 100%;min-width: auto} } a.navbar-brand{white-space: normal;text-align: center;word-break: break-all} html{font-size: 14px;overflow-x: hidden;height: 100%} @media (min-width: 768px){html{font-size: 16px} } .border-top{border-top: 1px solid #e5e5e5} .border-bottom{border-bottom: 1px solid #e5e5e5} .box-shadow{box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05)} button.accept-policy{font-size: 1rem;line-height: inherit} .generic-carousel{position: relative;overflow: visible} .generic-carousel-container{display: flex;gap: 24px;overflow-x: auto;scroll-behavior: smooth;-ms-overflow-style: none;scrollbar-width: none} .generic-carousel-container::-webkit-scrollbar{display: none} .generic-nav-button{position: absolute;top: 50%;transform: translateY(-50%);background: white;border: 2px solid #ddd;width: 45px;height: 45px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 1.8rem;z-index: 10;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);transition: all 0.2s ease} .generic-nav-button:hover{background: #f8f8f8;border-color: #bbb;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2)} .generic-nav-button.prev{left: 10px} .generic-nav-button.next{right: 10px} @media (max-width: 768px){.generic-nav-button{width: 40px;height: 40px;font-size: 1.5rem} } @media (max-width: 480px){.generic-nav-button{width: 35px;height: 35px;font-size: 1.2rem} } .centered-container{display: flex;justify-content: center;align-items: center;width: 100%} .centered-container[data-overflow="false"]{justify-content: center} .centered-container[data-overflow="true"]{justify-content: flex-start} .centered-grid{display: flex;flex-wrap: wrap;gap: 1rem;justify-content: center;align-items: center} .centered-flex{display: flex;justify-content: center;align-items: center} @@media (max-width: 768px){.centered-container, .centered-grid, .centered-flex{justify-content: center} } .hover-dropdown{position: static !important} .hover-dropdown .dropdown-menu{width: 100%;left: 0;right: 0;padding: 2rem;margin-top: 0;border-radius: 0;border-top: 1px solid #e5e7eb} .dropdown-sections{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1rem;max-width: 1200px} .dropdown-section{padding: 1rem 0rem} .dropdown-group-title-link{text-decoration: none;color: black !important} .dropdown-group-title{font-size: 20px;font-weight: 500;margin-bottom: 1rem;color: #343c43;display: flex;align-items: center;gap: 0.5rem} .dropdown-group-icon{width: 24px;height: 24px;object-fit: contain} .dropdown-header{margin-bottom: 1.5rem} .dropdown-header-text{font-size: 1.25rem;font-weight: 600;color: #111827;margin-bottom: 0.5rem} .dropdown-header-divider{border-top: 1px solid #e5e7eb;margin: 1rem 0} .dropdown-group-links{list-style: none;padding: 0;margin: 0} .dropdown-group-link-item{margin-bottom: 0.5rem} .dropdown-group-link{display: flex;flex-direction: column;padding: 0.5rem 0rem;color: #4b5563;text-decoration: none;transition: color 0.2s ease;border-radius: 0.375rem} .dropdown-group-link:hover{color: #16a34a;background-color: #f9fafb} .dropdown-link-icon{width: 20px;height: 20px;margin-right: 0.5rem} .dropdown-link-text{font-weight: 500} .dropdown-link-description{color: #6b7280;font-size: 0.875rem;margin-top: 0.25rem} .dropdown-external-link{position: relative} .dropdown-external-link::after{content: "";display: inline-block;width: 12px;height: 12px;margin-left: 0.5rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat} .dropdown-layout-single-column .dropdown-sections{grid-template-columns: 1fr} .dropdown-layout-two-column .dropdown-sections{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 4rem} .dropdown-layout-three-column .dropdown-sections{grid-template-columns: repeat(3, 1fr)} .dropdown-layout-four-column .dropdown-sections{grid-template-columns: repeat(4, 1fr)} .dropdown-layout-five-column .dropdown-sections{grid-template-columns: repeat(5, 1fr)} @@media (max-width: 768px){.dropdown-sections{grid-template-columns: 1fr !important} .hover-dropdown .dropdown-menu{padding: 1rem} .dropdown-group-link{padding: 0.75rem} .dropdown-group-links{display: grid;grid-template-rows: repeat(4, auto);grid-auto-flow: column;grid-auto-columns: 1fr;gap: 0.5rem;column-gap: 1.5rem} .dropdown-group-link-item{margin-bottom: 0} } .ps-section.contained-layout{max-width: 1280px;margin: 0 auto;padding-left: 16px;padding-right: 16px} .ps-section.full-width-layout{width: 100%} .ps-container{margin: 1.5rem 0} .ps-section{background-color: rgba(91, 103, 112, 0.08);border-radius: 12px;padding: 80px 0px} .ps-header{margin-bottom: 0.25rem} .ps-description{margin-bottom: 1rem;color: #555} .ps-progress{height: 4px;background: #eee;border-radius: 2px;overflow: hidden;margin: 0.5rem 0 1rem} .ps-progress-bar{display: block;height: 4px;background: #6abd45;width: 0%;transition: width 200ms ease} .ps-questions{} .ps-question{} .ps-question-head{margin-bottom: 0.75rem} .ps-header, .ps-question-head{text-align: center} .ps-step-label{font-size: 0.85rem;color: #666;margin-bottom: 0.25rem} .ps-question-title{margin: 0 0 0.25rem;color: #6abd45} .ps-question-desc{color: #444} .ps-options{display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;margin: 0 auto} .ps-option{width: var(--ps-item-width, 200px);border: 1px solid #e0e0e0;border-radius: 8px;padding: 28px;text-align: center;background: #fff;cursor: pointer;box-sizing: border-box;min-height: 210px} .ps-option-images{display: flex;align-items: center;justify-content: center;gap: 12px;margin-bottom: 12px} .ps-option-images.single img{height: 110px} .ps-option-images.double img{height: 96px} .ps-option img{max-width: 100%;object-fit: contain;display: block} .ps-option-title{display: block;font-weight: 600;color: #2c2c2c} .ps-option:hover{border-color: #c7dfb9;box-shadow: 0 0 0 3px rgba(106, 189, 69, 0.15)} .ps-options.cols-2 .ps-option{width: auto;flex: 0 0 calc((100% - 16px) / 2)} .ps-options.cols-3 .ps-option{width: auto;flex: 0 0 calc((100% - 32px) / 3)} .ps-options.cols-4 .ps-option{width: auto;flex: 0 0 calc((100% - 48px) / 4)} .ps-options.cols-2 .ps-option, .ps-options.cols-3 .ps-option, .ps-options.cols-4 .ps-option{min-width: var(--ps-item-width, 200px)} .tab-pane{padding-bottom: 30px} .search-content-block{min-height: 28vh} .search-form input.form-control:focus{border-color: #508b28;box-shadow: 0 0 0 0.25rem rgba(80, 139, 40, 0.25)} .search-summary{margin-bottom: 30px} .no-results{border-radius: 0.5rem} .search-suggestions .btn{margin: 0.25rem} .search-page .nav-tabs{border-bottom: none;border-top: none;gap: 30px} .search-page .nav-tabs .nav-link{border: none;border-bottom: 1.7px solid transparent;background: transparent;color: #000;border-radius: 0;padding: 0 0 1rem 0;font-size: 14px} .search-page .nav-tabs .nav-link:hover{border-color: transparent;border-bottom-color: transparent} .search-page .nav-tabs .nav-link.active{color: #508b28;background: transparent;border: none;border-bottom: 1.7px solid #508b28}