/* screen - home */
    
    .home {
        align-items: flex-start;
        background-color: var(--white);
        border: 0.05vw none;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        width: 100%;
    }
    
    .home .flex-col {
        flex-direction: column;
        gap: 4.69vw;
        width: 100%;
    }
    
    .home .about-sfaaz {
        width: 100%;
        padding: 50px 20px;
    }
    
    .membership-and-training {
        width: 100%;
        margin-bottom: 50px;
    }
    
    .membership-and-training a {
        color: #ffffff;
    }
    
    .leadership {
        width: 100%;
    }
    
    .leadership .top img {
        width: 100%;
        height: 400px;
    }
    
    .home .overlap-group10 {
        align-items: flex-start;
        background-image: url(../assets/img/rectangle-3.png);
        background-size: 100% 100%;
        display: flex;
        gap: 2.66vw;
        height: 56.41vw;
        justify-content: flex-end;
        min-width: 100%;
        padding: 1.2vw 0.78vw;
    }
    
    .home .sfaaz-logo-2 {
        height: 9.06vw;
        width: 7.24vw;
    }
    
    .home .flex-col-1 {
        align-items: flex-end;
        margin-top: 0.1vw;
        min-height: 39.43vw;
        width: 87.29vw;
    }
    
    .home .navbar {
        align-items: center;
        display: flex;
        min-width: 87.29vw;
    }
    
    .home .group-151 {
        margin-left: 1.35vw;
        min-width: 15.78vw;
    }
    
    .home .overlap-group6 {
        align-items: center;
        background-color: var(--white);
        display: flex;
        height: 4.22vw;
        justify-content: flex-end;
        min-width: 15.68vw;
        padding: 0 1.46vw;
    }
    
    .home .download-fiata-diplo {
        letter-spacing: 0;
        line-height: normal;
        min-height: 1.72vw;
        text-align: center;
        width: 12.71vw;
    }
    
    .home .group-6 {
        margin-left: 1.56vw;
        min-width: 14.32vw;
    }
    
    .home .overlap-group-3 {
        align-items: flex-start;
        background-color: var(--red);
        display: flex;
        height: 4.22vw;
        min-width: 14.22vw;
        padding: 1.09vw 3.59vw;
    }
    
    .home .rectangle-7 {
        background-color: var(--white);
        height: 0.1vw;
        margin-right: 0.1vw;
        margin-top: 1.61vw;
        opacity: 0.5;
        width: 87.19vw;
    }
    
    .home .the-shipping-forwa {
        letter-spacing: 0;
        line-height: normal;
        margin-right: 6.04vw;
        margin-top: 17.34vw;
        min-height: 2.24vw;
        min-width: 43.18vw;
        opacity: 0.9;
    }
    
    .home .setting-the-standard {
        color: var(--white);
        font-family: var(--font-family-skie-extrabold);
        font-size: 40px;
        font-weight: 800;
        letter-spacing: 0;
        line-height: normal;
        margin-right: 5.62vw;
        margin-top: 0.52vw;
        min-height: 8.44vw;
        width: 43.59vw;
    }
    
    .home .group-2 {
        align-self: center;
        margin-left: 7.92vw;
        margin-top: 1.35vw;
        min-width: 19.06vw;
    }
    
    .home .overlap-group a {
        align-items: center;
        background-color: var(--red);
        display: flex;
        height: 3.59vw;
        justify-content: center;
        min-width: 18.96vw;
    }
    
    .home .overlap-group a:hover {
        color: #ffffff;
    }
    
    .home .rectangle-340 {
        background-color: var(--alto);
        height: 1.46vw;
        margin-right: 0.05vw;
        opacity: 0.0;
        width: 33.59vw;
    }
    
    .home .flex-row {
        align-self: center;
        gap: 3.85vw;
        margin-left: 0.62vw;
        margin-top: 1.98vw;
        min-width: 93.33vw;
    }
    
    .home .flex-col-2 {
        align-items: flex-start;
        margin-top: 0.05vw;
        /* min-height: 41.77vw; */
        width: 26.3vw;
    }
    
    .home .about-the-sfaaz {
        letter-spacing: 0;
        line-height: normal;
        min-height: 8.44vw;
        width: 14.95vw;
    }
    
    .home .rectangle-9 {
        background-color: var(--red);
        height: 0.16vw;
        margin-left: 0.1vw;
        margin-top: 0.36vw;
        width: 14.84vw;
    }
    
    .home .sfaaz-is-a-voluntary {
        letter-spacing: 0;
        line-height: normal;
        margin-left: 0.1vw;
        margin-top: 1.61vw;
        min-height: 25.42vw;
        width: 26.2vw;
    }
    
    .home .group-3 {
        margin-left: 0.1vw;
        margin-top: 2.19vw;
        min-width: 19.06vw;
    }
    
    .home .overlap-group26 {
        height: 44.64vw;
        position: relative;
        width: 63.18vw;
    }
    
    .home .overlap-group11 {
        height: 44.64vw;
        left: 0;
        position: absolute;
        top: 0;
        width: 63.18vw;
    }
    
    .home .rectangle-8 {
        height: 43.23vw;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 37.34vw;
    }
    
    .home .rectangle-10 {
        height: 26.51vw;
        left: 34.11vw;
        object-fit: cover;
        position: absolute;
        top: 18.12vw;
        width: 29.06vw;
    }
    
    .home .sfaaz-logo-3 {
        height: 12.34vw;
        left: 45.99vw;
        object-fit: cover;
        position: absolute;
        top: 1.72vw;
        width: 9.9vw;
    }
    
    .home .flex-col-3 {
        align-items: flex-end;
        margin-top: 5.57vw;
        width: 100%;
    }
    
    .home .flex-row-1 {
        min-width: 100%;
    }
    
    .home .rectangle-11 {
        height: 100%;
        object-fit: cover;
        width: 59.06vw;
    }
    
    .home .flex-col-4 {
        align-items: flex-end;
        background-color: var(--black-squeeze);
        gap: 1.93vw;
        padding: 6.25vw 2.08vw;
        width: 40.94vw;
    }
    
    .home .flex-col-4 .mission {
        margin-bottom: 40px;
    }
    
    .home .flex-col-5 {
        align-items: flex-start;
        width: 36.3vw;
    }
    
    .home .our-mission {
        color: var(--astronaut);
        font-family: var(--font-family-skie-bold);
        font-size: 45px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    
    .home .our-vision {
        color: var(--astronaut);
        font-family: var(--font-family-skie-bold);
        font-size: 45px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    
    .home .rectangle-13 {
        background-color: var(--red);
        margin-top: 0.83vw;
        width: 15.05vw;
    }
    
    .home .flex-row-2 {
        display: flex;
        align-self: flex-end;
        gap: 1.04vw;
        margin-top: 1.93vw;
        min-width: 36.04vw;
    }
    
    .home .overlap-group19 {
        align-items: center;
        background-color: var(--astronaut);
        border-radius: 1.22vw;
        display: flex;
        height: 2.45vw;
        margin-top: 0.05vw;
        min-width: 2.45vw;
        padding: 0.26vw 0.89vw;
    }
    
    .home .number {
        letter-spacing: 0;
        line-height: normal;
    }
    
    .home .to-protect-and-to-re {
        letter-spacing: 0;
        line-height: normal;
    }
    
    .home .flex-row-3 {
        align-self: flex-end;
        gap: 1.04vw;
        margin-top: 2.76vw;
        min-width: 36.04vw;
    }
    
    .home .overlap-group-1 {
        align-items: flex-start;
        background-color: var(--astronaut);
        border-radius: 1.22vw;
        display: flex;
        height: 2.45vw;
        justify-content: flex-end;
        margin-top: 0.05vw;
        min-width: 2.45vw;
        padding: 0.26vw 0.73vw;
    }
    
    .home .to-ensure-quality-se {
        letter-spacing: 0;
        line-height: normal;
    }
    
    .home .flex-row-4 {
        align-self: flex-end;
        gap: 1.04vw;
        height: 4.22vw;
        margin-top: 1.93vw;
        min-width: 36.04vw;
    }
    
    .home .to-promote-co-operat {
        letter-spacing: 0;
        line-height: normal;
    }
    
    .home .our-values {
        color: var(--astronaut);
        font-family: var(--font-family-skie-bold);
        font-size: 3.12vw;
        font-weight: 700;
        margin-left: 0.26vw;
        margin-top: 50px;
    }
    
    .home .rectangle-14 {
        background-color: var(--red);
        height: 0.16vw;
        margin-left: 0.26vw;
        margin-top: 0.05vw;
        width: 13.59vw;
    }
    
    .home .flex-row-5 {
        height: 2.5vw;
        min-width: 35.78vw;
    }
    
    .home .expertise {
        letter-spacing: 0;
        line-height: normal;
        margin-left: 1.04vw;
        min-height: 2.14vw;
        min-width: 6.51vw;
    }
    
    .home .reliability {
        letter-spacing: 0;
        line-height: normal;
        margin-left: 1.04vw;
        min-height: 2.14vw;
        min-width: 6.77vw;
    }
    
    .home .overlap-group21 {
        align-items: flex-start;
        align-self: flex-end;
        background-color: var(--astronaut);
        border-radius: 1.22vw;
        display: flex;
        height: 2.45vw;
        justify-content: flex-end;
        margin-left: 3.59vw;
        min-width: 2.45vw;
        padding: 0.26vw 0.73vw;
    }
    
    .home .integrity {
        letter-spacing: 0;
        line-height: normal;
        margin-left: 1.04vw;
        min-height: 2.14vw;
    }
    
    .home .overlap-group-container {
        align-items: flex-start;
        align-self: center;
        display: flex;
        gap: 5.21vw;
        /* height: 43.7vw; */
        margin-top: 6.15vw;
        min-width: 86.35vw;
    }
    
    .home .overlap-group14 {
        align-items: flex-start;
        background-color: var(--astronaut);
        border-radius: 0.26vw;
        display: flex;
        flex-direction: column;
        padding: 2.66vw 3.59vw;
        min-height: 43.7vw;
        width: 40.57vw;
    }
    
    .home .mdihandshake-outline {
        height: 7.6vw;
        width: 7.6vw;
    }
    
    .home .membership {
        color: var(--white);
        font-family: var(--font-family-skie-bold);
        font-size: 40px;
        font-weight: 700;
        margin-left: 0.42vw;
        margin-top: 0.57vw;
        min-height: 3.91vw;
    }
    
    .home .the-shipping-and-for {
        color: var(--white);
        font-family: var(--font-family-skie-regular);
        font-size: var(--font-size-m);
        font-weight: 400;
        letter-spacing: 0;
        line-height: normal;
        margin-left: 0.42vw;
        margin-top: 0.62vw;
        width: 30.05vw;
    }
    
    .home .group-4 {
        margin-left: 0.42vw;
        margin-top: 2.81vw;
        min-width: 19.06vw;
    }
    
    .home .overlap-group3 {
        align-items: center;
        background-color: var(--red);
        display: flex;
        justify-content: flex-end;
        min-width: 18.96vw;
        padding: 12px 20px
    }
    
    .home .overlap-group12 {
        align-items: flex-start;
        background-color: var(--astronaut);
        border-radius: 0.26vw;
        display: flex;
        flex-direction: column;
        min-height: 43.7vw;
        padding: 2.66vw;
        width: 40.57vw;
    }
    
    .home .training-container {
        height: 11.77vw;
        margin-left: 0.21vw;
        position: relative;
        width: 25.47vw;
    }
    
    .home .training-programs {
        color: var(--white);
        font-family: var(--font-family-skie-bold);
        font-size: 40px;
        font-weight: 700;
        left: 1.15vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 7.55vw;
    }
    
    .home .healthiconsi-training-class {
        height: 7.76vw;
        left: 0;
        position: absolute;
        top: 0;
        width: 7.76vw;
    }
    
    .home .sfaaz-provides-top-n {
        align-self: flex-end;
        color: var(--white);
        font-family: var(--font-family-skie-regular);
        font-size: var(--font-size-m);
        font-weight: 400;
        letter-spacing: 0;
        line-height: normal;
        margin-top: 0.57vw;
        width: 33.91vw;
    }
    
    .home .group-5 {
        margin-left: 1.46vw;
        margin-top: 1.04vw;
        min-width: 19.06vw;
    }
    
    .home .overlap-group4 {
        align-items: center;
        background-color: var(--red);
        display: flex;
        height: 3.59vw;
        justify-content: flex-end;
        min-width: 18.96vw;
        padding: 0 1.56vw;
    }
    
    .home .view-training-programs {
        letter-spacing: 0;
        line-height: normal;
        min-height: 2.03vw;
        min-width: 15.16vw;
    }
    
    #leadership {
        background-color: var(--black-squeeze);
        margin-top: 50px;
        max-width: 100%;
        padding: 50px;
    }
    
    #leadership .section-header {
        text-align: center;
        width: 100%;
    }
    
    .home .overlap-group8 {
        display: flex;
        justify-content: center;
        margin-top: 50px;
        width: 100%;
    }
    
    .home .overlap-group2 {
        align-items: center;
        background-color: var(--astronaut);
        border-radius: 0.31vw;
        display: flex;
        flex-direction: column;
        min-height: 32.97vw;
    }
    
    .home .rectangle-22 {
        height: 26.2vw;
        object-fit: cover;
        width: 100%;
    }
    
    .home .godfrey-muswere {
        letter-spacing: 0;
        line-height: normal;
        margin-top: 0.99vw;
        min-height: 2.6vw;
        min-width: 14.79vw;
    }
    
    .home .chairman {
        letter-spacing: 0;
        line-height: normal;
        margin-right: 0.05vw;
        min-height: 1.98vw;
        min-width: 5.99vw;
    }
    
    .home .flex-col-6 {
        align-items: center;
        gap: 4.17vw;
        margin-left: 2.24vw;
        min-height: 41.35vw;
        width: 27.5vw;
    }
    
    .home .acting-ceo {
        letter-spacing: 0;
        line-height: normal;
        margin-left: 0.05vw;
        min-height: 1.98vw;
        min-width: 7.45vw;
    }
    
    .home .our-gallery {
        align-self: center;
        height: 4.22vw;
        margin-left: 11.77vw;
        margin-top: 3.75vw;
        min-width: 15.68vw;
        text-align: center;
    }
    
    .home .flex-row-6 {
        align-self: center;
        gap: 1.15vw;
        margin-left: 2.29vw;
        margin-top: 2.71vw;
        min-width: 109.43vw;
    }
    
    .home .overlap-group-2 {
        align-items: flex-start;
        background-color: var(--alto);
        display: flex;
        justify-content: flex-end;
        min-width: 22.86vw;
    }
    
    .home .rectangle-249 {
        height: 20.31vw;
        object-fit: cover;
        width: 13.44vw;
    }
    
    .home .rectangle-2 {
        height: 20.31vw;
        object-fit: cover;
        width: 22.86vw;
    }
    
    .home .rectangle-253 {
        height: 20.31vw;
        object-fit: cover;
        width: 13.39vw;
    }
    
    .home .flex-row-7 {
        align-self: flex-start;
        gap: 1.15vw;
        margin-top: 0.99vw;
        min-width: 114.22vw;
    }
    
    .home .rectangle-247 {
        height: 20.31vw;
        object-fit: cover;
        width: 8.65vw;
    }
    
    .home .rectangle-244 {
        height: 20.31vw;
        object-fit: cover;
        width: 18.18vw;
    }
    
    .home .overlap-group27 {
        height: 35.42vw;
        margin-right: 3.44vw;
        margin-top: 3.18vw;
        position: relative;
        width: 85.1vw;
    }
    
    .home .overlap-group-4 {
        height: 35.42vw;
        left: 0;
        position: absolute;
        top: 0;
        width: 85.1vw;
    }
    
    .home .overlap-group15 {
        height: 35.42vw;
        left: 2.08vw;
        position: absolute;
        top: 0;
        width: 83.02vw;
    }
    
    .home .rectangle-275 {
        height: 35.42vw;
        left: 22.55vw;
        position: absolute;
        top: 0;
        width: 60.47vw;
    }
    
    .home .office-6-office-blo {
        left: 0;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.7;
        position: absolute;
        top: 11.82vw;
    }
    
    .home .contact-us-1 {
        left: 0;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 8.54vw;
    }
    
    .home .text-12 {
        left: 2.08vw;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.7;
        position: absolute;
        top: 18.65vw;
    }
    
    .home .secretariatsfaazorg {
        left: 2.08vw;
        letter-spacing: 0;
        line-height: normal;
        opacity: 0.7;
        position: absolute;
        top: 23.49vw;
    }
    
    .home .house-svgrepo-com-1 {
        height: 1.15vw;
        left: 0;
        position: absolute;
        top: 12.24vw;
        width: 1.15vw;
    }
    
    .home .icon-mail {
        height: 1.25vw;
        left: 0.36vw;
        position: absolute;
        top: 24.06vw;
        width: 1.25vw;
    }
    
    .home .icon-call {
        height: 1.41vw;
        left: 0.26vw;
        position: absolute;
        top: 19.17vw;
        width: 1.41vw;
    }
    
    .home .overlap-group5 {
        height: 28.8vw;
        margin-right: 1.98vw;
        position: relative;
        width: 100.52vw;
    }
    
    .home .about-us {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 6.56vw;
        border: red 4px solid;
    }
    
    .home .membership-1 {
        cursor: pointer;
        left: 47.08vw;
        position: absolute;
        top: 8.75vw;
    }
    
    .home .training-programs-1 {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 10.94vw;
    }
    
    .home .ylp-award {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 13.12vw;
    }
    
    .home .news-updates {
        cursor: pointer;
        left: 47.08vw;
        letter-spacing: 0;
        line-height: normal;
        position: absolute;
        top: 15.31vw;
    }
    
    .home .flex {
        align-items: center;
        display: flex;
    }
    
    .home .flex-col-7 {
        display: flex;
        flex-direction: column;
    }
    
    .home .flex-row-8 {
        align-items: flex-start;
        display: flex;
    }
    
    .home .group {
        align-items: flex-start;
        cursor: pointer;
        display: flex;
    }
    
    .home .navbar-link {
        cursor: pointer;
        letter-spacing: 0;
        line-height: normal;
        margin-left: 1.35vw;
        margin-top: 0.05vw;
        min-height: 1.88vw;
    }
    /* Extra small devices (phones, 600px and down) */
    
    @media only screen and (max-width: 600px) {
        .home .overlap-group26 {
            display: none;
        }
        .home .flex-col-2 {
            width: 100%;
        }
        .home .about-the-sfaaz {
            width: 100%;
        }
        .home .sfaaz-is-a-voluntary {
            width: 100%;
        }
        .home .group-3 {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: center;
        }
        .home .overlap-group a {
            align-items: center;
            background-color: var(--red);
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 8px 20px;
            height: 50px;
        }
        .home .flex-row-1 {
            display: block;
        }
        .home .rectangle-11 {
            object-fit: cover;
            width: 100vw;
        }
        .home .flex-col-4 {
            width: 100vw;
        }
        .home .flex-col-5 {
            width: 90vw;
        }
        .home .flex-row-2 {
            width: 90vw;
        }
        .home .overlap-group19 {
            width: 25px;
            height: 25px;
            border-radius: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .home .to-protect-and-to-re {
            width: calc(100% - 25px);
        }
        .home .to-ensure-quality-se {
            width: 100%;
        }
        .home .to-promote-co-operat {
            width: 100%;
        }
        .home .our-mission {
            font-size: 30px;
        }
        .home .our-values {
            margin-top: 120px;
            font-size: 30px;
        }
        .home .flex-row-8 {
            display: flex;
            justify-content: flex-start;
        }
        .home .rectangle-11 {
            height: 56.25vw;
            object-fit: cover;
            width: 100vw;
        }
        .home .flex-row-5 {
            display: none;
        }
        .home .overlap-group-container {
            display: block;
        }
        .home .overlap-group14 {
            width: 100%;
            margin-bottom: 50px;
            height: 70vh;
        }
        .home .overlap-group12 {
            width: 100%;
            height: 60vh;
        }
        .home .the-shipping-and-for {
            width: 100%;
        }
        .home .sfaaz-provides-top-n {
            width: 100%;
        }
    }
    /* Small devices (portrait tablets and large phones, 600px and up) */
    
    @media only screen and (min-width: 601px) and (max-width: 768px) {
        .home .overlap-group26 {
            display: none;
        }
        .home .flex-col-2 {
            width: 100%;
        }
        .home .about-the-sfaaz {
            width: 100%;
        }
        .home .sfaaz-is-a-voluntary {
            width: 100%;
        }
        .home .group-3 {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: center;
        }
        .home .overlap-group a {
            align-items: center;
            background-color: var(--red);
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 8px 20px;
            height: 50px;
        }
    }
    /* Medium devices (landscape tablets, 768px and up) */
    
    @media only screen and (min-width: 769px) and (max-width: 992px) {
        .home .overlap-group26 {
            display: none;
        }
        .home .flex-col-2 {
            width: 100%;
        }
        .home .about-the-sfaaz {
            width: 100%;
        }
        .home .sfaaz-is-a-voluntary {
            width: 100%;
        }
        .home .group-3 {
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: center;
        }
        .home .overlap-group a {
            align-items: center;
            background-color: var(--red);
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 8px 20px;
            height: 50px;
        }
    }
    /* Large devices (laptops/desktops, 992px and up) */
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {}