/* Fonts */
@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
  
@font-face {
    font-family: "Santander Text";
    src: url("../fonts/SantanderTextW05-Regular.woff") format("woff");
}
  
@font-face {
    font-family: "Santander Text";
    src: url("../fonts/SantanderTextW05-Bold.woff") format("woff");
    font-weight: bold;
}
  
@font-face{
    font-family:'Glyphicons Halflings';
    src:url('../fonts/glyphicons-halflings-regular.eot');
    src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')
}
/* Fonts */


/* Reset */
*, *::before, *::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul[role="list"], ol[role="list"] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

html {
  scroll-behavior: smooth;
}
 
html, body {
    height: 100%;
    overflow-x: hidden;
}

body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img, picture, svg {
  max-inline-size: 100%;
  block-size: auto;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Reset */

 
/* Colors */
:root {
    --clr-neutral-1500: #ffe2e2;
    --clr-neutral-1400: #e6e6e6;
    --clr-neutral-1300: #c96d70;
    --clr-neutral-1200: #ce8483;
    --clr-neutral-1100: #6b6b6b;
    --clr-neutral-1000: #878787;
    --clr-neutral-900: #ffffff;
    --clr-neutral-800: #3BB4BE;
    --clr-neutral-700: #EC0000;
    --clr-neutral-600: #323232;
    --clr-neutral-500: #000000;
    --clr-neutral-400: #666666;
    --clr-neutral-300: #ddd7d7;
    --clr-neutral-200: #dddddd;
    --clr-neutral-100: #bbbbbb;
    --clr-neutral-50: #d9d9d9;
    --clr-neutral-0: #868686;
}
/* Colors */

 
/* Fonts Weights */
:root {
    --fw-thin:300;
    --fw-regular:400;
    --fw-demi:500;
    --fw-bold:600;
    --fw-superbold:700;

    --ffsty: normal;
}
/* Fonts Weights */


/* Desktop */
body {
    margin: 0;
    background-color: var(--clr-neutral-900);
    font-family: "Santander Text", Ubuntu, Arial, Helvetica, sans-serif;
}

.input-info {
    margin: 0;
    font-size: clamp(0.625rem, 0.4821rem + 0.2976vw, 0.75rem)!important;
    padding: 0.5rem 0 0 0!important;
}

.header__container {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: auto auto clamp(15rem, 32.0951rem + -35.6612vw, 0rem) auto;
}

.header__container-logo {
    background-color: var(--clr-neutral-900);
}

.header__container-logo img {
    padding: 0.625rem 1.3125rem 0.625rem clamp(1.3125rem, -1.2179rem + 10.381vw, 8.125rem);
}

.header__container-picture {
    background-color: var(--clr-neutral-800);
}

@media screen and (min-width: 1700px) {
    .header__container-picture img {
        position: relative;
        left: 50%;
        transform: translate(-66.5%, 0);
    }   
}

.header__container-form {
    position: absolute;
    top: 7.5rem;
    right: clamp(0.625rem, -36.875rem + 50vw, 8.125rem);
    box-shadow: 0 24px 24px rgba(0, 0, 0, 0.16);
    border-radius: 18px;
    background-color: var(--clr-neutral-900);
    max-width: clamp(25rem, 7.9049rem + 35.6612vw, 40rem);
    width: 100%;
    padding: clamp(1.5rem, 1.3143rem + 0.7619vw, 2rem) clamp(1rem, 0.6286rem + 1.5238vw, 2rem) clamp(1.5rem, 1.3143rem + 0.7619vw, 2rem) clamp(1rem, 0.6286rem + 1.5238vw, 2rem);
}

h2, p {
    margin: 0;
}

.header__container-form h2 {
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    font-size: clamp(1.3125rem, 1.2429rem + 0.2857vw, 1.5rem);
    line-height: clamp(1.875rem, 1.7589rem + 0.4762vw, 2.1875rem);
    color: var(--clr-neutral-600);
}

.header__container-form p {
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 0 clamp(0.25rem, -0.3182rem + 0.9091vw, 0.5rem) 0;
    max-width: 445px;
    width: 100%;
    color: var(--clr-neutral-600);
}

.section1, .section2, .section3 {
    max-width: 1920px;
    width: 100%;
    margin: auto auto 90px auto;
}

.section1 h2 {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: clamp(1.75rem, 1.5643rem + 0.7619vw, 2.25rem);
    line-height: clamp(2.5rem, 2.2214rem + 1.1429vw, 3.25rem);
    color: var(--clr-neutral-500);
    text-align: center;
}

.section1__container {
    display: flex;
    flex-direction: row;
    margin: auto 20px auto 20px;
    justify-content: center;
    gap: 20px;
}

.section1__columns {
    background-color: #F7F8F8;
    max-width: 233px;
    width: 100%;
    height: auto;
    padding: clamp(1.125rem, 0.1278rem + 2.0802vw, 2rem);
    text-align: center;
    display: flex;
    flex-direction: column;
}

.section1__columns .section1__columns-img img {
    display: inline-block;
}

.section1__columns:nth-child(1) .section1__columns-img img {
    max-width: 53px;
    width: 100%;
    margin: 0 auto 30px auto;
}

.section1__columns:nth-child(2) .section1__columns-img img {
    max-width: 78px;
    width: 100%;
    margin: 0 auto 36px auto;
}

.section1__columns:nth-child(3) .section1__columns-img img {
    max-width: 66px;
    width: 100%;
    margin: 0 auto 32px auto;
}

.section1__columns:nth-child(4) .section1__columns-img img {
    max-width: 61px;
    width: 100%;
    margin: 0 auto 42px auto;
}

.section1__columns .section1__columns-text h4 {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: var(--clr-neutral-600);
    margin: auto auto 8px auto;
}

.section1__columns .section1__columns-text p {
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: var(--clr-neutral-600);
    margin: auto;
}

.section2 {
    display: flex;
    flex-direction: row;
}

.section2__container h3 {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    color: var(--clr-neutral-600);
}

.section2__container:nth-child(1) {
    width: 50%;
    padding: 40px 40px 60px clamp(2.5rem, -6.875rem + 12.5vw, 8.125rem);
    background-color: rgba(222, 237, 242, 0.5);
}

.section2__container:nth-child(2) {
    width: 50%;
    padding: 40px clamp(2.5rem, -6.875rem + 12.5vw, 8.125rem) 60px 40px;
    background-color: #DEEDF2;
}

.section__container-columns {
    display: flex;
    flex-direction: row;
}

.section2__container .section__container-columns {
    padding-left: clamp(0rem, -15rem + 16.6667vw, 5rem)!important;
}

.section__container-columns.gap {
    padding: 32px 0;
}

.section2__container .section__container-columns .column__img  {
    max-width: 71px;
    width: 100%;
    margin: auto 0;
    text-align: center;
}

.section2__container:nth-child(1) .section__container-columns .column__text {
    max-width: 492px;
    width: 100%;
}

.section2__container:nth-child(2) .section__container-columns .column__text {
    max-width: 479px;
    width: 100%;
}

.column__text h4 {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: 18px;
    line-height: 26px;
    color: var(--clr-neutral-600);
    margin: auto;
}

.column__text p {
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    font-size: 14px;
    line-height: 20px;
    color: var(--clr-neutral-600);
    margin: 4px auto auto auto;
}

.section3 h2 {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: clamp(1.75rem, 1.5643rem + 0.7619vw, 2.25rem);
    line-height: clamp(2.5rem, 2.2214rem + 1.1429vw, 3.25rem);
    text-align: center;
    color: var(--clr-neutral-500);
}

.section3__range {
    display: flex;
    flex-direction: row;
    max-width: 834px;
    width: 100%;
    margin: auto;
    justify-content: center;
}

.section3__range:nth-child(4) {
    padding: 18px 0;
}

.section3__range-slider {
    display: flex;
}

.section3__range-description p, .section3__range-resultdescription p {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: 18px;
    line-height: 26px;
    color: var(--clr-neutral-500);
    width: 115px;
    text-align: left;
}

.section3__range-description, .section3__range-resultdescription {
    padding: 0 69px 0 0;
    margin: auto;
}

.section3__range-slider {
    width: 435px;
    padding: 0 32px 0 0;
}

.section3__range-value, .section3__range-result {
    border: 1px solid var(--clr-neutral-200);
    border-radius: 8px;
    padding: 9px 10px 9px 16px;
    max-width: 183px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.section3__range-value div:nth-child(1) p, .section3__range-result div:nth-child(1) p {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: 18px;
    line-height: 23px;
    color: var(--clr-neutral-700);
}

.section3__range-value div:nth-child(2) p, .section3__range-result div:nth-child(2) p {
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    font-size: 16px;
    line-height: 23px;
    color: var(--clr-neutral-100);
}

.section3__range-value div:nth-child(1) {
    width: 70%;
    text-align: left;
}

.section3__range-value div:nth-child(2) {
    width: 30%;
    text-align: right;
}

.section3__range-result div:nth-child(1) {
    width: 55%;
    text-align: left;
}

.section3__range-result div:nth-child(2) {
    width: 45%;
    text-align: right;
}

.footer__container {
    max-width: clamp(69.25rem, -1.4375rem + 78.5417vw, 92.8125rem);
    width: 100%;
    margin: 0 auto 53px auto;
}

.footer__container .footer__container-box {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.footer__container-vertical {
    margin: 0 23px 0 0;
    border-left: 1px solid var(--clr-neutral-700);
    height: auto;
}

.footer__container-text p {
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
    color: var(--clr-neutral-500);
}

.footer__container-horizontal {
    height: 1px;
    width: 100%;
    background-color: var(--clr-neutral-400);
    margin-bottom: 23px!important;
}

.footer__container-links {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin: 0 23px;
}

.footer__container-links a, .footer__container-links p {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: 12px;
    line-height: 17px;
    color: var(--clr-neutral-700);
    text-decoration: none;
}



.underline {
    margin: 18px auto 48px auto;
    height: 3px;
    width: 85px;
    background-color: var(--clr-neutral-700);
}
.underline2 {
    margin: 18px auto 48px auto;

    background-color: var(--clr-neutral-700);
}
.redfont {
    color: var(--clr-neutral-700);
}

b {
    font-weight: var(--fw-superbold);
}
.redfont2 {
    color: var(--clr-neutral-700);     font-size: 60px;
}

b {
    font-weight: var(--fw-superbold);
}
/* Return section */
.return {
    display: flex;
    flex-direction: column;
    gap: clamp(2.25rem, 0.25rem + 4.1667vw, 4rem);
    padding: 0 0px;
}

.return__headline h3 {
    margin: auto;
    color: #000;
    font-size: clamp(1.5rem, 1.2214rem + 1.1429vw, 2.25rem);
    line-height: normal;
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    text-align: center;
    color: var(--clr-neutral-500);
}

.return__container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    gap: clamp(1.5rem, 1.371rem + 0.5291vw, 1.625rem);
    max-width: 820px;
    width: 100%;
    margin: auto;
    padding: 0 0 clamp(1.5rem, 0.9429rem + 2.2857vw, 3rem) 0;
}

@media screen and (max-width: 767px) {
    .return__container {
        gap: clamp(2rem, 1.8143rem + 0.7619vw, 2.5rem)!important;
    }
}

.return__container-element {
    flex: 1 1 256px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}

.return__container-element img {
    display: block;
    width: clamp(4.5rem, 3.9661rem + 2.1905vw, 5.9375rem);
    height: auto;
}

.return__container-element p {
    margin: 0;
    color: #000;
    font-size: clamp(1.125rem, 1.0089rem + 0.4762vw, 1.4375rem);
    line-height: clamp(1.375rem, 1.3054rem + 0.2857vw, 1.5625rem);
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    text-align: center;
    color: var(--clr-neutral-500);
}
/* Return section */
/* Track and thumb */
input[type=range] {
    margin: auto;
    -webkit-appearance: none;
    width: 100%;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    border: 0;
    border-radius: 40px;
    box-shadow: none;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: var(--clr-neutral-900);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
}

input[type="range"]::-moz-range-progress {
    background-color: var(--clr-neutral-700);
    border-radius: 40px;
    height: 5px;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    background: var(--clr-neutral-50);
    border: 0;
    border-radius: 40px;
    box-shadow: none;
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: var(--clr-neutral-900);
    cursor: pointer;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: var(--clr-neutral-700);
    border: 0;
    border-radius: 40px;
    box-shadow: none;
}

input[type=range]::-ms-fill-upper {
    background: var(--clr-neutral-50);
    border: 0;
    border-radius: 40px;
    box-shadow: none;
}

input[type=range]::-ms-thumb {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
    border: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: var(--clr-neutral-900);
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: var(--clr-neutral-700);
}

input[type=range]:focus::-ms-fill-upper {
    background: var(--clr-neutral-50);
}

#kwota, #raty {
    height: 5px;
    border: 0;
    border-radius: 40px;
    -webkit-appearance: none;
}

#formfill {
    padding-top: 18px;
    cursor: pointer;
}
/* Track and thumb */

@media screen and (min-width: 768px) {
    .mobile {
        display: none!important;
    }
}

@media screen and (min-width: 1000px) {
    .header__container {
        margin: auto auto 11rem auto!important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1360px) {
    .gray-form .form-group.submit {
        margin-top: 0!important;
    }

    .gray-form .form-group.accept-group {
        padding-top: 0!important;
    }

    .checkbox, .radio {
        padding: 0!important;
    }
}
/* Desktop */


/* Mobile */
@media screen and (max-width: 1148px) {
    .footer__container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 860px) {
    .section3 {
        padding: 0 20px;
    }
}

@media screen and (max-width: 310px) {
    .footer__container-links {
        margin: 0!important;
    }
}

@media screen and (max-width: 1700px) {
    .desktop-large {
        display: none!important;
    }
}

@media screen and (min-width: 1700px) {
    .desktop {
        display: none!important;
    }
}

@media screen and (max-width: 767px) {
    header {
        position: relative;
        z-index: 2;
    }

    .footer__container {
        margin: 0 auto 100px auto!important;
    }

    .desktop {
        display: none!important;
    }

    .section1, .section2, .section3 {
        margin: auto auto 45px auto!important;
    }

    .section1__container, .section2 {
        flex-direction: column!important;
    }

    .section1__columns {
        max-width: 767px!important;
        flex-direction: row!important;
    }

    .section1__columns .section1__columns-img img {
        margin: 0!important;
        width: 100%;
    }

    .section1__columns-img {
        text-align: left;
        margin: auto 0;
        width: 19%;
    }

    .section1__columns-text {
        width: 81%;
    }

    .section1__columns .section1__columns-text h4, .section1__columns .section1__columns-text p {
        text-align: left!important;
        padding: 0 0 0 10px;
    }

    .section2__container {
        width: 100%!important;
        padding: 40px 20px 40px 20px!important;
    }

    .section3__range {
        flex-wrap: wrap;
    }

    .section3__range-description, .section3__range-resultdescription {
        flex: 1 1 30%;
        order: 1;
    }

    .section3__range-slider {
        width: 100%!important;
        padding: 20px 0!important;
        flex: 1 1 100%;
        order: 3;
    }

    .section3__range-value, .section3__range-result {
        flex: 1 1 30%;
        order: 2;
    }

    .section3__range-description, .section3__range-resultdescription {
        padding: 0 10px 0 0!important;
    }

    .section3__range-result div:nth-child(1) {
        width: 35%!important;
    }

    .section3__range-result div:nth-child(2) {
        width: 65%!important;
    }

    .footer__container-links {
        width: 100%;
    }

    /* Form */
    .header__container {
        background-color: var(--clr-neutral-800);
        margin: auto!important;
    }

    .header__container-form {
        position: relative!important;
        top: -7vw!important;
        right: 20px!important;
        left: 20px!important;
        max-width: calc(100vw - 40px)!important;
    }

    .data-group {
        padding: 0.5rem 0!important;
    }

    .gray-form .form-control {
        padding: 0.875rem 1rem!important;
        height: 3rem!important;
    }

    .overlay-container {
        padding: 90px 17px 20px 20px;
    }

    .overlay-container .close-more {
        right: 15px;
    }

    .overlay-container .overlay-title {
        right: 90px;
        font-size: 15px;
        letter-spacing: 0.2px;
        line-height: 21px;
        left: 20px;
    }

    .overlay-container .overlay-wrap {
        padding-top: 40px!important;
        overflow-x: hidden;
    }

    .overlay-container .overlay-wrap .overlay-content .scroll-content {
        font-size: 12px;
        line-height: 21px;
    }

    .overlay-container .overlay-wrap .overlay-content .scroll-content li {
        font-size: 12px;
        line-height: 21px;
        padding-left: 0;
        text-indent: 10px;
    }

    body.overlay-on .overlay-container {
        top: 2%!important;
        bottom: 2%!important;
        right: 2%!important;
        left: 2%!important;
        width: 96%!important;
        height: 96%!important;
    }

    .overlay-container .overlay-title {
        width: 215px;
        right: 20px;
    }

    .gray-form .show-description {
        line-height: 4rem!important;
    }

    .btn-red.bordered {
        width: 100%!important;
    }

    body.overlay-on .btn-red.bordered {
        position: relative;
        z-index: 1;
    }

    .read-more, .gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label, .gray-form .form-group .checkbox [type="checkbox"]:checked + label {
        font-size: 0.875rem!important;
    }

    .checkbox, .radio, .gray-form .form-group.last {
        padding: 0.5rem 0!important;
    }

    .gray-form .form-group.submit {
        margin-top: 1rem!important;
    }

    .section1 h2 {
        padding: 2.25rem 0 0 0!important;
    }
    /* Form */
}
/* Mobile */


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 800px) {
    .section1 h2 {
        padding: 2.25rem 0 0 0!important;
    }
}

@media screen and (min-width: 800px) and (max-width: 850px) {
    .section1 h2 {
        padding: 1.5rem 0 0 0!important;
    }
}

@media screen and (min-width: 850px) and (max-width: 900px) {
    .section1 h2 {
        padding: 1rem 0 0 0!important;
    }
}

@media screen and (min-width: 900px) and (max-width: 950px) {
    .section1 h2 {
        padding: 0.5rem 0 0 0!important;
    }
}

@media screen and (min-width: 950px) and (max-width: 1000px) {
    .section1 h2 {
        padding: 0!important;
    }
}
/* Tablet */


/* Form */
.glyphicon{
    position: relative;
    font-family: 'Glyphicons Halflings';
    font-style: var(--ffsty);
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-question-sign:before{
    content:"\e085"
}

.glyphicon-menu-right:before{
    content:"\e258"
}

.glyphicon-remove:before{
    content:"\e014"
}

.form-control {
    display: block;
    width: 100%;
    color: var(--clr-neutral-600);
    background-color: var(--clr-neutral-900);
    border: 1px solid var(--clr-neutral-200);
    border-radius: 8px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.has-feedback {
    position: relative;
}

.data-group {
    max-width: 415px;
    width: 100%;
    padding: 0.2rem 0;
}

.checkbox, .radio {
    position: relative;
    display: block;
    padding: clamp(0rem, -0.625rem + 1.25vw, 0.5rem) 0;
}

.gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label, .gray-form .form-group .checkbox [type="checkbox"]:checked + label {
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    font-style: var(--ffsty);
    font-weight: var(--fw-regular);
    font-size: clamp(0.625rem, 0.3125rem + 0.625vw, 0.875rem);
    line-height: 20px;
    color: var(--clr-neutral-600);
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: var(--fw-regular);
    cursor: pointer;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: var(--fw-superbold);
}

body.overlay-on .overlay-bg {
    display: block;
}

body.overlay-on .overlay-container {
    top: 5%;
    right: 10%;
    width: 80%;
    bottom: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.read-more {
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: clamp(0.625rem, 0.3125rem + 0.625vw, 0.875rem);
    line-height: 20px;
}

.overlay-container {
    position: fixed;
    right: 0;
    background: var(--clr-neutral-900);
    min-height: 200px;
    padding: 65px 27px 50px 30px;
    overflow: hidden;
    height: 90%;
    top: -100%;
    bottom: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.overlay-container .close-more {
    position: absolute;
    top: 15px;
    right: 23px;
    color: var(--clr-neutral-0);
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
}

.overlay-container .close-more .glyphicon {
    font-size: 14px;
    vertical-align: top;
    margin-left: 3px;
    display: inline-block;
}

.overlay-container .close-more:hover {
    color: var(--clr-neutral-700);
}

.overlay-container .overlay-title {
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 18px;
    letter-spacing: 0.4px;
    line-height: 22px;
    font-weight: var(--fw-superbold);
    color: var(--clr-neutral-600);
}

.overlay-container .overlay-wrap {
    position: relative;
    height: 100%;
    padding-top: 20px;
}

.overlay-container .overlay-wrap .overlay-content {
    position: relative;
    overflow: hidden;
    max-height: 100%;
}

.overlay-container .overlay-wrap .overlay-content .scroll-content {
    font-size: 14px;
    line-height: 23px;
    color: var(--clr-neutral-600);
}

.overlay-container .overlay-wrap .overlay-content .scroll-content ul,
.overlay-container .overlay-wrap .overlay-content .scroll-content ol {
    margin-left: 0;
    padding-left: 28px;
}

.overlay-container .overlay-wrap .overlay-content .scroll-content li {
    font-size: 14px;
    line-height: 23px;
    padding-left: 10px;
}

.gray-form .form-group.submit {
    margin-top: clamp(0.5rem, -0.6364rem + 1.8182vw, 1rem);
}

.gray-form .form-group.submit::before {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--clr-neutral-900);
}

.gray-form .santdr-title {
    margin-top: 2px;
    font-size: 32px;
}

.gray-form .error-container {
    font-size: 12px;
    background: rgba(255, 255, 255, 0.2);
    padding: 0 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.gray-form .error-container p {
    padding: 10px 0;
}

.gray-form .has-feedback .form-control {
    padding-right: 42.5px;
}

.gray-form .form-control {
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--fw-superbold);
    padding: clamp(0.375rem, -0.7614rem + 1.8182vw, 0.875rem) 1rem;
    height: clamp(2rem, -0.2727rem + 3.6364vw, 3rem);
}

::placeholder {
    color: var(--clr-neutral-1000);
    opacity: 1;
    font-weight: var(--fw-regular);
}
  
::-ms-input-placeholder {
   color: var(--clr-neutral-1000);
   font-weight: var(--fw-regular);
}

.gray-form .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gray-form .has-error .form-control {
    border-color: var(--clr-neutral-700);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gray-form .form-group.last {
    padding: clamp(0.25rem, -0.3182rem + 0.9091vw, 0.5rem) 0;
}

.gray-form .show-description {
    position: absolute;
    display: block;
    text-align: center;
    top: 0;
    right: 0;
    z-index: 1;
    width: 42px;
    height: 42px;
    line-height: clamp(2.5rem, 0.2273rem + 3.6364vw, 3.5rem);
    color: var(--clr-neutral-700);
    font-size: 20px;
    cursor: pointer;
}

.gray-form .form-group .description {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.gray-form .form-group .description p {
    margin: 0;
    padding: 6px 10px 4px;
    color: var(--clr-neutral-400);
    font-size: 12px;
    line-height: 14px;
}

.gray-form .form-group.open {
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.gray-form .form-group.open .description {
    max-height: 100px;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.gray-form .form-group.open .show-description {
    color: var(--clr-neutral-1100);
}

.gray-form .form-group .checkbox input[type="checkbox"]:not(:checked),
.gray-form .form-group .checkbox input[type="checkbox"]:checked {
    display: none;
}

.gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label:before,
.gray-form .form-group .checkbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    width: 18px;
    height: 18px;
    border: 2px solid var(--clr-neutral-1000);
    border-radius: 4px;
}
.gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label:after,
.gray-form .form-group .checkbox [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    width: 10px;
    height: 10px;
    background: var(--clr-neutral-700);
    transition: all .2s;
    border-radius: 2px;
}

.gray-form .form-group .checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.gray-form .form-group .checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.gray-form .form-group .checkbox + .checkbox {
    margin-top: -3px;
}

.gray-form .form-group.accept-group {
    padding-top: 8px;
}

.gray-form .form-group.accept-group .checkboxes-group {
    padding-left: 20px;
}

.gray-form .form-group .checkbox.invalid [type="checkbox"]:not(:checked) + label:before,
.gray-form .form-group .checkbox.invalid [type="checkbox"]:checked + label:before {
    border-color: var(--clr-neutral-700);
}

.gray-form .form-group.invalid .form-control {
    border-color: var(--clr-neutral-700);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.gray-form .form-group.invalid .form-control:focus {
    border-color: var(--clr-neutral-700);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--clr-neutral-1200);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--clr-neutral-1200);
}

.gray-form .more-rodo-info {
    text-align: left !important;
}

.gray-form .more-rodo-info a {
    color: var(--clr-neutral-600);
    text-decoration: underline;
}

.gray-form .more-rodo-info a .glyphicon {
    font-size: 8px;
}

form .checkboxes-group div label .cro-show-more {
    text-decoration: underline;
    font-weight: var(--fw-regular);
}

form .checkboxes-group div label .cro-full-text {
    display: none;
}

.bordered:before {
    content: "";
    animation: spin 2s linear infinite;
    position: absolute;
    border: 250px solid transparent;
    border-top: 250px solid var(--clr-neutral-700);
    border-radius: 50%;
    width: 500px;
    height: 500px;
    top: 50%;
    left: 50%;
    display: none;
    z-index: -1;
}

.bordered:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    background-color: var(--clr-neutral-1300);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    display: none;
    z-index: -1;
}

.bordered.disabled,
.bordered[disabled] {
    opacity: 1;
    background-color: var(--clr-neutral-1300);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.bordered.disabled:hover,
.bordered[disabled]:hover,
.bordered.disabled:focus,
.bordered[disabled]:focus,
.bordered.disabled.focus,
.bordered[disabled].focus {
    background-color: var(--clr-neutral-1300);
}

.bordered.disabled .content,
.bordered[disabled] .content {
    position: relative;
    color: var(--clr-neutral-1400);
}

.bordered.disabled:before,
.bordered[disabled]:before,
.bordered.disabled:after,
.bordered[disabled]:after {
    display: block;
}

@keyframes spin {
    0% {
        -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    100% {
        -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}

.ps .scroll-content {
    padding-right: 20px;
}

.bottom-button {
    position: fixed;
    z-index: 10;
    bottom: 0;
    max-width: 300px;
    width: 100%;
    margin: auto;
    bottom: 10px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
  }

.btn-red {
    background-color: var(--clr-neutral-700);
    font-style: var(--ffsty);
    font-weight: var(--fw-superbold);
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid var(--clr-neutral-700);
    color: var(--clr-neutral-900);
    cursor: pointer;
    z-index: 1;
}

.btn-red.focus,
.btn-red:focus,
.btn-red:hover {
    background-color: var(--clr-neutral-700);
    color: var(--clr-neutral-900);
}

.btn-red.bordered {
    padding: 12px 16px;
}

.btn-red .glyphicon {
    font-size: 10px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 10px;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: var(--clr-neutral-1500);
}

.has-error.checkbox label:before {
    border-color: var(--clr-neutral-700) !important;
}

.glyphicon span {
    position: absolute;
    display: none;
}

.overlay-container {
    z-index: 10!important;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.ps__rail-y {
    display: block;
    opacity: 1;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 10px;
    right: 0;
    position: absolute;
    height: 100% !important;
}

.ps__rail-y:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    width: 4px;
    left: 3px;
    background-color: var(--clr-neutral-300);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0.1;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    z-index: 303;
}

.ps--active-y > .ps__rail-y {
    display: block;
}

.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-y,
.ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}

.ps:hover > .ps__rail-y:before,
.ps--focus > .ps__rail-y:before,
.ps--scrolling-y > .ps__rail-y:before {
    opacity: 1;
}

.ps .ps__rail-y:hover,
.ps .ps__rail-y:focus,
.ps .ps__rail-y.ps--clicking {
    opacity: 1;
}

.ps__thumb-y {
    background-color: var(--clr-neutral-700);
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 10px;
    right: 0;
    position: absolute;
    z-index: 310;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    width: 10px;
}

.overlay-bg {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(60, 60, 60, 0.75);
    z-index: 2;
}
/* Form */