/*===================== STYLE GLOBAL OF WEBSITE ===========================*/

/*===================== FIRST SECTION OF WEBSITE ===========================*/

.section-first-home {
    margin-top: 4vh;
    
    display: flex;
    gap: 6.613vw;
    
    justify-content: space-between;
    /* align-items: center; */
    padding-left: 4.2989vw;
    padding-right: 4.2328vw;
    
    padding-top: 8.1005vw;   
    margin-bottom: 6.2751vw; 

    height: auto;
}

.section-first-home .content-text-description {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    width: 100%;
}
.section-first-home .content-text-description span.title {
    font-size: var(--btn-big-height);
    font-family: var(--font-montserrat-bold);
    color: var( --color-blue-absde);
}

.section-first-home .content-text-description .list-embassy {
    display: flex;
    flex-direction: column;
    gap: 2vw;
}
.section-first-home .content-text-description .one-embassy {
    display: flex;
    gap: 3vw;
    align-items: center;
}

.section-first-home .content-text-description .one-embassy .content-ul {
    content: '';
    position: relative;
    background: var(--color-yellow-btn-absde);
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
}

.section-first-home .content-text-description .one-embassy .img-logo {
    width: 15vw;
    height: 5vw;
}
.section-first-home .content-text-description .one-embassy .img-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(0%) sepia(26%) saturate(126%) hue-rotate(130deg) brightness(0%) contrast(100%);
}

.section-first-home .content-text-description .one-embassy .details {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.section-first-home .content-text-description .one-embassy .details a {
    width: fit-content;
    text-align: center;
    background: azure;
    color: var(--color-blue-absde);
    font-family: var(--font-montserrat-semibold);
    font-size: var(--p-size-alt);
    text-transform: uppercase;
    padding: 1.1574vw 1vw ;
    outline: none;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.section-first-home .content-text-description .one-embassy .details a:hover {
    background: var(--color-yellow-btn-absde);
    transition: all .5s ease-in-out;
    color: var(--color-blue-absde);
}


/*===================== RESPONSIVE OF HEADER__WEBSITE ===========================*/

@media (max-width:768px) {

    .section-first-home {
        margin-top: 25vw;
        height: auto;
        flex-direction: column-reverse;
    }
    
    .section-first-home .content-text-description {
        gap: 9vw;
    }
    .section-first-home .content-text-description a {
        padding: 3.1574vw 4vw;
    }
    .section-first-home .img-fluid img {
        width: 100%;
    }


}