/* ********************************************** */
/*                     FONTS                      */
/* ********************************************** */

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Fasthand&display=swap');

/* ********************************************** */
/*                     COLORS                     */
/* ********************************************** */

:root {
    /* COLOR PALETTE */

    --color-black: #000;
    --color-white: #fff;

    --color-primary: #262626;
    --color-primary-hover: #3a3a3a;
    --color-secondary: #f0f0f0;
    --color-secondary-hover: #888888;
    --color-teriary: #999;
    --color-teriary-hover: #5a5a5a;

    --color-background-nav: rgba(255, 255, 255, 0.95);

    --color-monet-red: rgb(179, 49, 49);
    --color-monet-red-a: rgb(114, 18, 18);
    --color-monet-red-hover: rgb(226, 68, 68);
    --color-monet-blue: #0092cc;
    --color-monet-hover: #0087bd;
    --color-monet-pressed: #0079a8;

    --color-bg1: #334048;
    --color-bg2: #111518;
    --color-bg0: #dadada;

    --color-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);

    --border-radius: 10px;
    --border-radius-button: 25px;

    --input-radius: 5px;
    --input-border: #99999955;

    --transition: all 150ms ease-in-out;

    /* FONT SIZES */

    --text-h1: clamp(2.5rem, -0.875rem + 8.333vw, 4rem);
    --text-h2: 50px;
    --text-h3: 30px;
    --text-h4: 18px;
    --text-h5: 15px;
    --text-primary: 18px;
    --text-p-13: 13px;
    --text-p-12: 12px;
    --text-small: 11px;


    /* FONT FAMILIES */

    --font2: 'Fasthand', cursive;
    /* --font: Arial, Helvetica, sans-serif; */
    --font: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    --font-w-thin: 200;
    --font-w-medium: 300;
    --font-w-regular: 400;
    --font-w-bold: 600;
    --font-w-semibold: 800;
    --font-w-black: 900;
}

/* ********************************************** */
/*       TEXT STYLING / COLORS / RESET            */
/* ********************************************** */

*,
*::before,
*::after,
html {
    box-sizing: border-box;
    clear: both;
}

.container {
    padding: 0 1rem;
    margin-inline: auto;
}

.card-container ul li {
    font-size: 18px;
}

body {
    margin: 0;
    padding: 0;
    color: var(--color-primary);
    font-size: var(--text-primary);
    line-height: normal;
    font-weight: var(--font-w-regular);
    font-family: var(--font);
    text-underline-offset: 0.1rem;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
ul li,
cite,
p {
    cursor: default;
}

/* h1,
h2,
h3,
h4,
ul li,
a,
p {
    text-shadow: var(--color-box-shadow);
} */

hr {
    opacity: .4;
    border: 1px solid var(--color-primary-hover);
}

h1 {
    font-size: var(--text-h1);
    font-weight: var(--font-w-regular);
    color: var(--color-primary);
    line-height: var(--text-h1);
    letter-spacing: -1px;
    margin: .2rem 0;
    z-index: 2;
}

h2 {
    font-size: var(--text-h2);
    font-weight: var(--font-w-bold);
}


h3 {
    font-size: var(--text-h3);
    font-weight: var(--font-w-semibold);
}

h4 {
    font-size: var(--text-p-13);
    font-weight: var(--font-w-bold);
    color: var(--color-monet-red);
    margin-bottom: .5rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    position: relative;
}

/* h4::after {
    content: '';
    position: absolute;
    width: 240px;
    height: 3px;
    bottom: -8px;
    left: -8px;
    border-radius: var(--border-radius-button);
    background-color: var(--color-teriary);
    z-index: -1;
} */

.prices-card h2 {
    font-weight: var(--font-w-medium);
}

button {
    cursor: pointer;
    font-size: var(--text-primary);
    padding: 0.5rem 1.3rem;
    border-radius: var(--border-radius-button);
    border: 1px solid transparent;
    background-color: var(--color-monet-red);
    color: var(--color-secondary);
    box-shadow: var(--color-box-shadow);
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: var(--font-w-regular);
    font-family: var(--font);
    transition: var(--transition);
}

button:hover {
    background-color: transparent;
    color: var(--color-primary-hover);
    border: 1px solid var(--color-primary-hover);
}

button:active {
    background-color: var(--color-monet-pressed);
}

a {
    text-decoration: underline;
    color: var(--color-monet-red);
    transition: var(--transition);
}

a:hover {
    text-decoration: none;
    color: var(--color-primary);
}

p {
    margin-inline: auto;
    opacity: .8;
}

ul {
    list-style-type: '— ';
}

* ul li:not(.footer-links ul li, .nav-links li) {
    opacity: .6;
}

/* ********************************************** */
/*        TO TOP / SHOW BORDERS / SMOOTH          */
/* ********************************************** */

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
        scroll-padding-top: 50px;
    }
}

#toTop {
    display: none;
    position: fixed;
    bottom: 3.5%;
    right: 3.5%;
    width: 45px;
    height: 45px;
    z-index: 3;
    border: none;
    outline: none;
    border-radius: 25px;
    cursor: pointer;
    padding: 15px;
    transition: all 0.5s;
    opacity: 0.6;
    background-image: url("../img/top.png");
    background-repeat: no-repeat;
    background-color: rgba(240, 240, 240, 0.4);
}

#toTop:hover {
    background-color: var(--color-secondary);
    opacity: 1;
}

#show-border {
    position: fixed;
    right: 0;
    width: 100px;
    top: 100px;
    padding: 10px 13px;
    border: 1px solid black;
    border-radius: 20px 0 0 20px;
    z-index: 999;
}

.show {
    border: 1px dashed red !important;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #808080 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 5px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #808080;
    border-radius: 10px;
}

/* FADE IN / OUT ELEMENTS */

.fade {
    transition: opacity 0.7s ease-in;
}

.fadeOut {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 350ms ease-out, transform 500ms ease-out;
    will-change: opacity, visibility;
}

.fadeIn {
    transform: translateX(20px);
    transition: opacity 350ms ease-out, transform 500ms ease-out;
    opacity: 1;
    transform: none;
}

/* ********************************************** */
/*                     GRID                       */
/* ********************************************** */

@media (min-width: 576px) {

    .nav-wrapper,
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .nav-wrapper,
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .nav-wrapper,
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .nav-wrapper,
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    .nav-wrapper,
    .container {
        max-width: 1320px;
    }
}

/* ********************************************** */
/*               SLIDER STYLES                    */
/* ********************************************** */

.heroSlider {
    width: 100%;
    height: 100vh;
    position: relative;
}

.heroSlider-page {
    height: 0;
    transition-duration: 1s;
    overflow: hidden;
}

.heroSlider-bg {
    /* --blur: 1px; */

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 95vw;
    height: 100%;
    scale: 1.1;
    -webkit-filter: blur(var(--blur));
    -moz-filter: blur(var(--blur));
    -o-filter: blur(var(--blur));
    -ms-filter: blur(var(--blur));
    filter: blur(var(--blur));
}

.heroSlider-page:nth-of-type(1) .heroSlider-bg {
    background-image: url(../img/wave.svg);
}

.heroSlider-page:nth-of-type(2) .heroSlider-bg {
    background-image: url(../img/1.jpg);
}

.heroSlider-page:nth-of-type(3) .heroSlider-bg {
    background-image: url(../img/10.jpg);
}

.heroSlider-bg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    background-color: var(--color-white);
}

.heroSlider-page.Active>.heroSlider-text h1,
.heroSlider-page.Active>.heroSlider-text p,
.heroSlider-page.Active {
    visibility: visible;
    opacity: 1;
}

.heroSlider-text h1,
.heroSlider-text p,
.heroSlider-page:not(.Active) {
    visibility: hidden;
    opacity: 0;
}

.heroSlider-text p {
    padding-top: 15px;
    font-size: var(--text-p-16);
}

.heroSlider-text {
    position: absolute;
    height: 100%;
    padding: 0 4rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.heroSlider-text,
.heroSlider-page>.heroSlider-text h1,
.heroSlider-page>.heroSlider-text p {
    transform: translateY(25px);
    transition: all .5s ease-in-out;
}

.heroSlider-page.Active>.heroSlider-text p {
    transition: all .6s ease-in-out .2s;
    opacity: .8;
}

.heroSlider-page:nth-child(1)>.heroSlider-text h3 {
    font-size: 40px;
    color: var(--color-monet-red);
    margin-left: 25%;
}


.heroSlider-page:nth-child(3)>.heroSlider-text h1,
.heroSlider-page:nth-child(3)>.heroSlider-text p,
.heroSlider-page:nth-child(3).Active>.heroSlider-text h1,
.heroSlider-page:nth-child(3).Active>.heroSlider-text p {
    transform: none;
    transition: none;
}

.heroSlider-page.Active>.heroSlider-text,
.heroSlider-page.Active>.heroSlider-text h1,
.heroSlider-page.Active>.heroSlider-text p {
    transform: translateY(0px);
}

.heroSlider-text h1 {
    --color-primary: var(--color-monet-red);
    max-width: 70vw;
}

.heroSlider-page:nth-child(3).Active>.heroSlider-text h1 {
    font-size: 59px;
    transform: rotate(-25deg);
    position: relative;
    top: 15%;
    left: 0;
    width: 200px;
    font-weight: var(--font-w-black);
    color: var(--color-monet-red);
    font-family: var(--font2);
}

.heroSlider-page:nth-child(3).Active>.heroSlider-text h1 span {
    font-family: var(--font);
    color: var(--color-black);
    font-size: 80px;
}

.heroSlider-page:nth-child(3).Active>.heroSlider-text p {
    position: relative;
    top: 20vh;
    left: 15vw;
    width: 60%;
}

.heroSlider-text h3 {
    display: block;
    font-weight: var(--font-w-bold);
    font-size: 2.2rem;
    margin-bottom: 0;
}

.heroSlider-text h3 span {
    font-size: var(--text-primary);
    opacity: .5;
}

.heroSlider-text p {
    margin-left: 0;
}

.buttonsSlider .prev,
.buttonsSlider .next {
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(100, 100, 100, 0.5);
    border-radius: 100px;
    transition-duration: 0.1s;
    font-size: 35px;
    padding-bottom: 8px;
    backdrop-filter: blur(2px);
}

.buttonsSlider .next {
    left: 2%;
    padding-right: 2px;
}

.buttonsSlider .prev {
    right: 2%;
    padding-left: 2px;
}

.buttonsSlider .prev:hover,
.buttonsSlider .next:hover {
    transform: scale(1.1, 1.1);
}

.dots {
    display: flex;
    position: absolute;
    bottom: 4%;
    left: 30%;
    transform: translateX(-50%);
}

.dot {
    display: flex;
    cursor: pointer;
    transition: all 1s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.dot.ActiveDot {
    position: relative;
    visibility: visible;
    opacity: 1;
}

.dot.ActiveDot::before {
    position: absolute;
    left: -55px;
    width: 80px;
    bottom: 0;
    font-size: var(--text-h3);
    font-weight: var(--font-w-bold);
}

.dot.ActiveDot::after {
    position: absolute;
    left: 50%;
    bottom: 18px;
    width: 50px;
    text-align: center;
    opacity: .7;
    font-weight: var(--font-w-bold);
    font-size: var(--text-small);
}

.dot:nth-child(1).ActiveDot::before {
    content: '\2014  01';
}

.dot:nth-child(2).ActiveDot::before {
    content: '\2014  02';
}

.dot:nth-child(3).ActiveDot::before {
    content: '\2014  03';
}

.dot.ActiveDot::after {
    content: '/03';
}

/* ********************************************** */
/*                SMALL SLIDER                    */
/* ********************************************** */

.mySlides {
    display: none;
}

.mySlides img {
    vertical-align: middle;
    border-radius: var(--border-radius);
    max-height: 300px;
    margin: 2rem auto;
}

.mySlides-dots {
    margin-top: 0;
    width: 100%;
    text-align: center;
}

/* Slideshow container */
.slideshow-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    height: 300px;
    position: relative;
}

/* Caption text */
.text {
    --width: 130px;
    color: var(--color-primary);
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    width: var(--width);
    top: -10px;
    left: calc(50% - (var(--width)/2));
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: var(--color-primary);
    font-size: var(--text-p-12);
    padding: 8px 15px;
    position: absolute;
    bottom: 20%;
    left: -15px;
    z-index: 1;
}

.text,
.numbertext {
    background-color: var(--color-secondary);
    border-radius: var(--border-radius-button);
}

/* The dots/bullets/indicators */
.smallDot {
    height: 5px;
    width: 5px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.smallDotActive {
    background-color: var(--color-monet-red);
}

/* Fading animation */
.smallFade {
    animation-name: smallfade;
    animation-duration: 1.5s;
}

@keyframes smallfade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {
        font-size: 11px
    }
}

/* ********************************************** */
/*                  STYLING                       */
/* ********************************************** */

section:not(#home, #partners, #footer) .container {
    padding: 1vw auto;
}

.gap-top {
    margin-top: 5rem;
}

.flex {
    display: flex;
}

.card-container.flex,
.slider-container.flex,
.partners-wrapper.flex {
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.card {
    width: 100%;
    min-height: 10rem;
    text-align: left;
}

.card a {
    font-weight: var(--font-w-bold);
}

.card h4 span {
    display: none;
}

.card h3 {
    margin-top: 0;
    margin-bottom: 4rem;
}

.card-container img {
    margin-top: 5rem;
}

.slider-title.flex {
    justify-content: center;
    padding-bottom: 2rem;
}

#partners {
    background-color: var(--color-bg0);
}

.partners-wrapper.flex {
    align-items: center;
    justify-content: center;
}

.partners-wrapper a {
    height: 150px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.partners-wrapper a img {
    max-height: 80px;
    padding: 1rem 2rem;
    /* filter: grayscale(100%); */
}

.partners-wrapper img:hover {
    scale: 1.1;
}

#contact {
    padding-top: 5rem;
}

.contact-text.flex,
.contact-wrapper.flex {
    flex-direction: column;
}

.contact-text.flex {
    align-items: center;
}

form.flex {
    flex-direction: column;
    max-width: 20rem;
}

form input,
form textarea {
    margin: 0.2rem 0;
    border-bottom: 1px solid var(--color-teriary);
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    padding: 5px;
    outline: none;
    background-color: none;
    font-size: var(--text-primary);
    color: var(--color-primary);
    transition: var(--transition);
}

form input:focus,
form textarea:focus {
    border-bottom: 1px solid var(--color-monet-red);
    box-shadow: var(--color-box-shadow);
    color: var(--color-primary-hover);
}

form input::placeholder,
form textarea::placeholder {
    color: var(--color-primary);
    letter-spacing: 1px;
    font-size: var(--text-small);
    font-family: var(--font);
    opacity: 0.7;
    text-transform: uppercase;
}

form input:focus::placeholder,
form textarea:focus::placeholder {
    opacity: 0.3;
}

form button {
    width: 100px;
    margin-inline: auto;
    padding: .5rem 1rem;
}

#footer {
    padding: 3rem 1rem 0 1rem;
    margin-inline: auto;
    font-size: var(--text-small);
}

footer a {
    color: var(--color-secondary-hover);
    font-weight: var(--font-w-bold);
    text-decoration: none;
    opacity: 1;
}

.footer-links.flex,
footer.flex {
    flex-direction: column;
}

.footer-links {
    font-size: var(--text-p-12);
    letter-spacing: 0.3px;
    list-style: none;
    padding-left: 0;
    justify-content: flex-start;
    margin: 0 auto;
}

.footer-links li {
    margin: 0.35rem 0.35rem 0.35rem 0;
}

.footer-social-links {
    padding: 4px 12px 4px 0;
}

.footer-links-wrapper,
.footer-links,
.footer-social-links {
    width: 100%;
}

.footer-social-links a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer-social-links img {
    height: 15px;
    margin-right: 5px;
}

.footer-bottom {
    width: 100%;
}

.footer-bottom-icons a img {
    background-color: var(--color-secondary-hover);
    border-radius: 3px;
    height: 20px;
    margin: .7rem .7rem .7rem 0;
    padding: 2px;
}

.footer-bottom p {
    margin-top: 0;
}

.carret {
    border-color: var(--color-secondary-hover);
    border-style: solid;
    border-width: 0 1px 1px 0;
    display: flex;
    height: 6px;
    width: 6px;
    margin-top: -3px;
    position: relative;
    left: 5px;
    top: 50%;
    transform: rotate(45deg);
    transform-origin: 75% 75%;
    transition: transform .1s ease;
}

/* ********************************************** */
/*                   RESPONSIVE                   */
/* ********************************************** */

@media (min-width: 430px) {

    .container,
    footer {
        padding: 0 3rem;
    }

    .heroSlider-text p {
        font-size: var(--text-p-13);
    }

    .star {
        padding-right: 0;
    }

    p {
        padding-right: 10vw;
    }

    .heroSlider-page:nth-child(3).Active>.heroSlider-text h1 {
        left: 7vw;
    }

    .footer-links,
    .footer-social-links {
        width: 50%;
    }

    .footer-social-links a {
        justify-content: flex-end;
    }
}

@media (min-width: 576px) {
    .heroSlider-text {
        padding: 0 5rem;
    }

    .heroSlider-text p {
        max-width: 90vw;
    }

    .contact-wrapper.flex {
        align-items: center;
    }

    .contact-wrapper p {
        padding: 0 0 1rem 0;
        text-align: center;
    }
}

@media (min-width: 768px) {

    .heroSlider-text {
        width: 100%;
        margin-inline: auto;
    }

    .heroSlider-text h1,
    .heroSlider-text p {
        max-width: 55vw;
    }

    .card h3 {
        max-width: 50vw;
    }

    .contact-wrapper.flex {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-around;
    }

    .contact-text.flex {
        align-items: flex-start;
    }

    .contact-text h3 {
        margin-top: 0;
    }

    .contact-text p {
        padding-right: 10vw;
        text-align: left;
    }

    form {
        max-width: 25rem;
    }

    .footer-links.flex {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .container {
        padding: 0;
    }

    .gap-top {
        margin-top: 20vh;
    }

    .heroSlider-text p {
        padding-top: 15px;
    }

    .heroSlider-page:nth-child(3).Active>.heroSlider-text p {
        max-width: 400px;
    }

    .heroSlider-page:nth-child(3).Active>.heroSlider-text h1 {
        font-size: 70px;
        width: 225px;
        scale: 1.5;
    }

    .dots {
        left: 75%;
    }

    p {
        max-width: 60vw;
    }

    .card-container img {
        margin-top: 5rem;
        width: 50%;
        position: relative;
        right: 0;
        z-index: 0;
    }

    .card-container:nth-of-type(2),
    .card-container:nth-of-type(5) {
        direction: rtl;
    }
    
    .card-container:nth-of-type(2) .card,
    .card-container:nth-of-type(5) .card {
        text-align: right;
    }
    
    .card-container:nth-of-type(2) {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1668%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%23SvgjsRadialGradient1669)'%3e%3c/rect%3e%3cpath d='M1411.91 240.21L1442.76 240.21L1442.76 246.81L1411.91 246.81z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M1084.71 507.04 a40.78 40.78 0 1 0 81.56 0 a40.78 40.78 0 1 0 -81.56 0z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M872.41 376.07L924.76 376.07L924.76 428.42L872.41 428.42z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M223.7 277.34 a17.96 17.96 0 1 0 35.92 0 a17.96 17.96 0 1 0 -35.92 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M879.5 16.02L905.94 16.02L905.94 68.57L879.5 68.57z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M260.09 506.25L263.91 506.25L263.91 510.07L260.09 510.07z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1387.97 214.01L1440.57 214.01L1440.57 266.61L1387.97 266.61z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1225.84 481.49L1268.47 481.49L1268.47 520.69L1225.84 520.69z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M198.25 95.97L235.44 95.97L235.44 126.13L198.25 126.13z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M375.4 480.98a14.37 14.37 0 1 0 8.57 27.43z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1392.25 154.35L1401.06 154.35L1401.06 163.16L1392.25 163.16z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M941.47 10.67 a4.66 4.66 0 1 0 9.32 0 a4.66 4.66 0 1 0 -9.32 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M230.29 483.98 a7.85 7.85 0 1 0 15.7 0 a7.85 7.85 0 1 0 -15.7 0z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M1433.51 74.64L1471.5 74.64L1471.5 101.57L1433.51 101.57z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1387.77 295.5L1420.73 295.5L1420.73 314.7L1387.77 314.7z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M788.55 52.44L810.35 52.44L810.35 82.24L788.55 82.24z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M152.8 68.21 a37.65 37.65 0 1 0 75.3 0 a37.65 37.65 0 1 0 -75.3 0z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M135.67 18.76a30.71 30.71 0 1 0-52.55-31.8z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M568.49 16.12 a35.92 35.92 0 1 0 71.84 0 a35.92 35.92 0 1 0 -71.84 0z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M1166.69 453.26L1180.15 453.26L1180.15 494.58L1166.69 494.58z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M20.35 353.05L20.76 353.05L20.76 383.33L20.35 383.33z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M767.89 53.34 a5.69 5.69 0 1 0 11.38 0 a5.69 5.69 0 1 0 -11.38 0z' fill='%23d3b714'%3e%3c/path%3e%3cpath d='M1102.71 79.21a33.47 33.47 0 1 0-32.8 58.36z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M98.64 481.77 a20.58 20.58 0 1 0 41.16 0 a20.58 20.58 0 1 0 -41.16 0z' stroke='%23037b0b'%3e%3c/path%3e%3cpath d='M351.28 344.13L376.24 344.13L376.24 376.99L351.28 376.99z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M1400.42 97.33L1429.15 97.33L1429.15 122.51L1400.42 122.51z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M945.74 240.9 a9.36 9.36 0 1 0 18.72 0 a9.36 9.36 0 1 0 -18.72 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M84.6 264.95a21.38 21.38 0 1 0 13.61 40.54z' fill='%23037b0b'%3e%3c/path%3e%3cpath d='M1134.81 270.59L1135.72 270.59L1135.72 271.5L1134.81 271.5z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1176.83 411.95 a2.54 2.54 0 1 0 5.08 0 a2.54 2.54 0 1 0 -5.08 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1258.24 271.63a48.42 48.42 0 1 0-65.15 71.65z' stroke='%23d3b714'%3e%3c/path%3e%3cpath d='M559.03 194.36L587.36 194.36L587.36 222.69L559.03 222.69z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M864.19 216.17L876.06 216.17L876.06 228.04L864.19 228.04z' fill='%23037b0b'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1668'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cradialGradient cx='100%25' cy='0%25' r='1545.06' gradientUnits='userSpaceOnUse' id='SvgjsRadialGradient1669'%3e%3cstop stop-color='rgba(90%2c 15%2c 96%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 139%2c 158%2c 1)' offset='1'%3e%3c/stop%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e");
        position: relative;
    }

    .card-container:nth-of-type(2)::before,
    .card-container:nth-of-type(6)::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: var(--border-radius);
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 0;
    }
    
    .card-container:nth-of-type(2),
    .card-container:nth-of-type(6),
    .card-container:nth-of-type(2) img,
    .card-container:nth-of-type(6) img {
        box-shadow: var(--color-box-shadow);
        border-radius: var(--border-radius);
    }
    
    .card-container:nth-of-type(2) img {
        bottom: -80px;
    }
    
    .card-container:nth-of-type(2) .card h4,
    .card-container:nth-of-type(2) .card a,
    .card-container:nth-of-type(2) .card,
    .card-container:nth-of-type(6) .card h4,
    .card-container:nth-of-type(6) .card a,
    .card-container:nth-of-type(6) .card {
        color: var(--color-secondary);
        text-shadow: var(--color-box-shadow);
    }

    .card-container:nth-of-type(2) .card p {
        padding-right: 0;
    }


    .card-container:nth-of-type(5) .card p {
        padding-left: 0;
    }

    .card-container:nth-of-type(6) {
        border-radius: var(--border-radius);
        position: relative;
    }

    .card-container:nth-of-type(6) img {
        bottom: -120px;
    }

    .card-container:nth-of-type(6) {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='599' preserveAspectRatio='none' viewBox='0 0 1440 599'%3e%3cg mask='url(%26quot%3b%23SvgjsMask3341%26quot%3b)' fill='none'%3e%3crect width='1440' height='599' x='0' y='0' fill='url(%23SvgjsRadialGradient3342)'%3e%3c/rect%3e%3cpath d='M0 35.4L10 12.88L20 45.26L30 65.89L40 64.94L50 81.92L60 42.5L70 93.78L80 65.15L90 40.45L100 100.06L110 89.18L120 30.94L130 73.03L140 52.83L150 94.24L160 59.47L170 29.41L180 8.95L190 49.87L200 69.51L210 77.2L220 128.7L230 136.17L240 205.01L250 264.14L260 320.95L270 291.52L280 286.19L290 281.27L300 302.32L310 262.31L320 289.36L330 308.5L340 344.98L350 281.69L360 292.15L370 218.42L380 243.54L390 252.69L400 219.07L410 253.28L420 258.2L430 311.88L440 339.86L450 344.59L460 409.38L470 443.13L480 370.09L490 384.38L500 384.78L510 368.21L520 409.33L530 413.12L540 400.4L550 420.28L560 425.23L570 435.1L580 488.17L590 438.13L600 407.01L610 468.65L620 420.26L630 459.56L640 408.98L650 467.13L660 451.05L670 419.55L680 369.82L690 303.7L700 237.33L710 179.79L720 185.15L730 124.86L740 76.14L750 112.63L760 143.88L770 86.97L780 84.83L790 60.93L800 67.72L810 39.58L820 62.04L830 69.23L840 64.48L850 106.55L860 132.66L870 181.34L880 253.87L890 298.43L900 292.51L910 302.99L920 374.76L930 322.31L940 330.99L950 404.17L960 394.31L970 421.5L980 467.02L990 530.02L1000 495.55L1010 499.6L1020 483.53L1030 472.75L1040 397.96L1050 387.45L1060 441.1L1070 507.71L1080 451.85L1090 489.24L1100 430.43L1110 369.58L1120 403.67L1130 407.21L1140 374.6L1150 391.57L1160 395.74L1170 424.31L1180 351.73L1190 370.4L1200 339.64L1210 356L1220 421.81L1230 375.01L1240 316.7L1250 250.1L1260 218.81L1270 160.34L1280 199.25L1290 146.93L1300 85.81L1310 74.5L1320 51.04L1330 81.21L1340 83.16L1350 132.55L1360 185.5L1370 252.74L1380 229.34L1390 246.44L1400 215.03L1410 268.05L1420 300.75L1430 353.5L1440 360.45' stroke='rgba(205%2c 205%2c 205%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 35.4L10 12.88L20 45.26L30 65.89L40 64.94L50 81.92L60 42.5L70 93.78L80 65.15L90 40.45L100 100.06L110 89.18L120 30.94L130 73.03L140 52.83L150 94.24L160 59.47L170 29.41L180 8.95L190 49.87L200 69.51L210 77.2L220 128.7L230 136.17L240 205.01L250 264.14L260 320.95L270 291.52L280 286.19L290 281.27L300 302.32L310 262.31L320 289.36L330 308.5L340 344.98L350 281.69L360 292.15L370 218.42L380 243.54L390 252.69L400 219.07L410 253.28L420 258.2L430 311.88L440 339.86L450 344.59L460 409.38L470 443.13L480 370.09L490 384.38L500 384.78L510 368.21L520 409.33L530 413.12L540 400.4L550 420.28L560 425.23L570 435.1L580 488.17L590 438.13L600 407.01L610 468.65L620 420.26L630 459.56L640 408.98L650 467.13L660 451.05L670 419.55L680 369.82L690 303.7L700 237.33L710 179.79L720 185.15L730 124.86L740 76.14L750 112.63L760 143.88L770 86.97L780 84.83L790 60.93L800 67.72L810 39.58L820 62.04L830 69.23L840 64.48L850 106.55L860 132.66L870 181.34L880 253.87L890 298.43L900 292.51L910 302.99L920 374.76L930 322.31L940 330.99L950 404.17L960 394.31L970 421.5L980 467.02L990 530.02L1000 495.55L1010 499.6L1020 483.53L1030 472.75L1040 397.96L1050 387.45L1060 441.1L1070 507.71L1080 451.85L1090 489.24L1100 430.43L1110 369.58L1120 403.67L1130 407.21L1140 374.6L1150 391.57L1160 395.74L1170 424.31L1180 351.73L1190 370.4L1200 339.64L1210 356L1220 421.81L1230 375.01L1240 316.7L1250 250.1L1260 218.81L1270 160.34L1280 199.25L1290 146.93L1300 85.81L1310 74.5L1320 51.04L1330 81.21L1340 83.16L1350 132.55L1360 185.5L1370 252.74L1380 229.34L1390 246.44L1400 215.03L1410 268.05L1420 300.75L1430 353.5L1440 360.45L1440 599L0 599z' fill='url(%23SvgjsLinearGradient3343)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask3341'%3e%3crect width='1440' height='599' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cradialGradient cx='100%25' cy='0%25' r='1559.62' gradientUnits='userSpaceOnUse' id='SvgjsRadialGradient3342'%3e%3cstop stop-color='rgba(212%2c 186%2c 255%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 60%2c 61%2c 1)' offset='1'%3e%3c/stop%3e%3c/radialGradient%3e%3clinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='SvgjsLinearGradient3343'%3e%3cstop stop-opacity='0.65' stop-color='rgba(205%2c 205%2c 205%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='white' offset='0.8'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
        padding: 10px;
    }

    .card {
        width: 44%;
        z-index: 1;
    }

    .mySlides img {
        max-width: 500px;
        margin-inline: auto;
    }

    .contact-text,
    form {
        width: 50%;
    }

    .footer-bottom p {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .heroSlider-page:nth-child(3).Active>.heroSlider-text p {
        padding-right: 0;
    }
}