/*
Theme Name: Lavanderia Fanelli
Description: Child Theme del tema DIVI per il sito della Lavanderia Fanelli
Author: Graphilandia
Author URI: http://www.graphilandia.it/
Template: Divi
Version: 0.1
*/

:root{
    --blue: #1d61a7;
    --yellow: #f5d906;
    --dark-yellow: #efcf1c;

    --header-desk-height: 80px;
    --header-mob-height: 80px;
}

/* Home */
/* Hero Home */
.hero-home{
    width: 100%;
    height: 80svh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.hero-video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-home-overlay{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 52, 104, 0.9);
    width: 100%;
    height: 100%;
    background-blend-mode: multiply;
    display: flex;
    align-items: center;
}

.hero-wrapper{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.hero-title{
    font-size: 2rem;
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    transform: scale(2);
}

.hero-date{
    overflow-y: hidden;
    display: inline-block;
}

.date-wrapper{
    overflow-y: hidden;
    position: relative;
    display: inline-block;
}
.date-past{
    display: block;
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
}
.date-actual{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
}

.hero-logo{
    display: block;
    margin: 10px auto;
    width: 250px;
}

.hero-subt{
    font-size: 1.7rem;
    color: white;
    text-align: center;
    font-weight: 700;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px;
}

/* Services */
#services{
    width: 70%;
    height: 120px;
    background-color: white;
    opacity: 0;
    position: absolute;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    box-shadow: 0px 0px 20px 3px #00000047;
    padding: 5px;
}

.services-row{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.services-col{
    width: calc(100% / 4);
    gap: 15px;
    display: flex;
    align-items: center;
}


.services-col img{
    display: block;
    width: 70px;
    position: relative;
    left: 50%;
}

.services-col .services-title{
    font-size: 1.2rem;
    color: var(--blue);
    font-weight: 700;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
}

@media screen and (max-width: 1280px) {
    #services{
        width: 80%;
    }
}

@media screen and (max-width: 1024px){
    #services {
        width: 90%;
        height: 120px;
    }

    .services-col img{
        width: 50px;
    }
}

@media screen and (max-width: 769px){
    .hero-home{
        height: 80svh;
    }

    .hero-wrapper{
        flex-direction: column;
        gap: 20px;
    }

    #logo-rombo{
        width: 100px;
    }
    #logo-testo{
        width: 150px;
    }

    #services{
        height: fit-content;
        padding: 1rem 10px;
    }

    .services-row{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .services-col{
        width: 100%;
        justify-content: center;
    }
}

/* /Video */
/* /Hero Home */

/* Washing Services */
#washing-services{
    padding-bottom: 80px;
    background-image: url('https://www.lavanderiafanelli.it/wp-content/uploads/2015/03/bg.jpg');
    background-size: cover;
}

.washing-row{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 2rem;
}

.washing-col{
    width: calc(100% / 4 - 10px);
    overflow: hidden;
    border-radius: 200px;
    background: #ffffff;
    transition: all 200ms linear;
    background-size: cover;
    background-position: center;
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
}

.card-info{
    padding: 2rem 15px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #1d62a76b;
    background: linear-gradient(175deg, rgba(29, 97, 167, 0.9) 0%, rgba(29, 97, 167, 0.9) 31%, rgba(58, 124, 189, 0.9) 51%, rgba(29, 97, 167, 0.9) 79%, rgba(29, 97, 167, 0.9) 100%);
}

.card-title{
    font-size: 1.2rem;
    font-weight: 900;
    color: var(--yellow);
    text-align: center;
}

.card-description{
    font-size: 1rem;
    line-height: 1.2em;
    margin-bottom: 1rem;
    text-align: center;
    color: white;
}

.card-btn{
    display: inline-block;
    padding: 4px 7px;
    border: 1px solid var(--yellow);
    color: var(--blue);
    background-color: var(--yellow);
    border-radius: 30px;
    font-size: 1rem;
    transition: all 200ms linear;
}

.card-btn:hover{
    background-color: var(--dark-yellow);
}

@media screen and (max-width: 1024px){
    .washing-col{
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 769px){
    .washing-col{
        width: 100%;
    }
}
/* /Washing Services */

/* Texisan Section */
#texi-section{
    height: 500px;
    position: relative;
    overflow: hidden;
}

.text-section-row{
    display: flex;
    height: 100%;
    width: 100%;
}

.texi-section-col{
    width: 50%;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.texi-section-col-text{
    background-color: var(--blue);
}

.texi-divider{
    overflow:hidden;
    position:relative;
}

.texi-divider::before{ 
    content: '';
    position: absolute;
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    transform: scale(1.1);
    transform-origin: 100% 100%;
    animation: 4s infinite alternate shape-ver-anim-185 linear;
    background-size: 90px 100%;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    z-index: 3;
    pointer-events: none;
    background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMinYMid slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78.7 2000.4"><g fill="%231d61a7"><path d="M20 2000h59V0H18c0 12 6 23 12 33 7 10 15 19 21 29 15 28 14 65-4 91-7 10-15 19-21 29a80 80 0 00-8 68 80 80 0 008 68c6 10 14 18 21 28 18 27 19 63 4 91-6 11-14 20-21 30s-12 21-12 33a33 33 0 000 4c0 12 6 23 12 33 7 10 15 19 21 29 15 28 14 65-4 92-7 9-15 18-21 28a80 80 0 00-8 68 80 80 0 008 68c6 10 14 18 21 28 18 27 19 63 4 91-6 11-14 20-21 30s-12 21-12 33a33 33 0 000 5c0 11 6 22 12 32 7 10 15 19 21 30 15 28 14 64-4 91-7 10-15 18-21 28a80 80 0 00-8 68 80 80 0 008 68c6 10 14 19 21 29 18 26 19 63 4 91-6 10-14 19-21 29l-3 6c-5 8-9 18-9 28a33 33 0 000 4c0 12 6 23 12 32l21 30 1 3a87 87 0 019 35 90 90 0 01-8 43 81 81 0 01-6 10l-6 9c-5 6-11 12-15 19a80 80 0 00-8 68 80 80 0 008 69l15 20 6 8a82 82 0 016 11 90 90 0 018 43 87 87 0 01-9 35l-1 2-21 30a79 79 0 00-10 20z" opacity=".75"/><path d="M79 478V23a33 33 0 00-20 17l-1 1a33 33 0 00-1 22 22 22 0 00-15 17 15 15 0 00-6 5 22 22 0 00-2 14 52 52 0 004 13l5 11c6 12 12 24 16 36 6 14 8 31 4 45l-2 5a157 157 0 01-26 41 151 151 0 0128 46c4 15 2 31-4 46-4 12-10 24-16 35l-5 11a52 52 0 00-4 14 22 22 0 002 13 15 15 0 006 6 22 22 0 0015 17 33 33 0 001 22l1 1a33 33 0 0020 17z" opacity=".5"/><path d="M79 504V0H65C55 6 49 20 53 32a37 37 0 005 9c6 8 13 15 16 24 3 12-4 25-12 35-7 7-14 15-19 23a43 43 0 00-3 7c-5 14-1 29 5 42 5 11 12 22 18 32l2 5c7 13 11 27 8 41 3 14-1 29-8 42l-2 4c-6 11-13 21-18 33-6 13-10 28-5 41a43 43 0 003 7c5 9 12 16 19 24 8 10 15 22 12 35-3 9-10 16-16 24a37 37 0 00-5 9c-5 14 5 31 19 35h7z"/><circle cx="29.3" cy="59.8" r="8.5"/><circle cx="32.6" cy="159.2" r="5.2"/><circle cx="32.6" cy="375.8" r="5.2"/><circle cx="36.6" cy="435.9" r="7.3"/><circle cx="5.8" cy="106.4" r="5.8" opacity=".5"/><circle cx="5.8" cy="321.2" r="5.8" opacity=".5"/><circle cx="5.8" cy="250.3" r="2.8" opacity=".75"/><path d="M79 982V527a33 33 0 00-20 17l-1 1a33 33 0 00-1 22 22 22 0 00-15 17 15 15 0 00-6 6 22 22 0 00-2 13 52 52 0 004 13l5 12c6 11 12 23 16 35 6 15 8 31 4 46l-2 4a157 157 0 01-26 41 151 151 0 0128 46c4 15 2 31-4 46-4 12-10 24-16 36l-5 11a52 52 0 00-4 13 22 22 0 002 14 15 15 0 006 5 22 22 0 0015 17 33 33 0 001 22l1 1a33 33 0 0020 17z" opacity=".5"/><path d="M79 1009V504H65c-10 7-16 20-12 32a37 37 0 005 9c6 8 13 15 16 24 3 12-4 25-12 35-7 8-14 15-19 24a43 43 0 00-3 7c-5 13-1 28 5 41 5 12 12 22 18 33l2 4c7 13 11 28 8 42 3 13-1 28-8 41l-2 5c-6 10-13 21-18 32-6 13-10 28-5 42a43 43 0 003 7c5 8 12 16 19 23 8 10 15 23 12 35-3 9-10 16-16 24a37 37 0 00-5 9c-4 14 5 31 19 35l7 1z"/><circle cx="29.3" cy="564" r="8.5"/><circle cx="32.6" cy="663.5" r="5.2"/><circle cx="32.6" cy="880.1" r="5.2"/><circle cx="36.6" cy="940.2" r="7.3"/><circle cx="5.8" cy="610.6" r="5.8" opacity=".5"/><circle cx="5.8" cy="825.5" r="5.8" opacity=".5"/><circle cx="5.8" cy="754.6" r="2.8" opacity=".75"/><path d="M79 1486v-454a33 33 0 00-20 16l-1 2a33 33 0 00-1 22 22 22 0 00-15 16 15 15 0 00-6 6 22 22 0 00-2 13 52 52 0 004 14l5 11c6 12 12 23 16 35 6 15 8 31 4 46l-2 5a157 157 0 01-27 41 151 151 0 0129 46c4 15 2 31-4 45-4 13-10 24-16 36l-5 11a52 52 0 00-4 13 22 22 0 002 14 15 15 0 006 6 22 22 0 0015 16 33 33 0 001 22l1 1a33 33 0 0020 17z" opacity=".5"/><path d="M79 1513v-504H65c-10 6-16 20-12 31a37 37 0 005 10c6 7 13 14 16 24 3 12-4 24-12 34-7 8-14 15-19 24a43 43 0 00-3 7c-5 14-1 29 5 42 5 11 12 21 18 32l2 5c7 13 11 27 8 41 3 14-1 28-8 41l-2 5c-6 11-13 21-18 32-6 13-10 28-5 42a43 43 0 003 7c5 9 12 16 19 24 8 10 15 22 12 34-3 10-10 16-16 24a37 37 0 00-5 10c-4 14 5 31 19 34l7 1z"/><circle cx="29.3" cy="1068.3" r="8.5"/><circle cx="32.6" cy="1167.8" r="5.2"/><circle cx="32.6" cy="1384.4" r="5.2"/><circle cx="36.6" cy="1444.5" r="7.3"/><circle cx="5.8" cy="1114.9" r="5.8" opacity=".5"/><circle cx="5.8" cy="1329.8" r="5.8" opacity=".5"/><circle cx="5.8" cy="1258.9" r="2.8" opacity=".75"/><path d="M79 1990v-454a33 33 0 00-20 17l-1 1a33 33 0 00-1 22 22 22 0 00-15 17 15 15 0 00-6 5 22 22 0 00-2 14 52 52 0 004 13l5 11c6 12 12 23 16 36 6 14 8 31 4 45l-2 5a157 157 0 01-27 41 151 151 0 0129 46c4 15 2 31-4 46-4 12-10 23-16 35l-5 11a52 52 0 00-4 14 22 22 0 002 13 15 15 0 006 6 22 22 0 0015 17 33 33 0 001 22l1 1a33 33 0 0020 16z" opacity=".5"/><path d="M54 2000h25v-487H65c-10 6-16 20-12 31a37 37 0 005 10c6 8 13 15 16 24 3 12-4 25-12 34l-1 1-18 23a43 43 0 00-3 7c-3 10-2 21 1 32a84 84 0 004 10c5 11 12 21 18 32l2 5c7 13 11 27 8 41 3 14-1 29-8 41l-2 5c-6 11-13 21-18 33a83 83 0 00-4 9c-3 10-5 22-1 32a43 43 0 003 7c5 9 12 16 18 23l1 1c8 10 15 22 12 35-3 9-10 16-16 24a37 37 0 00-5 9 26 26 0 001 18z"/><circle cx="29.3" cy="1572.6" r="8.5"/><circle cx="32.6" cy="1672.1" r="5.2"/><circle cx="32.6" cy="1888.7" r="5.2"/><circle cx="36.6" cy="1948.8" r="7.3"/><circle cx="5.8" cy="1619.2" r="5.8" opacity=".5"/><circle cx="5.8" cy="1834.1" r="5.8" opacity=".5"/><circle cx="5.8" cy="1763.2" r="2.8" opacity=".75"/></g></svg>');
}

@keyframes shape-ver-anim-185 {
    100%{
        transform: scale(1.1) translateY(calc(100% - (100% / 1.1)));
    }
}

.texi-img{
    display: block;
    margin: 0 auto;
    width: 250px;
}

@media screen and (max-width: 769px) {
    #texi-section{
        height: fit-content;
    }

    .text-section-row{
        flex-direction: column;
    }

    .texi-section-col{
        width: 100%;
        padding: 30px 0;
    }

    .texi-divider{
        padding-bottom: 100px;
    }

    .texi-section-col-text{
        margin-top: -2px;
    }

    .texi-divider::before{
        content: '';
        position: absolute;
        bottom: -0.1vw;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw;
        transform: scale(1.1);
        transform-origin: 100% 100%;
        animation: 4s infinite alternate shape-anim-185 linear;
        background-size: 100% 90px;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        z-index: 3;
        pointer-events: none;
        background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMin slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000.4 78.7"><g fill="%231d61a7"><path d="M2000 20v59H0V18c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 91-4 10-7 19-15 29-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 014 0c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 92-4 9-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 015 0c11 0 22 6 32 12 10 7 19 15 30 21 28 15 64 14 91-4 10-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 19 14 29 21 26 18 63 19 91 4 10-6 19-14 29-21l6-3c8-5 18-9 28-9a33 33 0 014 0c12 0 23 6 32 12l30 21 3 1a87 87 0 0035 9 90 90 0 0043-8 81 81 0 0010-6l9-6c6-5 12-11 19-15a80 80 0 0168-8 80 80 0 0169 8l20 15 8 6a82 82 0 0011 6 90 90 0 0043 8 87 87 0 0035-9l2-1 30-21a79 79 0 0120-10z" opacity=".75"/><path d="M478 79H23a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 24 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M504 79H0V65c6-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 7-7 15-14 23-19a43 43 0 017-3c14-5 29-1 42 5 11 5 22 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 42-8l4-2c11-6 21-13 33-18 13-6 28-10 41-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-5 31 5 35 19v7z"/><circle cx="59.8" cy="29.3" r="8.5"/><circle cx="159.2" cy="32.6" r="5.2"/><circle cx="375.8" cy="32.6" r="5.2"/><circle cx="435.9" cy="36.6" r="7.3"/><circle cx="106.4" cy="5.8" r="5.8" opacity=".5"/><circle cx="321.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="250.3" cy="5.8" r="2.8" opacity=".75"/><path d="M982 79H527a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0113 4l12 5c11 6 23 12 35 16 15 6 31 8 46 4l4-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 015 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1009 79H504V65c7-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 8-7 15-14 24-19a43 43 0 017-3c13-5 28-1 41 5 12 5 22 12 33 18l4 2c13 7 28 11 42 8 13 3 28-1 41-8l5-2c10-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c8 5 16 12 23 19 10 8 23 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-4 31 5 35 19l1 7z"/><circle cx="564" cy="29.3" r="8.5"/><circle cx="663.5" cy="32.6" r="5.2"/><circle cx="880.1" cy="32.6" r="5.2"/><circle cx="940.2" cy="36.6" r="7.3"/><circle cx="610.6" cy="5.8" r="5.8" opacity=".5"/><circle cx="825.5" cy="5.8" r="5.8" opacity=".5"/><circle cx="754.6" cy="5.8" r="2.8" opacity=".75"/><path d="M1486 79h-454a33 33 0 0116-20l2-1a33 33 0 0122-1 22 22 0 0116-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0114 4l11 5c12 6 23 12 35 16 15 6 31 8 46 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 45-4 13-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 016 6 22 22 0 0116 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1513 79h-504V65c6-10 20-16 31-12a37 37 0 0110 5c7 6 14 13 24 16 12 3 24-4 34-12 8-7 15-14 24-19a43 43 0 017-3c14-5 29-1 42 5 11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 28-1 41-8l5-2c11-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 34 12 10-3 16-10 24-16a37 37 0 0110-5c14-4 31 5 34 19l1 7z"/><circle cx="1068.3" cy="29.3" r="8.5"/><circle cx="1167.8" cy="32.6" r="5.2"/><circle cx="1384.4" cy="32.6" r="5.2"/><circle cx="1444.5" cy="36.6" r="7.3"/><circle cx="1114.9" cy="5.8" r="5.8" opacity=".5"/><circle cx="1329.8" cy="5.8" r="5.8" opacity=".5"/><circle cx="1258.9" cy="5.8" r="2.8" opacity=".75"/><path d="M1990 79h-454a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 23 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 46-4 12-4 23-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0116 20z" opacity=".5"/><path d="M2000 54v25h-487V65c6-10 20-16 31-12a37 37 0 0110 5c8 6 15 13 24 16 12 3 25-4 34-12l1-1 23-18a43 43 0 017-3c10-3 21-2 32 1a84 84 0 0110 4c11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 41-8l5-2c11-6 21-13 33-18a83 83 0 019-4c10-3 22-5 32-1a43 43 0 017 3c9 5 16 12 23 18l1 1c10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5 26 26 0 0118 1z"/><circle cx="1572.6" cy="29.3" r="8.5"/><circle cx="1672.1" cy="32.6" r="5.2"/><circle cx="1888.7" cy="32.6" r="5.2"/><circle cx="1948.8" cy="36.6" r="7.3"/><circle cx="1619.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="1834.1" cy="5.8" r="5.8" opacity=".5"/><circle cx="1763.2" cy="5.8" r="2.8" opacity=".75"/></g></svg>');
    }

    @keyframes shape-anim-185 {
        100%{
            transform: scale(1.1) translateX(calc(100% - (100% / 1.1)));
        }
    }
}
/* /Texisan Section */

/* Strong Focus */
#strong-focus{
    width: 100%;
    position: relative;
}

#strong-focus video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.strong-focus-wrapper{
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
    background: #EFCF1CE6;
    background: linear-gradient(219deg, rgba(239, 207, 28, 0.8) 0%, rgba(239, 207, 28, 1) 60%, rgba(239, 207, 28, 1) 100%);
}

.strong-row{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    margin-top: 2rem;
}

.strong-col{
    width: calc(100% / 4 - 10px);
}

.strong-col-title{
    font-size: 1.4rem;
    color: var(--blue);
    font-weight: 900;
}

.strong-col-description{
    font-size: 1rem;
    color: var(--blue);
}

.strong-icon{
    display: block;
    width: 100px;
    margin: 20px auto;
}

@media screen and (max-width: 1025px) {
    .strong-row{
        flex-wrap: wrap;
        gap: 20px;
    }

    .strong-col{
        width: calc(50% - 20px);
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 769px) {
    .strong-row{
        flex-direction: column;
    }

    .strong-col{
        width: 100%;
        margin-bottom: 1.2rem;
    }

    .strong-col-title, .strong-col-description{
        text-align: center;
    }
}
/* /Strong Focus */

/* Hotel Section */
#hotel-section{
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.hotel-overlay{
    width: 100%;
    height: 100%;
    background: #e8e8e8;
    background: linear-gradient(90deg, rgb(255 255 255 / 95%) 0%, rgb(255 255 255 / 80%) 100%);
}

.hotel-row{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.hotel-col{
    width: calc(100% / 4 - 20px);
    height: 150px;
    border-radius: 30px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.hotel-card{
    opacity: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(29, 97, 167, 0.9);
}

.hotel-card-title{
    font-weight: 900;
    text-transform: uppercase;
    color: var(--yellow);
    font-size: 1rem;
    padding: 0;
    letter-spacing: 3px;
}

#hotel-section::before {
    content: '';
    position: absolute;
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    background-size: 100% 70px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    z-index: 3;
    pointer-events: none;
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 2" preserveAspectRatio="none"><path d="M0 2q5-4 10 0z" fill="%231d61a7"/></svg>');
}

@media screen and (max-width: 769px) {
    .hotel-row{
        flex-direction: column;
    }

    .hotel-col{
        width: 100%;
    }
}

/* /Hotel Section */

/* About Section */
#about-section{
    background-color: var(--blue);
    overflow-x: hidden;
}

.numbers-row{
    margin-top: 2rem;
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.numbers-col{
    width: calc(100% / 4);
}

.number-data{
    text-align: center;
    font-size: 4rem;
    color: var(--yellow);
    font-weight: 900;
}
.numbers-type{
    text-align: center;
    font-size: 2rem;
    color: white;
    padding: 0 !important;
    margin: 20px 0;
}
.numbers-description{
    text-align: center;
    font-size: 1.5rem;
    color: white;
}

@media screen and (max-width: 769px) {
    .numbers-row{
        flex-direction: column;
    }

    .numbers-col{
        width: 100%;
    }

    .numbers-col:not(:last-of-type){
        margin-bottom: 40px;
    }
}
/* /About Section */

/* Professional Dress Section */
#professional-dress{
    position: relative;
    overflow-x: hidden;
}

.professional-dress-video{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 2
}

.professional-dress-wrapper{
    position: relative;
    z-index: 3;
    background-color: #efcf1cea;
    height: 70svh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.certifications-row{
    display: flex;
    gap: 10px;
}

.certifications-col{
    width: calc(100% / 4);
}

.certifications-col img{
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.certifications-show{
    width: 100%;
    height: 100svh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.7);
    backdrop-filter: blur(5px);
    z-index: 99999;
    padding: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.c-s-button-wrapper{
    text-align: center;
}

.c-s-button-wrapper button{
    padding: 10px;
    background-color: transparent;
    border: transparent;
    cursor: pointer;
    font-size: 2rem;
    color: white;
}

.c-s-img-show img{
    display: block;
    height: 85svh;
    margin: 0 auto;
}

@media screen and (max-width: 769px) {
    .certifications-row{
        flex-direction: column;
    }

    .certifications-col{
        width: 100%;
    }

    .certifications-col img{
        width: 100%;
    }

    .c-s-img-show img{
        height: unset;
        width: 100%;
    }

}
/* /Professional Dress Section */

/* Rent section */
#rent{
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
}

.rent-overlay{
    background: linear-gradient(90deg, rgb(255 255 255 / 95%) 0%, rgb(255 255 255 / 80%) 100%);
}

.rent-row{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.rent-col{
    width: calc(100% / 3 - 20px);
}

.rent-card{
    width: 100%;
    height: 200px;
    border-radius: 30px;
    overflow: hidden;
    background-size: cover;
}

.rent-card-overlay{
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(29, 97, 167, 0.9);
    text-align: center;
    position: relative;
    right: -200px;
    opacity: 0;
}

.rent-card-title{
    font-size: 1.2rem;
    color: var(--yellow);
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
}

@media screen and (max-width: 769px) {
    .rent-row{
        flex-direction: column;
        gap: 30px;
    }

    .rent-col{
        width: 100%
    }
}
/* /Rent section */

/* Clients section */

.clients-separator{
    overflow:hidden;
    position:relative;
}
.clients-separator::before{ 
    content:'';
    font-family:'shape divider from ShapeDividers.com';
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw; 
    background-size: 104% 76px;
    background-position: 50% 100%;  background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMin slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000.4 78.7"><g fill="%23ffffff"><path d="M2000 20v59H0V18c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 91-4 10-7 19-15 29-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 014 0c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 92-4 9-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 015 0c11 0 22 6 32 12 10 7 19 15 30 21 28 15 64 14 91-4 10-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 19 14 29 21 26 18 63 19 91 4 10-6 19-14 29-21l6-3c8-5 18-9 28-9a33 33 0 014 0c12 0 23 6 32 12l30 21 3 1a87 87 0 0035 9 90 90 0 0043-8 81 81 0 0010-6l9-6c6-5 12-11 19-15a80 80 0 0168-8 80 80 0 0169 8l20 15 8 6a82 82 0 0011 6 90 90 0 0043 8 87 87 0 0035-9l2-1 30-21a79 79 0 0120-10z" opacity=".75"/><path d="M478 79H23a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 24 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M504 79H0V65c6-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 7-7 15-14 23-19a43 43 0 017-3c14-5 29-1 42 5 11 5 22 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 42-8l4-2c11-6 21-13 33-18 13-6 28-10 41-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-5 31 5 35 19v7z"/><circle cx="59.8" cy="29.3" r="8.5"/><circle cx="159.2" cy="32.6" r="5.2"/><circle cx="375.8" cy="32.6" r="5.2"/><circle cx="435.9" cy="36.6" r="7.3"/><circle cx="106.4" cy="5.8" r="5.8" opacity=".5"/><circle cx="321.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="250.3" cy="5.8" r="2.8" opacity=".75"/><path d="M982 79H527a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0113 4l12 5c11 6 23 12 35 16 15 6 31 8 46 4l4-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 015 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1009 79H504V65c7-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 8-7 15-14 24-19a43 43 0 017-3c13-5 28-1 41 5 12 5 22 12 33 18l4 2c13 7 28 11 42 8 13 3 28-1 41-8l5-2c10-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c8 5 16 12 23 19 10 8 23 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-4 31 5 35 19l1 7z"/><circle cx="564" cy="29.3" r="8.5"/><circle cx="663.5" cy="32.6" r="5.2"/><circle cx="880.1" cy="32.6" r="5.2"/><circle cx="940.2" cy="36.6" r="7.3"/><circle cx="610.6" cy="5.8" r="5.8" opacity=".5"/><circle cx="825.5" cy="5.8" r="5.8" opacity=".5"/><circle cx="754.6" cy="5.8" r="2.8" opacity=".75"/><path d="M1486 79h-454a33 33 0 0116-20l2-1a33 33 0 0122-1 22 22 0 0116-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0114 4l11 5c12 6 23 12 35 16 15 6 31 8 46 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 45-4 13-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 016 6 22 22 0 0116 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1513 79h-504V65c6-10 20-16 31-12a37 37 0 0110 5c7 6 14 13 24 16 12 3 24-4 34-12 8-7 15-14 24-19a43 43 0 017-3c14-5 29-1 42 5 11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 28-1 41-8l5-2c11-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 34 12 10-3 16-10 24-16a37 37 0 0110-5c14-4 31 5 34 19l1 7z"/><circle cx="1068.3" cy="29.3" r="8.5"/><circle cx="1167.8" cy="32.6" r="5.2"/><circle cx="1384.4" cy="32.6" r="5.2"/><circle cx="1444.5" cy="36.6" r="7.3"/><circle cx="1114.9" cy="5.8" r="5.8" opacity=".5"/><circle cx="1329.8" cy="5.8" r="5.8" opacity=".5"/><circle cx="1258.9" cy="5.8" r="2.8" opacity=".75"/><path d="M1990 79h-454a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 23 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 46-4 12-4 23-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0116 20z" opacity=".5"/><path d="M2000 54v25h-487V65c6-10 20-16 31-12a37 37 0 0110 5c8 6 15 13 24 16 12 3 25-4 34-12l1-1 23-18a43 43 0 017-3c10-3 21-2 32 1a84 84 0 0110 4c11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 41-8l5-2c11-6 21-13 33-18a83 83 0 019-4c10-3 22-5 32-1a43 43 0 017 3c9 5 16 12 23 18l1 1c10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5 26 26 0 0118 1z"/><circle cx="1572.6" cy="29.3" r="8.5"/><circle cx="1672.1" cy="32.6" r="5.2"/><circle cx="1888.7" cy="32.6" r="5.2"/><circle cx="1948.8" cy="36.6" r="7.3"/><circle cx="1619.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="1834.1" cy="5.8" r="5.8" opacity=".5"/><circle cx="1763.2" cy="5.8" r="2.8" opacity=".75"/></g></svg>'); 
}

@media (min-width:2100px){
    .clients-separator::before{
        background-size: 104% calc(2vw + 76px);
    }
}

.ov-h{
    overflow: hidden;
}

.clients-row {
  display: flex;
  gap: 40px;
  padding: 20px 0;
  white-space: nowrap;
}

.client {
  flex: 0 0 auto;
  min-width: 150px;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-weight: bold;
  user-select: none;
  padding: 10px;
}

.client img{
    width: 150px;
}
/* /clients section */

/* Contacts */
.contacts-row{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.contacts-col{
    width: 50%;
}

.contacts{
    font-size: 1.1rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    padding: 0;
}
.contacts i{
    color: var(--yellow);
    font-size: 2rem;
}
.contacts a{
    color: var(--blue);
    transition: all 200ms linear;
}

.contacts-wrapper{
    display: flex;
    gap: 10px;
}
.contacts-socials{
    font-size: 2.5rem;
    color: var(--blue);
    transition: all 200ms linear;
}

.contacts a:hover{
    transform: translateX(10px);
}

.contacts-socials:hover{
    transform: translateY(10px);
}

@media screen and (max-width: 769px){
    .contacts-row{
        flex-direction: column;
    }

    .contacts-col{
        width: 100%;
    }
}
/* /contacts */
/* /Home */

/* FOOTER */
.footer-separator{
    overflow:hidden;
    position:relative;
    height: 100px;
}
.footer-separator::before{ 
    content:'';
    font-family:'shape divider from ShapeDividers.com';
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw; 
    background-size: 100% 80px;
    background-position: 50% 100%;  background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMin slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000.4 78.7"><g fill="%231d61a7"><path d="M2000 20v59H0V18c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 91-4 10-7 19-15 29-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 014 0c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 92-4 9-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 015 0c11 0 22 6 32 12 10 7 19 15 30 21 28 15 64 14 91-4 10-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 19 14 29 21 26 18 63 19 91 4 10-6 19-14 29-21l6-3c8-5 18-9 28-9a33 33 0 014 0c12 0 23 6 32 12l30 21 3 1a87 87 0 0035 9 90 90 0 0043-8 81 81 0 0010-6l9-6c6-5 12-11 19-15a80 80 0 0168-8 80 80 0 0169 8l20 15 8 6a82 82 0 0011 6 90 90 0 0043 8 87 87 0 0035-9l2-1 30-21a79 79 0 0120-10z" opacity=".75"/><path d="M478 79H23a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 24 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M504 79H0V65c6-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 7-7 15-14 23-19a43 43 0 017-3c14-5 29-1 42 5 11 5 22 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 42-8l4-2c11-6 21-13 33-18 13-6 28-10 41-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-5 31 5 35 19v7z"/><circle cx="59.8" cy="29.3" r="8.5"/><circle cx="159.2" cy="32.6" r="5.2"/><circle cx="375.8" cy="32.6" r="5.2"/><circle cx="435.9" cy="36.6" r="7.3"/><circle cx="106.4" cy="5.8" r="5.8" opacity=".5"/><circle cx="321.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="250.3" cy="5.8" r="2.8" opacity=".75"/><path d="M982 79H527a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0113 4l12 5c11 6 23 12 35 16 15 6 31 8 46 4l4-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 015 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1009 79H504V65c7-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 8-7 15-14 24-19a43 43 0 017-3c13-5 28-1 41 5 12 5 22 12 33 18l4 2c13 7 28 11 42 8 13 3 28-1 41-8l5-2c10-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c8 5 16 12 23 19 10 8 23 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-4 31 5 35 19l1 7z"/><circle cx="564" cy="29.3" r="8.5"/><circle cx="663.5" cy="32.6" r="5.2"/><circle cx="880.1" cy="32.6" r="5.2"/><circle cx="940.2" cy="36.6" r="7.3"/><circle cx="610.6" cy="5.8" r="5.8" opacity=".5"/><circle cx="825.5" cy="5.8" r="5.8" opacity=".5"/><circle cx="754.6" cy="5.8" r="2.8" opacity=".75"/><path d="M1486 79h-454a33 33 0 0116-20l2-1a33 33 0 0122-1 22 22 0 0116-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0114 4l11 5c12 6 23 12 35 16 15 6 31 8 46 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 45-4 13-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 016 6 22 22 0 0116 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1513 79h-504V65c6-10 20-16 31-12a37 37 0 0110 5c7 6 14 13 24 16 12 3 24-4 34-12 8-7 15-14 24-19a43 43 0 017-3c14-5 29-1 42 5 11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 28-1 41-8l5-2c11-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 34 12 10-3 16-10 24-16a37 37 0 0110-5c14-4 31 5 34 19l1 7z"/><circle cx="1068.3" cy="29.3" r="8.5"/><circle cx="1167.8" cy="32.6" r="5.2"/><circle cx="1384.4" cy="32.6" r="5.2"/><circle cx="1444.5" cy="36.6" r="7.3"/><circle cx="1114.9" cy="5.8" r="5.8" opacity=".5"/><circle cx="1329.8" cy="5.8" r="5.8" opacity=".5"/><circle cx="1258.9" cy="5.8" r="2.8" opacity=".75"/><path d="M1990 79h-454a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 23 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 46-4 12-4 23-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0116 20z" opacity=".5"/><path d="M2000 54v25h-487V65c6-10 20-16 31-12a37 37 0 0110 5c8 6 15 13 24 16 12 3 25-4 34-12l1-1 23-18a43 43 0 017-3c10-3 21-2 32 1a84 84 0 0110 4c11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 41-8l5-2c11-6 21-13 33-18a83 83 0 019-4c10-3 22-5 32-1a43 43 0 017 3c9 5 16 12 23 18l1 1c10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5 26 26 0 0118 1z"/><circle cx="1572.6" cy="29.3" r="8.5"/><circle cx="1672.1" cy="32.6" r="5.2"/><circle cx="1888.7" cy="32.6" r="5.2"/><circle cx="1948.8" cy="36.6" r="7.3"/><circle cx="1619.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="1834.1" cy="5.8" r="5.8" opacity=".5"/><circle cx="1763.2" cy="5.8" r="2.8" opacity=".75"/></g></svg>'); 
}

@media (min-width:2100px){
    .footer-separator::before{
        background-size: 100% calc(2vw + 80px);
    }
}
 

.footer-top{
    background-color: var(--blue);
    padding: 20px 0 40px 0;
}

.footer-row{
    display: flex;
    justify-content: center;
    gap: 10px;
}

.footer-col{
    width: calc(100% / 3 - 10px)
}

.footer-logo{
    display: block;
    width: 200px;
}

.footer-menu{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer-link, .footer-link a{
    font-weight: 800;
    font-size: 1rem;
    color: var(--yellow);
}
.footer-link{
    margin-top: 1rem;
}

.footer-bottom{
    background-color: var(--yellow);
    padding: 20px 0;
}

.footer-title{
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.footer-socials{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.footer-socials a{
    font-size: 2.2rem;
    color: var(--yellow);
    margin-top: 1.2rem;
    transition: all 200ms linear;
}

.footer-socials a:hover{
    transform: translateY(-10px)
}

@media screen and (max-width: 769px) {
    .footer-row{
        flex-direction: column;
    }

    .footer-col{
        width: 100%;
    }
}
/* /FOOTER */