[class$="-mobile"],
#menu-toggle-mobile {
    display: none;
}

.flmsg {
    background: #fff;
    z-index: 999999999;
    font-size: 16px;
    color: #333;
    padding: 16px 40px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 80%;
    border-radius: 8px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3), 0 -6px 16px -6px rgba(0,0,0,0.025);
    margin-top: 10px;
}
.flmsg.warning {
    box-shadow: 0 13px 27px -5px rgba(242,38,19,0.45), 0 8px 16px -8px rgba(242,38,19,0.6), 0 -6px 16px -6px rgba(242,38,19,0.35);
}
.flmsg.info {
    max-width: 80%;
}
.flmsg-content {
    display: inline;
    padding: 0 15px;
}  
#flmsg-right {
    display: flex;
    align-items: center;
}  
.flmsg-close-bar {
    font-size: 26px;
    opacity: 0.5;
    cursor: pointer;
    text-decoration: none;
}  
.flmsg-close-bar:hover {
    opacity: 1;
}


a.button,
.button.fake {
    font-size: 18px;
    font-weight: bold;
    padding: 6px 25px;
    color: #fff;
    background-color: #1354E1;
    text-decoration: none;
    border-radius: 32px;
    cursor: pointer;
}
a.button:hover,
.button.fake:hover {
    background-color: #1354E1;
    border-color: #1354E1;
}
a.button.light,
.button.fake.light {
    color: #1354E1;
    background-color: #fff;
    border: 2px solid #1354E1;
}
a.button.light:hover,
.button.fake.light:hover {
    color: #fff;
    border-color: #1354E1;
    background-color: #1354E1 !important;
}
.button.light.blue {
    color: #1354E1;
    background-color: #fff;
    border-color: #1354E1;
}
.button.light.blue:hover {
    color: #fff;
    border-color: #1354E1;
    background-color: #1354E1;
}
.button.light.user {
    padding: 10px 15px;
}
.button.light.user i {
    color: #B4B4B4;
    margin-right: 5px;
}

.blue {
    color: #1354E1;
}
.pale {
    color: #92BFF5;
}
.pink {
    color: #FF5A8E;
}

.lets-block,
.lets-block-children > * {
    display: block !important;
}

.hint-tooltip {
    position: absolute;
    top: 15px;
    right: -18px;
    background-color: #0051E9;
    padding: 0px 6px;
    color: #fff;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: context-menu;
}
.datetimepicker-wrapper .hint-tooltip {
    top: 18px;
    right: -19px;
}
.form-check .hint-tooltip {
    top: 1px;
}

/* HEADER */
header {
    display: flex;
    align-items: center;
    min-height: 80px;
    z-index: 3;
    position: relative;
}
header a {
    text-decoration: none;
    font-size: 17px;
}
header .phone,
#hamburger li.phone {
    color: #939393;
    font-size: 16px;
    display: initial;
}
header .phone i,
#hamburger li.phone i {
    margin-right: 3px;
    font-size: 0.8rem;
}
header a.active,
header .phone:hover,
#hamburger li.phone:hover {
    text-decoration: none;
    color: #FF5A8F;
}
header > * {
    flex-grow: 1;
}
header .nav {
    display: flex;
    justify-content: space-evenly;
    gap: 12px;
    color: #1354E1;
}
.btn {
    text-align: right;
    cursor: initial;
}
.btn a,
.under-hero a.button {
    border-radius: 32px;
    border: 2px solid #1354E1;
    font-size: 18px;
    color: #1354E1;
    font-weight: bold;
    padding: 6px 30px;
    background-color: #fff;
    text-decoration: none;
}
.btn a:hover,
.under-hero a.button:hover {
    color: #fff;
    background-color: #1354E1;
}
.btn.blue a {
    color: #fff;
    background-color: #1354E1;
}
.btn.blue a:hover {
    color: #1354E1;
    background-color: #fff;
}
header .btn .lang {
    font-size: 16px;
    color: #939393;
    margin-right: 9px;
}
header .btn .lang::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding: 3px;
    font-size: 9px;
}

/* HEADER MODAL */
#headerModal .container {
    position: relative;
}
#headerModal .modal-dialog {
    position: absolute;
    right: 0px;
    top: 80px;
    margin: 0px;
    width: 666px;
}
#headerModal .modal-dialog.modal-sm {
    width: 290px;
}
#headerModal .modal-content {
    border: none;
    padding: 0px 15px;
}
#headerModal .modal-content ul {
    list-style: none;
    font-weight: bold;
    padding-left: 0;
}
#headerModal .modal-content ul li {
    list-style: none;
    font-weight: bold;
    border-bottom: 0.5px dashed silver;
    padding: 3px 0;
}
#headerModal .modal-content ul li.active a {
    color: #000;
}
#headerModal .modal-content ul a {
    text-decoration: none;
}
#headerModal h3 {
    font-size: 25px;
    font-weight: bold;
    color: #0F2758;
    margin-bottom: 40px;
}
#headerModal form .input-group {
    width: initial;
}
#headerModal form ul.error {
    background: #FF5A8F;
    padding: 10px 15px;
    color: #fff;
}
#headerModal form ul.error li {
    font-weight: normal !important;
}
#headerModal form .form-control,
#headerModal form input[type="submit"] {
    height: 42px;
}
#headerModal form input[type="submit"] {
    font-size: 18px;
    padding: 6px 24px;
    margin-top: 8px;
}
#headerModal form input[type="radio"] {
    display: none;
}
#headerModal form .radio-wrapper {
    display: inline-block;
    border: 2px solid #ACACAC;
    border-radius: 40px;
    padding: 6px 18px;
    cursor: pointer;
    margin-right: 5px;
}
#headerModal form .radio-wrapper label {
    color: #ACACAC;
    cursor: pointer;
}
#headerModal form .radio-wrapper.active {
    background-color: #1354E1;
    border-color: #1354E1;
}
#headerModal form .radio-wrapper.active label {
    color: #fff;
}
#headerModal .toggle-wrapper {
    font-size: 18px;
    color: #1354E1;
    padding: 20px 0px;
}
#headerModal .toggle-signin,
#headerModal .toggle-registration,
#headerModal .toggle-forgotten-password {
    text-decoration: underline;
    cursor: pointer;
}

/* HP HERO */
.hero,
.about-hero {
    overflow-x: hidden;
}
@supports (overflow:clip) {
    .hero,
    .about-hero {
        overflow-x: clip;
    }
}
.hero .container {
    /* margin-top: 40px; */
}
.hero .container {
    display: flex;
    gap: 110px;
    position: relative;
    height: 100vh;
    height: 100svh;
    padding-bottom: 20vh;
    padding-bottom: 20svh;
    align-items: center;
}
.hero h1 {
    font-size: 56px;
    color: #0F2758;
    font-weight: bold;
}
.hero h3 {
    font-size: 24px;
    font-weight: normal;
    color: #182F5F;
    padding-top: 10px;
}
.hero .section-content {
    /* padding-top: 70px; */
}
.hero .section-content .bottom-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 40px;
    gap: 20px;
}
.hero .section-content .bottom-wrapper .axa-wrapper {
    width: 285px;
    display: flex;
    gap: 10px;
}
.hero .section-content .bottom-wrapper .axa-wrapper span {
    font-size: 16px;
    color: #182F5F;
    line-height: 1.2;
}
.hero .section-content .bottom-wrapper .axa-wrapper a {
    font-size: 16px;
    color: #1354E1;
}
.hero-img {
    position: relative;
    /* margin-bottom: 45px; */
}
.hero-img img {
    width: 600px;
    object-fit: contain;
    min-height: 664px;
    margin-top: -80px;
    margin-right: 0px;
}
.hero-img .bubble-1,
.hero-img .bubble-2,
.hero-img .bubble-3 {
    position: absolute;
    background-color: #fff;
    color: #0F2758;
    font-size: 17px;
    border-radius: 32px;
    min-height: 52px;
    padding: 6px 17px;
    color: #0F2758;
    font-weight: bold;
    line-height: 1.2;
    box-shadow: 4px 9px 39px #00000029;
}
.hero-img .bubble-1 {
    top: 270px;
    left: -27px;
    width: 133px;
    background-color: #FF5A8F;
    color: #fff;
}
.hero-img .bubble-2 {
    top: 370px;
    left: 325px;
    width: 164px;
    color: #1354E1;
}
.hero-img .bubble-3 {
    top: 112px;
    left: 323px;
    width: 114px;
    background-color: #FF5A8F;
    color: #fff;
}
.hero a.button {
    color: #fff;
    background-color: #1354E1;
    border: 2px solid #1354E1;
    padding: 6px 30px;
}
.hero a.button:hover {
    color: #1354E1;
    background-color: #fff;
}

.alert-info {
    background-color: #dbe9f9;
    border-color: #dbe9f9;
}


@keyframes mymove {
    from {
        opacity: 0;
        bottom: 30vh;
        bottom: 30svh;
    }
    to {
        opacity: 1;
        bottom: 10vh;
        bottom: 10svh;
    }
}

.hero a.chevron {
    position: absolute;
    bottom: 10vh;
    bottom: 10svh;
    left: 0px;
    cursor: pointer;
    padding: 20px;
    display: block;
    animation: mymove 2s;
}
.hero a.chevron i {
    font-size: 4em;
}

/* HP UNDER HERO */
.under-hero {
    margin-bottom: 240px;
}
.under-hero.old,
.under-hero.new {
    margin-bottom: 120px;
}
.under-hero:not(.new) img {
    display: none;
}
.under-hero .container-fluid,
.new-form.hp .container-fluid,
.about-contact.container-fluid,
.references .container-fluid {
    background: linear-gradient(180deg, #edf6ff 0%, transparent 30%);
    /* background: linear-gradient(180deg, #edf6ff 30%, transparent 70%); */
    /* background: linear-gradient(0deg, transparent 80%, #edf6ff 20%); */
    padding-top: 100px;
    color: #0F2758;
}
.under-hero .section-content,
.how-it-works .section-content {
    display: flex;
    gap: 20px;
}
.under-hero .section-content {
    gap: 100px;
    justify-content: space-between;
}
.under-hero.new .section-content {
    justify-content: center;
}
.under-hero h3,
.how-it-works h3,
.new-form h3 {
    color: #0F2758;
    font-size: 30px;
    font-weight: bold;
    width: 74%;
}
.under-hero h2,
.how-it-works h2,
.new-form h2,
.advantages h2 {
    font-size: 44px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
.under-hero h2 span,
.how-it-works h2 span,
.new-form h2 span {
    color:#1354E1;
}
.under-hero .col {
    /* flex-basis: 30%; */
}
.under-hero .col.last,
.box.rent-form .col.last {
    background-color: #fff;
    box-shadow: 4px 9px 39px #00000029;
    border-radius: 32px;
    margin-top: -45px;
    padding: 45px;
    z-index: 1;
    max-width: 420px;
}
.box.rent-form .col.last {
    height: fit-content;
    margin-top: initial;
    font-weight: bold;
    margin-bottom: 50px;
}
.box.rent-form .col.last hr {
    background-color: #4d94e9;
    margin: 0.5rem 0;
}
.box.rent-form .col.last .col-heading-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.box.rent-form .col.last a.button {
    display: inline-block;
    margin-top: 20px;
}
.box.rent-form .col.last .checked-value-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.under-hero .col.last h3,
.box.rent-form .col.last h3 {
    padding-right: 0px;
    width: 80%;
}
.under-hero a.button {
    display: table;
    margin: 15px 0px;
}
.under-hero ul {
    padding: 15px 0px;
}
.under-hero ul li {
    list-style: none;
    font-size: 16px;
    color: #0F2758;
}
.under-hero.new ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.under-hero .col img {
    /* zoom: 80%; */
    transform: scale(0.8);
    padding: 0px 15px 5px 0px;
}
.under-hero.old .more {
    display: none;
}
.under-hero.old .mobile-toggle {
    margin-top: 50px;
}

.how-it-works {
    margin: 40px 0px;
}
.how-it-works .tab-switch {
    text-align: center;
    /* margin-bottom: 40px; */
}
.how-it-works .tab-switch button {
    font-size: 27px;
    font-weight: bolder;
    border: 2px solid #FF5A8F;
    border-radius: 30px;
    padding: 8px 110px;
    color: #FF5A8F;
    background-color: #fff;
    min-width: 270px;
    z-index: 1;
    position: relative;
}
.how-it-works .tab-switch button:first-of-type {
    border-color: #1354E1;
    color: #1354E1;
    padding: 8px 85px;
}
.how-it-works .tab-switch button:first-of-type {
    margin-right: -57px;
}
.how-it-works .tab-switch button.active {
    background-color: #FF5A8F;
    color: #fff;
    border-color: #FF5A8F;
    z-index: 2;
}
#magazine-cats ul li {
    float: left;
    list-style-type: disc;
    margin-right: 26px;
    padding-left: 7px
}
#magazine-cats{
    padding: 10px 0;    
}
#magazine-cats ul {
    margin: 0;
    padding: 0;
}
#magazine-cats ul li a {
    text-decoration: none;
    font-weight: normal;
}
#magazine-cats ul li.active a {
    text-decoration: underline;
}
#magazine-cats ul li a:hover {
    color: #0a58ca;
}
#magazine-cats ul li.first {
    list-style-type: none;
    padding: 0;
}
.how-it-works .tab-switch button:first-of-type.active {
    background-color: #1354E1;
    color: #fff;
    border-color: #1354E1;
}
.how-it-works img {
    max-height: 330px;
}
.how-it-works .section-content {
    gap: 10px;
    max-width: 840px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
    min-height: 400px;
}
.how-it-works .section-content:not(.active) {
    display: none;
    opacity: 0;
}
.how-it-works .section-content.active {
    display: flex;
}
.how-it-works ul {
    list-style: none;
    min-height: 245px;
}
.how-it-works ul li {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    transition: all 0.3s;
}
.how-it-works ul li:hover .num-circ {
    width: 50px;
    height: 50px;
    font-size: 32px;
    background-color: #FF5A8F;
    margin-left: -7px;
    margin-right: 15px;
}
.how-it-works .section-content.lessor ul li:hover .num-circ {
    background-color: #1354E1;
}
.how-it-works ul li:hover {
    font-size: 20px;
    font-weight: bolder;
    color: #FF5A8F;
}
.how-it-works .section-content.lessor ul li:hover {
    color: #1354E1;
}
.how-it-works .num-circ,
.under-hero.new .num-circ {
    padding: 0px;
    line-height: 0;
    margin-right: 8px;
    border-radius: 70px;
    background-color: #FCC8DD;
    height: 36px;
    width: 36px;
    font-size: 26px;
    display: inline-block;
    position: relative;
    color: #fff;
    font-weight: bold;
    transition: all 0.3s;
    margin-right: 20px;
}
.how-it-works .section-content.lessor .num-circ,
.under-hero.new .num-circ {
    background-color: #D3E5FB;
}
.how-it-works .num-circ .num,
.under-hero.new .num-circ .num {
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    width: max-content;
}
.under-hero.new .num-circ .num {
    top: 30%;
    left: 50%;
}

.new-form form {
    margin: 70px 0px 10px 0px;
}
.new-form.hp form {
    margin-bottom: 0px;
}
.new-form .hide {
    display: none !important;
}
.new-form .container-fluid.steps h2 {
    margin-bottom: initial;
    text-align: initial;
}
.new-form .inputs {
    display: flex;
    color: #1354E1;
    gap: 7%;
}
.new-form .inputs h3 {
    width: initial;
}
.new-form .inputs .input {
    text-align: center;
}
.new-form .inputs label {
    font-size: 17px;
    font-weight: initial;
    color: #1354E1;
}
.new-form .inputs input {
    font-size: 30px;
    font-weight: bolder;
    border-radius: 13px;
    color: #1354E1;
    padding: 6px 22px;
    border-color: #1354E1;
    max-width: 370px;
    background: transparent;
    box-shadow: inset 3px 3px 10px 1px #ddd;
}
.new-form .inputs + .checkbox {
    color: #1354E1;
    margin: 25px 0px;
    font-size: 17px;
}
.new-form .inputs .input span.help-block {
    display: block;
    max-width: 280px;
    margin: auto;
}
.new-form hr.line {
    background-color: #bbb;
    margin: 30px 0 60px 0;
}
.new-form .products:not(.packages) {
    display: flex;
    gap: 24px;
}
.new-form .products.horizontal {
    display: block;
    margin-bottom: 70px;
}
.new-form.hp .products.horizontal {
    margin-bottom: 30px;
}
.new-form .products.horizontal .liltext {
    font-size: 14px;
}
.new-form .products:not(.packages) .product {
    margin-bottom: 25px;
    border-radius: 30px;
    box-shadow: #ccc 0px 0px 20px 0px;
    padding: 30px 25px 15px 26px;
    background-color: #fff;
    flex-basis: 38%;
    position: relative;
}
.new-form:not(.how-it-works-standalone) .products:not(.packages, .horizontal) .product {
    max-width: 400px;
}
.new-form .products:not(.packages) .product.highlight {
    border: 2px solid #1354E1;
}
.new-form .products:not(.packages) .product.highlight.gold {
    border-color: #FEC437;
}
.new-form .products:not(.packages) .product .tag {
    position: absolute;
    top: -20px;
    left: 25%;
    background: #1354E1;
    padding: 8px 4px;
    border-radius: 4px;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    width: 48%;
    text-align: center;
}
.new-form .products:not(.packages) .product .tag.gold {
    background: #FEC437;
}
.new-form .products:not(.packages) .product:first-of-type {
    background-color: #1354E1;
    color: #fff;
}
.new-form .products:not(.packages) .product.disabled {
    background-color: #92BFF5;
    color: #fff;
}
.new-form .products .header {
    display: flex;
    min-height: 80px;
    align-items: center;
    /* padding: 40px; */
    position: relative;
    padding-bottom: 25px;
    /* cursor: pointer; */
    gap: 25px;
    flex-wrap: wrap;
}
.new-form:not(.how-it-works-standalone) .products:not(.packages, .horizontal) .header {
    display: block;
    min-height: 80px;
    align-items: center;
    position: relative;
    padding-bottom: 25px;
    /* cursor: pointer; */
}
.new-form .products:not(.packages) .header::after {
    display: none;
}
.new-form .products:not(.packages) .header.opened::after {
    content: '\f077';
}
.new-form .products:not(.packages) .product:first-of-type .header::after {
    color: #fff;
}
.new-form .products .header *:not(img, i) {
    min-width: 28%;
}
.new-form .products .header i {
    font-size: 3em;
}
.new-form .products .header i {
    color: #1354E1;
}
.new-form .products .header h3 {
    width: initial;
    color: #1354E1;
    margin-bottom: 0px;
    font-size: 22px;
    display: inline-block;
    vertical-align: sub;
    margin-top: 12px;
}
.new-form.how-it-works-standalone .products .header h3 {
    font-size: 30px;
}
.new-form:not(.how-it-works-standalone) .products .header img {
    display: inline-block;
    width: 26px;
    margin-right: 8px;
}
.new-form .products:not(.packages) .product:first-of-type .header h3 {
    color: #fff;
}
.new-form .products .header .percents {
    font-size: 28px;
    color: #1354E1;
    margin-top: 20px;
}
.new-form .products .header .percents {
    font-size: 28px;
    color: #1354E1;
    margin-top: 20px;
}
.new-form .products.horizontal .header .percents {
    font-size: 22px;
}
.new-form .products .header .amount {
    font-size: 20px;
    color: #1354E1;
}
.new-form .products .header .btn {
    padding: 1.9rem 0 1.275rem 0;
}
.new-form .products a {
    text-decoration: none;
}
.new-form .products:not(.packages) .product:first-of-type .header .amount {
    color: #fff;
}
.new-form .products:not(.packages) .product:first-of-type .header a {
    color: #fff;
    border-color: #fff;
    background-color: #1354E1;
}
.new-form .products:not(.packages) .product.disabled .header a {
    color: #fff;
    border-color: #fff;
    background-color: #92BFF5;
    pointer-events: none;
}
.new-form .products:not(.packages) .product:first-of-type .header a:hover {
    color: #1354E1;
    border-color: #fff;
    background-color: #fff;
}
.new-form .products .body {
    border-top: 2px solid #d6e1f8;
    padding-top: 35px;
    padding-bottom: 25px;
    /*display: none;*/
}
.new-form .products .body.opened {
    display: block;
}
.new-form .products.horizontal .body.opened {
    display: flex;
    gap: 15px;
}
.new-form .products:not(.packages) .product:first-of-type .body {
    border-color: #5581E6;
}
.new-form .products:not(.packages) .product.disabled .body {
    border-color: #ffffff5e;
}
.new-form .products .body ul {
    list-style: none;
    padding-left: 0px;
    flex-basis: 33%;
    color: #1354E1;
}
.new-form .products:not(.packages) .product:first-of-type .body ul {
    color: #fff;
}
.new-form .products .body li.gold,
.new-form .products .header i.gold {
    color: #FEC437 !important;
}
.new-form .products .body ul li {
    font-size: 15px;
    margin-bottom: 12px;
    margin-left: 25px;
    position: relative;
}
.new-form .products:not(.packages) .body ul li {
    margin-bottom: 3px;
}
.new-form .products .body ul li[data-bs-toggle="tooltip"] {
    cursor: context-menu;
}
/* .new-form .products .body ul li ul li {
    font-size: 16px;
    margin-bottom: 4px;
} */
.new-form .products:not(.packages) .body ul li.disabled {
    color: #d6e1f8;
}
.new-form .products:not(.packages) .body ul li.disabled .dottedBottom {
    border-color: #d6e1f8;
}
.new-form .products .body ul li ul {
    margin-top: 8px;
}
.new-form.how-it-works-standalone .products:not(.packages) .body > ul > li::before {
    content: '\f04b';
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    left: -25px;
    top: 4px;
}
.new-form .products:not(.packages) .body ul li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    left: -25px;
    top: 4px;
}
.new-form .products:not(.packages) .body ul li.disabled::before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    left: -22px;
    top: 4px;
    color: #1354E1;
}
/* .new-form .products .body ul li span {
    margin-right: 10px;
    font-size: 14px;
} */
.new-form .products:not(.packages) .body ul li ul li::before {
    content: '';
    background-image: url('../img/fajfka.svg');
    position: absolute;
    top: -3px;
    left: -32px;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 28px;
}
.new-form .products:not(.packages) .product:first-of-type .body ul li ul li::before {
    background-image: url('../img/fajfka_white.svg');
}

.new-form .products.packages {
    padding-top: 80px;
}
.new-form .products.packages .product {
    margin-bottom: 25px;
    border-radius: 30px;
    box-shadow: #ccc 0px 0px 20px 0px;
    padding: 40px 40px 15px 40px;
    max-width: 1000px;
    width: 100%;
    background-color: #fff;
}
.new-form .products.packages .product .header {
    cursor: initial;
    justify-content: space-between;
}
.new-form .products.packages .product .header h3 {
    flex-basis: 50%;
    font-size: 1.5rem;
}
.new-form .products.packages .product .header .small-col h3 {
    display: inline;
    vertical-align: bottom;
    padding: 0.5rem;
    /* flex-basis: initial; */
}
.new-form .products.packages .product .small-col {
    flex-basis: 13%;
}
.new-form .products.packages .product .header .small-col img {
    width: 32px;
    vertical-align: bottom;
}
.new-form .products.packages .header *:not(img, i) {
    min-width: 20%;
}
.new-form .products.packages .product .body {
    display: block;
    padding-top: 25px;
}
.new-form .products.packages .body ul li {
    display: flex;
    justify-content: space-between;
    margin-left: initial;
    color: #0F2758;
    border-top: 2px solid #d7e3ff;
}
.new-form .products.packages .body ul li:first-of-type {
    border: none;
}
.new-form .products.packages .body ul li .label {
    flex-basis: 50%;
    padding-top: 7px;
}

/* HP NEWSLETTER */
.newsletter {
    margin-bottom: 600px;
}
.newsletter.hp {
    margin-bottom: 350px;
}
.newsletter .container-fluid {
    background-color: #1354E1;
    height: 378px;
}
.newsletter h2 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding: 60px 0px;
    margin-bottom: 0px;
    text-align: center;
}
.newsletter .section-content {
    display: flex;
    overflow: hidden;
    /* height: 356px; */
    height: 500px;
    border-radius: 60px;
    box-shadow: 4px 9px 39px #00000029;
}
.newsletter .section-content .half-1 {
    width: 50%;
    position: relative;
    flex-shrink: 0;
}
.section-content .half-1 video[poster],
.about-contact .video-wrapper video[poster],
.section-content .half-1 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* cursor: pointer; */
}
.about-contact .video-wrapper img {
    height: 100%;
    max-height: 365px;
    width: 100%;
    object-fit: cover;
}
.section-content .half-1 i,
.about-contact .video-wrapper i {
    color: #ececec;
    opacity: 0.4;
    position: absolute;
    top: 44%;
    left: 46%;
    cursor: pointer;
}
.newsletter .section-content .half-2 {
    background-color: #fff;
    padding: 30px 80px;
    width: 50%;
    position: relative;
}
.newsletter .section-content .half-2 form {
    display: flex;
    gap: 15px;
    height: 42px;
}
.newsletter .section-content .half-2 input.btn {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 25px;
    color: #fff;
    background-color: #1354E1;
    text-decoration: none;
    border-radius: 32px;
    cursor: pointer;
    border-color: #1354E1;
}
.newsletter .section-content .half-2 input.btn:hover {
    background-color: #fff;
    color: #1354E1;
    border-color: #1354E1;
}
.newsletter .section-content .half-2 a.button, .newsletter .section-content .half-2 input.btn {
    padding: 6px 28px;
}
.newsletter .section-content .half-2 .label {
    font-size: 18px;
    font-weight: bold;
    color: #FF5A8F;
}
.newsletter .section-content .half-2 .label img {
    padding: 2px 12px 2px 0px;
}
.newsletter .section-content .half-2 img {
    position: absolute;
    right: 40px;
    top: 35px;
    width: 55px;
}
.newsletter .section-content .half-2 h3 {
    font-size: 45px;
    font-weight: bold;
    color: #0F2758;
    margin-top: 30px;
}
.newsletter .section-content .half-2 .text {
    font-size: 18px;
    color: #0F2758;
    margin-bottom: 15px;
}

/* NEWSLETTER POP */
.newsletter.pop {
    display: none;
    margin-bottom: initial;
    position: fixed;
    width: 100%;
    bottom: 0vh;
    bottom: 0svh;
    z-index: 3;
}
.newsletter.pop .container-fluid {
    height: initial;
}
.newsletter.pop .container-fluid .container {
    position: relative;
}
.newsletter.pop h2 {
    display: none;
}
.newsletter.pop .section-content {
    gap: 30px;
    height: initial;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    justify-content: center;
}
.newsletter.pop .section-content .half-1 {
    border-radius: 30px;
    text-align: center;
}
.newsletter.pop .section-content .half-1 img {
    border-radius: 30px;
    max-height: 320px;
    max-width: 510px;
    height: 100%;
    width: 100%;
    margin-bottom: 70px;
}
.newsletter.pop .section-content .half-2 {
    width: initial;
    background: transparent;
    color: #fff;
    padding: 0px 0px 90px 0px;
}
.newsletter.pop .section-content .half-2 img {
    /* display: none; */
    position: initial;
    right: initial;
    top: initial;
    width: 55px;
}
.newsletter.pop .section-content .half-2 h3 {
    font-size: 3em;
    color: #fff;
}
.newsletter.pop .newsletter-mobile {
    display: flex;
    gap: 13px;
    align-items: end;
    padding: 35px 0px;
}
.newsletter.pop .newsletter-mobile h3 {
    font-weight: bolder;
    font-size: 15px;
    color: #fff;
}
.newsletter.pop .section-content .half-2 .text {
    font-size: 16px;
    color: #fff;
}
.newsletter.pop .section-content .half-2 input.btn {
    font-size: 16px;
    color: #fff;
    background-color: #1354E1;
    border-color: #fff;
}
.newsletter.pop .section-content .half-2 input.btn:hover {
    color: #1354E1;
    background-color: #fff;
}
.newsletter.pop .section-content .half-2 input.btn {
    font-size: 16px;
    color: #fff;
    background-color: #1354E1;
    border-color: #fff;
}
.newsletter.pop .close-button-mobile {
    display: block;
    color: #eee;
    padding-left: 9px;
    font-size: 4em;
    height: 38px;
    width: 38px;
    top: 5px;
    right: 15px;
    position: absolute;
    -webkit-text-stroke: 5px #1354E1;
}
.newsletter.pop .close-button-mobile i {
    cursor: pointer;
}
.newsletter.pop .close-button-mobile i:hover {
    color: #fff;
}

/* HP PACKAGES */
.packages {
    padding-top: 220px;
}
.packages .hidden-content {
    display: none;
}
.packages h2 {
    font-size: 56px;
    font-weight: bold;
    padding-right: 400px;
    color: #0F2758;
    margin-bottom: 60px;
}
.packages .section-content {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 35px;
}
.packages .section-content.g-rows-5 {
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
.packages .section-content.g-rows-6 {
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.packages .bubble {
    padding: 23px 34px;
    border: 2px solid #2853D9;
    border-radius: 32px;
    position: relative;
    min-height: 230px;
    background-color: #1354E1;
    color: #fff;
}
.packages .bubble.shown {
    padding-bottom: 45px;
}
.packages .bubble h3 {
    font-size: 35px;
    font-weight: bold;
}
.packages .bubble .more-button.shown,
.packages .bubble .more-button.hidden-content {
    display: none;
}
.packages .bubble .more-button,
.packages .bubble a {
    position: absolute;
    bottom: 20px;
    left: 37px;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 18px 2px 8px;
    border: 2px solid #FFFFFF;
    border-radius: 32px;
    cursor: pointer;
}
.packages .bubble a {
    text-decoration: none;
    color: #fff;
    padding: 4px 18px;
    left: 50px;
}
.packages .bubble .more-button.detail {
    right: 37px;
    left: initial;
    color: #fff;
    padding: 4px 12px 4px 12px;
}
.packages .bubble .more-button.pink.detail {
    color: #FF5A8E;
}
.packages .bubble .more-button:hover,
.packages .bubble-6 a:hover {
    color: #92BFF5;
    border-color: #92BFF5;
}
.packages .bubble .more-button.detail:hover {
    color: #92BFF5;
    border-color: #92BFF5;
}
.packages .bubble .more-button.pink:hover,
.packages .bubble .more-button.pink.detail:hover {
    color: #1354E1;
    border-color: #1354E1;
}
.packages .bubble .more-button.detail {
    border: 2px solid #fff;
}
.packages .bubble .more-button.pink,
.packages .bubble .more-button.pink.detail {
    border: 2px solid #FF5A8E;
}
.packages .bubble .more-button::before {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding: 0px 8px;
    font-size: 20px;
}
.packages .bubble .more-button.hidden-content::before {
    content: '\f077';
}
.packages .bubble .more-button.detail::before {
    content: initial;
}
.packages .bubble img {
    position: absolute;
}
.packages .bubble-1 img {
    top: 106px;
    right: 26px;
}
.packages .bubble-3 img {
    top: 24px;
    right: 39px;
}
.packages .bubble-4 img {
    right: 27px;
    top: 27px;
    width: 100%;
    max-width: 174px;
    height: auto;
}
.packages .bubble-4 a.button {
    font-size: 24px;
    padding: 18px 43px;
    position: absolute;
    bottom: -100px;
    left: -6px;
}
.packages .bubble-6 h5:first-of-type {
    margin-top: 225px;
    color: #90BFF8;
}
.packages .bubble-6 a {
    left: 35px;
}
.packages .bubble-2,
.packages .bubble-3,
.packages .bubble-5 {
    background-color: #fff;
    color: #000;
}
.packages .bubble-3 h3,
.packages .bubble-5 h3 {
    width: 65%;
}
.packages .bubble-4 h3 {
    width: 62%;
}
.packages .bubble-6 {
    grid-column: 2;
    grid-row: 2/4;
}
.packages .bubble-1.shown {
    grid-column: 1;
    grid-row: 1/4;
}
.packages .bubble-2.shown {
    grid-column: 1;
    grid-row: 2/5;
    background-color: #F4F8FD;
}
.packages .bubble-2.shown h3 {
    color: #1354E1;
}
.packages .bubble-3.shown {
    grid-column: 1;
    grid-row: 3/6;
    background-color: #F4F8FD;
}
.packages .bubble-4.shown {
    grid-column: 1;
    grid-row: 4/6;
}
.packages .bubble-4.shown h3 {
    color: #90BFF8;
}
.packages .bubble-5.shown {
    grid-column: 2;
    grid-row: 1/4;
    background-color: #F4F8FD;
}
.packages .bubble-6.shown {
    grid-row: 4/6;
}
.packages .bubble .hidden-content {
    margin-top: 50px;
}
.packages .bubble-3 .hidden-content.blue {
    margin-top: 20px;
}
.packages .bubble .hidden-content h4 {
    font-size: 24px;
    font-weight: bold;
    width: 65%;
}
.packages .bubble .hidden-content.blue h4 {
    margin-bottom: 14px;
}
.packages .bubble .hidden-content .checked-text-wrapper {
    font-size: 18px;
    font-weight: bold;
    color: #90BFF8;
    display: flex;
}
.packages .bubble .hidden-content.blue .checked-text-wrapper {
    color: #1354E1;
}
.packages .bubble .hidden-content .checked-text-wrapper img {
    position: initial;
    width: 19%;
    margin-left: -26px;
    margin-top: -56px;
    margin-right: -10px;
}
.packages .bubble .hidden-content .checked-text-wrapper p {
    width: 80%;
    font-size: 18px;
}
.packages .bubble .hidden-content.blue .checked-text-wrapper p {
    margin-bottom: 6px;
}
.packages .bubble-4 .hidden-content p {
    color: #fff;
}
.packages .bubble-4 .hidden-content .checked-text-wrapper p {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.packages .bubble .hidden-content hr {
    border: 1px solid #FFFFFF;
    opacity: 1;
}
.packages .bubble .hidden-content.blue hr {
    border: 1px solid #1354E1;
    opacity: 1;
}

/* HP STORIES */
.stories {
    padding-top: 100px;
    margin-bottom: 100px;
    /* display: none; */
}
.stories .section-content {
    display: flex;
    gap: 20px;
}
.stories h2 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #0F2758;
    text-align: center;
}
.stories img {
    width: 100%;
    border-radius: 32px;
}
.stories h3 {
    font-size: 25px;
    font-weight: bold;
    color: #0F2758;
    padding: 20px 25% 0px 0px;
}
.stories p {
    font-size: 16px;
    color: #0F2758;
    width: 73%;
}
.stories a {
    font-size: 16px;
    font-weight: bolder;
}

/* REFERENCES */
.references .section-content {
    gap: 30px;
}
.references .col {
    border-radius: 30px;
    box-shadow: 0px 0px 20px 1px #00000029;
    padding: 90px 35px 25px;
    font-weight: bolder;
    position: relative; 
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.references .col img {
    width: 60px;
    position: absolute;
    top: 10px;
    left: 20px;
}
.references .col p {
    width: initial;
    padding: 12px;
    margin-bottom: 0px;
}
.references .col hr {
    background-color: #2e6bee;
    height: 2px;
}
.references .col .name {
    text-align: right;
    width: 100%;
}

/* FORM */
.steps,
.steps-mobile {
    background-color: #F5F6F7;
}
.steps h2 {
    color: #1354E1;
    font-size: 35px;
    font-weight: bold;
    padding-top: 50px;
}

.steps-wrapper {
    display: flex;
    gap: 15px;
    padding: 20px 0px 30px 2px;
    margin-bottom: 30px;
    align-items: center;
    flex-wrap: wrap;
}

.steps .step {
    color: #92BFF5;
    font-weight: bolder;
    display: flex;
    align-items: center;
}
.steps .step:not(:first-of-type)::before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 20px;
    color: #92BFF5;
}
.steps .step .num-circ,
.steps-mobile .num-circ {
    padding: 0px;
    line-height: 0;
    margin-right: 8px;
    border-radius: 70px;
    border: 2px solid #92BFF5;
    background-color: #F5F6F7;
    height: 46px;
    width: 46px;
    font-size: 22px;
    display: inline-block;
    position: relative;
}
.steps .step.active .num-circ,
.steps-mobile .num-circ {
    background-color: #1354E1;
    border: 2px solid #1354E1;
    color: #fff;
}
.num-circ .num {
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    width: max-content;
}
.steps .step.active {
    color: #1354E1;
}
.steps .step i.fa-check {
    font-weight: bold;
    margin-left: -3px;
}
.steps .step a {
    text-decoration: none;
    color: #92BFF5;
}

.tooltip-inner {
    font-size: 18px;
    background-color: #0F2758;
    border-radius: 20px;
    padding: 10px;
    max-width: 261px;
}

.box.rent-form {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}
.box.rent-form .rent-form form {
    max-width: 700px;
}

form h2, h2.form {
    color: #0F2758;
    font-size: 35px;
    font-weight: bold;
}
form h5, h5.form {
    color: #1354E1;
    font-size: 1.5em;
    font-weight: bold;
    margin: 20px 0px;
}

form label {
    color: #999;
    font-weight: bold;
}

form .form-control,
form input[type="submit"] {
    border-radius: 10px;
    border-color: #1354E1;
    border-width: 2px;
    padding: 8px 24px;
}
.rent-form form .form-control {
    padding: 12px 24px;
}

form .input-group {
    margin-bottom: 15px !important;
    width: 700px;
}
form input[type="submit"] {
    border-radius: 32px;
    border: 2px solid #1354E1;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 6px 30px;
    background-color: #1354E1;
    text-decoration: none;
}
form input[type="submit"]:hover {
    color: #1354E1;
    background-color: #fff;
    border-color: #1354E1;
}
form input[type="submit"].storno {
    border-radius: 32px;
    border: 2px solid #dc3545;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 6px 30px;
    background-color: #dc3545;
    text-decoration: none;
}
form input[type="submit"].storno:hover {
    color: #dc3545;
    background-color: #fff;
    border-color: #dc3545;
}
form select.form-control {
    background-image: url('../img/my_chev2.svg');
    background-position: calc(100% - 15px) calc(1em + 0px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 20px 20px, 20px 20px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

.amount-input-wrapper {
    display: flex;
    justify-content: space-between;
}
.amount-input .inside-text-wrapper {
    margin-bottom: 20px;
}
.amount-input-h2 {
    margin-bottom: 10px;
}
.amount-input-wrapper .amount-input {
    width: 60%;
}

.rentodo-product .products:not(.packages) {
    row-gap: 10px;
    column-gap: 80px;
    margin-top: 40px;
}
.rentodo-product .products:not(.packages) input[type="submit"] {
    margin-top: 10px;
}
.rentodo-product .products:not(.packages) .d-flex {
    max-width: 474px;
}
.rentodo-product .products:not(.packages) .card,
.rentodo-product .products:not(.packages) .card.disabled {
    width: 100%;
    border-radius: 30px;
    padding: 30px;
    border: 2px solid #92BFF5;
}
.rentodo-product .products:not(.packages) .card,
.rentodo-product .products:not(.packages) .card.disabled {
    box-shadow: #ccc 0px 0px 20px 0px;
    border: none;
}
.rentodo-product .products:not(.packages) .card.active {
    outline: 4px solid #0051E9;
}
.rentodo-product .products:not(.packages) .card.disabled {
    outline: none;
}
.rentodo-product .products:not(.packages) .card-header,
.rentodo-product .products:not(.packages) .card.disabled .card-header {
    display: flex;
    justify-content: space-between;
    color: #92BFF5;
    border-radius: 27px 27px 0px 0px;
    border-bottom: none;
    background-color: #fff;
    padding: 0px;
}
.rentodo-product .products:not(.packages) .card-header .card-title,
.rentodo-product .products:not(.packages) .card.disabled .card-header .card-title {
    color: #92BFF5;
    font-weight: 600;
    font-size: 35px;
    margin-top: 0px;
}
.rentodo-product .products:not(.packages) .card.main-product .products:not(.packages) .card-header .card-title,
.rentodo-product .products:not(.packages) .card.active .card-header .card-title {
    color: #1354E1;
}
.rentodo-product .products:not(.packages) .card.disabled .card-header .card-title {
    color: #92BFF5;
}
.rentodo-product .products:not(.packages) .card-body,
.rentodo-product .products:not(.packages) .card.disabled .card-body {
    color: #92BFF5;
    padding: 0px;
}
.rentodo-product .products:not(.packages) .card.active .card-body {
    color: #1354E1;
}
.rentodo-product .products:not(.packages) .card-body ul li {
    font-size: 18px;
    color: #1354E1;
    margin: 20px 0px 20px 20px;
    list-style: none;    
    position: relative;
    cursor: context-menu;
}
.rentodo-product .products:not(.packages) .card.disabled .card-body ul li {
    color: #92BFF5;
}
.dottedBottom {
    border-bottom: 1px dotted #1354E1;
    text-decoration: none;    
}
.dottedBottom.white {
    border-color: #fff;
}
.rentodo-product .products:not(.packages) .card-body ul li::before{
    content: '';
    background-image: url('../img/fajfka_pale.svg');
    position: absolute;
    top: -11px;
    right: 63px;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
}
.rentodo-product .products:not(.packages) .card.active .card-body ul li::before{
    background-image: url('../img/fajfka.svg');
}
.rentodo-product .products:not(.packages) .card.main-product .products:not(.packages) .card-body ul li::before{
    background-image: url('../img/fajfka.svg');
}
.rentodo-product .products:not(.packages) .card.disabled .card-body ul li::before{
    background-image: url('../img/fajfka_pale.svg');
}
.rentodo-product .products:not(.packages) .card.main-product .products:not(.packages) .card-body .products:not(.packages) .product-price {
    color: #1354E1;
}
.rentodo-product .products:not(.packages) .card.disabled .card-body .products:not(.packages) .product-price {
    color: #92BFF5;
}
.rentodo-product .products:not(.packages) .card .card-body .products:not(.packages) .product-price {
    font-size: 35px;
    margin-bottom: 20px;
}
.rentodo-product .products:not(.packages) .card .card-body .products:not(.packages) .product-price .amount {
    font-weight: bolder;
}
.rentodo-product .products:not(.packages) .card .card-body .products:not(.packages) .product-price .period {
    font-size: 16px;
    display: block;
}
.rentodo-product .products:not(.packages) .card:not(.main-product .products:not(.packages)) .card-body input[type="submit"],
.rentodo-product .products:not(.packages) .card:not(.main-product .products:not(.packages)) .card-body .fake.button {
    background-color: #fff;
    color: #FC5A8F;
}
.rentodo-product .products:not(.packages) .card.active .card-body .fake.checked-button,
.rentodo-product .products:not(.packages) .card.active .card-body input[type="submit"],
.rentodo-product .products:not(.packages) .card .card-body input[type="submit"]:hover,
.rentodo-product .products:not(.packages) .card .card-body .fake.button:hover {
    background-color: #1354E1;
    border-color: #1354E1;
    color: #fff;
}
.rentodo-product .products:not(.packages) .card.active .card-body .fake.checked-button::before {
    content: '';
    background-image: url('../img/fajfka_white.svg');
    position: absolute;
    top: -1px;
    right: -4px;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
}
.rentodo-product .products:not(.packages) .card.active:not(.main-product .products:not(.packages)) .card-body .fake.checked-button::before {
    background-image: url('../img/fajfka.svg');
}
.rentodo-product .products:not(.packages) .card.active .card-body .fake.checked-button {
    padding-left: 50px;
    position: relative;
}
.rentodo-product .products:not(.packages) .card.active:not(.main-product .products:not(.packages)) .card-body input[type="submit"],
.rentodo-product .products:not(.packages) .card.active:not(.main-product .products:not(.packages)) .card-body .fake.checked-button,
.rentodo-product .products:not(.packages) .card:not(.main-product .products:not(.packages)) .card-body input[type="submit"]:hover,
.rentodo-product .products:not(.packages) .card:not(.main-product .products:not(.packages)) .card-body .fake.button:hover {
    color: #1354E1;
    background-color: #fff;
}
.rentodo-product .products:not(.packages) .card .card-body .fake.checked-button,
.rentodo-product .products:not(.packages) .card:not(.main-product .products:not(.packages)) .card-body .fake.checked-button,
.rentodo-product .products:not(.packages) .card.active .card-body .fake.button,
.rentodo-product .products:not(.packages) .card.active:not(.main-product .products:not(.packages)) .card-body .fake.button {
    display: none;
}
.rentodo-product .products:not(.packages) .card.active .card-body .fake.checked-button,
.rentodo-product .products:not(.packages) .card.active:not(.main-product .products:not(.packages)) .card-body .fake.checked-button {
    display: inline;
}

.rentodo-product .products:not(.packages) .info-link{
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.rentodo-product .products:not(.packages) .card .card-body input:checked + .slider:before,
.rentodo-product .products:not(.packages) .card.active:not(.main-product .products:not(.packages)) .card-body input:checked + .slider:before,
.new-form .checkbox input:checked + .slider:before {
    opacity: 1;
    background: url('../img/fajfka.svg');
    background-position: bottom;
}
.rentodo-product .products:not(.packages) .card .card-body input:checked + .slider:after,
.rentodo-product .products:not(.packages) .card.active:not(.main-product .products:not(.packages)) .card-body input:checked + .slider:after,
.new-form .checkbox input:checked + .slider:after {
    border-color: #1354E1;
}
.rentodo-product .products:not(.packages) .card:not(.main-product .products:not(.packages)) .card-body input:checked + .slider:before {
    opacity: 1;
    background: url('../img/fajfka_pale.svg');
    background-position: bottom;
}
.rentodo-product .products:not(.packages) .card:not(.main-product .products:not(.packages)) .card-body input:checked + .slider:after {
    border-color: #92BFF5;
}
.rentodo-product .products:not(.packages) .card .card-body .switch,
.new-form .checkbox .switch {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 34px;
}
.rentodo-product .products:not(.packages) .card .card-body .switch input,
.new-form .checkbox .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.rentodo-product .products:not(.packages) .card .card-body .slider,
.new-form .checkbox .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding-left: 51px;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #1354E1;
}
.new-form .checkbox .slider {
    padding-left: 33px;
    font-size: 17px;
}
.rentodo-product .products:not(.packages) .card.disabled .card-body .slider {
    color: #92BFF5;
}
.rentodo-product .products:not(.packages) .card .card-body .slider:before,
.new-form .checkbox .slider:before {
    position: absolute;
    content: '';
    background: url('../img/fajfka_pale.svg');
    background-position: bottom;
    height: 26px;
    width: 26px;
    left: 0px;
    bottom: 4px;
    opacity: 0;
}
.new-form .checkbox .slider:before {
    height: 24px;
    width: 24px;
    left: 2px;
    bottom: 6px;
}
.rentodo-product .products:not(.packages) .card.disabled .card-body input:checked + .slider:before {
    background: url('../img/fajfka_pale.svg');
    background-position: bottom;
    opacity: 1;
}
.rentodo-product .products:not(.packages) .card .card-body .slider:after,
.new-form .checkbox .slider:after {
    position: absolute;
    content: '';
    height: 28px;
    width: 28px;
    left: -2px;
    bottom: -2px;
    border-radius: 6px;
    border: 1px solid #92BFF5;
}
.new-form .checkbox .slider:after {
    height: 19px;
    width: 19px;
    left: 0px;
    bottom: 2px;
}
.rentodo-product .products:not(.packages) .card.disabled .card-body .slider:after {
    border-color: #92BFF5 !important;
}

/* SUMMARY */
#documentsModal .modal-content,
#paymentsDetailModal .modal-content,
#detailModal .modal-content {
    border-radius: 1.3rem;
}

.summary:not(.modal-body) {
    flex-grow: 1;
    max-width: 64%;
}
.summary h2 {
    font-size: 35px;
    font-weight: bold;
    color: #0F2758;
    margin-bottom: 20px;
}
.summary h3 {
    font-size: 25px;
    font-weight: bold;
    color: #1354E1;
    border-top: 2px dashed #C8C8C8;
    margin: 15px 0px;
    padding-top: 15px;
}
.summary:not(.payments) h3:first-of-type,
.summary.payments div:first-of-type h3 {
    border: none;
    margin-top: 0px;
    padding-top: 0px;
}
.summary .content-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}
.summary .content-row .label {
    font-weight: bold;
    color: #7C7C7C;
    max-width: 400px;
}
.summary .content-row .text {
    width: 40%;
}

/* PAYMENTS */
.summary.payments h3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.summary.payments h3 .p-amount {
    width: 130px;
}
.summary.payments h3 .p-state {
    width: 200px;
    color: #e25252;
}
.summary.payments h3 .p-state.paid {
    color: #7bc145;
}
.summary.payments h3 .due-date {
    width: 230px;
}
.summary.payments h3 .due-date.over {
    color: #e25252;
}
.summary.payments h3 i {
    width: 20px;
    display: none;
}
.summary.payments .payment-wrapper {
    cursor: initial;
}
.summary.payments .payment-wrapper .p {
    font-size: 18px;
    width: 96%;
    margin: 0px;
    display: none;
    margin-top: 20px;
}
.summary.payments .payment-wrapper .chevron {
    /* font-size: 25px; */
    cursor: initial;
}
.summary.payments .payment-wrapper .children {
    padding-left: 10px;
    border-left: 4px solid #ddd;
    display: none;
}
.summary.payments .payment-wrapper .children h3 {
    font-size: 17px;
    gap: 8px;
    opacity: 0.9;
}
.summary.payments .chevron {
    font-size: 15px;
    background-color: #fb8c00;
    padding: 5px 40px 5px 10px;
    color: #fff;
    border-radius: 8px;
    position: relative;
    width: 148px;
    cursor: pointer;
}
.summary.payments .chevron.muted {
    background-color: #666;
    padding: 5px 15px;
    cursor: initial;
}
.summary.payments .payment-wrapper .chevron.fa-chevron-down:before,
.summary.payments .payment-wrapper .chevron.fa-chevron-up:before {
    content: "";
}

/* CLIENT */
.client-edit-submenu,
.client-contracts .contracts-switcher {
    margin: 15px 0px;
    display:inline-block;
}
.verification-buttons a,
.client-edit-submenu a,
.client-contracts .contracts-switcher a {
    text-decoration: none;
    color: #999;
    border: 2px solid #999;
    border-radius: 20px;
    padding: 5px 15px;
    margin-right: 8px;
}
.verification-buttons a:hover,
.client-edit-submenu a:hover,
.client-edit-submenu a.active,
.client-contracts .contracts-switcher a.active,
.client-contracts .contracts-switcher a:hover {
    color: #1354E1;
    border-color: #1354E1;
}
.client-contracts .contracts .modal-title.red,
.client-contracts .contracts .title.red {
    color: #999;
    font-weight: bolder;
}
.client-contracts .contracts .red {
    color: #1354E1;
    font-weight: bolder;
}
.client-contracts .contracts .button {
    color: #92BFF5;
    border: 2px solid #92BFF5;
    border-radius: 40px;
    padding: 5px 25px;
    text-decoration: none;
    margin-right: 8px;
}
.client-contracts .contracts .button:hover {
    color: #fff;
    background-color: #92BFF5;
}
.client-contracts .contracts .button#detailButton:hover {
    color: #fff;
    background-color: #FC5A8F;
}
.client-contracts .contracts .button#detailButton {
    color: #FC5A8F;
    border-color: #FC5A8F;
}
.modal-body .label {
    color: #999;
    font-weight: bolder;
}
.modal-body .data {
    margin-left: 10px;
}
.modal-body h2 {
    margin-top: 20px;
    color: #1354E1;
}

.client-contracts h2 {
    padding: 40px 0px;
}
.client-contracts .heading-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    height: 80px;
    margin-top: 30px;
}
.client-contracts .heading-wrapper img {
    width: 50px;
}
.client-contracts .heading-wrapper h2 {
    font-weight: 600;
    color: #1354E1;
    margin: 0px;
}
.client-contracts .tabs {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 40px;
}
.client-contracts .tabs a {
    padding: 12px 36px;
    background-color: #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #444;
    text-decoration: none;
}
.client-contracts .tabs a.active,
.client-contracts .tabs a:hover {
    background-color: #1354E1;
    color: #fff;
}
.client-contracts .button {
    font-size: 16px;
}
.client-contracts a.button {
    padding: 5px 15px;
}
.client-contracts .filters {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.client-contracts .filters .types {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.client-contracts .filters .states {
    display: flex;
    gap: 15px;
    align-items: center;
}
.client-contracts .filters .states .label {
    color: #7C7C7C;
}
.client-contracts .filters .states .options {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
.client-contracts .filters .states .options a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}
.client-contracts .filters .states .options a.active {
    color: #000000;
}
.client-contracts .filters .states .options a:not(.active) {
    font-weight: normal;
}
.client-contracts .line-wrapper {
    background-color: #F6F6F6;
}
.client-contracts .line-wrapper:first-of-type .line {
    border-top: 2px dashed #C8C8C8;
}
.client-contracts .line {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px dashed #C8C8C8;
    min-height: 130px;
    padding: 20px 0px;
    gap: 20px;
}
.client-contracts .column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.client-contracts .column-1 {
    width: 22%;
    font-weight: bold;
}
.client-contracts .state {
    display: flex;
    align-items: center;
    gap: 1px;
}
.client-contracts .column-4 .state {
    justify-content: end;
}
.client-contracts .state span {
    font-size: 16px;
    font-weight: bold;
    color: #707070;
}
.client-contracts .column-1 h4 {
    font-size: 18px;
    font-weight: bold;
    color: #1354E1;
}
.client-contracts .column-2 {
    width: 24%;
    font-size: 16px;
    font-weight: bold;
    color: #FF5A8F;
}
.client-contracts .column-2 h6 {
    font-weight: bold;
}
.client-contracts .column-2 a {
    font-size: 13px;
    font-weight: normal;
    word-wrap: break-word;
}
.client-contracts .column-3 {
    width: 18%;
    font-size: 16px;
    font-weight: bold;
    color: #FF5A8F;
    justify-content: initial;
}
.client-contracts .column-3 .products:not(.packages) .product {
    color: #FF5A8F;
}
.client-contracts .created {
    color: #1354E1;
}
.client-contracts .person {
    color: #707070;
}
.client-contracts .person .text {
    font-weight: normal;
    margin-left: 3px;
}
.client-contracts .column-4 {
    text-align: right;
    width: 40%;
    align-items: end;
    font-weight: bold;
    gap: 15px;
}
.client-contracts .column-4 .actions {
    margin-top: 0px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: end;
}
.client-contracts .column-4 .amount {
    font-size: 18px;
    font-weight: bold;
    color: #1354E1;
    margin-right: 7px;
}
.client-contracts .column-4 .period {
    font-size: 14px;
    font-weight: bold;
    color: #7C7C7C;
    border: 2px solid #7C7C7C;
    padding: 2px;
}
.client-contracts .fa-circle {
    color: transparent;
    border: 2px solid #7C7C7C;
    border-radius: 20px;
    font-size: 9px;
}
.client-contracts .fa-circle.blue {
    border-color: #0051E9;
}
.client-contracts .fa-circle.pink {
    border-color: #FF5A8E;
}
.client-contracts .fa-circle.green {
    border-color: #81B378;
}

.crossroad {
    display: flex;
    gap: 100px;
    margin-top: 30px;
}
.crossroad .path {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #0f2758;
    text-decoration: none;
    opacity: 0.7;
}
.crossroad .path.active,
.crossroad .path:hover {
    opacity: 1;
    transition: all 0.3s;
}
.crossroad .path.active {
    text-decoration: overline;
}
.crossroad .path img {
    width: 50px;
}
.crossroad .path h5 {
    margin: 0px;
}
.userAffidLink {
    background-color: white;
    padding: 10px 25px 20px;
    margin-top: 40px;
    border: 1px solid #1354E1;
    border-radius: 6px;
}
.userAffidLink h5 {
    margin: 8px 0 0 0;
}
.userAffidLink form {
    display: flex;
    gap: 12px;
    align-items: end;
}
.userAffidLink #afid-link-input,
.userAffidLink #select-url-type {
    min-width: 350px;
    padding: 5px;
    margin-top: 8px;
}
.userAffidLink #select-url-type {
    min-width: 150px;
}

/* ------------- DATEPICKER INPUT ICON -------------------------- */
/* CHANGED FROM STYLE.CSS, LINE 1629-1671 */
input[type="tel"].day, input[type="tel"].month, input[type="tel"].year, select.phone-prefix-input{
    width: calc(29% - 11px) !important;
    margin-right: 3%;
    display: inline-block;
}
select.phone-prefix-input{
    min-width: 105px;
}
.phone-wrapper .col-12.col-md-9.hidden input:not(.phone-prefix-input){
    width: 70% !important;
    display: inline-block;
}
@media (max-width: 845px) and (min-width: 769px) {
    .phone-wrapper .col-12.col-md-9.hidden input:not(.phone-prefix-input){
        width: calc(100% - 117px) !important;
        display: inline-block;
    }
}
@media (max-width: 768px) and (min-width: 446px) {
    .phone-wrapper .col-12.col-md-9.hidden input:not(.phone-prefix-input){
        width: 69.5% !important;
        display: inline-block;
    }
}
@media (max-width: 445px) {
    .phone-wrapper .col-12.col-md-9.hidden input:not(.phone-prefix-input){
        width: calc(100% - 117px) !important;
        display: inline-block;
    }
}
.datetimepicker-wrapper .col-12.col-md-9.hidden input.has-success:not(.day):not(.month):not(.year), .datetimepicker-wrapper .col-12.col-md-9.hidden input.has-error:not(.day):not(.month):not(.year), .timepicker-wrapper .col-12.col-md-9.hidden input.has-success:not(.minute):not(.hour), .timepicker-wrapper .col-12.col-md-9.hidden input.has-error:not(.minute):not(.hour) {
    border: none !important;   
}
.datetimepicker-wrapper .col-12.col-md-9 {
    position: relative;
    overflow: inherit; /*pokud se dá hidden, nezobrazuje se tooltip*/  
}
.datetimepicker-wrapper .col-12.col-md-9.hidden input.has-error {
    -webkit-box-shadow: inset 0px 0px 0px -7px rgba(208,1,27,1);
    -moz-box-shadow: inset 0px 0px 0px -7px rgba(208,1,27,1);
    box-shadow: inset 0px 0px 0px -7px rgba(208,1,27,1);
}
label.datetimepicker-cal {
    position: absolute;
    top: 5px;
    right: calc((4% + 26px) / 2);
    color: #1354E1;
    cursor: pointer;
    font-size: 180%;
}
label.datetimepicker-cal:after {
    content: '' !important;
}
.datetimepicker-wrapper .col-12.col-md-9.hidden input:not(.day):not(.month):not(.year) {
    /*border: none;*/
    width: calc(4% + 33px) !important;
    height: 52px;
    cursor: pointer;
    transition: none !important;
    background: none;
    background-repeat: no-repeat;
    -webkit-transition: none;
    color: transparent;
    font-size: 0.1px;
    position: relative;
    top: -5px;
    left: 3px;
    display: inline-block;
    padding: 12px;
}

/* ABOUT HERO */
.about-hero {
    padding-bottom: 80px;
    /* background: linear-gradient(0deg, #edf6ff 20%, transparent 80%); */
}
.about-hero .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-hero img {
    width: 35%;
    padding-top: 35px;
}
.about-hero-wrapper {
    width: 45%;
}
.about-hero-wrapper h1 {
    font-size: 3em;
    font-weight: bold;
    padding: 30px 0px;
    color: #0F2758;
}
.about-hero-wrapper h3 {
    font-size: 20px;
    /* color: #1354E1; */
    font-weight: initial;
}
.about-hero-wrapper p,
.about-contact p {
    font-size: 18px;
    color: #0F2758;
    padding-top: 40px;
}
.about-hero-wrapper img.axa,
.about-contact img.axa {
    width: 83px;
    padding-top: 45px;
    height: auto;
}

/* ABOUT CONTACT */
.about-contact .video-wrapper {
    display: flex;
    gap: 80px;
    max-height: 300px;
    margin-bottom: 170px;
}
.about-contact .video {
    flex-shrink: 0;
    width: 50%;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.about-contact .video-wrapper video[poster] {
    max-height: 365px;
}
.about-contact h2 {
    margin-bottom: 50px;
    margin-top: 70px;
}
.about-contact p {
    width: 80%;
    font-size: 18px;
    color: #000;
    padding: 40px 0px;
}
.about-contact .input-wrapper {
    display: flex;
    justify-content: space-between;
    width: 55%;
    margin-bottom: 20px;
}
.about-contact .input-wrapper label {
    width: 49%;
}
.about-contact .input-wrapper:last-of-type input {
    height: 300px;
}

/* ABOUT FLAVOUR */
.about-flavour .container {
    display: flex;
    justify-content: end;
}
.about-flavour .section-content {
    max-width: 580px;
    padding-top: 80px;
    margin-bottom: -300px;
}
.about-flavour h2 {
    font-size: 45px;
    font-weight: bold;
    color: #0F2758;
}
.about-flavour p {
    font-size: 24px;
    font-weight: initial;
    color: #182F5F;
    line-height: 30px;
    margin-top: 20px;
}

/* COOP, FAQ, ABOUT HERO */
/* .about-hero, */
.stories-hero,
.coop-hero,
.faq-hero {
    padding-bottom: 0px;
    background: linear-gradient(0deg, #edf6ff 20%, transparent 80%);
    overflow-x: hidden;
}
@supports (overflow:clip) {
    .stories-hero,
    .coop-hero,
    .faq-hero {
        overflow-x: clip;
    }
}
.about-hero .container,
.stories-hero .container,
.coop-hero .container,
.faq-hero .container {
    display: flex;
    justify-content: space-between;
}
/* .about-hero img, */
.stories-hero img,
.coop-hero img,
.faq-hero img {
    width: 45%;
    padding-top: 135px;
}
/* .about-hero-wrapper, */
.stories-hero-wrapper,
.coop-hero-wrapper,
.faq-hero-wrapper {
    width: 45%;
}
/* .about-hero-wrapper h1, */
.stories-hero-wrapper h1,
.coop-hero-wrapper h1,
.faq-hero-wrapper h1 {
    font-size: 56px;
    font-weight: bold;
    padding: 70px 0px;
    color: #0F2758;
}
/* .about-hero-wrapper h3, */
.stories-hero-wrapper h3,
.coop-hero-wrapper h3,
.faq-hero-wrapper h3 {
    font-size: 24px;
    color: #1354E1;
    font-weight: initial;
    margin-bottom: 50px;
}

.partnersLogo ul {
    list-style: none;
    font-weight: bold;
}
.partnersLogo ul li {
    list-style: none;
    font-weight: bold;
    display: inline-block;
    margin:  20px;    
}

/* STORIES */
.story {
    color: #0F2758;
    font-size: 16px;
}
.story.container-fluid {
    background: linear-gradient(180deg, #edf6ff 0%, transparent 30%);
}
.story .container .row {
    display: flex;
    margin-bottom: 20px;
}
.story .container .row .content {
    max-width: 765px;
    margin-right: 1.2em;
}
.story h1 {
    font-size: 3.5em;
    font-weight: bold;
}
.story h2 {
    font-size: 3em;
    font-weight: bold;
}
.story .description {
    font-size: 1.875em;
}
.story .excerpt {
    font-size: 1.5em;
    margin-bottom: 20px;
}
.story .links {
    color: #1354E1;
}
.story .links a {
    font-weight: bold;
}
.story .airy {
    display: flex;
    gap: 6%;
    flex-wrap: wrap;
}
.story .topped {
    margin-top: 40px;
}
.story .content.post {
    font-size: 16px;
}
.story .content.post img {
    width: 100%;
    height: auto;
    margin: 1.5em 0;
}
.story .category {
    padding-top: 5.6em;
    margin-bottom: 1.5em;
}
.story .category .stories {
    padding-top: 2.5em;
    margin-bottom: 1.5em;
}
.story .category:not(.last) .stories .section-content {
    flex-wrap: wrap;
}
.story .category .stories h3 {
    color: #0F2758;
}
.story .category .stories .section-content .col {
    flex: 0 0 48%;
}
.story a.more-btn {
    font-size: 16px;
    font-weight: bold;
}
.story blockquote {
    width: 535px;
    font-size: 1.875em;
    color: #1354E1;
    position: relative;
    line-height: 1.2;
    margin: 1em 0;
    margin-bottom: 60px;
    padding-right: 0.1em;
}
.story blockquote::after {
    content: "";
    background-image: url('../img/cite.png');
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
.newsletter.short {
    margin-bottom: initial;
}
.newsletter.short .container {
    padding: 0px;
}
.newsletter.short .section-content {
    box-shadow: none;
}
.newsletter.short .section-content .half-2 {
    background-color: #1354E1;
    padding: 34px;
    width: 355px;
}
.newsletter.short .section-content .half-2 img {
    width: 75px;
    position: initial;
}
.newsletter.short .section-content .half-2 h3 {
    font-size: 1.875em;
    font-weight: bold;
    color: #fff;
    margin-top: initial;
    margin-bottom: 20px;
}
.newsletter .section-content .half-2 form .col-9 {
    width: 85%;
}
.newsletter .section-content .half-2 form {
    flex-wrap: wrap;
}
.newsletter .section-content .half-2 input.btn {
    border-color: #fff;
}
.stories-image-xl {
    padding: 0px;
    margin-bottom: 15px;
    position: relative;
    overflow-y: hidden;
}
.stories-image-xl img {
    width: 100%;
    max-height: 320px;
    height: auto;
    object-fit: cover;
    object-position: 0 -10vw;
}
.stories-image-xl .image-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent 40%);
}
.stories-image-xl .container {
    margin-top: -200px;
}
.stories-image-xl .container h2 {
    font-size: 56px;
    color: #fff;
    position: relative;
}
.stories-image-xl.w-text {
    margin-bottom: 12.5em;
    overflow-y: initial;
    font-size: 16px;
    color: #fff;
}
.stories-image-xl.w-text .container {
    position: relative;
    margin-top: -15.625em;
}
.stories-image-xl.w-text .container .row {
    position: absolute;
    left: 15px;
    top: 0px;
    max-width: 765px;
}
.stories-image-xl.w-text .container .row .links {
    font-size: 1.5em;
    margin-bottom: 1em;
}
.stories-image-xl.w-text .container .row .links,
.stories-image-xl.w-text .container .row .links a {
    color: #fff;
    font-weight: bold;
}
.stories-image-xl.w-text .container .row h1 {
    font-size: 3.5em;
    font-weight: bold;
}
.stories-image-xl.w-text .container .row .description {
    font-size: 1.5em;
}
.stories-text .container {
    display: flex;
    gap: 30px;
}
.stories-text .container.reverse {
    flex-direction: row-reverse;
}
.stories-text .container p {
    font-size: 18px;
    margin-bottom: 2em;
}
.stories-text .col-heading-wrapper {
    text-align: right;
    margin-bottom: 10px;
}
.stories-text .col.last.excerpt {
    flex-basis: 35%;
    background-color: #D6E8F8;
    border-radius: 32px;
    padding: 30px;
    height: max-content;
}
.stories-text .col.last.excerpt.big {
    flex-basis: 49%;
}
.stories-text .col.last.excerpt h4 {
    font-size: 24px;
    color: #0F2758;
}
.stories-text .col.last.excerpt h4 span {
    color: #FF5A8F;
}


/* COOP CONTACT */
.coop-hero .container {
    align-items: end;
}
.coop-hero-wrapper {
    padding-bottom: 40px;
}
.coop-hero-wrapper .btn {
    padding: 0px;
}
.coop-contact {
    margin-top: 30px;
}
.coop-contact h2 {
    margin-bottom: 50px;
    margin-top: 70px;
}
.coop-contact p {
    width: 55%;
    font-size: 18px;
    color: #000;
    padding: 10px 0px;
}
.coop-contact .input-wrapper {
    display: flex;
    justify-content: space-between;
    width: 55%;
    margin-bottom: 20px;
}
.coop-contact .input-wrapper label {
    width: 49%;
}
.coop-contact .input-wrapper:last-of-type input {
    height: 300px;
}

/* COOP CONTACT INFO */
.coop-contact-info {
    margin: 60px 0px;
}
.coop-contact-info .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
.coop-contact-info .container .col .info-wrapper {
    display: flex;
    gap: 15px;
}
.coop-contact-info img {
    width: 56px;
    object-fit: contain;
}
.coop-contact-info h2 {
    font-size: 25px;
    font-weight: bold;
    color: #1354E1;
}
.coop-contact-info h3 {
    font-size: 24px;
    font-weight: bold;
    color: #0F2758;
}

/* FAQ */
.faq-hero img {
    margin-bottom: -116px;
    margin-top: -50px;
    padding-top: initial;
}
.faqs {
    padding-top: 80px;
}
.faqs h3 {
    color: #1354E1;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 24px;
    font-weight: normal;
}
.faqs .question-wrapper {
    border: 2px solid #0051E9;
    border-radius: 12px;
    padding: 35px;
    margin-bottom: 20px;
    cursor: pointer;
}
.faqs .question-wrapper.shown {
    background-color: #F4F8FD;
}
.faqs .question-wrapper .toggle-area {
    position: relative;
}
.faqs .question-wrapper .question {
    width: 88%;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
}
.faqs .question-wrapper p {
    font-size: 18px;
    width: 96%;
    margin: 0px;
    display: none;
    margin-top: 20px;
}
.faqs .question-wrapper .toggle-area .chevron {
    position: absolute;
    right: 0px;
    top: -2px;
    font-size: 35px;
}
.faqs .question-wrapper .toggle-area .chevron.fa-chevron-down {
    color: #FF5A8E;
}
.faqs .question-wrapper .toggle-area .chevron.fa-chevron-up {
    color: #1354E1;
}

/* HOWS */
.hows {
    margin-top: 40px;
}
.hows .container .container img {
    width: 100%;
}
.hows h2 {
    color: #FF5A8E;
    padding-bottom: 8px;
    border-bottom: 3px solid #92BFF5;
    padding-right: 55px;
}
.hows div:not(.container) {
    width: 100%;
    border-radius: 30px;
    padding: 30px;
    border: 3px solid #0051E9;
    margin-top: 25px;
    position: relative;
}
.hows div.pair:first-of-type {
    margin-right: 2%;
}
.hows div.pair {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
.hows div:not(.container)::after {
    content: '';
    background-image: url('../img/strecha.svg');
    position: absolute;
    top: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}
.hows div:not(.container) ul li {
    font-size: 18px;
    color: #1354E1;
    margin: 15px 0px 15px 20px;
    list-style: none;    
    position: relative;
}
.hows div:not(.container) ul li::before{
    content: '';
    background-image: url('../img/fajfka.svg');
    position: absolute;
    top: -11px;
    right: 63px;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
}
.hows div:not(.container) ul:first-child li::before{
    background-image: url('../img/fajfka_pale.svg');
}

.how-it-works-standalone.new-form .container-fluid {
    background: #fff;
    color: #1354E1;
}
.how-it-works-standalone.new-form .container:not(.active) {
    display: none;
}
.how-it-works-standalone.new-form .container.active {
    display: block;
}
.how-it-works-standalone.new-form .container > h3 {
    color: #FF5A8E;
    font-size: 33px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    width: initial;
}
.how-it-works-standalone.new-form .container:first-of-type > h3 {
    color: #1354E1;
}
.how-it-works-standalone.new-form .products {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.how-it-works-standalone.new-form .products:not(.packages) .product .body {
    display: block;
}
.how-it-works-standalone.new-form .products:not(.packages) .product .header::after {
    content: '';
}

.cta.new-form {
    margin-top: -170px;
}
.cta.new-form.wo-offset {
    margin-top: 100px;
}
.cta.new-form .container-fluid {
    padding-top: 240px;
}
.cta.new-form.wo-offset .container-fluid {
    padding-top: 100px;
}
.cta.new-form .container {
    text-align: center;
    max-width: 600px;
    padding-bottom: 70px;
}
.cta.new-form .container h2 {
    margin-bottom: 20px;
}

.advantages-hero {
    background: #fff;
    margin-bottom: 50px;
}
.advantages-hero .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.advantages-hero img {
    width: 40%;
}
.advantages-hero h1 {
    font-size: 3em;
    font-weight: bold;
    max-width: 440px;
}
.advantages-hero h1 span {
    color: #1354E1;
}
.advantages .advantage {
    border: 2px solid #1354E1;
    border-radius: 30px;
    padding: 60px 80px;
    color: #1354E1;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 20px;
}
.advantages .advantage:hover,
.advantages .advantage.opened {
    color: #fff;
    background-color: #1354E1;
}
.advantages .advantage .more::after,
.advantages .advantage .less::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-size: 30px;
    font-weight: 900;
    color: #1354E1;
    right: -40px;
    top: -10px;
}
.advantages .advantage.opened .less::after {
    content: '\f077';
}
.advantages .advantage:hover .more::after,
.advantages .advantage.opened .less::after,
.advantages .advantage.opened:hover .less::after {
    color: #fff;
}
.advantages .advantage .more-less-wrapper {
    position: absolute;
    font-size: 17px;
    font-weight: bolder;
    color: #1354E1;
    right: 125px;
    top: 65px;
}
.advantages .advantage:not(.opened) span.less {
    display: none;
}
.advantages .advantage:not(.opened) span.more {
    display: block;
    position: relative;
}
.advantages .advantage.opened span.less {
    position: relative;
    display: block;
    /* top: 68px; */
}
.advantages .advantage.opened span.more {
    display: none;
}
.advantages .advantage:hover span,
.advantages .advantage.opened span,
.advantages .advantage.opened:hover span {
    color: #fff;
}
.advantages .advantage h3 {
    font-size: 26px;
    margin-bottom: 0px;
    font-weight: bold;
    width: 86%;
}
.advantages .advantage:not(.opened) .body {
    display: none;
}
.advantages .advantage.opened .body {
    display: block;
}
.advantages .advantage.opened .body.wimg {
    display: flex;
    gap: 10px;
}
.advantages .advantage.opened .body h3 {
    font-size: 18px;
    position: relative;
    margin-left: 30px;
    padding-left: 5px;
}
.advantages .advantage.opened .body .text {
    margin-top: 40px;
}
.advantages .advantage.opened .body h3::before {
    content: '';
    background-image: url('../img/fajfka_white.svg');
    position: absolute;
    top: -17px;
    left: -45px;
    width: 100%;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 50px;
}
.advantages .advantage.opened .body p {
    margin-left: 35px;
    font-size: 17px;
}

form ul.error li {
    list-style: none;
}
form ul.error {
    font-size: 20px;
    font-weight: bold;
}


/* THANKS */
.thanks {
    padding-top: 100px;
}
.thanks h2 {
    color: #0F2758;
    margin-bottom: 20px;
    margin-top: 30px;
    font-size: 35px;
    font-weight: bold;
}
.thanks p {
    font-size: 18px;
    color: #0F2758;
}
.thanks h3 {
    font-size: 25px;
    color: #7C7C7C;
    margin: 60px 0px 30px 0px;
}
.thanks a {
    margin-bottom: 80px;
    display: inline-block;
}

/* FOOTER */
footer {
    height: 350px;
    width: 100%;
    background-color: #1354E1;
    position: relative;
    margin-top: 400px;
    overflow-x: hidden;
}
@supports (overflow:clip) {
    footer {
        overflow-x: clip;
    }
}
footer .container::before {
    content: '';
    background-image: url('../img/paticka_domy.svg');
    background-size: 900px 900px;
    background-repeat: no-repeat;
    background-position: right;
    top: -456px;
    left: 0px;
    right: -140px;
    bottom: 0px;
    position: absolute;
    z-index: -1;
}
footer.about .container::before {
    background-size: 1600px 1600px;
    background-position: left;
    top: -625px;
    left: -920px;
    right: 0px;
}
footer .container {
    display: flex;
    padding-top: 60px;
    position: relative;
}
footer .main-col {
    width: 45%;
}
footer .main-col p {
    max-width: 291px;
    font-size: 16px;
    color: #90BFF8;
    padding: 20px 0px;
}
footer .main-col .socials a {
    padding-right: 5px;
}
footer .col {
    max-width: 330px;
}
footer .col li {
    list-style: none;
    padding-bottom: 5px;
}
footer .col li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
footer .col li a:hover {
    color: #90BFF8;
}

/* COOKIE LIŠTA */
.cookies {
    position: fixed;
    bottom: 0px;
    background-color: #1354E1;
    color: #fff;
    z-index: 2;
}
.cookies p {
    font-size: 18px;
}
.cookies h2 {
    color: #F5F6F7;
    font-size: 30px;
    font-weight: bold;
}
.cookies .container {
    display: flex;
    gap: 40px;
    padding: 40px 8px;
    align-items: baseline;
}
.cookies .button-list {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 15px;
    min-width: 160px;
    text-align: center;
}
.cookies .button-list button,
.cookies .button-list a {
    font-size: 18px;
    padding: 5px 25px;
    border-radius: 32px;
}
.cookies .button-list button {
    font-weight: bold;
    color: #fff;
    background-color: #FF5A8F;
    text-decoration: none;
    cursor: pointer;
    border: none;
}
.cookies .button.blue {
    padding: 5px 25px;
    color: #fff;
    background-color: #1354E1;
    border: 2px solid #fff;
}
.cookies .button:hover {
    color: #FF5A8F;
    background-color: #fff;
}
.cookies .button.blue:hover {
    color: #1354E1;
    background-color: #fff;
}

/* COOKIE MODAL */
#cookieModal .switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
}
#cookieModal .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
#cookieModal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
#cookieModal .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #1354E1;
    -webkit-transition: .4s;
    transition: .4s;
}
#cookieModal input:checked + .slider:before {
    -webkit-transform: translateX(46px);
    -ms-transform: translateX(46px);
    transform: translateX(46px);
}
#cookieModal input:checked + .slider {
    background-color: #90BFF8;
}
#cookieModal input:disabled + .slider {
    background-color: #bbb;
    pointer-events: none;
}
#cookieModal .slider.round {
    border-radius: 34px;
}
#cookieModal .slider.round:before {
    border-radius: 50%;
}
#cookieModal .modal-dialog {
    background-color: #1354E1;
    border-radius: 32px;
    padding: 15px;
}
#cookieModal .modal-dialog .modal-header {
    position: relative;
    padding-bottom: 0px;
}
#cookieModal .modal-dialog .modal-body,
#cookieModal .modal-dialog .modal-footer {
    padding-top: 0px;
}
#cookieModal .modal-dialog .modal-header,
#cookieModal .modal-dialog .modal-footer {
    border: none;
}
#cookieModal .modal-dialog .modal-header h3 {
    color: #F5F6F7;
}
#cookieModal .modal-dialog .modal-header button {
    border: none;
    background: none;
}
#cookieModal .modal-dialog .modal-header i {
    display: block;
    color: #90BFF8;
    padding-left: 9px;
    font-size: 32px;
    height: 33px;
    width: 33px;
    top: 15px;
    right: 15px;
    position: absolute;
    cursor: pointer;
}
#cookieModal .modal-dialog .modal-content {
    background: none;
    border: none;
}
#cookieModal .modal-dialog .switch-wrapper {
    display: flex;
    gap: 30px;
    align-items: center;
    border-bottom: 2px dashed #a6bcd7;
}
#cookieModal .modal-dialog .switch-wrapper label {
    flex-shrink: 0;
}
#cookieModal .modal-dialog .description-wrapper > * {
    color: #fff;
}
#cookieModal .modal-dialog .description-wrapper h5 {
    margin-bottom: 0px;
    font-size: 18px;
}
#cookieModal .modal-dialog .modal-footer {
    justify-content: initial;
    gap: 10px;
}
#cookieModal .modal-dialog .modal-footer input[type="submit"] {
    font-size: 18px;
    font-weight: bold;
    padding: 5px 25px;
    color: #fff;
    background-color: #FF5A8F;
    border-radius: 32px;
}
#cookieModal .modal-dialog .modal-footer input[type="submit"]:hover {
    color: #FF5A8F;
    background-color: #fff;
    border: 2px solid #FF5A8F;
}
#cookieModal .modal-dialog .modal-footer .button.blue {
    padding: 5px 25px;
    color: #fff;
    background-color: #1354E1;
    border: 2px solid #fff;
    border-radius: 32px;
    font-weight: bold;
}
#cookieModal .modal-dialog .modal-footer .button.blue:hover {
    color: #1354E1;
    background-color: #fff;
}

.inside-text-wrapper {
    position: relative;
}
.inside-text-wrapper:after{
    content: attr(data-unit);
    position: absolute;
    line-height: 1.5;
    font-size: 1rem;
    top: 2px;
    right: 14px;
    padding: 12px 20px;
    background-color: #F5F6F7;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    font-weight: 800;
    color: #0F2758;
}
.inside-text-alone.inside-text-wrapper:after{
    content: attr(data-unit);
    position: absolute;
    line-height: 1.5;
    font-size: 1rem;
    top: 2px;
    right: 2px;
    padding: 12px 20px;
    background-color: #F5F6F7;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    font-weight: 800;
    color: #0F2758;
}
.new-form .inputs .inside-text-wrapper:after {
    right: 2px;
    padding: 16px 20px;
    z-index: -1;
}
.fake-textarea{
    display: block;
    width: 100%;
    height: 500px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fake-textarea{
    border-radius: 10px;
    border-color: #1354E1;
    border-width: 2px;
    padding: 6px 0;
}
.fake-textarea-inner{
    word-wrap: break-word;
    overflow: auto;
    height: 100%;
    padding: 12px 24px;
}
.fake-textarea:hover {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

@media (max-width: 1199px) {
    .hero .container {
        gap: 20px;
    }

    .hero-img {
        position: relative;
        margin-bottom: 185px;
    }

    .under-hero .col.last,
    .box.rent-form .col.last {
        padding: 40px;
    }
    .under-hero .col.last h3,
    .box.rent-form .col.last h3 {
        width: 100%;
    }
    .under-hero h3 {
        width: 70%;
    }

    .new-form .inputs input {
        max-width: 267px;
    }
    .new-form .products .header .btn {
        text-align: initial;
    }

    .newsletter .section-content {
        height: 377px;
    }
    .newsletter .section-content .half-2 {
        padding: 30px 30px;
    }
    .newsletter .section-content .half-2 form {
        flex-wrap: wrap;
    }

    .packages h2 {
        padding-right: 200px;
    }

    .packages .bubble {
        min-height: 300px;
    }
    .packages .bubble-1 img {
        top: 146px;
        width: 33%;
    }
    .packages .bubble-3 img {
        right: 20px;
    }
    .packages .bubble-4.shown img {
        bottom: 80px;
    }
    .packages .bubble-6 img {
        max-width: 86%;
    }
    .packages .bubble-1 .hidden-content:not(.more-button),
    .packages .bubble-2 .hidden-content:not(.more-button),
    .packages .bubble-3 .hidden-content:not(.more-button),
    .packages .bubble-5 .hidden-content:not(.more-button) {
        margin-bottom: 60px;
    }

    .about-flavour .section-content {
        padding: 80px 12px 0px 12px;
        background-color: #fff;
        border: 6px solid #fff;
        border-radius: 10px;
    }

    .story .category.last .stories .section-content {
        flex-wrap: wrap;
    }
    .newsletter.short .section-content {
        height: initial;
    }
    .newsletter.short .section-content .half-2 form {
        height: initial;
    }
}


@media (max-width: 1200px), (max-height: 568px) {
    .container {
        max-width: initial;
    }
    header a,
    header .phone,
    #hamburger li.phone {
        font-size: 16px;
    }
    header .phone i,
    #hamburger li.phone i {
        margin-right: 3px;
        font-size: 0.8rem;
    }
    #hamburger li.phone {
        border: none;
        display: list-item;
    }
    .button.light.user {
        padding: 8px 12px;
        font-size: 15px;
    }
    .hero h1 {
        font-size: 43px;
    }
    .hero-img img {
        width: 560px;
        margin-top: 160px;
    }
    .hero-img .bubble-1 {
        top: 510px;
        left: -7px;
    }
    .hero-img .bubble-2 {
        left: 295px;
        top: 610px;
    }
    .hero-img .bubble-3 {
        top: 352px;
    }
    form .input-group {
        width: 100%;
    }
    .newsletter .section-content .half-2 h3 {
        font-size: 37px;
    }

}
@media (max-width: 1024px) {
    .hero h1 {
        font-size: 32px;
    }
    .hero h3 {
        font-size: 21px;
    }

    .stories-image-xl img {
        object-position: initial;
    }

    .new-form:not(.how-it-works-standalone) .products:not(.packages) {
        flex-wrap: wrap;
    }
    .new-form:not(.how-it-works-standalone) .products:not(.packages) .product {
        max-width: initial;
    }
}
@media (max-width: 960px) and (min-width: 769px) {
    header .phone {
        display: none;
    }
}


@media (max-width: 768px), (max-height: 468px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    header {
        position: fixed;
        background-color: white;
    }

    header .nav,
    header .btn,
    .hero-img,
    .hero .section-content .bottom-wrapper .button,
    /* .under-hero, */
    .how-it-works.hp,
    /* .newsletter, */
    .steps,
    .amount-input-wrapper img,
    .products:not(.packages) .product-strecha,
    .box.rent-form .col.last,
    .faq-hero img,
    .about-hero img,
    .coop-hero img,
    .stories-hero img,
    .about-flavour {
        display: none;
    }

    .hint-tooltip {
        bottom: 16px;
        top: initial;
    }
    .datetimepicker-wrapper .hint-tooltip {
        bottom: 19px;
        top: initial;
    }
    .form-check .hint-tooltip {
        bottom: initial;
        top: 1px;
    }
    .checkbox .switch {
        margin: 10px 0px;
    }
    .checkbox .switch .hint-tooltip {
        bottom: 0px;
    }

    #menu-toggle-mobile {
        display: block;
        position: fixed;
        top: 35px;
        right: 25px;
        z-index: 1000;
        -webkit-user-select: none;
        user-select: none;
    }
    #menu-toggle-mobile input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none;
    }
    #menu-toggle-mobile span.tog-span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #1354E1;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
    }
    #menu-toggle-mobile span.tog-span:first-child {
        transform-origin: 0% 0%;
    }
    #menu-toggle-mobile span.tog-span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }
    #menu-toggle-mobile input:checked ~ span.tog-span {
        opacity: 1;
        transform: rotate(45deg) translate(-2px, -1px);
        background: #1354E1;
    }
    #menu-toggle-mobile input:checked ~ span.tog-span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menu-toggle-mobile input:checked ~ span.tog-span:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
    }
    #hamburger {
        display: none;
        position: absolute;
        width: 300px;
        left: -200vw;
        padding: 0px 0px 40px 0px;
        background: #F5F6F7;
        list-style-type: none;
        box-shadow: 1px 20px 18px 0px #00000042;
    }
    #hamburger .switch {
        background-color: #0051E910;
        padding-left: 40px;
        color: #90BFF8;
        font-size: 14px;
        font-weight: bold;
        height: 25px;
    }
    #hamburger .switch span {
        padding: 6px 12px;
        vertical-align: sub;
        cursor: pointer;
    }
    #hamburger .switch span i {
        margin-right: 7px;
        color: #B4B4B4;
    }
    #hamburger .switch span.active i {
        color: #939393;
    }
    #hamburger .switch span.active {
        background-color: #F5F6F7;
    }
    #hamburger li {
        padding: 10px 0;
        margin: 0px 40px;
        font-weight: bold;
        font-size: 18px;
        color: #1354E1;
        border-bottom: 1px solid #92BFF5;
    }
    #hamburger a.first li,
    #hamburger a.menu:first-of-type li {
        padding-top: 18px;
    }
    #hamburger li.pink {
        color: #FF5A8E;
    }
    #hamburger a {
        text-decoration: none;
    }
    #hamburger a:not(.active) {
        display: none;
    }
    #hamburger a.button {
        margin-top: 25px;
        margin-left: 35px;
        display: inline-block;
        padding: 8px 25px;
    }
    #hamburger a:hover > li, #hamburger li:hover > span:not(.btn) {
        color: #90BFF8;
    }
    #hamburger-bg-screen {
        position: fixed;
        top: 80px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #F5F6F7;
        opacity: 0.75;
        z-index: 999;
        display: none;
    }
    #menu-toggle-mobile input:checked ~ ul {
        left: -100vw;
        top: 44px;
        margin-left: 72px;
    }

    .hero .section-content {
        padding-top: 80px;
        height: 100vh;
        height: 100svh;
    }

    @keyframes mymove {
        from {
            opacity: 0;
            bottom: 10vh;
            bottom: 10svh;
        }
        to {
            opacity: 1;
            bottom: 0vh;
            bottom: 0svh;
        }
    }

    .hero a.chevron {
        bottom: 0vh;
        bottom: 0svh;
    }
    .hero a.chevron i {
        font-size: 2.7em;
    }
    .hero-img-mobile,
    .hero .container {
        display: block;
    }

    .hero a.button-mobile {
        right: 20px;
        position: absolute;
        bottom: 20px;
        display: inline-block;
    }

    .hero-img-mobile .button{
        display: inline-block;
        position: absolute;
        bottom: 60px;
        z-index: 2;
        font-size: 16px;
        padding: 6px 20px !important;
    }
    .hero h1 {
        font-size: 28px;
        padding-right: 20%;
    }
    .hero-img-mobile {
        position: relative;
    }
    .hero-img-mobile img:not(.axa) {
        margin-top: -210px;
        margin-left: 100px;
        z-index: -1;
        position: relative;
    }
    .hero-img-mobile img.axa {
        position: absolute;
        right: 10px;
        bottom: 28px;
    }
    .hero .section-content .bottom-wrapper .axa-wrapper span,
    .hero .section-content .bottom-wrapper .axa-wrapper a {
        font-size: 12px;
        max-width: 150px;
    }
    .hero h3 {
        font-size: 17px;
        /* color: #1354E1; */
    }
    .hero .section-content .bottom-wrapper {
        padding-top: 10px;
        margin-bottom: 110px;
    }

    .under-hero {
        margin-bottom: -70px;
    }
    .under-hero .section-content {
        display: block;
    }
    .under-hero img {
        display: block;
        max-width: 300px;
    }
    .under-hero .section-content .col {
        margin-bottom: 30px;
    }
    .under-hero .section-content .col ul {
        margin-bottom: 0px;
    }
    .under-hero .section-content .col a.button,
    .under-hero.new .section-content a.button {
        font-size: 15px;
    }
    .under-hero.new,
    .under-hero.old {
        margin-bottom: 60px;
    }
    .under-hero.old .mobile-toggle {
        display: none;
    }
    .under-hero.old .more {
        display: block;
        text-decoration: underline;
        font-size: 17px;
        color: #1354E1;
    }
    .under-hero.old .more i {
        margin-right: 6px;
    }
    .under-hero.new h2 {
        margin-top: 25px;
    }
    .under-hero.new img {
        margin: initial;
        z-index: initial;
    }
    .under-hero.new .section-content img.hero-img-desktop {
        display: none;
    }

    .under-hero h3,
    .how-it-works h3,
    .new-form h3 {
        /* color: #0F2758; */
        font-size: 16px;
        /* font-weight: bold; */
        /* width: 74%; */
    }
    .under-hero h2,
    .how-it-works h2,
    .new-form h2,
    .advantages h2 {
        font-size: 30px;
        /* font-weight: bold; */
        text-align: initial;
        margin-bottom: 25px;
    }

    .new-form form {
        margin: 30px 0px;
    }
    .new-form .inputs {
        flex-wrap: wrap;
        /* justify-content: center; */
    }
    .new-form .inputs h3 {
        font-size: 20px;
        /* text-align: center; */
        width: 100%;
    }
    .new-form .inputs .input {
        max-width: 267px;
        margin-bottom: 9px;
    }
    .new-form .inputs input {
        font-size: 24px;
    }
    .new-form .inputs + .checkbox {
        margin-top: 0px;
    }
    .new-form .inputs label,
    .new-form .inputs + .checkbox,
    .new-form .products .body ul li {
        font-size: 15px;
    }
    .new-form .products:not(.packages) .product {
        padding: 25px 20px 15px 20px;
    }
    .new-form .products:not(.packages) .product .tag {
        left: 18%;
        width: 65%;
    }
    .new-form .products .header,
    .new-form .products .body.opened,
    .new-form .products.horizontal .body.opened {
        display: block;
    }
    .new-form .products:not(.packages) {
        display: block;
    }
    .new-form .products:not(.packages) .header::after {
        display: initial;
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        font-size: 30px;
        font-weight: 900;
        color: #1354E1;
        right: 5%;
        top: 71%;
    }
    .new-form .products .header::after {
        top: 25px;
    }
    .new-form .products:not(.packages) .header .btn {
        padding: 0.6rem 0 0.175rem 0;
    }
    .new-form .products .header i {
        font-size: 2em;
    }
    .new-form .products .header img {
        width: 30px;
    }
    .new-form .products .header h3,
    .new-form .products .header .amount {
        font-size: 22px;
    }
    .new-form .products .header .btn {
        padding-left: 0px;
        margin-top: 10px;
    }
    .new-form .products .header .btn a {
        font-size: 16px;
    }
    .new-form .products .body {
        padding-top: 25px;
        padding-bottom: 0px;
    }
    .new-form .inputs label {
        font-size: 15px;
    }
    .new-form .inputs .inside-text-wrapper:after {
        padding: 12px 20px;
    }

    .packages {
        padding-top: initial;
    }
    .packages .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .packages h2 {
        font-size: 36px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .packages .section-content {
        display: block;
    }
    .packages .bubble {
        border-radius: 0px;
        border: none;
        min-height: 230px;
    }
    .packages .bubble h3 {
        font-size: 25px;
        padding-right: 14px;
    }
    .packages .bubble img {
        /* zoom: 80%; */
        transform: translate(5px, 5px) scale(0.8);
    }
    .packages .bubble .hidden-content h4 {
        font-size: 20px;
    }
    .packages .bubble .hidden-content .checked-text-wrapper p {
        font-size: 16px;
    }
    .packages .bubble .more-button:not(.detail).hidden-content {
        display: none !important;
    }
    .packages .bubble .more-button.detail {
        right: initial;
    }
    .packages .bubble .close-button-mobile {
        display: block;
        border: 1px solid #92BFF5;
        color: #92BFF5;
        border-radius: 50px;
        padding-left: 9px;
        font-size: 21px;
        height: 33px;
        width: 33px;
        top: 15px;
        right: 15px;
        position: absolute;
        cursor: pointer;
    }
    .packages .bubble-1 img {
        top: 106px;
        width: initial;
    }
    .packages .bubble-3 img {
        top: 100px;
    }
    .packages .bubble-4 img {
        right: 30px;
        top: initial;
        bottom: 28px;
    }
    .packages .bubble-4.shown img {
        bottom: 28px;
    }
    .packages .bubble-4 h3 {
        width: 80%;
    }
    .packages .bubble-3,
    .packages .bubble-5 {
        background-color: #F2F2F2;
    }
    .packages .bubble-6 h5:first-of-type {
        margin-top: 200px;
    }
    .packages .bubble-6 h5:last-of-type {
        margin-bottom: 50px;
    }
    .packages .bubble-1 .hidden-content:not(.more-button),
    .packages .bubble-2 .hidden-content:not(.more-button),
    .packages .bubble-3 .hidden-content:not(.more-button),
    .packages .bubble-5 .hidden-content:not(.more-button) {
        /* margin-bottom: initial; */
    }
    .packages .bubble-5 h3 {
        width: 87%;
    }

    .newsletter {
        margin-bottom: 400px;
    }
    .newsletter.hp {
        margin-bottom: 40px;
    }
    .newsletter .container-fluid {
        height: initial;
    }
    .newsletter h2 {
        display: none;
    }
    .newsletter .section-content {
        display: block;
        height: initial;
        border-radius: 0px;
        box-shadow: none;
        padding: 0px;
    }
    .newsletter .section-content .half-1 {
        width: initial;
        border-radius: 30px;
    }
    .newsletter .section-content .half-1 img {
        border-radius: 30px;
        height: 200px;
        width: 260px;
    }
    .newsletter .section-content .half-2 {
        width: initial;
        background: transparent;
        color: #fff;
        padding: 0px 0px 90px 0px;
    }
    .newsletter .section-content .half-2 img {
        display: none;
    }
    .newsletter .section-content .half-2 h3 {
        font-size: 30px;
        color: #fff;
    }
    .newsletter .newsletter-mobile {
        display: flex;
        gap: 13px;
        align-items: end;
        padding: 35px 0px;
    }
    .newsletter .newsletter-mobile h3 {
        font-weight: bolder;
        font-size: 15px;
        color: #fff;
    }
    .newsletter .section-content .half-2 .text {
        font-size: 16px;
        color: #fff;
    }
    .newsletter .section-content .half-2 input.btn {
        font-size: 16px;
        color: #fff;
        background-color: #1354E1;
        border-color: #fff;
    }

    .newsletter-mobile {
        display: block;
        padding-top: 15px;
    }
    .newsletter-mobile .section-content .half-1 {
        overflow: hidden;
        height: 338px;
        border-radius: 60px;
        position: relative;
    }
    .newsletter-mobile .section-content .half-2 {
        background-color: #fff;
    }
    .newsletter-mobile .section-content .half-2 .label {
        font-size: 16px;
        font-weight: bold;
        color: #FF5A8F;
        padding: 20px 0px;
    }
    .newsletter-mobile .section-content .half-2 .label img {
        padding: 2px 12px 2px 0px
    }
    .newsletter-mobile .section-content .half-2 h3 {
        font-size: 27px;
        font-weight: bold;
        color: #0F2758;
    }
    .newsletter-mobile .section-content .half-2 .text {
        font-size: 16px;
        color: #0F2758;
        margin-bottom: 15px;
    }
    .newsletter-mobile .section-content .half-2 form {
        display: flex;
        gap: 15px;
        height: 42px;
        flex-wrap: wrap;
    }
    .newsletter-mobile .section-content .half-2 a.button {
        padding: 8px 25px;
    }

    .newsletter.pop .container-fluid {
        padding-top: 20px;
    }
    .newsletter.pop .newsletter-mobile {
        display: none;
    }
    .newsletter.pop .section-content .half-1 {
        text-align: initial;
    }
    .newsletter.pop .section-content .half-1 img {
        margin-bottom: 20px;
        margin-top: 10px;
        max-height: 170px;
        max-width: 270px;
        width: 88%;
    }
    .newsletter.pop .section-content .half-2 {
        padding-bottom: 70px;
    }
    .newsletter.pop .section-content .half-2 h3 {
        font-size: 2em;
        margin-top: 10px;
    }
    .newsletter.pop .section-content .half-2 .text {
        font-size: 15px;
    }
    .newsletter.pop .section-content .half-2 img {
        display: initial;
        width: 45px;
    }
    .newsletter.pop .close-button-mobile {
        font-size: 3.5em;
        top: -10px;
        z-index: 10;
    }

    footer {
        height: initial;
        padding-bottom: 20px;
    }
    footer .container::before {
        top: -766px;
    }
    footer .container {
        display: block;
    }
    footer .main-col {
        width: initial;
    }
    footer .main-col .socials {
        padding-bottom: 20px;
    }
    footer .main-col .socials img {
        width: 40px;
    }
    footer .col {
        max-width: initial;
    }
    footer .col ul {
        padding-left: 0px;
    }
    footer .col li a {
        font-size: 14px;
    }

    .steps-wrapper {
        padding: 10px 0px 10px 2px;
    }
    .steps-mobile {
        padding: 80px 0px 0px 0px;
        display: block;
    }
    .steps-mobile h2 {
        font-size: 24px;
    }
    .steps-mobile h3 {
        font-size: 18px;
    }
    .steps-mobile .num-circ {
        padding: 7px 6px;
        font-size: 18px;
        font-weight: bold;
        min-width: 45px;
        height: 45px;
        position: relative;
    }
    .steps-mobile .num-circ-outer-rim {
        border: 2px solid #1354E1;
        height: 56px;
        width: 56px;
        display: block;
        position: absolute;
        top: -7.5px;
        left: -7px;
        border-radius: 50px;
        transform: rotate(45deg);
    }
    .steps-mobile .num-circ-outer-rim.phase-1 {
        border-right: none;
        border-bottom: none;
        border-left: none;
    }
    .steps-mobile .num-circ-outer-rim.phase-2 {
        border-bottom: none;
        border-left: none;
    }
    .steps-mobile .num-circ-outer-rim.phase-3 {
        border-left: none;
    }
    .steps-mobile .num-circ .num span:last-of-type {
        margin-left: -4px;
        color: #90BFF8;
    }

    .amount-input-wrapper {
        display: block;
    }
    .amount-input-wrapper h2 {
        font-size: 32px;
    }
    .amount-input-wrapper .amount-input {
        padding: 10px 0px 30px 0px;
        max-width: 455px;
        width: 100%;
    }
    .amount-input-h2,
    .amount-input-wrapper .amount-input-h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .rentodo-product .products:not(.packages) .card-header {
        display: block;
    }
    .rentodo-product .products:not(.packages) .card-header .card-title {
        font-size: 32px;
    }
    .products:not(.packages) .product-strecha-mobile {
        display: block;
        width: 53px;
        margin-bottom: 10px;
    }

    .summary {
        margin-bottom: 50px;
        max-width: initial !important;
    }
    .summary h2 {
        font-size: 32px;
    }
    .summary h3 {
        font-size: 23px;
    }
    .summary .content-row {
        flex-wrap: wrap;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .box.rent-form {
        display: block;
    }

    .about-hero-wrapper,
    .coop-hero-wrapper,
    .stories-hero-wrapper,
    .faq-hero-wrapper {
        width: initial;
    }
    .about-hero,
    .coop-hero,
    .stories-hero,
    .faq-hero {
        padding-top: 20px;
        background: none;
    }
    .about-hero .img-mobile,
    .coop-hero .img-mobile,
    .stories-hero .img-mobile,
    .faq-hero .img-mobile {
        display: block;
        width: 680px;
        margin-top: -250px;
        margin-left: -128px;
    }
    .about-hero .img-mobile {
        margin-bottom: 15px;
        margin-left: -48px;
        margin-top: -50px;
        width: 125%;
    }
    .coop-hero .img-mobile,
    .stories-hero .img-mobile {
        width: 760px;
        margin-top: -140px;
        margin-left: -10px;
    }
    .about-hero .button-mobile,
    .coop-hero .button-mobile,
    .stories-hero .button-mobile,
    .faq-hero .button-mobile {
        display: inline-block;
    }
    .about-hero .container,
    .coop-hero .container,
    .stories-hero .container,
    .faq-hero .container {
        display: block;
    }
    .about-hero-wrapper h1,
    .coop-hero-wrapper h1,
    .stories-hero-wrapper h1,
    .faq-hero-wrapper h1 {
        font-size: 32px;
        padding-top: 100px;
        padding-bottom: 0px;
    }
    .about-hero-wrapper h3,
    .coop-hero-wrapper h3,
    .stories-hero-wrapper h3,
    .faq-hero-wrapper h3 {
        font-size: 16px;
        margin-bottom: 20px
    }
    .stories .section-content {
        flex-direction: inherit;
        overflow-x: scroll;
    }
    .stories .section-content .col {
        flex-basis: 80%;
    }
    .stories.references .section-content .col {
        box-shadow: none;
        border: 1px solid #00000029;
    }
    .stories .section-content::-webkit-scrollbar {
        display: none;
    }
    .stories .section-content {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .stories:not(.references) img {
        height: 200px;
        object-fit: cover;
        border-radius: 30px;
    }
    .coop-hero-wrapper h3 {
        margin-top: 20px;
    }
    .faqs {
        padding-top: 50px;
    }
    .faqs h3 {
        font-size: 16px;
    }
    .faqs .question-wrapper {
        padding: 15px;
    }
    .faqs .question-wrapper p {
        font-size: 14px;
    }
    .faqs .question-wrapper .toggle-area .chevron {
        position: absolute;
        right: 0px;
        top: -8px;
        font-size: 35px;
    }

    .how-it-works {
        margin: 0px;
        padding-top: 100px;
    }
    .how-it-works .tab-switch {
        display: flex;
        justify-content: center;
    }
    .how-it-works .tab-switch button {
        font-size: 22px;
        padding: 8px 25px 8px 58px;
        min-width: initial;
    }
    .how-it-works .tab-switch button:first-of-type {
        margin-right: -45px;
        padding: 8px 45px 8px 20px;
    }
    .how-it-works .tab-switch button:first-of-type.active {
        margin-right: -50px;
        padding: 8px 26px;
    }
    .how-it-works .tab-switch button.active {
        padding: 8px 35px 8px 38px;
    }
    .how-it-works img {
        display: none;
    }
    .how-it-works ul {
        max-width: 280px;
    }
    .how-it-works ul li {
        color: #FF5A8F;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 22px;
        pointer-events: none;
    }
    .how-it-works .num-circ {
        background-color: #fff;
        width: 0px;
        font-size: 65px;
        color: #FCC8DD;
        margin-right: 35px;
    }
    .how-it-works .section-content.lessor .num-circ {
        color: #D3E5FB;
    }
    .how-it-works .section-content.lessor ul li {
        color: #1354E1;
    }

    .how-it-works-standalone.new-form .container-fluid,
    .how-it-works-standalone.new-form .container.active {
        padding: 0px;
    }
    .how-it-works-standalone.new-form .container > h3 {
        font-size: 22px;
        text-align: initial;
        margin: 0px 25px 25px 25px;
    }
    .how-it-works-standalone.new-form .products {
        display: block;
    }
    .how-it-works-standalone.new-form .products:not(.packages) .product {
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 0px;
    }
    .how-it-works-standalone.new-form .products .header {
        display: flex;
    }
    .how-it-works-standalone.new-form .products .header {
        padding-bottom: 0px;
    }
    .how-it-works-standalone.new-form .products .header i {
        flex-basis: 10%;
    }
    .how-it-works-standalone.new-form .products .header h3 {
        flex-basis: 75%;
        text-align: center;
    }

    .advantages-hero {
        margin-bottom: 0px;
    }
    .advantages-hero .container {
        display: block;
    }
    .advantages-hero h1 {
        font-size: 2em;
        padding-top: 100px;
    }
    .advantages-hero img {
        width: 100%;
        max-width: 380px;
    }
    .advantages .container-fluid,
    .advantages .container {
        padding: 0px;
    }
    .advantages .advantage {
        border-width: 1px;
        border-left: none;
        border-right: none;
        border-radius: 0px;
        padding: 30px;
        margin-bottom: 0px;
        padding-bottom: 70px;
    }
    .advantages .advantage.wimg.opened {
        padding-bottom: 30px;
    }
    .advantages .advantage h3 {
        font-size: 20px;
        width: 100%;
    }
    .advantages .advantage:not(:first-of-type) {
        border-top: none;
    }
    .advantages .advantage.opened .body.wimg {
        flex-wrap: wrap;
    }
    .advantages .advantage.opened .body.wimg img {
        width: 130px;
        margin-left: auto;
    }
    .advantages .advantage .more-less-wrapper {
        font-size: 15px;
        top: initial;
        right: initial;
        bottom: 20px;
        border: 2px solid #1354E1;
        padding: 4px 13px;
        width: 100px;
        border-radius: 20px;
    }
    .advantages .advantage.opened .more-less-wrapper {
        bottom: 40px;
    }
    .advantages .advantage .more::after,
    .advantages .advantage .less::after {
        font-size: 22px;
        right: 3px;
        top: -5px;
    }
    .advantages .advantage:hover .more-less-wrapper,
    .advantages .advantage.opened .more-less-wrapper {
        border-color: #fff;
    }
    .advantages .contact-us {
        font-size: 1.2em;
        padding: 25px;
    }

    .cta.new-form,
    .cta.new-form.wo-offset {
        margin-top: 0px;
    }
    .cta.new-form .container-fluid {
        padding-top: 70px;
    }
    .cta.new-form .container {
        text-align: left;
    }

    .about-flavour-mobile {
        display: block;
    }
    .about-flavour-mobile .section-content {
        padding-top: 35px;
    }
    .about-flavour-mobile h2 {
        font-weight: bold;
        color: #0F2758;
    }
    .about-flavour-mobile p {
        font-weight: initial;
        color: #182F5F;
    }
    .about-contact .input-wrapper,
    .coop-contact .input-wrapper {
        width: initial;
    }
    .about-contact p,
    .coop-contact p {
        width: initial;
        font-size: 16px;
    }
    .coop-contact-info h3 {
        font-size: 20px;
    }

    .about-hero {
        padding-bottom: 30px;
    }
    .about-contact.container-fluid {
        padding-top: 40px;
        margin-top: 40px;
    }
    .about-contact .video-wrapper {
        display: block;
    }
    .about-contact .video {
        width: 100%;
        max-height: 350px;
    }
    .section-content .half-1 i, .about-contact .video-wrapper i {
        top: 34%;
        left: 41%;
    }
    .about-contact .video-wrapper img {
        display: none;
    }
    footer.about .container::before {
        background-size: 900px 900px;
        background-position: right;
        top: -885px;
        left: 0px;
        right: -140px;
        bottom: 0px;
    }

    .hows div:not(.container) ul {
        padding-left: 1rem;
    }
    .hows div:not(.container) ul li {
        font-size: 16px;
        margin: 10px 0px 10px 20px;
    }
    .hows div:not(.container) ul li::before {
        right: 50px;
    }
    .hows div.pair:first-of-type {
        margin-right: initial;
    }
    .hows div.pair {
        width: 100%;
    }

    .client-contracts .heading-wrapper {
        height: initial;
        margin-top: initial;
        padding-top: 70px;
    }
    .client-contracts .tabs {
        gap: 10px;
        margin-bottom: 32px;
    }
    .client-contracts .tabs a {
        padding: 12px 15px;
    }
    .client-contracts .filters {
        display: block;
        font-size: 15px;
    }
    .client-contracts .filters .states {
        display: block;
        margin-top: 25px;
    }
    .client-contracts .filters .states .options {
        justify-content: initial;
    }
    .client-contracts .line {
        flex-wrap: wrap;
    }
    /* .client-contracts .column-1,
    .client-contracts .column-2 {
        width: 48%;
        font-size: 14px;
    } */
    .client-contracts .column {
        width: 100%;
        font-size: 14px;
    }
    .client-contracts .column-1 h4 {
        font-size: 16px;
    }
    .client-contracts .column-1 .state span {
        font-size: 14px;
    }
    .client-contracts .column-3,
    .client-contracts .column-4 {
        width: 100%;
    }
    .client-contracts .column-4 .actions {
        margin-bottom: 8px;
        margin-top: 14px;
        flex-wrap: wrap;
    }
    .client-contracts .button {
        font-size: 14px;
    }

    .stories-hero .img-mobile {
        margin-top: -260px;
        margin-left: -300px;
    }
    .stories-image-xl .container {
        margin-top: -130px;
    }
    .stories-image-xl .container h2 {
        font-size: 28px;
    }
    .stories-text .container {
        gap: 0px;
        flex-wrap: wrap;
    }
    .stories-text .col.last.excerpt {
        margin-bottom: 40px;
    }

    .cookies {
        border-top-right-radius: 32px;
        border-top-left-radius: 32px;
    }
    .cookies .container {
        gap: 10px;
        padding: 15px 8px;
        padding-bottom: 0px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .cookies .button-list {
        flex-direction: initial;
        gap: 4px;
    }
    .cookies .button-list button,
    .cookies .button-list a {
        font-size: 15px;
        padding: 5px 10px;
    }
    .cookies .button.blue {
        padding: 5px 10px;
    }
    .cookies .container h2 {
        font-size: 17px;
    }
    .cookies p {
        font-size: 15px;
    }
    #cookieModal .modal-dialog .modal-header {
        padding-top: 0px;
    }
    #cookieModal .modal-dialog .modal-header i {
        top: -3px;
    }
    #cookieModal .modal-dialog .modal-body {
        padding: 0px;
    }
    #cookieModal .modal-dialog .description-wrapper h5 {
        font-size: 16px;
        margin-top: 7px;
    }
    #cookieModal .modal-dialog .description-wrapper p {
        font-size: 14px;
    }
    #cookieModal .modal-dialog .switch-wrapper {
        gap: 10px;
    }
    #cookieModal .modal-dialog .modal-footer {
        gap: 4px;
        margin-top: 6px;
    }

    .stories-image-xl img {
        margin-top: 80px;
    }
    .story {
        font-size: 10px;
    }
    .story .links {
        display: none;
    }
    .story .category .stories .section-content .col {
        flex-grow: 1;
    }
    .story .category .stories p {
        font-size: 15px;
    }
    .story blockquote {
        width: 260px;
        font-size: 1.5em;
    }
    .story blockquote::after {
        background-image: url('../img/cite_s.png');
    }
    .newsletter.short .section-content {
        border-radius: 30px;
    }
    .newsletter.short .section-content .half-2 {
        width: initial;
    }
    .newsletter.short .section-content .half-2 img {
        display: initial;
        width: 43px;
        height: auto;
    }
    .newsletter.short .section-content .half-2 form .col-9 {
        width: initial;
    }
    .stories-image-xl.w-text {
        font-size: 10px;
    }

    .new-form .products.packages {
        padding-top: 30px;
    }
    .new-form .products.packages .product {
        border-radius: initial;
        box-shadow: initial;
    }
    .new-form .products.packages .product .header h3 {
        text-align: initial;
    }
    .new-form .products.packages .product .header .small-col h3 {
        display: none;
    }
    .new-form .products.packages .header *:not(img, i) {
        min-width: initial;
    }
    .new-form .products.packages .product .header .small-col {
        flex-basis: 10%;
    }
    .new-form .products.packages .product .small-col {
        flex-basis: 11%;
    }
}

@media (max-height: 400px) {
    .hero-img-mobile img:not(.axa) {
        display: none;
    }

    .container {
        max-width: 100%;
    }

    .newsletter.pop .section-content {
        display: flex;
    }
}
@media (max-width: 400px) {
    .newsletter.short .section-content .half-2 form .col-9 {
        width: 100%;
    }
}
span.twitter-typeahead .tt-suggestion {
    cursor: pointer;
}
.form-control.summary-input:disabled, .form-control.summary-input[readonly] {
  background-color: #9497ef;
  opacity: 1;
}
.month-amount-wrapper {
    text-align: center;
    font-weight: 700;
    color: #999;
}
.month-amount-wrapper .amount {
    font-size: 1.5rem;
    color: #1354E1;
    font-weight: 900;
}
.not-allowed {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 50px 0;
    text-align: center;
}