/**
 * Theme Name: Shaw Design Company
 * Template:   twentytwentyfive
 * Version: 1.0.0
 * Author: Shaw Design Company
 */
:root {
    --shaw-blue: #0D1273;
}
.fullheight-section {
    min-height: 100vh;
    max-width: 100vw;
    box-sizing: border-box;
    padding: 8px 75px;

    /*background-color: lightblue; remove after testing*/
}
.hero-section {
    height: 200vh;
    overflow-x: clip;
    overflow-y: visible;
    padding-top: 3%;
    background-image:
    radial-gradient(ellipse 120% 35% at 50% 100vh, hsla(193, 95%, 71%, 0.35)7% 10px, transparent 70% 20px);

}
.hero-main-ray img {
    max-width: 275vw !important;
    width: 125vw !important;
}
.capabilities-section {
    margin-top: -100vh;
}
.capabilities-container {
    max-width: 75%;
    margin: 0 auto;
}
.capabilities-container p {
    padding-bottom: 20%;
    padding-top: 20%;
}
.cta-container {
    max-width: 100%;
    min-height: 70vh;
    background: var(--shaw-blue);
    box-sizing: border-box;
    padding: 80px 75px;
}
.work-container {


}
.contact-form-wrapper {
    background-color: white !important;
    border-radius: 15px !important;
    padding: 25px 20px !important;
}

@media only screen and (max-width: 767px) {
    /* Mobile-specific CSS here */
    .fullheight-section {
        padding: 8px 10px;
    }
    body .is-layout-grid {
        display: block !important;
    }
    .capabilities-container p {
        margin: 15px 0;
    }
    .hero-main-ray img {
        width: 200vw !important;
        margin-left: -40%;
    }
    .hero-text-upper {

    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Tablet-specific CSS here */
}