* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: white;
    font-family: 'Raleway', sans-serif;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}


/* ################# Video bg begin  ################# */
.video-container #video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;
    background-color: rgb(173, 129, 230);

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    z-index: -1;
}
/* ################# Video bg end  ################# */



/* ################# Header begin  ################# */
.header {
    margin-bottom: 60px;
}

.header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lang-switcher {
    position: absolute;
    left: 48px;
    top: 25px;
    padding: 8px;
}

.lang-switcher__icon {
    width: 15px;
    height: 15px;
}

.header-logo {
    margin-top: 20px;
    margin-bottom: 16px;
}

.header-logo:hover {
    opacity: 0.6;
    transform: scale(0.9);
}

.header-logo__img {
    width: 130px;
    height: auto;
    display: block;
}

.header-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.header-nav-link {
    padding: 10px;
}

.header-nav-link:hover {
    opacity: 0.6;
    transform: scale(0.9);
}
/* ################# Header end  ################# */



/* ################# Our Team section begin  ################# */
.our-team {
    padding: 0 48px 80px;
    min-height: 100%;
    flex: 1;
}

.our-team__title {
    font-size: 19px;
    margin-bottom: 16px;
    font-weight: bold;
    letter-spacing: 0.6px;
    
}

.team {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    color: white;
}

.team-member {

}

.team-member__photo {
    width: 180px;
    height: 180px;
    padding-bottom: 8px;
}

.team-member__photo:hover {
    opacity: 0.6;
    transform: scale(0.9);
}

.team-member__name {
    font-size: 12px;
    margin: 0 0 8px;
    font-weight: bold;
    letter-spacing: 0.6px;
}

.team-member__position {
    font-size: 10px;
    margin: 0;
    letter-spacing: 0.6px;
}
/* ################# Our Team section end  ################# */

/* ################# Index section begin  ################# */

.home-eng {
    padding: 0 48px 80px;
    min-height: 100%;
    flex: 1;
}

.home-eng__title {
    font-size: 19px;
    margin: 0 0 8px;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 1.5;
}

.home-text__name {
    font-size: 14px;
    margin: 0 0 8px;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 1.5;
}


/* ################# Index section end  ################# */


/* ################# Donate section begin  ################# */


.donate-section {
    padding: 0 48px 80px;
    min-height: 100%;
    flex: 1;
}


/* ################# Donate section end  ################# */

/* ################# Footer begin  ################# */
.footer {
    color: rgb(250, 250, 250);
    font-size: 9px;
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px;
}
/* ################# Footer end  ################# */