/*===================== SECTION FIRST OF WEBSITE ===========================*/

.section-first {
    margin-top: 4.6875vw;
    height: 45.11458vw;
    
    /* background-image: url('/images/back-image-top.png'); */
    background-image: url('/images/back-image-top-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    position: relative;
    z-index: 3;
}
.section-first::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 17%); /* Masque noir à 50% de transparence */
    z-index: 2; /* S'assurer que le masque est sous le contenu */
}

.section-first .content-left {
    display: flex;
    flex-direction: column;
    gap: 1.66666vw;  

    position: relative; 
    z-index: 2;

    padding-top: 9.84375vw;
    margin-left: 5.05208vw;
    width: 44.427083vw;
}
.section-first .content-left title {
    display: block;
    color: var(--color-white);
    font-size: var(--h1-size);
    font-weight: bolder;
    /* text-transform: uppercase; */
    font-family: var(--font-lemon);
    line-height: 3.86875vw;
}
.section-first .content-left .paragraph {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    font-family: var(--font-name);
    font-weight: 300;
    color: var(--color-white);
}
.section-first .content-left .btn-download {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.875vw;
}
.section-first .content-left .btn-download a {
    border-radius: 6px;
    background: var(--color-secondary);
    padding: 1.05vw 2.711979vw;
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.572916vw;
    font-weight: bold;
    cursor: pointer;
}
.section-first .content-left .btn-download a img{
    width: 1.701041vw;
    height: 2.04843vw;
}
.section-first .content-left .btn-download a img.icon_store_apple {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(30deg) brightness(126%) contrast(99%);
}

.section-first .images-phone{
    position: absolute;
    width: 67.7604vw;
    height: 37.708vw;
    top: 11.09375vw;
    left: 38.645vw;
}

/*===================== SECTION SECUND OF WEBSITE ===========================*/

.section-two {
    height: auto;
    background: linear-gradient(180deg, #f6fcff 71%, #b5e7ff);
    /* background-color: var(--color-blue-opac) ; */
    display: flex;
    flex-direction: column;
    gap: 5.385416vw;
    align-items: center;
    z-index: 3;
    position: relative;
}

.section-two .head-top {
    margin-top: 3.072916vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.88541vw;
}
.section-two .head-top h1{
    width: 34.0625vw;
    font-size: var(--h2-size);
    color: var(--color-primary);
    font-family: var(--font-lemon);
    font-weight: bold;
    line-height: 3.1656vw;
    text-align: center;
}
.section-two .head-top img{
    width: 22.1875vw;
    height: 0.78125vw;
}
/* .section-two .head-top p{
    width: 57.395vw;
    color: var(--color-black);
    font-family: var(--font-poppins);
    font-size: 1.25vw;
    line-height: 1.77083vw;
    text-align: center;
    margin-top: 1.62vw;
} */

.section-two .content-between-details {
    background-color: #FBFBFB;
    width: 77.7604vw;
    box-shadow: 0px 25px 45px 0px #0000000D;
    border-radius: 33px;
    padding: 3.0468vw 8.109vw;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.666666vw 0;
}
.section-two .content-between-details .item{
    flex: 1 0 50%;
    box-sizing: border-box; 
    display: flex;
    align-items: center;
    gap: 1.5625vw;
    cursor: pointer;
    padding-right: 4.635vw;
    transition: all .5s ease-in-out;
}
.section-two .content-between-details .item:hover {
    transition: all .5s ease-in-out;
    color: var(--color-primary);
}
.section-two .content-between-details .item .icon {
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    border: 1px solid transparent;
    padding: 2vw;
    background: var(--color-blue-ciel);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease-in-out;
}
.section-two .content-between-details .item:hover .icon {
    border: 1px solid var(--color-primary);
    transition: all .5s ease-in-out;
}
.section-two .content-between-details .item i{
    font-size: 2vw;
    color: var(--color-primary);
}
.section-two .content-between-details .item .text-details{
    font-family: var(--font-poppins);
    /* font-size: 1.822916vw; */
    font-size: 1.22916vw;
    color: var(--color-secondary);
    font-weight: 700;
    transition: all .5s ease-in-out;
}
.section-two .content-between-details .item:hover .text-details {
    color: var(--color-primary);
    transition: all .5s ease-in-out;
}


.section-two .content-end-details.web {
    display: flex;
    justify-content: center;
    gap: 3.281vw;
}
.section-two .content-end-details.mobile ,
.section-two .btn-direction.mobile {
    display: none;
}
.section-two .content-end-details img{
    width: 14.27083vw;
    height: 28.48958vw;
}


/*===================== SECTION THIRD OF WEBSITE ===========================*/

.section-third {
    /* margin-top: 15.260vw; */
    /* height: 58.45833vw; */
    height: 66.34vw;
    /* margin-top: 29.26vw; */
    background-color: var(--color-blue-ciel) ;
    position: relative;
    z-index: 3;
}
.section-third .head-top {
    padding-top: 3.125vw;
    margin-left: 15.625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.88541vw;
    width: 34.687vw;
}
.section-third .head-top h1{
    width: 34.6875vw;
    font-size: var(--h2-size);
    color: var(--color-primary);
    font-family: var(--font-lemon);
    font-weight: bold;
    line-height: 3.1656vw;
    text-align: center;
}
/* .section-third .head-top p.paragraph{
    width: 34.6875vw;
    font-family: var(--font-poppins);
    color: var(--color-black);
    font-size: 1.25vw;
    line-height: 1.77083vw;
    text-align: center;
    margin-top: 1.62vw;
} */
.section-third .head-top .design-custom{
    width: 22.12vw;
    height: 0.6921vw;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(30deg) brightness(126%) contrast(99%);
}
.section-third .head-top .list-avantages{
    margin-top: 2.6979vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;
}
.section-third .head-top .list-avantages .items{
    display: flex;
    align-items: flex-start;
    gap: 1.562vw;
    border-bottom: 1px solid #7197a9;
    padding-bottom: 1.562vw;
}

.section-third .head-top .list-avantages .items span.text {
    color: var(--color-primary);
    font-family: var(--font-poppins);
    display: flex;
    flex-direction: column;
}
.section-third .head-top .list-avantages .items span.text .title {
    font-size: 1.822916vw;
    margin-bottom: 1vw;
    font-weight: 700;
}
.section-third .head-top .list-avantages .items span.text .description {
    font-size: 1.22916vw;
    font-weight: normal;
    line-height: normal;
}

.section-third .head-top .list-avantages .items span.icon-rounder{
    background: var(--color-primary);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4479vw;
    height: 3.4479vw;
    padding: 1vw;
    overflow: hidden;
}
/* .section-third .head-top .list-avantages .items span.icon-rounder.custom{
    width: 4vw;
} */
.section-third .head-top .list-avantages .items span.icon-rounder img{
    width: 100%; 
    height: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(30deg) brightness(126%) contrast(99%);
}


.section-third .image-woman{
    position: relative;
    height: 65.625vw;
    width: 46.197vw;
    top: -62.298vw;
    left: 52.55vw;
    z-index: 3;
}

/*===================== SECTION FOUR OF WEBSITE ===========================*/

.section-four {
    height: 45.05vw;
    padding: 3.125vw 15.625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.125vw;
    
    background: var(--color-primary);
    background-position: center;
    /* background-image: url('/images/img_contact_1.jpg');
    background-repeat: no-repeat;
    background-size: cover; */
}
.section-four::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 18%); 
    z-index: 2; 
}
.section-four .content-video .video {
    width: 68.75vw;
    height: 28.0208vw;
    border-radius: 33px;
    position: relative;
    z-index: 3;
}

.section-four .section-download {
    width: 68.75vw;
    height: 23.8020vw;
    background: #1A9AD9;
    position: absolute;
    margin-top: 32vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.3333vw;
    border-radius: 33px;
    z-index: 4;
}    
.section-four .section-download h1{
    font-size: var(--h2-size);
    color: var(--color-white);
    font-family: var(--font-lemon);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 3.1656vw;
    text-align: center;
}
.section-four .section-download .design-custom{
    width: 22.12vw;
    height: 0.6921vw;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(30deg) brightness(126%) contrast(99%);
}   

.section-four .section-download .btn-download {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.875vw;
    margin-top: 2vw;
}
.section-four .section-download .btn-download a {
    border-radius: 6px;
    background: var(--color-black);
    padding: 1.05vw 2.711979vw;
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.572916vw;
    font-weight: bold;
    cursor: pointer;
}
.section-four .section-download .btn-download a img{
    width: 1.701041vw;
    height: 2.04843vw;
}
.section-four .section-download .btn-download a img.icon_store_apple {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(30deg) brightness(126%) contrast(99%);
}

/*===================== SECTION FIVE OF WEBSITE ===========================*/

.section-five {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.3854vw;
    padding-top: 13vw;
    padding-bottom: 0vw;
    background: linear-gradient(180deg, #cacbce 3%, #e9e9e9 18%, #ffffff 100%);
    /* background: linear-gradient(180deg, #7b7c7d, #e9e9e9); */
    /* background: linear-gradient(180deg, #f7f8fb, #e9e9e9); */
    position: relative;
    z-index: 3;
}

.section-five .head-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.885416vw;
    width: 37.7083vw;
}
.section-five .head-top h1 {
    width: 31.3541vw;
    font-size: var(--h2-size);
    color: var(--color-primary);
    font-family: var(--font-lemon);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 3.1656vw;
    text-align: center;
}
.section-five .head-top img {
    width: 22.12vw;
    height: 0.6921vw;
}
.section-five .head-top p {
    width: 34.6875vw;
    font-family: var(--font-poppins);
    color: var(--color-black);
    font-size: 1.25vw;
    line-height: 1.77083vw;
    text-align: center;
    margin-top: 1.62vw;
}

.section-five .between-details-faq {
    width: 68.75vw;
}
.section-five .between-details-faq .accordion {
    margin: auto;
    width: 100%;
}

.section-five .between-details-faq .accordion li.faq_quiz {
    list-style-type: none;
    width: 100%;
    margin: 1.04166vw 0;
    padding: 2vw 1.5208vw;
    border-radius: 11px;
    background: #FBFBFB ;
    border: 1px solid var(--color-secondary);
}

.section-five .between-details-faq .accordion li label {
    display: flex;
    align-items: center;
    padding: 0.5208vw;
    font-size: 1.6vw;
    font-weight: 700;
    font-family: var(--font-lemon);
    color: var(--color-black);
    text-transform: uppercase;
    cursor: pointer;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 1vw;
}

.section-five .between-details-faq .accordion label::after {
    content: '\2b';
    font-family: 'Font Awesome 5 Free';
    margin-right: 0.520vw;
    font-size: 1.25vw;
    font-weight: 600;
}

.section-five .between-details-faq .accordion input[type="radio"] {
    display: none;
}

.section-five .between-details-faq .accordion .content {
    color: #555;
    padding: 0 0.520vw;
    max-height: 0;
    overflow: hidden;
    transition: max-height 600ms ease, padding 600ms ease;
}

.section-five .between-details-faq .accordion .content p {
    line-height: 2em;
    font-family: var(--font-poppins);
    color: var(--color-black);
    font-size: 1.25vw;
}

.section-five .between-details-faq .accordion input[type="radio"]:checked + label + .content {
    max-height: 800px;
    padding: 0.520vw 0.520vw 1.0416vw;
    animation: fade 300ms ease-in-out;
}

.section-five .between-details-faq .accordion input[type="radio"]:checked + label::after {
    content: '\f068';
}
.section-five .between-details-faq .accordion input[type="radio"]:checked + label {
    color: var(--color-secondary);
}
    
@keyframes fade {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}


/*===================== SECTION SIX OF WEBSITE ===========================*/

.section-six {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.125vw;
    padding-top: 3vw;
    /* padding-top: 0vw; */
    padding-bottom: 1vw;
    position: relative;
    background: #fefefe;
    z-index: 3;
}

.section-six .head-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.885416vw;
}
.section-six .head-top h1 {
    width: 40.708vw;
    font-size: var(--h2-size);
    color: var(--color-primary);
    font-family: var(--font-lemon);
    font-weight: 800;
    /* text-transform: uppercase; */
    line-height: 3.1656vw;
    text-align: center;
}
.section-six .head-top img {
    width: 22.12vw;
    height: 0.6921vw;
}

.section-six .between-details-users {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3.125vw;
}
.section-six .between-details-users .list-user-speak {
    display: flex;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    max-width: 50%;
    gap: 3.6979166vw;
    padding: 1vw 0vw;
    overflow-x: auto;
}
.section-six .between-details-users .list-user-speak::-webkit-scrollbar {
    display: none;
}
.section-six .between-details-users .list-user-speak .cards-one {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.79687vw 3.385416vw;
    width: 35.36458vw;
    /* border: 1px solid var(--color-secondary); */
    flex: 0 0 auto;
    border-radius: 10px;
    background: #f1f1f1;
    box-shadow: 1px 1px 12px #b6b6b6;
}
.section-six .between-details-users .list-user-speak .cards-one .descrip {
    margin-bottom: 1.9vw;
    border-radius: 11px;
    font-weight: 700;
    font-size: 1.25vw;
    font-family: var(--font-poppins);
}
/* .section-six .between-details-users .list-user-speak .cards-one .descrip strong {
    font-family: var(--font-lemon);
    font-size: 2.8645vw;
    color: var(--color-secondary);
} */
.section-six .between-details-users .list-user-speak .cards-one .details-user {
    display: flex;
    gap: 2vw;
}
.section-six .between-details-users .list-user-speak .cards-one .details-user img.img-alt-user {
    width: 5.8vw;
    height: 5vw;
    border-radius: 50%;
}
.section-six .between-details-users .list-user-speak .cards-one .details-user .user-person {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .55vw 0;
    width: 100%;
}
.section-six .between-details-users .list-user-speak .cards-one .details-user .user-person .name {
    font-family: var(--font-poppins);
    font-size: 1.041666vw;
    font-weight: bold;
    color: var(--color-secondary);
}
.section-six .between-details-users .list-user-speak .cards-one .details-user .user-person .title-user {
    font-family: var(--font-poppins);
    font-size: 1.041666vw;
    font-weight: 500;
    color: black;
}
.section-six .between-details-users .btn-action-scroll {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1vw 1vw;
    width: 6.40625vw;
    background: var(--color-secondary);
    border-radius: 2vw;
}
.section-six .between-details-users .btn-action-scroll i {
    color: #F6F6F6;
    transition: all .5s ease-in-out;
    cursor: pointer;
}
.section-six .between-details-users .btn-action-scroll i:hover {
    color: var(--color-white);
    transition: all .5s ease-in-out;
}

/*===================== SECTION SIX 6 -- CONTACT OF WEBSITE ===========================*/

.section-contact {
    /* background-image: url('/images/img_contact.png'); */
    background-image: url('/images/img_contact_1.jpg');
    /* background-image: url('/images/img_contact_2.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 3.125vw 5.2083vw;
    display: flex;
    gap: 6.562vw;
    position: relative;
    z-index: 3;
}
.section-contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 67%); /* Masque noir à 50% de transparence */
    z-index: 2; /* S'assurer que le masque est sous le contenu */
}
.section-contact .content-left {
    display: flex;
    flex-direction: column;
    width: 23.38541vw;
    position: relative;
    z-index: 2;
}
.section-contact .content-left h1{
    text-wrap: nowrap;
    font-size: var(--h2-size);
    color: var(--color-white);
    font-family: var(--font-lemon);
    font-weight: 800;
    text-transform: uppercase;
    line-height: 3.1656vw;
    text-align: center;
}
.section-contact .content-left img.design-custom{
    width: 23.38541vw;
    height: 0.6921vw;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(30deg) brightness(126%) contrast(99%);
}
.section-contact .content-left p.paragraph{
    font-family: var(--font-poppins);
    color: var(--color-white);
    font-weight: 700;
    font-size: 2.08333vw;
    line-height: 2.6041vw;
    text-align: center;
    margin-top: 2.62vw;
}

.section-contact .content-left .social-network{
    display: flex;
    flex-direction: column;
    padding-top: 3.072vw;
    gap: 1.5625vw;
}
.section-contact .content-left .social-network .tel {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 1.5625vw;
}
.section-contact .content-left .social-network span.icon-rounder{
    background: white;
    border-radius: 50%;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 3.4479vw;
    /* height: 4.4479vw; */
    padding: 1vw;
    overflow: hidden;
}
.section-contact .content-left .social-network span.icon-rounder.mail {
    width: 3vw;
}
.section-contact .content-left .social-network span.icon-rounder img {
    width: 100%; 
    height: auto;
    display: block;
}
.section-contact .content-left .social-network span.icon-rounder img.icon-locate {
    width: 1.82vw;
    height: 1.3vw;
    filter: brightness(0) saturate(100%) invert(16%) sepia(56%) saturate(2450%) hue-rotate(225deg) brightness(95%) contrast(91%);
}

.section-contact .content-left .social-network .tel span.text {
    color: var(--color-white);
    font-weight: 400;
    font-family: var(--font-poppins);
    font-size: 1.041666vw;
}

.section-contact form.content-right {
    background: #ffffff80;
    backdrop-filter: blur(12px);

    /* background: var(--color-white); */
    border-radius: 11px;
    padding: 4.609vw 5.546875vw;
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.708333vw;
    position: relative;
    z-index: 2;
}
.section-contact form.content-right .form-row {
    display: flex;
    gap: 2.91666vw;
    width: 100%;
}
.section-contact form.content-right .form-col {
    display: flex;
    flex-direction: column;
    gap: 1.833333vw;
    width: 100%;
}
.section-contact form.content-right .form-col label {
    font-size: 1.04167vw;
    font-family: var(--font-poppins);
    font-weight: 700;
    color: var(--color-black);
}
.section-contact form.content-right .form-col input ,
.section-contact form.content-right .form-col textarea {
    border-radius: 0.572916vw;
    padding: 1.041666vw;
    background: #F6F6F6;
    border: none;
    outline: none;   
    font-family: var(--font-poppins);
}

.section-contact form.content-right .form-col input::placeholder {
    color: #BFBFBF;
    font-size: 0.833333vw;
}
.section-contact form.content-right button {
    width: 12.968vw;
    height: 4.166666vw;
    color: var(--color-white);
    font-family: var(--font-poppins);
    text-align: center;
    text-wrap: nowrap;
    font-size: 1.666vw;
    font-weight: 700;
    cursor: pointer;
    border: none;
    outline: none;
    background: var(--color-secondary);
    border-radius: 11px;
}

@media (max-width:768px) {

    /*===================== SECTION FIRST -- CONTACT OF WEBSITE ===========================*/

    .section-first {
        margin-top: 22vw;
        height: auto;
    }
    .section-first .content-left {
        padding-top: 5.84375vw;
        width: auto;
        gap: 5.66666vw;
        padding-bottom: 7vw;
    }
    .section-first .content-left title {
        display: block;
        color: var(--color-white);
        font-size: 22px;
        font-family: var(--font-lemon);
        line-height: 8.86875vw;
    }
    .section-first .content-left .paragraph {
        font-size: 18px;
        line-height: 7.770833vw;
    }
    .section-first .content-left .btn-download a {
        padding: 3.05vw 3.711979vw;
    }
    .section-first .content-left .btn-download a img {
        width: 6.701041vw;
        height: 6.04843vw;
    }

    .section-first .images-phone {
        top: 35.09375vw;
        display: none;
    }

    /*===================== SECTION TWO -- CONTACT OF WEBSITE ===========================*/

    .section-two {
        height: auto;
        gap: 7.385416vw;
    }
    .section-two .head-top {
        margin-top: 7.072916vw;
    }
    .section-two .head-top h1 {
        width: auto;
        font-size: var(--h2-size);
        line-height: 6.1656vw;
    }
    .section-two .head-top img {
        width: 56.1875vw;
        height: 4.78125vw;
    }
    /* .section-two .head-top p {
        width: 90%;
        font-size: 3.25vw;
        line-height: normal;
        margin-top: 3.62vw;
    } */
    .section-two .content-between-details {
        width: auto;
        flex-direction: column;
        border-radius: 20px;
        gap: 6vw;
    }
    .section-two .content-between-details .item {
        gap: 3.5625vw;
        padding-right: 0;
    }
    .section-two .content-between-details .item .icon {
        width: 5vw;
        height: 5vw;
        padding: 5vw;
    }
    .section-two .content-between-details .item i {
        font-size: 4vw;
    }
    .section-two .content-between-details .item .text-details {
        font-size: 4.822916vw;
    }

    .section-two .content-end-details.mobile {
        display: flex;
        max-width: 80%; 
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth; 
        margin-left: 4vw;
    }
    .section-two .content-end-details.mobile img {
        width: 76vw;
        height: auto;
        margin-right: 4vw;
        border-radius: 15px;
    }
    .section-two .content-end-details.web {
        display: none;
    }
    .section-two .btn-direction.mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14vw;
    }
    .section-two .btn-direction.mobile span i {
        font-size: 7vw;
        color: var(--color-primary);
        transition: all .5s ease-in-out;
    }
    .section-two .btn-direction.mobile span:hover i {
        transition: all .5s ease-in-out;
        color: var(--color-secondary);
    }


    /*===================== SECTION THIRD -- CONTACT OF WEBSITE ===========================*/

    .section-third {
        height: auto;
        /* margin-top: 8.26vw; */
    }
    .section-third .head-top {
        padding-top: 4.125vw;
        padding-bottom: 8vw;
        padding-left: 7vw;
        padding-right: 7vw;
        margin-left: 0;
        gap: 1.88541vw;
        width: auto;
    }
    .section-third .head-top h1 {
        width: auto;
        font-size: var(--h2-size);
        line-height: normal;
    }
    .section-third .head-top .design-custom {
        width: 56.1875vw;
        height: 4.78125vw;
    }
    .section-third .head-top p.paragraph {
        width: auto;
        font-size: 3.25vw;
        line-height: 3.77083vw;
        margin-top: 2.62vw;
    }
    .section-third .image-woman {
        display: none;
    }
    .section-third .head-top .list-avantages {
        gap: 4.666666vw;
    }
    .section-third .head-top .list-avantages .items {
        gap: 3.562vw;
    }
    .section-third .head-top .list-avantages .items span.icon-rounder {
        height: 14.4479vw;
        width: 19.4479vw;
        padding: 3vw;
    }
    .section-third .head-top .list-avantages .items span.text .title ,
    .section-third .head-top .list-avantages .items span.text .description {
        font-size: 4.822916vw;
    }
    .section-third .head-top .list-avantages .items span.icon-rounder.custom {
        width: 8vw;
    }

    /*===================== SECTION FOUR -- CONTACT OF WEBSITE ===========================*/

    .section-four .content-video .video {
        border-radius: 11px;
        width: 80vw;
        height: auto;
    }
    .section-four .section-download {
        margin-top: 37vw;
        border-radius: 13px;
        width: auto;
        height: auto;
        padding: 3vw;
    }
    .section-four .section-download h1 {
        width: auto;
        font-size: var(--h2-size);
        line-height: normal;
    }
    .section-four .section-download .design-custom {
        width: 56.1875vw;
        height: 4.78125vw;
    }
    .section-four .section-download .btn-download a {
        padding: 2.05vw 4.711979vw;
    }
    .section-four .section-download .btn-download a img {
        width: 6.701041vw;
        height: 6.04843vw;
    }

    /*===================== SECTION FIVE -- SECTION OF WEBSITE ===========================*/

    .section-five {
        gap: 3.3854vw;
        padding-top: 33vw;
    }
    .section-five .head-top {
        gap: 0.885416vw;
        width: auto;
    }
    .section-five .head-top h1 {
        width: auto;
        line-height: normal;
    }
    .section-five .head-top img {
        width: 56.1875vw;
        height: 4.78125vw;
    }
    .section-five .head-top p {
        width: auto;
        font-size: 5.25vw;
        line-height: 7vw;
        margin-top: 3.62vw;
    }

    .section-five .between-details-faq {
        width: 90%;
    }
    .section-five .between-details-faq .accordion li.faq_quiz {
        margin: 5.04166vw 0;
        padding: 4.5208vw 2vw;
    }
    .section-five .between-details-faq .accordion li label {
        padding: 0.5208vw;
        font-size: 3.822vw;
        line-height: 7vw;
    }
    .section-five .between-details-faq .accordion label::before {
        font-size: 3.25vw;
    }
    .section-five .between-details-faq .accordion .content p {
        line-height: normal;
        font-size: 4.25vw;
        text-align: justify;
    }

    /*===================== SECTION SIX -- SECTION OF WEBSITE ===========================*/

    .section-six .head-top h1 {
        width: 90.708vw;
        line-height: normal;
    }
    .section-six .head-top img {
        width: 56.1875vw;
        height: 4.78125vw;
    }
    .section-six .between-details-users .list-user-speak {
        max-width: 19%;
        gap: 7vw;
    }
    .section-six .between-details-users .list-user-speak .cards-one {
        padding: 3.79687vw 6.385416vw;
        width: 92.36458vw;
    }
    .section-six .between-details-users .list-user-speak .cards-one .descrip {
        font-size: 4.25vw;
    }
    .section-six .between-details-users .list-user-speak .cards-one .details-user {
        gap: 5vw;
    }
    .section-six .between-details-users .list-user-speak .cards-one .details-user img.img-alt-user {
        width: 19vw;
        height: 19vw;
    }
    .section-six .between-details-users .list-user-speak .cards-one .details-user .user-person {
        padding: 1.55vw 0;
    }
    .section-six .between-details-users .list-user-speak .cards-one .details-user .user-person .name {
        font-size: 5.041666vw;
    }
    .section-six .between-details-users .list-user-speak .cards-one .details-user .user-person .title-user {
        font-size: 4.041666vw;
    }
    .section-six .between-details-users .list-user-speak .cards-one .descrip strong {
        font-size: 7.8645vw;
    }
    .section-six .between-details-users .btn-action-scroll {
        padding: 2vw 2vw;
        width: 14.40625vw;
        border-radius: 5vw;
    }

    /*===================== SECTION CONTACT -- CONTACT OF WEBSITE ===========================*/

    .section-contact {
        padding: 3.125vw 5.2083vw;
        flex-direction: column;
    }
    .section-contact .content-left {
        width: auto;
        align-items: center;
        gap: 2vw;
    }
    .section-contact .content-left h1 {
        line-height: normal;
    }
    .section-contact .content-left img.design-custom {
        width: 56.1875vw;
        height: 4.78125vw;
    }
    .section-contact .content-left p.paragraph {
        font-size: 6.08333vw;
        line-height: normal;
    }
    .section-contact .content-left .social-network {
        padding-top: 3.072vw;
        gap: 4vw;
    }
    .section-contact .content-left .social-network .tel {
        gap: 4.5625vw;
    }
    .section-contact .content-left .social-network span.icon-rounder {
        width: 10.4479vw;
        padding: 3vw;
    }
    .section-contact .content-left .social-network span.icon-rounder img.icon-locate {
        width: 5.82vw;
        height: 4.3vw;
    }
    .section-contact .content-left .social-network span.icon-rounder.mail {
        width: 10.4479vw;
    }
    .section-contact .content-left .social-network .tel span.text strong.label {
        font-size: 5vw;
    }
    .section-contact .content-left .social-network .tel span.text {
        color: var(--color-white);
        font-size: 4.041666vw;
    }
    .section-contact form.content-right .form-row {
        flex-direction: column;
    }
    .section-contact form.content-right .form-col label {
        font-size: 4.04167vw;
    }
    .section-contact form.content-right .form-col input, 
    .section-contact form.content-right .form-col textarea {
        padding: 3.041666vw;
    }
    .section-contact form.content-right .form-col input::placeholder {
        font-size: 4vw;
        font-weight: bold;
    }
    .section-contact form.content-right button {
        width: 42.968vw;
        height: 13.166666vw;
        font-size: 5.666vw;
        border-radius: 7px;
    }

}