/* #region Responsive Styles */
@media only screen and (max-width: 920px) {
    #video-text b {
        font-size: 36px !important;
        margin-bottom: 32px !important
    }
/*
    #values p {
        padding: 0 !important;
    }*/

    #culture #vision {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    #culture #mission {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    #teamwork-content h4 {
        font-size: 11px !important
    }

/*    #contact-button {
        justify-content: center !important
    }*/

/*    #contact-us-background {
        background-position: center !important
    }*/
}
/* #endregion */

/* #region Video */
#video {
    display: flex;
    overflow: hidden;
    max-width: 1280px;
    max-height: 720px;
    position: relative;
    align-items: center;
    aspect-ratio: 1280 / 720;
}

    #video video {
        width: 100%;
        height: auto;
        aspect-ratio: attr(width) / attr(height);
    }

#video-text {
    z-index: 3;
    width: 100%;
    position: absolute;
    text-align: center;
}

    #video-text b {
        color: white;
        display: block;
        font-size: 80px;
        font-weight: 900;
        margin-bottom: 60px
    }

    #video-text a {
        font-size: 18px;
        font-weight: 700;
        padding: 15px 30px;
        border-radius: 50px;
        background-color: white;
        color: var(--dark-blue);
    }

#waves {
    left: 0;
    z-index: 2;
    width: 190%;
    bottom: -4px;
    position: absolute;
}

    #waves svg {
        width: 100%;
        height: 100px;
        fill: var(--dark-blue);
    }

        #waves svg path {
            transform-origin: center;
            transform: rotateX(180deg);
        }
/* #endregion */

/* #region Why AEP */
/*#why-aep {
    gap: 24px;
    padding: 64px 0 24px 0;
    grid-template-columns: 1fr 1fr
}

#why-aep h5 {
    margin-top: 0;
    padding-left: 40px;
    white-space: nowrap;
    margin-bottom: 24px;
}

#why-aep p {
    font-weight: 400;
    line-height: 26px;
    text-align: justify
}*/
/* #endregion */

/* #region Carousel */
#carousel {
    /*margin-top: 24px*/
}

#carousel-display div {
    overflow: hidden;
}

/*#carousel img {
    transition: 0.3s all ease-in-out
}

    #carousel img:hover {
        transform: scale(1.2);
    }*/
/* #endregion */

/* #region Teamwork */
#teamwork-content {
    margin-top: 24px;
    padding: 20px 10px;
    background-color: #F7F7F7;
}

    #teamwork-content h4 {
        z-index: 1;
        color: var(--dark-blue)
    }

    #teamwork-content img {
        width: 100%;
        display: block;
        margin: -20px 0 -20px 0;
    }

    #teamwork-content .step-container {
        display: grid;
        text-align: center;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
    }

    #teamwork-content #top-steps {
        position: relative;
    }

    #teamwork-content #bottom-steps {
        bottom: 0;
        position: relative;
    }
/* #endregion */

/* #region Background Image */
#background-image {
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: var(--content-width);
    background-image: url("../images/home/background.png");
}
/* #endregion */

/* #region Culture */
#culture-content {
    color: white;
    background-color: var(--dark-blue);
    grid-template-columns: 1fr 1fr 1fr;
}

.culture-col {
    position: relative;
    padding: 24px 20px 104px 20px
}

#culture h1 {
    top: 12px;
    position: absolute;
    color: rgba(255, 255, 255, 0.1)
}

#culture #vision {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

#culture #mission {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.culture-col p {
    line-height: 26px;
}

#culture .culture-link {
    bottom: 48px;
    position: absolute;
}

#culture a {
    font-weight: 700;
    padding: 15px 40px;
    border-radius: 50px;
    color: var(--dark-blue);
    background-color: white;
}

#culture i {
    margin-left: 12px;
}
/* #endregion */

/* #region Services */
/*#services {
    padding: 48px 0 24px 0;
}

#services-content {
    text-align: center;
}

#services-grid {
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
}

.service-image-container {
    margin: auto;
    overflow: hidden;
    max-width: 468px;
    position: relative;
}

    .service-image-container img {
        width: 100%;
        display: block;
        transition: all 0.3s ease-in-out !important
    }

        .service-image-container img:hover {
            transform: scale(1.08);
        }

#services h4 {
    left: 50%;
    margin: 0;
    z-index: 2;
    width: 100%;
    color: white;
    bottom: 16px;
    padding: 3px;
    position: absolute;
    background: rgb(0 0 0 / .3);
    transform: translateX(-50%);
}*/
/* #endregion */

/* #region Contact Us */
/*#contact-us {
    margin-bottom: 24px;
}

#contact-us-content {
    color: white;
    padding: 0 24px;
    position: relative;
    grid-template-columns: 1fr 1fr;
}

    #contact-us-content h2:nth-child(2) {
        font-weight: 500;
    }

#contact-button {
    display: flex;
    align-items: center;
    justify-content: right
}

    #contact-button a {
        margin: 24px 0;
        font-size: 18px;
        font-weight: 600;
        padding: 15px 30px;
        border-radius: 50px;
        color: var(--dark-blue);
        background-color: white;
    }

#contact-us-background {
    width: 100%;
    z-index: -1;
    height: 100%;
    position: absolute;
    background-size: cover;
    filter: brightness(60%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 360px;
    background-image: url("../images/home/contact-us.jpeg");
}*/
/* #endregion */