@font-face {
   font-family: "Halvetica Neue";
   font-style: normal;
   font-weight: 600;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/HelveticaNeueMedium.otf);
}
@font-face {
   font-family: "Helvetica Neue Bold";
   font-style: normal;
   font-weight: bold;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/HelveticaNeueBold.otf);
}
@font-face {
   font-family: "IBM Plex Sans Regular";
   font-style: normal;
   font-weight: 400;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/IBMPlexSans-Regular.ttf);
}
@font-face {
   font-family: "IBM Plex Sans Medium";
   font-style: normal;
   font-weight: 600;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/IBMPlexSans-Medium.ttf);
}
@font-face {
   font-family: "IBM Plex Sans Bold";
   font-style: normal;
   font-weight: 700;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/IBMPlexSans-Bold.ttf);
}
@font-face {
   font-family: "Plus Jakarta Sans Bold";
   font-style: normal;
   font-weight: bold;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/PlusJakartaSans-Bold.ttf);
}
@font-face {
   font-family: "Plus Jakarta Sans Regular";
   font-style: normal;
   font-weight: normal;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/PlusJakartaSans-Regular.ttf);
}
@font-face {
   font-family: "Plus Jakarta Sans Medium";
   font-style: normal;
   font-weight: 500;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/PlusJakartaSans-Medium.ttf);
}
@font-face {
   font-family: "Inter Regular";
   font-style: normal;
   font-weight: 400;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Inter-Regular.ttf);
}
@font-face {
   font-family: "Inter Medium";
   font-style: normal;
   font-weight: 500;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Inter-Medium.ttf);
}
@font-face {
   font-family: "Inter Semi Bold";
   font-style: normal;
   font-weight: 600;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Inter-SemiBold.ttf);
}
@font-face {
   font-family: "Inter Bold";
   font-style: normal;
   font-weight: 700;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Inter-Bold.ttf);
}
@font-face {
   font-family: "Poppins Medium";
   font-style: normal;
   font-weight: 500;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Poppins-Medium.ttf);
}
@font-face {
   font-family: "Poppins Regular";
   font-style: normal;
   font-weight: 400;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Poppins-Regular.ttf);
}
@font-face {
   font-family: "Poppins Bold";
   font-style: normal;
   font-weight: 700;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Poppins-Bold.ttf);
}
@font-face {
   font-family: "Poppins Semi Bold";
   font-style: normal;
   font-weight: 600;
   src: url(https://charter4you.pl/voucher/wp-content/themes/4you-character/fonts/Poppins-SemiBold.ttf);
}
/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/base.css ***!
  \********************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/base.css (1) ***!
  \************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap);
/*!***********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/component-accordion.css ***!
  \***********************************************************************************/
.accordion {
}
.accordion-item {
   border-top: 1px solid var(--clr-gray-4);
   padding: 2rem 0;
}
.accordion-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}
.accordion-title-text {
   font-size: 2rem;
   letter-spacing: var(--spacing);
   font-weight: 700;
   font-family: var(--ff-primary);
}
.accordion-title-icon {
}
.accordion-text {
   padding-top: 1rem;
   font-weight: 400;
   font-size: 1.7rem;
   letter-spacing: var(--spacing);
   line-height: 1.7;
   display: none;
}
/* js */
.accordion-minus {
   display: none;
}
.accordion-active .accordion-plus {
   display: none;
}
.accordion-active .accordion-minus {
   display: block;
}
.accordion-active .accordion-text {
   display: block;
}
/*!********************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/component-slider.css ***!
  \********************************************************************************/
.slider {
   position: relative;
}
.slider-btn-left,
.slider-btn-right {
   position: absolute;
   top: 0;
   cursor: pointer;
}
.slider-btn-left {
   left: -6rem;
   margin-left: 0.5rem;
}
.slider-btn-right {
   right: -6rem;
   margin-right: 0.5rem;
}
/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/component-hero.css ***!
  \******************************************************************************/
/*************** hero */
.hero {
   position: relative;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   height: 80rem;
   margin-top: -13rem;
}
.hero-body {
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   max-width: 130rem;
   text-align: start;
   padding: 0 2rem;
}
.hero-body-wrap > *:not(:last-child) {
   margin-bottom: 2.5rem;
}
.hero-heading-3 {
   font-family: "Halvetica Neue";
   font-size: 2rem;
   letter-spacing: 1px;
}
.hero-heading-2 {
   font-family: "Helvetica Neue Bold";
   font-size: 2.4rem;
}
.hero-heading-1 {
   max-width: 50rem;
   font-family: "IBM Plex Sans";
   font-size: 5.8rem;
   line-height: 066px;
   margin-bottom: 5rem;
}
.hero-buttons {
   display: flex;
   gap: 1rem 3rem;
}
.hero-btn {
   font-family: "Plus Jakarta Sans Bold";
   padding: 1.5rem 6.3rem !important;
   font-size: 1.8rem;
   color: #000;
   background-color: #fff;
   border: 1px solid #fff;
   border-radius: 1rem;
}
.hero-btn:hover {
   color: #fff;
   background-color: transparent;
}
.hero-btn-overlay {
   font-family: "Plus Jakarta Sans Bold";
   background-color: transparent;
   border: 1px solid #fff;
   padding: 1.5rem 2.2rem !important;
   color: #000;
   display: flex;
   align-items: center;
   color: #fff;
   border-radius: 1rem;
   font-size: 1.8rem;
   gap: 1rem;
}
.hero-btn-overlay:hover {
   color: #000;
   background-color: #fff;
}
.hero-btn-overlay > svg {
   stroke: #fff;
}
.hero-btn-overlay:hover > svg {
   stroke: black !important;
}
.hero-footer {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   align-items: center;
   gap: 2rem;
   padding: 0 3rem 4rem 3rem;

   width: 100%;
   max-width: 160rem;
}
.hero-text {
   font-family: "Plus Jakarta Sans Regular";
   font-size: 1.8rem;
   line-height: 024px;
}
.hero-text strong {
   font-family: "Plus Jakarta Sans Bold";
}
.hero-icon {
   height: 100%;
   max-height: 6rem;
   object-fit: contain;
   object-position: center;
}
.hero-icon:not(:first-child) {
   margin-left: -2rem;
}
/* media */
@media only screen and (max-width: 768px) {
   .hero-heading-1 {
      font-size: 5rem;
      line-height: 050px;
   }
   .hero-footer {
      width: 100%;
      flex-direction: column;
      padding-left: 1rem;
      padding-right: 1rem;
   }
}
@media only screen and (max-width: 576px) {
   .hero {
      height: 88rem;
   }
   .hero-heading-1 {
      font-size: 4rem;
      line-height: 040px;
   }
   .hero-heading-3 {
      font-size: 1.5rem;
   }
   .hero-heading-2 {
      font-size: 1.8rem;
   }
   .hero-buttons {
      flex-direction: column;
      align-items: center;
   }
   .hero-footer .paragraph {
      font-size: 1rem;
   }
   .hero-footer .highlight {
      font-size: 1.1rem;
   }
   .hero-btn,
   .hero-btn-overlay {
      font-size: 1.5rem;
   }
   .hero-text {
      font-size: 1.5rem;
      line-height: 024px;
   }
}
/*************** hero */
/*!******************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/components-btn.css ***!
  \******************************************************************************/
/*************** btn */
.btn {
   display: inline-block;
   padding: 1.5rem 2.7rem;
   font-family: "Plus Jakarta Sans Bold";
   letter-spacing: var(--spacing);
   border: 1px solid var(--clr-white);
   color: var(--clr-blue);
   font-size: 1.8rem;
   background: var(--clr-white);
   border-radius: var(--radius);
   cursor: pointer;
   overflow: hidden;
   transition: var(--transition);
}
/* btn overlay */
.btn-overlay {
   position: relative;
   background: transparent;
   color: var(--clr-white);
}
.btn-overlay span {
   transition: var(--transition);
   transform-origin: left;
}
.btn-overlay .btn-overlay-text {
   margin-right: 1.5rem;
   font-family: "Plus Jakarta Sans Bold";
}
.btn-overlay .btn-overlay-icon-1,
.btn-overlay .btn-overlay-icon-2 {
   position: absolute;
   top: 50%;
   right: 0.5rem;
   font-size: inherit;
   font-weight: 600;
}
.btn-overlay .btn-overlay-icon-1 {
   transform: translate(-50%, -300%);
}
.btn-overlay .btn-overlay-icon-2 {
   transform: translate(-50%, -50%);
}
.btn:hover {
   color: var(--clr-white);
   background-color: transparent;
}
.btn-overlay:hover {
   color: var(--clr-blue);
   background: var(--clr-white);
}
.btn-overlay:hover .btn-overlay-icon-1 {
   transform: translate(-50%, -50%);
   transform-origin: left;
}
.btn-overlay:hover .btn-overlay-icon-2 {
   transform: translate(-50%, 150%);
   transform-origin: left;
}
/* btn overlay */
/* btn full*/
.btn-full {
   position: relative;
   background: #0065f2;
   color: var(--clr-white);
   border-color: #0065f2;
}
.btn-full:hover {
   position: relative;
   background: transparent;
   color: #0065f2;
}
/* btn full*/
/* btn big */
.btn-big-light,
.btn-big-dark {
   padding: 2rem 0;
   width: 100%;
   text-align: center;
   font-family: "IBM Plex Sans Bold";
   font-size: 1.6rem;
   font-weight: 700;
}
.btn-big-dark {
   padding: 1.3rem 0 1.7rem 0;
}
.btn-big-dark-icon {
   transform: translateY(20%);
}
.btn-big-light:hover {
   color: var(--clr-white) !important;
   background-color: var(--clr-blue);
}
.btn-big-dark:hover {
   color: var(--clr-white) !important;
   background-color: var(--clr-blue-3);
}
/* query */
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 576px) {
   .btn {
      font-size: 1.5rem;
   }
}
/*************** btn */

/*!******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/wp.css ***!
  \******************************************************************/
/************************** header */
.header-container {
   position: relative;
   height: 13rem;

   width: 100%;
   max-width: 160rem;
   margin: 0 auto;
}
.header {
   position: relative;
   height: 13rem;
   width: 100%;
   z-index: 99999;

   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 2rem 5rem;
}
.custom-logo {
   max-width: 10rem;
   height: auto;
}
.header a.mega-menu-link {
   font-family: "Plus Jakarta Sans Medium" !important;
   font-weight: 500 !important;
   font-size: 1.6rem !important;
}
.header .mega-menu-item:nth-child(6) .mega-menu-link {
   padding-right: 0 !important;
   border: none !important;
}
/* js */
.header-sticky .header {
   position: fixed;
   top: 0;
   left: 0;
   background-color: var(--clr-blue);
   height: 10rem;
}
.header-sticky .custom-logo {
   max-width: 7rem;
}

.header-btn {
   display: none;
}
#nav-header {
   width: 100%;
}
div#mega-menu-wrap-header {
   width: 100%;
   position: absolute;
   top: 2.5rem;
   right: 0;
}
.mega-toggle-blocks-right {
   margin-top: 2.5rem;
}
.header-sticky .mega-toggle-blocks-right {
   margin-top: 0;
}
ul#mega-menu-header {
   padding: 3rem 0 !important;
   top: 4rem !important;
}
.header-sticky ul#mega-menu-header {
   top: 1.5rem !important;
}
.mega-toggle-blocks-right {
   margin-right: 2.5rem !important;
}
.header ul#mega-menu-header,
.header a.mega-menu-link {
   text-align: center !important;
}

/************************** header */
/************************** accordion */
.home .wpsm_panel-group .wpsm_panel.wpsm_panel-default {
   border: none !important;
   border-top: 1px solid #eaecf0;
}
.wpsm_panel-group .wpsm_panel-title a {
   display: flex !important;
   flex-direction: row-reverse;
   justify-content: space-between;
   align-items: center;
}
.wpsm_panel-group .wpsm_panel-title a svg {
   min-width: 22px;
}
.wpsm_panel-group .wpsm_panel-title a #minus {
   display: block;
}
.wpsm_panel-group .wpsm_panel-title a #pulus {
   display: none;
}
.wpsm_panel-group .wpsm_panel-title a.collapsed #minus {
   display: none;
}
.wpsm_panel-group .wpsm_panel-title a.collapsed #pulus {
   display: block;
}
/************************** accordion */
/************************** counter */
.wpsm_col-md-6.wpsm_col-sm-6 {
   background-color: #faf9f9;
}
.wpsm_row {
   display: grid !important;
   grid-template-columns: 1fr 1fr;
   justify-items: center;
   gap: 1rem;

   max-width: 90rem !important;
   margin: 0 auto !important;
}
.wpsm_row:not(:last-child) {
   margin-bottom: 4rem !important;
}
.wpsm_col-md-6.wpsm_col-sm-6 {
   width: 100%;
   max-width: 41rem;
   border-radius: 1rem;
}
.wpsm_counterbox {
   margin: 3.5rem 0 !important;
   margin-bottom: 2rem !important;
}
@media (max-width: 576px) {
   .wpsm_row {
      grid-template-columns: 1fr;
   }
}
/************************** counter */
/************************ form footer */
span.wpcf7-not-valid-tip {
   margin-top: -1rem;
   display: block;
   margin-bottom: 1rem;
}
.wpcf7-response-output {
   display: none;
}
.wpcf7-spinner {
   background-color: var(--clr-blue);
}
.wpcf7-spinner::before {
   background-color: #fff;
}
/************************ form footer */
/************************ cookie */
.cky-title {
   display: none;
}
.cky-notice-group {
   max-width: 120rem;
   margin: 0 auto;
}
button.cky-btn.cky-btn-accept {
   border-radius: 10px;
   transition: background-color 0.3s;
}
button.cky-btn.cky-btn-accept:hover {
   background-color: var(--clr-blue) !important;
   color: #fff !important;
}
.politico-btn {
   color: var(--clr-blue) !important;
}
/************************ cookie */
/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/sections.css ***!
  \************************************************************************/
/* section price */

/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/form.css ***!
  \********************************************************************/
.form-text {
   width: 100%;
   padding: 2rem 1rem;
   border-radius: 1rem;
   border: none;
   outline: none;
}
.form-text,
.form-text::placeholder {
   font-family: var(--ff-secondary);
   font-size: 1.7rem;
   letter-spacing: var(--spacing);
   font-weight: 600;
}
.form-text {
   color: var(--clr-gray-3);
}
.form-text::placeholder {
   color: var(--clr-gray);
}
.form-text:focus,
.form-text:active {
   outline: 1px solid var(--clr-blue);
}
/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/footer.css ***!
  \**********************************************************************/
.footer {
}
#nav-footer {
}
#nav-footer .menu {
}
#nav-footer .menu-item {
}
#nav-footer .menu-item a {
   font-size: 1.6rem;
   line-height: 3;
   color: var(--clr-blue);
   font-weight: 500;
   font-family: "Poppins Medium";
}
#nav-footer a:hover,
#nav-footer a:active {
   color: inherit;
}
.footer-title {
   font-family: "Poppins Semi Bold";
   font-weight: 600;
   color: #666666;
   font-size: 1.6rem;
   line-height: normal;
}

@media (max-width: 768px) {
   .footer .col-4-m > .text-left {
      text-align: center;
   }
   .footer .form.align-left {
      align-items: center;
   }
   .footer .col-4-m:last-child.text-right {
      text-align: center;
   }
}
/*!**************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/animations.css ***!
  \**************************************************************************/
.animate-img {
   transform: scale(1);
   transition: 0.5s;
}
.animate-img:hover {
   transform: scale(1.2);
}
/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/utilities.css ***!
  \*************************************************************************/
/* ICON */
.icon {
   width: 1rem;
   height: 1rem;
}
/* line */
.line-m {
   line-height: 2 !important;
}
/* text */
.text-white {
   color: var(--clr-white) !important;
}
.text-gray {
   color: var(--clr-gray-3);
}
.text-blue {
   color: var(--clr-blue) !important;
}
.text-blue-2 {
   color: var(--clr-blue-4);
}
.text-bold {
   font-weight: 700 !important;
}
.text-bold-2 {
   font-weight: 800 !important;
}
.text-center {
   text-align: center;
}
.text-left {
   text-align: left;
}
.text-right {
   text-align: right;
}
.text-xs {
   font-size: 1.4rem !important;
}
.text-s {
   font-size: 1.6rem !important;
}
.text-m {
   font-size: 2rem !important;
}
/* size */
.w40 {
   width: 100%;
   max-width: 40rem;
}
@media (max-width: 768px) {
   .w40-m {
      width: 100%;
      max-width: 34rem;
   }
}
.w44 {
   width: 100%;
   max-width: 44rem;
}
.w-100 {
   width: 100%;
}
/* space */
.p-xxs {
   padding: 0.5rem;
}
.p-xs {
   padding: 1rem;
}
.p-s {
   padding: 2rem;
}
.p-m {
   padding: 4rem;
}
.p-l {
   padding: 6rem;
}
.px-m {
   padding-right: 4rem !important;
   padding-left: 4rem !important;
}
.px-l {
   padding-right: 6rem !important;
   padding-left: 6rem !important;
}
.py-s {
   padding-top: 2rem !important;
   padding-bottom: 2rem !important;
}
.py-m {
   padding-top: 4rem !important;
   padding-bottom: 4rem !important;
}
.py-l {
   padding-top: 6rem !important;
   padding-bottom: 6rem !important;
}
.py-xxl {
   padding-top: 10rem !important;
   padding-bottom: 10rem !important;
}
.pt-xxl {
   padding-top: 10rem !important;
}
@media (max-width: 768px) {
   .px-l-m {
      padding-right: 6rem !important;
      padding-left: 6rem !important;
   }
}
.-mr-s {
   margin-right: -2rem !important;
}
.-ml-s {
   margin-left: -2rem !important;
}
.mb-xs {
   margin-bottom: 1rem !important;
}
.mb-s {
   margin-bottom: 2rem !important;
}
.mb-m {
   margin-bottom: 4rem !important;
}
.mb-l {
   margin-bottom: 6rem !important;
}
.mb-xl {
   margin-bottom: 8rem !important;
}
.mb-xxl {
   margin-bottom: 10rem !important;
}
/* bg */
.bg-white {
   background-color: var(--clr-white);
}
.bg-gray {
   background-color: var(--clr-gray-2);
}
.bg-blue-light {
   background-color: var(--clr-blue-2);
}
.bg-blue {
   background-color: var(--clr-blue-3);
}
/* img */
.img-cover {
   object-fit: cover;
   object-position: center;
}
.img-containt {
   object-fit: contain;
   object-position: center;
}
.img-1 {
   width: 100%;
   height: auto;
}
.img-2 {
   width: auto;
   height: 100%;
}
.img-3 {
   width: 100%;
   height: 100%;
}
.icon-s {
   width: 12rem;
}
.icon-s-v {
   height: 3rem;
}
/* border */
.border {
   border: 1px solid var(--clr-gray);
}
@media (min-width: 768px) {
   .border-left-m {
      border-right: 1px solid var(--clr-gray);
   }
}
.radius-xs {
   border-radius: 1rem;
   overflow: hidden;
}
/* overflow */
.hidden {
   overflow: hidden;
}
/* flex */
.flex {
   display: flex;
}
.flex-column {
   display: flex;
   flex-direction: column;
}
.inline-flex {
   display: inline-flex;
}
.align-top {
   align-items: flex-start;
}
.align-left {
   align-items: flex-start;
}
.align-center {
   align-items: center;
}
.justify-center {
   justify-content: center;
}
.justify-between {
   justify-content: space-between;
}
/* position */
.fixed {
   position: fixed;
}
.relative {
   position: relative;
}
.z-1 {
   z-index: 1;
}
.z-9999 {
   z-index: 9999;
}
.positon-xy-0 {
   bottom: 0;
   left: 0;
}
/* display */
.inline-block {
   display: inline-block;
}
/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/layout.css ***!
  \**********************************************************************/
/* 
    xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
*/
.container {
   width: 100%;
   max-width: 130rem;
   padding: 0 2rem;
   margin: 0 auto;
}
.gap-s {
   --gap: 2rem;
   gap: var(--gap);
}
.gap-m {
   --gap: 4rem;
   gap: var(--gap);
}
.gap-l {
   --gap: 6rem;
   gap: var(--gap);
}
.gap-none {
   --gap: 0rem;
   gap: var(--gap);
}
.row {
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap);
}
.col {
   flex-grow: 1;
}
.col-1of4 {
   width: calc((100% - (3 * var(--gap))) / 4);
}
.col-2,
.col-2-m {
   width: calc((100% - var(--gap)) / 2);
}
/* 3 */
.col-3-l {
   width: calc((100% - (2 * var(--gap))) / 3);
}
.col-3-m {
   width: calc((100% - (2 * var(--gap))) / 3);
}
/* 4 */
.col-1of4 {
   width: calc((100% - (3 * var(--gap))) / 4);
}
.col-3of4 {
   width: calc((((100% - (3 * var(--gap))) / 4) * 3) + var(--gap));
}
.col-4-m {
   width: calc((100% - (3 * var(--gap))) / 4);
}
/* 5 */
.col-2of5 {
   width: calc((((100% - (4 * var(--gap))) / 5) * 2) + (1 * var(--gap)));
}
.col-3of5 {
   width: calc((((100% - (4 * var(--gap))) / 5) * 3) + (2 * var(--gap)));
}
.col-5-l {
   width: calc((100% - (4 * var(--gap))) / 5);
}
@media (max-width: 992px) {
   .col-5-l {
      width: calc((100% - var(--gap)) / 2);
   }
   .col-3-l {
      width: 100%;
   }
   .gap-s-v-l {
      --gap: 2rem;
      gap: var(--gap) 0;
   }
}
@media (max-width: 768px) {
   .col-2-m,
   .col-3-m {
      width: 100%;
   }
   .col-1of4,
   .col-3of4 {
      width: 100%;
   }
   .col-4-m {
      width: calc((((100% - (3 * var(--gap))) / 4) * 2) + var(--gap));
   }
   .col-2of5,
   .col-3of5 {
      width: 100%;
   }
   .gap-l-v-m {
      --gap: 6rem;
      gap: var(--gap) 0;
   }
}
@media (max-width: 576px) {
   .col-4-m,
   .col-5-l {
      width: 100%;
   }
}
/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/base.css (2) ***!
  \************************************************************************/
/****************** globals */
/* opensans lato */

:root {
   --ff-primary: "Inter", sans-serif;
   --ff-secondary: "Lato", sans-serif;
   --ff-heading-1: "Lato", sans-serif;
   --ff-heading-2: "Lato", sans-serif;
   --clr-blue: #025cc6;
   --clr-blue-2: #e2eeff;
   --clr-blue-3: #0065f2;
   --clr-blue-4: #7cb3ff;
   --clr-bg-transparent: rgba(2, 92, 198, 0.5);
   --clr-white: #fff;
   --clr-black: #000;
   --clr-gray: #dadada;
   --clr-gray-2: #faf9f9;
   --clr-gray-3: #64748b;
   --clr-gray-4: #eaecf0;
   --radius: 1rem;
   --spacing: 0.1rem;
   --transition: all 0.3s ease;
   --gap: 0rem;
}
*,
::after,
::before {
   margin: 0;
   padding: 0;
   box-sizing: inherit;
}
html {
   font-size: 62.5%;
}
body {
   box-sizing: border-box;
   font-family: var(--ff-primary);
   font-size: 0.875rem;
}
a {
   text-decoration: none;
}
ul {
   list-style-type: none;
}
/****************** globals */
/****************** typography */
/* heading */
.heading-1 {
   font-size: 3.8rem;
   font-family: "IBM Plex Sans Medium";
   line-height: 048px;
}
.heading-2 {
   line-height: 028px;
   display: inline-block;
   font-size: 2rem;
   font-family: "Plus Jakarta Sans Bold";
}
.heading-3 {
   line-height: 028px;
   display: inline-block;
   font-size: 2rem;
   font-family: "Plus Jakarta Sans Bold";
   width: 100%;
   max-width: 19rem;
}
.heading-4 {
   font-size: 3.8rem;
   font-family: "IBM Plex Sans Regular";
   line-height: 066px;
}
.heading-5 {
   line-height: 024px;
   display: inline-block;
   font-size: 1.8rem;
   font-family: "Plus Jakarta Sans Bold";
}
.heading-6 {
   line-height: 038px;
   display: inline-block;
   font-size: 2.8rem;
   font-family: "Poppins Medium";
   font-weight: 500;
   color: #090914;
}
.heading-7 {
   line-height: 038px;
   display: inline-block;
   font-size: 1.9rem;
   font-family: "Poppins Medium";
   color: #090914;
   font-weight: 500;
}
.heading-8 {
   font-family: "Inter Medium";
   line-height: 030px;
   font-size: 2.4rem;
   color: #101828;
   font-weight: 500;
}
/* paragraph */
.paragraph {
   font-family: "Plus Jakarta Sans Regular";
   line-height: 026px;
   font-size: 1.6rem;
   color: #666666;
}
.paragraph-2 {
   font-family: "Inter Regular";
   line-height: 030px;
   font-size: 1.7rem;
   color: #666666;
   font-weight: 400;
}
.paragraph-3 {
   font-family: "Inter Medium";
   line-height: 028px;
   font-size: 1.7rem;
   color: #666666;
   font-weight: 500;
}
.paragraph-4 {
   font-family: "Poppins Regular";
   line-height: 036px;
   font-size: 1.8rem;
   color: #52525b;
}
.paragraph-5 {
   font-family: "Poppins Bold";
   line-height: 036px;
   font-size: 1.8rem;
   color: #52525b;
}
.paragraph-6 {
   font-family: "Poppins Regular";
   line-height: 034px;
   font-size: 2.1rem;
   color: #52525b;
}
.paragraph-7 {
   font-family: "Inter Regular";
   line-height: 040px;
   font-size: 2rem;
   color: #666666;
   font-weight: 400;
}

/* heading */
.list-1,
.list-2 {
   display: flex;
   flex-direction: column;
   gap: 2rem;
}
.list-1 > *,
.list-2 > * {
   position: relative;
   padding-left: 3rem;
   font-family: "Inter Medium";
   line-height: 024px;
   font-size: 1.6rem;
   font-weight: 500;
}
.list-1 > *:before {
   content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%230065F2%27 fill-rule=%27evenodd%27 d=%27M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m-.232-5.36l5-6l-1.536-1.28l-4.3 5.159l-2.225-2.226l-1.414 1.414l3 3l.774.774z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
}
.list-2 > *:before {
   content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27white%27 fill-rule=%27evenodd%27 d=%27M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m-.232-5.36l5-6l-1.536-1.28l-4.3 5.159l-2.225-2.226l-1.414 1.414l3 3l.774.774z%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
}
.list-1 > *:before,
.list-2 > *:before {
   position: absolute;
   top: 0.2rem;
   left: 0;
   width: 2.5rem;
   height: 2.5rem;
}
.underline-1,
.underline-2,
.underline-3 {
   display: inline-block;
   width: 100%;
   height: 0.2rem;
}
.underline-1 {
   background-color: var(--clr-blue-3);
}
.underline-2 {
   background-color: var(--clr-white);
}
.underline-3 {
   background-color: var(--clr-gray);
}
@media screen and (min-width: 576px) {
   .heading-1 {
      font-size: 4.8rem;
   }
   .heading-4 {
      font-size: 3.4rem;
   }
}
@media screen and (min-width: 768px) {
   .heading-1 {
      font-size: 5rem;
   }
   .heading-2 {
      font-size: 2.2rem;
   }
   .heading-3 {
      font-size: 2.1rem;
   }
   .heading-4 {
      font-size: 4.4rem;
   }
   .paragraph-2,
   .paragraph-3 {
      font-size: 2rem;
   }
}
/****************** typography */

/*!*********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/style.css ***!
  \*********************************************************************/
/* @import "./header.css"; */
[role="modal-scroll-up"] a {
   padding: 1rem 1.2rem !important;
}
@media (max-width: 980px) {
   .media-900-justify-center {
      flex-direction: column;
      justify-content: center !important;
   }
}
/* modal form */
.frm_required {
   display: none;
}
.modal-form {
   max-width: 70rem;
   margin: 0 auto;
   background-color: #fff;
   padding: 5rem 1rem;
}
.modal-form input:not(#frm_field_11_container input),
.modal-form textarea {
   background-color: #fffcdd !important;
}
.modal-form
   input:not(#frm_field_11_container input):not(#frm_field_13_container input),
.modal-form textarea {
   padding: 1.1rem;
}
.modal-form label {
   font-family: "Inter Medium" !important;
   font-weight: 500 !important;
   font-size: 14px !important;
   margin-bottom: 0.5rem !important;
   color: #344054;
}
.modal-form input::placeholder,
.modal-form textarea::placeholder {
   color: #666666;
   color: #52525b;
   font-family: "Inter Regular" !important;
   font-weight: 400 !important;
   font-size: 16px;
}
.modal-form div#field_x8duh_label {
   font-family: "Inter Medium" !important;
   font-weight: 500 !important;
   font-size: 16px !important;
   line-height: 20px;
   margin-bottom: 2rem !important;
}
.modal-form div#frm_field_13_container label {
   font-family: "Inter Regular" !important;
   font-weight: 400 !important;
   color: #667085;
}
.modal-form div#frm_field_11_container .frm_opt_container {
   display: grid;
   grid-template-columns: 1fr;
   gap: 0.7rem;
}
@media (min-width: 500px) {
   .modal-form div#frm_field_11_container .frm_opt_container {
      grid-template-columns: 1fr 1fr;
   }
   .modal-form {
      padding: 5rem;
   }
}
button.frm_button_submit {
   width: 100% !important;
   max-width: 512px !important;
   background: #0065f2 !important;
   border: 1px solid transparent;
   font-family: "Inter Medium" !important;
   font-weight: 500 !important;
   font-size: 16px !important;
   transition: 0.3s;
}
button.frm_button_submit:hover {
   color: #0065f2 !important;
   background: #fff !important;
   border-color: #0065f2 !important;
   border-radius: 8px !important;
}