.slider-container {
    border-radius: 3rem;
    padding: 4rem;
    width: 1200px;
    height: 700px;
    max-width: 95%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 4fr 1fr 1fr;
    transition: grid-template-columns 800ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.slider-container:has(.slide:nth-child(2):hover) {
    grid-template-columns: 1fr 4fr 1fr;
}

.slider-container:has(.slide:nth-child(3):hover) {
    grid-template-columns: 1fr 1fr 4fr;
}

.slide {
    padding: 0 0.25rem;
    overflow: clip;
    height: 100%;
    position: relative;
    cursor: pointer;
    display: grid;
}

.slide img {
    border-radius: 2rem;
    object-fit: cover;
    width: 100%;
    height: 100%;
    grid-area: 1/1;
}

svg {
    width: 120px;
    height: 120px;
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.animate {
    animation: fadeIn 1.0s ease-in forwards;
}

.initial-animate {
    animation: fadeIn 1.25s ease-in forwards;
}

.accordion button {
    background-color: rgba(243, 244, 244, 0.8) !important;
}

.accordion-button:not(.collapsed) {
    color: initial !important;
}

.accordion-button:focus {
    box-shadow: initial !important;
}

.email-success {
    background-color: green !important;
    outline-color: green !important;
    border-color: green !important;
    color: white !important;
}

.email-failure {
    background-color: red !important;
    outline-color: red !important;
    border-color: red !important;
    color: white !important;
}

.required-input {
    background-color: rgba(255, 0, 0, 0.5) !important;
}


@media (max-width: 980px) {
    .our-story {
        width: 80% !important;
    }
}

@media (max-width: 730px) {
    body {
        overflow-x: hidden !important;
    }

    .accordion {
        width: 75% !important;
    }
}

@media (max-width: 610px) {
    .contact-us-form {
        width: 90% !important;
    }
}

@media (max-width: 600px) {
    /* .slider-container {
        display: none;
    } */
    /* .slider-container {
        height: 1400px;
        grid-template-columns: 1fr; 
        grid-template-rows: 4fr 1fr 1fr;
        transition: grid-template-rows 800ms cubic-bezier(0.22, 0.61, 0.36, 1);
    }

    .slider-container:has(.slide:nth-child(2):hover) {
        grid-template-rows: 1fr 4fr 1fr;
    }

    .slider-container:has(.slide:nth-child(3):hover) {
        grid-template-rows: 1fr 1fr 4fr;
    } */
}

@media (max-width: 480px) {
    .card {
        width: 95% !important;
    }

    .card-body {
        width: 100% !important;
    }
    
    form {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .slogan {
        padding-left: 10px;
        padding-right: 10px;
    }

    hr {
        width: 90% !important;
    }

    .svg-container {
        width: 300px !important;
    }

    .svg-holder {
        width: 300px;
    }

    svg {
        width: 90px;
        height: 90px;
    }

    .mission-statement {
        font-size: 32px !important;
    }
}

@media (max-width: 430px) {
    .logo {
        width: 275px !important;
        height: 88px !important;
    }

    .accordion {
        width: 90% !important;
    }
}

@media (max-width: 310px) {
    .svg-container {
        width: 250px !important;
    }

    .svg-holder {
        width: 250px;
    }

    svg {
        width: 65px;
        height: 65px;
    }

    .slogan {
        font-size: 20px !important;
    }

    .svg-holder  {
        margin-top: 50px !important;
    }

    .svg-container {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 290px) { 
    .logo { 
        width: 235px !important; height: 75px !important; 
    } 

    .project-process {
        font-size: 26px !important;
    }

    .list-group-item {
        font-size: 18px !important;
    }
}