@media (max-width: 566px) {
    .profile-wrappe {
        display: flex;
        flex-direction: column;

    }

    .navigation-wrapper {
        height: 100%;
        flex-direction: column;

    }

    .navigation-wrapper>.profile-wrapper {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .navigation-wrapper>.links-wrapper {
        flex-direction: column;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .anyemba-section {
        position: relative;
        height: 100%;
        overflow: hidden;
    }

    .back-video {
        position: absolute;
        top: 0%;
        left: 0%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
        object-fit: cover;
        filter: brightness(50%);
    }

    .anyemba-section>.top-heading {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        text-align: center;
        color: #F6901E;
    }

    .top-heading h1 {
        width: 100%;
        padding-left: 5px;
        font-size: xx-large;
    }

    .top-heading h3 {
        width: 100%;
        padding-left: 5px;
        text-align: center;

    }

    .anyemba-section>.bottom-heading {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        text-align: center;
    }

    .tembo-section {
        height: 100%;
    }

    .tembo-section>.columms-wraper {
        height: 100%;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .tembo-columms {
        height: 100%;
    }

    .tembo-columms>.dube-columms {
        height: 100%;
        flex-direction: column;
    }

    .zvimbaz {
        height: 100%;
        flex-direction: column-reverse;
        padding: 2px 2px;
    }

    .itembo {
        height: 100%;
        width: 100%;

    }

    .whychoosingus {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .why-option {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .gora-wrapper {
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        background-color: #11122b;
        color: #F6901E;
        width: 100%;
    }

    .ngwerenjuma-section {
        height: 100%;
    }

    .ngwerenjuma-section>.njuma-sections {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .njuma-sections>.vision {
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .njuma-sections>.mission {
        height: 100%;
        justify-content: center;
        align-items: center;
    }


    .Mp {
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .our>.iour {
        height: 100%;
        width: 100%;
    }

    .Ourstory {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        text-align: center;
    }


    /* service */
    .hero-section {
        height: 100%;

    }

    .top-heading {
        width: 100%;
        align-items: center;
        color: #F6901E;
        margin-bottom: 5px;
        text-align: center;
        height: auto;
    }

    .bottom-heading {
        width: 70%;
        align-items: center;
        color: #F6901E;
        margin-bottom: 5px;
        text-align: center;
        height: 100%;
        justify-content: center;
    }

    .our-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        flex-direction: column;
        text-align: center;
    }

    .contact {
        height: 100% !important;
        width: 100% !important;
        background-color: #11122b;
        color: #F6901E;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .contact>.mr {
        height: 100%;
        width: 100%;
        padding: 5px 5px 5px 5px;
    }

    .contact-form {
        display: flex;
        height: 100%;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        padding: 0px 0px 0px 0px;
        height: 100%;
        width: 100%;
    }

    .nono {
        flex-direction: column;
        height: 100%;
        text-align: center;
    }

}