/*--- Colors setup ---*/
/*--- Fonts ---*/
/*--- Spacing ---*/
/*--- Buttons ---*/
/*--- helpers ---*/
:root {
  --wp--style--global--content-size: 1200px;
}
/*@mixin get-responsive-hiding($separator: "-"){
     
     @media (max-width: bp(sm)) {
         .hidden{
                display: none;
            }
     }
     
     @each $name, $size in $breakpoints {
         .#{$name}\:hidden {
              @media (min-width: $size) {
                display: none;
            }
         }
     }
}*/
@media (min-width: 1200px) {
  .hidden-for-xl {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .hidden-for-lg {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .hidden-for-md {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .hidden-for-sm {
    display: none;
  }
}
@media (max-width: 480px) {
  .hidden-for-mobile {
    display: none;
  }
}
.text-headline-l {
  font-size: 1.96rem;
  line-height: 1.25;
  font-weight: 600;
}
@media (min-width: 768px) {
  .text-headline-l {
    font-size: 2.45rem;
  }
}
@media (min-width: 992px) {
  .text-headline-l {
    font-size: 3.0625rem;
  }
}
.text-headline-m {
  font-size: 1.56rem;
  line-height: 1.25;
  font-weight: 500;
}
@media (min-width: 768px) {
  .text-headline-m {
    font-size: 1.95rem;
  }
}
@media (min-width: 992px) {
  .text-headline-m {
    font-size: 2.4375rem;
  }
}
.text-headline-s {
  font-size: 1.24rem;
  line-height: 1.25;
  font-weight: 400;
}
@media (min-width: 768px) {
  .text-headline-s {
    font-size: 1.55rem;
  }
}
@media (min-width: 992px) {
  .text-headline-s {
    font-size: 1.9375rem;
  }
}
.text-title-l {
  font-size: 1.5625rem;
  line-height: 1.25;
  font-weight: 600;
}
.text-title-m {
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 500;
}
.text-title-s {
  font-size: 1.125rem;
  line-height: 1.25;
  font-weight: 400;
}
.text-body-l {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.09px;
}
.text-body-m {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.08px;
}
.text-body-s {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.035px;
}
.text-label-l {
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.012px;
}
.text-label-m {
  font-size: 0.625rem;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.05px;
}
.text-label-s {
  font-size: 0.5rem;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.04px;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.leading-100 {
  line-height: 1;
}
.leading-125 {
  line-height: 1.25;
}
.leading-150 {
  line-height: 1.5;
}
.text-14 {
  font-size: 0.875rem;
}
.text-16 {
  font-size: 1rem;
}
.text-20 {
  font-size: 1.25rem;
}
.text-26 {
  font-size: 1.625rem;
}
.text-32 {
  font-size: 2rem;
}
.text-46 {
  font-size: 2.875rem;
}
.text-58 {
  font-size: 3.625rem;
}
@media (min-width: 480px) {
  .sm\:text-14 {
    font-size: 0.875rem;
  }
  .sm\:text-16 {
    font-size: 1rem;
  }
  .sm\:text-20 {
    font-size: 1.25rem;
  }
  .sm\:text-26 {
    font-size: 1.625rem;
  }
  .sm\:text-32 {
    font-size: 2rem;
  }
  .sm\:text-46 {
    font-size: 2.875rem;
  }
  .sm\:text-58 {
    font-size: 3.625rem;
  }
}
@media (min-width: 768px) {
  .md\:text-14 {
    font-size: 0.875rem;
  }
  .md\:text-16 {
    font-size: 1rem;
  }
  .md\:text-20 {
    font-size: 1.25rem;
  }
  .md\:text-26 {
    font-size: 1.625rem;
  }
  .md\:text-32 {
    font-size: 2rem;
  }
  .md\:text-46 {
    font-size: 2.875rem;
  }
  .md\:text-58 {
    font-size: 3.625rem;
  }
}
@media (min-width: 992px) {
  .lg\:text-14 {
    font-size: 0.875rem;
  }
  .lg\:text-16 {
    font-size: 1rem;
  }
  .lg\:text-20 {
    font-size: 1.25rem;
  }
  .lg\:text-26 {
    font-size: 1.625rem;
  }
  .lg\:text-32 {
    font-size: 2rem;
  }
  .lg\:text-46 {
    font-size: 2.875rem;
  }
  .lg\:text-58 {
    font-size: 3.625rem;
  }
}
@media (min-width: 1200px) {
  .xl\:text-14 {
    font-size: 0.875rem;
  }
  .xl\:text-16 {
    font-size: 1rem;
  }
  .xl\:text-20 {
    font-size: 1.25rem;
  }
  .xl\:text-26 {
    font-size: 1.625rem;
  }
  .xl\:text-32 {
    font-size: 2rem;
  }
  .xl\:text-46 {
    font-size: 2.875rem;
  }
  .xl\:text-58 {
    font-size: 3.625rem;
  }
}
.text-white {
  color: #FFFFFF;
}
.text-neutral {
  color: #F0F0F0;
}
.text-neutral-alt {
  color: #A0A2A4;
}
.text-neutral-accent {
  color: #F8F8F8;
}
.text-black {
  color: #414042;
}
.text-black-alt {
  color: #000000;
}
.text-primary {
  color: #0197F6;
}
.text-primary-alt {
  color: #0168AA;
}
.text-secondary {
  color: #ED1941;
}
.text-success {
  color: #8EB46A;
}
.text-warning {
  color: #FEC84B;
}
.text-danger {
  color: #B55050;
}
.bg-white {
  background-color: #FFFFFF;
}
.bg-neutral {
  background-color: #F0F0F0;
}
.bg-neutral-alt {
  background-color: #A0A2A4;
}
.bg-neutral-accent {
  background-color: #F8F8F8;
}
.bg-black {
  background-color: #414042;
}
.bg-black-alt {
  background-color: #000000;
}
.bg-primary {
  background-color: #0197F6;
}
.bg-primary-alt {
  background-color: #0168AA;
}
.bg-secondary {
  background-color: #ED1941;
}
.bg-success {
  background-color: #8EB46A;
}
.bg-warning {
  background-color: #FEC84B;
}
.bg-danger {
  background-color: #B55050;
}
@media (max-width: 1200px) {
  .ct-section > .ct-section-inner-wrap, .wp-block-group > .wp-block-group__inner-container {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
/*button-primary*/
.ct-link.button-primary, .ct-link-button.button-primary, .button-primary a {
  padding: 12px 30px;
  border-radius: 0px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: fit-content;
  transition: 0.3s;
  border: 0;
  background-color: #0197F6;
  color: #FFFFFF;
  border: 1px solid #0197F6;
}
.ct-link.button-primary svg, .ct-link-button.button-primary svg, .button-primary a svg {
  fill: #FFFFFF;
}
.ct-link.button-primary:hover, .ct-link-button.button-primary:hover, .button-primary a:hover {
  background-color: #0168AA;
  border: 1px solid #0168AA;
  color: #FFFFFF;
}
/*button-secondary*/
.ct-link.button-secondary, .ct-link-button.button-secondary, .button-secondary a {
  padding: 12px 30px;
  border-radius: 0px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: fit-content;
  transition: 0.3s;
  border: 0;
  color: #0197F6;
}
.ct-link.button-secondary:not(.return-button) svg, .ct-link-button.button-secondary:not(.return-button) svg, .button-secondary a:not(.return-button) svg {
  fill: #0197F6;
  transition: 0.2s all;
}
.ct-link.button-secondary svg:not(.arrow-right) path, .ct-link-button.button-secondary svg:not(.arrow-right) path, .button-secondary a svg:not(.arrow-right) path {
  stroke: #0197F6;
  transition: 0.2s all;
}
.ct-link.button-secondary:hover, .ct-link-button.button-secondary:hover, .button-secondary a:hover {
  color: #0168AA;
}
.ct-link.button-secondary:hover:not(.return-button) svg, .ct-link-button.button-secondary:hover:not(.return-button) svg, .button-secondary a:hover:not(.return-button) svg {
  fill: #0168AA;
}
.ct-link.button-secondary:hover svg:not(.arrow-right) path, .ct-link-button.button-secondary:hover svg:not(.arrow-right) path, .button-secondary a:hover svg:not(.arrow-right) path {
  stroke: #0168AA;
}
/*button-link*/
/*.ct-link.button-link, .ct-link-button.button-link,
.button-link a{
    @include button-style();
    padding: 0px;
    background-color: transparent;
    color: color(primary-alt);
    
    svg{
        fill: color(primary-alt);
    }
    
    &:hover{
        color: color(primary-alt);
    }
}*/