/* screen - contact-us */
    
    .contact-us {
        align-items: flex-end;
        background-color: var(--black-squeeze);
        border: 0.05vw none;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        width: 100%;
    }
    
    .contact-us .overlap-group5 {
        align-items: flex-start;
        background-image: url(../img/rectangle-3.png);
        background-size: 100% 100%;
        display: flex;
        gap: 2.14vw;
        height: 56.41vw;
        justify-content: flex-end;
        min-width: 100%;
        padding: 1.2vw 0.78vw;
    }
    
    .contact-us .sfaaz-logo-5 {
        cursor: pointer;
        height: 9.06vw;
        width: 7.24vw;
    }
    
    .contact-us .flex-col {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        margin-top: 0.1vw;
        min-height: 38.39vw;
        width: 87.81vw;
    }
    
    .contact-us .navbar {
        align-items: center;
        display: flex;
        min-width: 87.29vw;
    }
    
    .contact-us .group-153 {
        cursor: pointer;
        margin-left: 1.35vw;
        min-width: 15.78vw;
    }
    
    .contact-us .overlap-group4 {
        align-items: center;
        background-color: var(--white);
        display: flex;
        height: 4.22vw;
        justify-content: flex-end;
        min-width: 15.68vw;
        padding: 0 1.46vw;
    }
    
    .contact-us .download-fiata-diplo {
        letter-spacing: 0;
        line-height: normal;
        min-height: 1.72vw;
        text-align: center;
        width: 12.71vw;
    }
    
    .contact-us .group-6 {
        cursor: pointer;
        margin-left: 1.56vw;
        min-width: 14.32vw;
    }
    
    .contact-us .overlap-group3 {
        align-items: flex-start;
        background-color: var(--red);
        display: flex;
        height: 4.22vw;
        min-width: 14.22vw;
        padding: 1.09vw 3.59vw;
    }
    
    .contact-us .contact-us-1 {
        min-height: 1.98vw;
    }
    
    .contact-us .rectangle-7 {
        background-color: var(--white);
        height: 0.1vw;
        margin-right: 0.1vw;
        margin-top: 1.61vw;
        opacity: 0.5;
        width: 87.71vw;
    }
    
    .contact-us .title {
        align-self: center;
        letter-spacing: 0;
        line-height: normal;
        margin-left: 5.78vw;
        margin-top: 20.83vw;
        min-height: 4.58vw;
        min-width: 16.41vw;
    }
    
    .contact-us .the-shipping-forwa {
        letter-spacing: 0;
        line-height: normal;
        margin-right: 6.04vw;
        margin-top: 0.21vw;
        min-height: 2.24vw;
        min-width: 43.18vw;
        opacity: 0.9;
    }
    
    .contact-us .group-2 {
        align-self: center;
        cursor: pointer;
        margin-left: 8.44vw;
        margin-top: 0.99vw;
        min-width: 19.06vw;
    }
    
    .contact-us .overlap-group {
        align-items: center;
        background-color: var(--red);
        display: flex;
        height: 3.59vw;
        justify-content: flex-end;
        min-width: 18.96vw;
        padding: 0 2.19vw;
    }
    
    .contact-us .get-in-touch-with-us {
        letter-spacing: 0;
        line-height: normal;
        min-height: 2.03vw;
        min-width: 14.22vw;
    }
    
    .contact-us .rectangle-340 {
        align-self: center;
        background-color: var(--alto);
        height: 1.46vw;
        margin-right: 0.05vw;
        margin-top: 4.69vw;
        opacity: 0.0;
        width: 33.59vw;
    }
    
    .contact-us .flex-row-1 {
        align-self: center;
        gap: 4.64vw;
        height: 48.02vw;
        margin-right: 2.03vw;
        margin-top: 1.98vw;
        min-width: 91.82vw;
    }
    
    .contact-us .overlap-group6 {
        background-image: url(../img/rectangle-337.png);
        background-size: 100% 100%;
        height: 47.5vw;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    
    .contact-us .rectangle-336 {
        background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
        border-radius: 0.47vw;
        height: 47.5vw;
        left: 0;
        position: absolute;
        top: 0;
        transform: rotate(180deg);
        width: 100%;
    }
    
    .contact-us .contact-us-2 {
        color: var(--white);
        font-family: var(--font-family-skie-extrabold);
        font-size: 2.6vw;
        font-weight: 800;
        left: 3.33vw;
        position: absolute;
        top: 27.55vw;
    }
    
    .contact-us .office-6-office-blo {
        left: 5.42vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 31.72vw;
    }
    
    .contact-us .text-2 {
        left: 5.42vw;
        top: 38.54vw;
    }
    
    .contact-us .secretariatsfaazorg {
        left: 5.42vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 43.39vw;
    }
    
    .contact-us .icon-home {
        height: 1.15vw;
        left: 3.44vw;
        position: absolute;
        top: 32.14vw;
        width: 1.15vw;
    }
    
    .contact-us .icon-mail {
        height: 1.25vw;
        left: 3.44vw;
        position: absolute;
        top: 43.96vw;
        width: 1.25vw;
    }
    
    .contact-us .icon-call {
        height: 1.41vw;
        left: 3.33vw;
        position: absolute;
        top: 39.06vw;
        width: 1.41vw;
    }
    
    .contact-us .flex-col-1 {
        padding: 20px;
    }
    
    .contact-us .flex-col-1 .input-holder {
        margin: 0 0 30px 0;
    }
    
    .contact-us .st-name-container {
        align-items: flex-start;
        display: flex;
        gap: 17.03vw;
        height: 1.98vw;
        min-width: 30.68vw;
    }
    
    .contact-us .first-name {
        letter-spacing: 0;
        line-height: normal;
        min-height: 1.98vw;
        min-width: 6.93vw;
        opacity: 0.7;
    }
    
    .contact-us .last-name {
        letter-spacing: 0;
        line-height: normal;
        min-height: 1.98vw;
        opacity: 0.7;
    }
    
    .contact-us .flex-row-2 {
        gap: 3.12vw;
        margin-top: 0.31vw;
        width: 100%;
    }
    
    .contact-us .rectangle-33 {
        background-color: var(--white);
        width: 100%;
    }
    
    .contact-us .rectangle-33 input {
        box-shadow: none;
        border: none;
        border-bottom: 3px #ff0000 solid;
        border-radius: 3px 3px 0 0;
        font-family: var(--font-family-skie-regular);
        font-size: 16px;
        padding: 8px 12px;
    }
    
    .contact-us .rectangle-33 textarea {
        box-shadow: none;
        border: none;
        border-bottom: 3px #ff0000 solid;
        border-radius: 3px 3px 0 0;
        font-family: var(--font-family-skie-regular);
        font-size: 16px;
        padding: 8px 12px;
    }
    
    .contact-us .rectangle-33 button {
        box-shadow: none;
        background-color: #ff0000;
        color: #ffffff;
        font-family: var(--font-family-skie-bold);
        font-size: 22px;
        padding: 8px 12px;
        width: 100%;
        border-radius: 0;
    }
    
    .contact-us .rectangle-33 button:hover {
        background-color: #ff0000;
        color: #ffffff;
    }
    
    .row {
        width: 100%;
    }
    
    .contact-us .flex-row {
        align-items: flex-start;
        display: flex;
        gap: 3.12vw;
        min-width: 44.79vw;
    }
    
    .contact-us .rectangle-32 {
        background-color: var(--red);
        height: 0.16vw;
        width: 20.83vw;
    }
    
    .contact-us .flex-row-3 {
        gap: 14.37vw;
        height: 1.98vw;
        margin-top: 2.81vw;
        min-width: 33.28vw;
    }
    
    .contact-us .e-mail-address {
        letter-spacing: 0;
        line-height: normal;
        min-height: 1.98vw;
        min-width: 9.58vw;
        opacity: 0.7;
    }
    
    .contact-us .phone-number {
        letter-spacing: 0;
        line-height: normal;
        min-height: 1.98vw;
        opacity: 0.7;
    }
    
    .contact-us .flex-row-4 {
        gap: 3.12vw;
        margin-top: 0.16vw;
        min-width: 44.79vw;
    }
    
    .contact-us .subject {
        letter-spacing: 0;
        line-height: normal;
        margin-top: 2.76vw;
        min-height: 1.98vw;
        opacity: 0.7;
    }
    
    .contact-us .rectangle-334 {
        background-color: var(--white);
        height: 3.8vw;
        margin-top: 0.62vw;
        width: 44.79vw;
    }
    
    .contact-us .rectangle-32-1 {
        background-color: var(--red);
        height: 0.16vw;
        width: 44.79vw;
    }
    
    .contact-us .your-message {
        letter-spacing: 0;
        line-height: normal;
        margin-top: 2.86vw;
        min-height: 1.98vw;
        opacity: 0.7;
    }
    
    .contact-us .overlap-group7 {
        align-items: flex-end;
        background-color: var(--white);
        display: flex;
        height: 10.42vw;
        margin-top: 0.78vw;
        min-width: 44.79vw;
        padding: 0.05vw 0;
    }
    
    .contact-us .group-151 {
        cursor: pointer;
        margin-top: 1.88vw;
        min-width: 44.9vw;
    }
    
    .contact-us .overlap-group1 {
        align-items: flex-start;
        background-color: var(--red);
        display: flex;
        height: 4.58vw;
        justify-content: flex-end;
        min-width: 44.79vw;
        padding: 0.99vw 5.57vw;
    }
    
    .contact-us .submit {
        letter-spacing: 0;
        line-height: normal;
        min-height: 2.6vw;
        text-align: center;
        width: 33.59vw;
    }
    
    .contact-us .overlap-group9 {
        height: 35.42vw;
        margin-right: 0.94vw;
        margin-top: 8.54vw;
        position: relative;
        width: 85.1vw;
    }
    
    .contact-us .overlap-group10 {
        height: 35.42vw;
        left: 0;
        position: absolute;
        top: 0;
        width: 85.1vw;
    }
    
    .contact-us .overlap-group8 {
        height: 35.42vw;
        left: 2.08vw;
        position: absolute;
        top: 0;
        width: 83.02vw;
    }
    
    .contact-us .rectangle-275 {
        height: 35.42vw;
        left: 22.55vw;
        position: absolute;
        top: 0;
        width: 60.47vw;
    }
    
    .contact-us .office-6-office-blo-1 {
        left: 0;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.7;
        position: absolute;
        top: 11.82vw;
    }
    
    .contact-us .contact-us-3 {
        left: 0;
        position: absolute;
        top: 8.54vw;
    }
    
    .contact-us .text-1 {
        left: 2.08vw;
        opacity: 0.7;
        top: 18.65vw;
    }
    
    .contact-us .secretariatsfaazorg-1 {
        left: 2.08vw;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.7;
        position: absolute;
        top: 23.49vw;
    }
    
    .contact-us .house-svgrepo-com-1 {
        height: 1.15vw;
        left: 0.26vw;
        position: absolute;
        top: 12.24vw;
        width: 1.15vw;
    }
    
    .contact-us .icon-mail-1 {
        height: 1.25vw;
        left: 0.36vw;
        position: absolute;
        top: 24.06vw;
        width: 1.25vw;
    }
    
    .contact-us .icon-call-1 {
        height: 1.41vw;
        left: 0.26vw;
        position: absolute;
        top: 19.17vw;
        width: 1.41vw;
    }
    
    .contact-us .group-150 {
        margin-right: -2.5vw;
        min-width: 102.5vw;
    }
    
    .contact-us .overlap-group2 {
        height: 28.8vw;
        position: relative;
        width: 100.52vw;
    }
    
    .contact-us .about-us {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 6.56vw;
    }
    
    .contact-us .membership {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 8.75vw;
    }
    
    .contact-us .training-programs {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 10.94vw;
    }
    
    .contact-us .ylp-award {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 13.12vw;
    }
    
    .contact-us .news-updates {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 15.31vw;
    }
    
    .contact-us .contact-us-4 {
        letter-spacing: 0;
        line-height: normal;
    }
    
    .contact-us .flex-row-5 {
        align-items: flex-start;
        display: flex;
    }
    
    .contact-us .group {
        align-items: flex-start;
        display: flex;
    }
    
    .contact-us .navbar-link {
        cursor: pointer;
        letter-spacing: 0;
        line-height: normal;
        margin-left: 1.35vw;
        margin-top: 0.05vw;
        min-height: 1.88vw;
    }
    
    .contact-us .text {
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
    }
    /* Extra small devices (phones, 600px and down) */
    
    @media only screen and (max-width: 600px) {
        .contact-us .overlap-group6 {
            height: 80vh;
        }
        .contact-us .rectangle-336 {
            height: 80vh;
        }
    }
    /* Small devices (portrait tablets and large phones, 600px and up) */
    
    @media only screen and (min-width: 601px) and (max-width: 768px) {}
    /* Medium devices (landscape tablets, 768px and up) */
    
    @media only screen and (min-width: 769px) and (max-width: 992px) {}
    /* Large devices (laptops/desktops, 992px and up) */
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {}