body {
    font-family: "Alexandria", sans-serif;
    background: var(--White);
    font-size: 17px;
    font-weight: 300;
    color: var(--Black);
    font-optical-sizing: auto;
}

/* color */

:root {
    --Black: #000000;
    --White: #ffffff;
    --Grey: #D3D3D3;
    --GreyLight: #F6F6F6;
    --Yellow: #FFCE00;
}

/* Font */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1 {
    font-size: 60px;
    font-weight: 600;
}

h2 {
    font-size: 35px;
    font-weight: 500;
}

h3 {
    font-size: 25px;
    font-weight: 500;
}

h2 span,
h3 span {
    color: var(--Yellow);
}

p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 25px;
}

p b,
p strong {
    font-weight: 500;
}

ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul li {
    font-size: 16px;
    font-weight: 300;
}

.title-custom {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

hr {
    color: var(--Black);
    opacity: 1;
}

/* Button */

.btn.yellow {
    padding: 16px 35px;
    background-color: var(--Yellow);
    border-radius: 100px;
    font-size: 18px;
    font-weight: 400;
    width: fit-content;
}

.btn.yellow:hover {
    background-color: var(--Black);
    color: var(--White);
}

.btn.black {
    padding: 16px 35px;
    background-color: var(--Black);
    border-radius: 100px;
    font-size: 18px;
    font-weight: 400;
    color: var(--White);
    width: fit-content;
}

.btn.black:hover {
    background-color: var(--Yellow);
    color: var(--Black);
}

.btn.white {
    padding: 16px 35px;
    background-color: var(--White);
    border-radius: 100px;
    font-size: 18px;
    font-weight: 400;
    width: fit-content;
}

.btn.white:hover {
    background-color: var(--Yellow);
    color: var(--Black);
}

.btn:focus {
    box-shadow: none;
}

.btn:focus-visible {
    outline: none;
}

/* Form */

.form-control:focus {
    border-color: unset;
    box-shadow: unset;
}

/* Section */
section {
    padding: 150px 0;
}

@media (max-width: 992px) {
    section {
        padding: 50px 0;
    }
}

/* Header desktop */
header {
    position: relative;
}

header .bar {
    font-style: normal;
    z-index: 10;
    padding: 7px 0;
    background-color: var(--Black);
    color: var(--White);
}

header .bar .container {
    position: relative;
    display: flex;
    align-items: center;
}

header .bar-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    white-space: nowrap;
    font-size: 18px;
}

header .bar-lang {
    padding: 0;
    display: flex;
    gap: 16px;
    margin: 0 0 0 auto;
}

header .bar-lang li {
    list-style: none;
}

header .bar-lang a {
    color: var(--White);
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

header .navbar {
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(5px);
}

header ul {
    display: flex;
    gap: 38px;
    list-style: none;
    flex-direction: row;
    align-items: center;
    padding: 0;
    margin: 0;
}

header ul li a {
    font-size: 18px;
    font-weight: 400;
}

header ul li a.active {
    font-weight: 600;
}

header img {
    aspect-ratio: 200/45;
    height: 45px;
    width: auto;
    object-fit: contain;
}


/* Header mobile */
header .nav-mobile {
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    left: 50%;
    top: 35px;
    transform: translate(-50%, 0);
    z-index: 10;
    padding: 20px;
    width: 100%;
}

header .nav-mobile .open-menu {
    display: block;
    width: 28px;
    height: 28px;
    background-image: url("/img/menu.png");
    background-size: contain;
    background-repeat: no-repeat;
}

header .responsive-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 100%;
    background-color: var(--Yellow);
    background-image: url("https://api.contit.cloud/shared-access/65fd049d-6e4b-449e-b428-cb2cb49f2d9e/asset/a376343a-bdc7-435c-a382-4ee9cfd7ba3a?sharedAccessKey=be2a62d18c2f4b68b1bb9c38ee9e113a");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    backdrop-filter: blur(5px);
    padding: 0 0 130px 0;
    z-index: 999999;
    height: 100vh;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.3s ease-in;
    display: flex;
    flex-direction: column;
}

header .responsive-mobile-menu.active {
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    transition: all 0.3s ease-in-out;
}

header .responsive-mobile-menu .white {
    display: flex;
    background-color: var(--White);
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    margin-bottom: 40px;
}

header .responsive-mobile-menu ul {
    list-style: none;
    padding: 0 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: normal;
    gap: 10px;
}

header .responsive-mobile-menu ul li a {
    font-size: 20px;
    padding: 7px 0;
    font-style: normal;
    font-weight: 400;
    display: block;
    text-decoration: none;
}

header .responsive-mobile-menu .btn.yellow {
    color: var(--White);
    background-color: var(--Black);
    margin-top: 30px;
}

header .responsive-mobile-menu a.phone {
    font-size: 25px;
    font-weight: 500;
    margin-top: auto;
    margin-left: 30px;
}

header .responsive-mobile-menu .close-menu {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: end;
}

header .responsive-mobile-menu .close-menu img {
    width: 20px;
}

/* Footer */
footer {
    background-color: var(--Black);
}

footer .block {
    padding: 35px 0;
}

footer .block img.logo {
    aspect-ratio: 80/93;
    width: 80px;
    height: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 10px;
}

footer .block img.text {
    aspect-ratio: 252/56;
    width: 250px;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
}

footer .block p {
    color: var(--White);
    margin-bottom: 45px;
}

footer .block .title-custom {
    margin-bottom: 15px;
    color: var(--White);
}

footer .block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 5px;
}

footer .block li {
    color: var(--White);
}

footer .block ul.service,
footer .block ul.link {
    gap: 15px;
}

footer .block ul.service li:last-child {
    color: var(--Yellow);
}

footer .block ul.service li:last-child a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 18px;
}

footer .back-copy {
    background-color: var(--Yellow);
}

footer .back-copy .copy {
    display: flex;
    justify-content: center;
    gap: 5px;
}

footer .copy p {
    font-style: normal;
    font-weight: 300;
    margin-bottom: 0;
    text-align: center;
}

footer a:hover {
    cursor: pointer;
}

/* section-1 */
.section-1 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 160px 0;
}

.section-1 h1,
.section-1 h2 {
    color: var(--White);
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 24px;
}

.section-1 p {
    color: var(--White);
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 60px;
}

.section-1 .carousel-home {
    position: relative;
}

.carousel-home .slick-prev,
.carousel-home .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    z-index: 5;
    cursor: pointer;
    bottom: auto;
}

.carousel-home .slick-prev {
    left: 100px;
}

.carousel-home .slick-next {
    right: 100px;
}

.carousel-home .slick-prev::before,
.carousel-home .slick-next::before {
    display: none;
}

.carousel-home .slick-prev img,
.carousel-home .slick-next img {
    aspect-ratio: 1/1;
    width: 50px;
    height: 50px;
    object-fit: contain;
}

/* section-2 */
.section-2 h2 {
    text-align: center;
    margin-bottom: 60px;
}

.section-2 img {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.section-2 h3 {
    margin-bottom: 20px;
}

/* section-3 */
.section-3 h2 {
    margin-bottom: 25px;
}

.section-3 img {
    aspect-ratio: 536/392;
    width: 100%;
    height: auto;
}

.section-3 h3 {
    margin-bottom: 25px;
}

.section-3 .btn {
    margin-top: 20px;
}

/* section-4 */
.section-4 {
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-4 h2 {
    margin-bottom: 25px;
    color: var(--White);
}

.section-4 h3 .accordion-button {
    font-size: 25px;
    font-weight: 500;
    color: var(--White);
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.section-4 p {
    color: var(--White);
    margin-bottom: 10px;
}

.section-4 .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 0;
    border-radius: 0;
}

.section-4 .accordion-body {
    padding: 15px 0 0 0;
}

.section-4 .accordion-button::after {
    background-image: url("/img/icona_piu_bianca.png");
    width: 22px;
    height: 22px;
    background-size: contain;
}

.section-4 .accordion-button:not(.collapsed)::after {
    background-image: url("/img/icona_meno_giallo.png");
    transform: unset;
}


/* section-5 */
.section-5 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-5 h2 {
    margin-bottom: 50px;
    text-align: center;
}

.section-5 h3 {
    margin-bottom: 15px;
}

.section-5 .card p {
    margin-bottom: 15px;
}

.section-5 .card {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid var(--Grey);
    box-shadow: 0 7px 35px 7px rgba(0, 0, 0, 0.15);
}

.section-5 .card img {
    aspect-ratio: 313/121;
    width: 300px;
    margin: auto auto 35px;
    object-fit: contain;
}

.section-5 .card .icons {
    align-items: center;
    display: flex;
    gap: 13px;
}

.section-5 .card .icons img {
    aspect-ratio: 1/1;
    width: 40px;
    margin: 0;
    object-fit: contain;
}

.section-5 .card .icons p {
    margin: 0;
}

/* section-6 */
.section-6 {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.section-6 h2 {
    color: var(--White);
    margin-bottom: 35px;
}

.section-6 h3 {
    color: var(--White);
    margin-bottom: 15px;
}

.section-6 p {
    color: var(--White);
    margin-bottom: 0;
}

.section-6 img {
    aspect-ratio: 340/113;
    width: 340px;
    object-position: right;
    object-fit: contain;
}

.section-6 .timeline {
    position: relative;
    padding: 0 0 0 70px;
}

.section-6 .timeline li {
    list-style: none;
    position: relative;
    margin-bottom: 40px;
}

.section-6 .timeline li:before {
    content: "";
    width: 25px;
    height: 25px;
    border: 1px solid var(--White);
    border-radius: 50%;
    position: absolute;
    display: block;
    line-height: 5rem;
    margin: 0 auto 0 90px;
    background-color: transparent;
    transform: translateX(-160px);
}

.section-6 .timeline li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 110%;
    background-color: var(--White);
    top: 30px;
    left: -58px;
}

.section-6 .timeline li:first-child::after {
    background-color: var(--Yellow);
}

.section-6 .timeline li:first-child::before {
    border: 1px solid var(--Yellow);
}

.section-6 .timeline li.last:after {
    display: none;
}


/* section-7 */
.section-7 {
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-7 h2,
.section-7 h3 {
    margin-bottom: 25px;
}

.section-7 img {
    aspect-ratio: 536/518;
    width: 100%;
    object-fit: contain;
    height: auto;
}

.section-7 .btn {
    margin-top: 10px;
}

/* section-8 */
.section-8 {
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--GreyLight);
}

.section-8 h2 {
    text-align: center;
    margin-bottom: 5px;
}

.section-8 h3 {
    margin-bottom: 70px;
    text-align: center;
}

.section-8 .card {
    padding: 30px 20px;
    border-radius: 10px;
    border: 1px solid var(--Grey);
    box-shadow: 0 7px 35px 7px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.section-8 .card h3 {
    margin-bottom: 14px;
    text-align: left;
}

.section-8 .card .price {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 50px;
    margin-top: 5px;
}

.section-8 .card.yellow {
    border: 2px solid var(--Yellow);
    position: relative;
    overflow: visible;
}

.section-8 .card.yellow .tag {
    position: absolute;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 18px;
    border-radius: 100px;
    background: var(--Yellow);
    top: -17.5px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.section-8 .card.yellow .btn.black {
    background-color: var(--Yellow);
    color: var(--Black);
}

.section-8 .card.yellow .btn.black:hover {
    background-color: var(--Black);
    color: var(--White);
}

/* section-9 */
.section-9 {
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--Black);
}

.section-9 h2 {
    color: var(--White);
    margin-bottom: 35px;
}

.section-9 h3 {
    color: var(--White);
    margin-bottom: 30px;
}

.section-9 p {
    color: var(--White);
}

.section-9 .btn {
    margin-top: 15px;
}

.section-9 img {
    aspect-ratio: 392/262;
    width: 100%;
    object-fit: cover;
    object-position: right bottom;
}

/* section-10 */
.section-10 h2 {
    text-align: center;
    margin-bottom: 5px;
}

.section-10 h3 {
    margin-bottom: 70px;
    text-align: center;
}

.section-10 .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    border-radius: 0;
}

.section-10 .accordion-item h3 {
    margin-bottom: 0;
}

.section-10 h3 .accordion-button {
    font-size: 25px;
    font-weight: 500;
    color: var(--Black);
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.section-10 .accordion-body {
    padding: 15px 0 0 0;
}

.section-10 .accordion-button::after {
    background-image: url("/img/icona_piu_nera.png");
    width: 22px;
    height: 22px;
    background-size: contain;
}

.section-10 .accordion-button:not(.collapsed)::after {
    background-image: url("/img/icona_meno_giallo.png");
    transform: unset;
}

/* section-11 */
.section-11 {
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--Black);
}

.section-11 h2 {
    color: var(--White);
    margin-bottom: 35px;
}

.section-11 h3 {
    color: var(--White);
    margin-bottom: 30px;
}

.section-11 p {
    color: var(--White);
}

.section-11 .btn {
    margin-top: 15px;
}

.section-11 img {
    aspect-ratio: 392/262;
    width: 100%;
    object-fit: cover;
    object-position: top left;
}

/* section-12 */
.section-12 h1 {
    margin-bottom: 15px;
}

.section-12 h2 {
    font-size: 25px;
    font-weight: 500;
}

.section-12 img {
    aspect-ratio: 80/93;
    width: 110px;
    height: auto;
    object-fit: contain;
    margin-bottom: 15px;
}

.section-12 .btn {
    margin-top: 60px;
}

.section-12 .timeline {
    margin-top: 70px;
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: center;
}

.section-12 .timeline .col-12 {
    position: relative;
    height: 120px;
    display: flex;
    align-items: center;
    padding: 0;
}


.section-12 .timeline .col-12:before {
    color: rgba(211, 211, 211, 0.5);
    text-align: center;
    font-size: 120px;
    font-weight: 600;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: -1;
}

.section-12 .timeline .col-12:first-child:before {
    content: "1";
}

.section-12 .timeline .col-12:nth-child(2):before {
    content: "2";
}

.section-12 .timeline .col-12:last-child:before {
    content: "3";
}

.section-12 .timeline .title {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

/* Section 13 */
.section-13 {
    background-color: var(--Black);
    padding: 15px 0;
}

.section-13 .item {
    white-space: nowrap;
    display: inline-block;
    padding: 0 40px;
    color: var(--Yellow);
    font-size: 90px;
    font-weight: 500;
    margin: 0;
}

.section-13 .slick-track {
    display: flex !important;
    align-items: center;
    will-change: transform;
}

.section-13 .slick-slide {
    display: inline-block !important;
    float: none !important;
    height: auto;
    outline: 0;
}

/* section-14 */
.section-14 {
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--Black);
}

.section-14 h2 {
    margin-bottom: 25px;
    color: var(--White);
}

.section-14 h3 .accordion-button {
    font-size: 25px;
    font-weight: 500;
    color: var(--White);
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.section-14 p {
    color: var(--White);
}

.section-14 img {
    aspect-ratio: 392/262;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.section-14 .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 0;
}

.section-14 .accordion-body {
    padding: 15px 0 0 0;
}

.section-14 .accordion-button::after {
    background-image: url("/img/icona_piu_bianca.png");
    width: 22px;
    height: 22px;
    background-size: contain;
}

.section-14 .accordion-button:not(.collapsed)::after {
    background-image: url("/img/icona_meno_giallo.png");
    transform: unset;
}

/* section-15 */
.section-15 {
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--GreyLight);
}

.section-15 h2 {
    margin-bottom: 35px;
}

.section-15 h3 {
    margin-bottom: 30px;
}

.section-15 .btn {
    margin-top: 15px;
}

.section-15 img {
    aspect-ratio: 392/340;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

/* section-16 */
.section-16 img {
    aspect-ratio: 536/392;
    width: 100%;
    height: auto;
}

.section-16 h2 {
    margin-bottom: 20px;
}

.section-16 h3 {
    margin-bottom: 25px;
}

.section-16 p {
    margin-bottom: 30px;
}

/* section-17 */
.section-17 {
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-17 h2 {
    font-size: 60px;
    font-weight: 600;
    color: var(--White);
    margin-bottom: 24px;
}

.section-17 h3 {
    color: var(--White);
    margin-bottom: 60px;
}

/* section-18 */
.section-18 {
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--Black);
}

.section-18 h2 {
    color: var(--White);
    margin-bottom: 35px;
}

.section-18 h3 {
    color: var(--White);
    margin-bottom: 30px;
}

.section-18 p {
    color: var(--White);
    margin-bottom: 35px;
}

.section-18 img {
    aspect-ratio: 392/360;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

/* section-19 */
.section-19 {
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--Black);
}

.section-19 h2 {
    color: var(--White);
    margin-bottom: 35px;
}

.section-19 h3 {
    color: var(--White);
    margin-bottom: 30px;
}

.section-19 p {
    color: var(--White);
    margin-bottom: 35px;
}

.section-19 img {
    aspect-ratio: 392/360;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

/* section-20 */
.section-20 {
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0;
}

.section-20.black {
    background-color: var(--Black);
}

.section-20.grey {
    background-color: var(--GreyLight);
}

.section-20 h2 {
    margin-bottom: 25px;
}

.section-20 h3 {
    margin-bottom: 30px;
}

.section-20.black {
    color: var(--White);
}

.section-20 img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* section-21 */
.section-21 {
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0;
}

.section-21.black {
    background-color: var(--Black);
}

.section-21.grey {
    background-color: var(--GreyLight);
}

.section-21 h2 {
    margin-bottom: 25px;
}

.section-21 h3 {
    margin-bottom: 30px;
}

.section-21 img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* section-22 */
.section-22 h2 {
    margin-bottom: 15px;
}

.section-22 h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 60px;
}

.section-22 .btn-mini {
    background-color: var(--GreyLight);
    color: var(--Grey);
    font-size: 18px;
    font-weight: 400;
    padding: 6px 30px;
    border-radius: 50px;
}

.section-22 .btn-check:checked+.btn-mini {
    background-color: var(--Black);
    color: var(--White);
}

.section-22 .btn-check:focus+.btn-mini,
.section-22 .btn-mini:focus,
.section-22 .btn-mini:focus-visible {
    box-shadow: none;
    outline: none;
}

.section-22 .btn-check:focus {
    box-shadow: unset;
}

.section-22 label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.section-22 .input-group {
    position: relative;
    margin-bottom: 45px;
}

.section-22 .input-group input {
    color: rgba(0, 0, 0, 0.25);
    font-size: 25px;
    font-weight: 500;
    border-radius: 95px !important;
    border: 1px solid var(--Grey);
    background-color: var(--GreyLight);
    padding: 18px 25px;
    width: 100% !important;
}

.section-22 input::placeholder {
    color: rgba(0, 0, 0, 0.25);
}

.section-22 button {
    font-size: 18px;
    font-weight: 400;
    padding: 16px 34px;
    background-color: var(--Yellow);
    border-radius: 100px !important;
    position: absolute !important;
    right: 5px;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
}

.section-22 .total {
    font-size: 55px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    line-height: 48px;
}

.section-22 .total span {
    font-size: 16px;
    font-weight: 500;
}

.section-22 ul {
    padding-left: 25px;
}

.section-22 ul li {
    list-style: none;
    position: relative;
}

.section-22 ul li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 7px;
    left: -18px;
    background-color: var(--Black);
}

/* section-23 */
.section-23 {
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-23 h2 {
    margin-bottom: 40px;
}

.section-23 .btn-mini {
    background-color: var(--GreyLight);
    color: var(--Grey);
    font-size: 18px;
    font-weight: 400;
    padding: 6px 30px;
    border-radius: 50px;
}

.section-23 .btn-check:checked+.btn-mini {
    background-color: var(--Black);
    color: var(--White);
}

.section-23 .btn-check:focus+.btn-mini,
.section-23 .btn-mini:focus,
.section-23 .btn-mini:focus-visible {
    box-shadow: none;
    outline: none;
}

.section-23 .btn-check:focus {
    box-shadow: unset;
}

.section-23 .block {
    border-radius: 5px;
    border: 1px solid var(--Grey);
    background-color: var(--GreyLight);
    padding: 9px 16px;
    margin-top: 15px;
}

.section-23 .form-control {
    background-color: transparent;
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    color: var(--Black);
    border: 0;
}

.section-23 .form-control::placeholder {
    color: var(--Black);
    opacity: 1;
}

.section-23 .form-label {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.section-23 .form-check-label {
    font-size: 16px;
    font-weight: 300;
}

.section-23 .form-check-label a {
    text-decoration: underline;
}

/* section-24 */
.section-24 {
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-24 .title h1 {
    color: var(--White);
    text-align: center;
    margin-bottom: 24px;
}

.section-24 .title p {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    color: var(--White);
    margin-bottom: 60px;
}

.section-24 .box {
    padding: 15px 25px;
    border-radius: 10px;
    border: 1px solid var(--White);
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(5px);
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.section-24 .box h2 {
    margin-bottom: 7px;
}

.section-24 .box h3 {
    margin-top: auto;
}