/* /Pages/Learn/Index.cshtml.rz.scp.css */

.boxes3[b-2dcgfrrbqd] {
    height: 175px;
    width: 153px;
}

#n img[b-2dcgfrrbqd] {
    max-height: none !important;
    max-width: none !important;
    background: none !important
}

#inst i[b-2dcgfrrbqd] {
    max-height: none !important;
    max-width: none !important;
    background: none !important
}

.yab-btn[b-2dcgfrrbqd] {
    background: #df644d !important;
    box-shadow: 0 3px 3px rgb(2 5 25 / 30%);
}

.usa-card__container[b-2dcgfrrbqd] {
    background-color: #3478a5;
    box-shadow: 6px 0.5rem .5rem 0 rgb(0 0 0 / 31%) !important;
    border-width: 0px;
    background-image: url(../images/yab-bg.svg);
    background-repeat: no-repeat;
    background-position: 25% 94%;
}

.centeredtext[b-2dcgfrrbqd] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body[b-2dcgfrrbqd] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.usa-hero[b-2dcgfrrbqd] {
    background-image: linear-gradient(90deg, rgba(0, 11, 81, 0.6001751042) 10%, rgba(64, 56, 4, 0.2) 100%), url(../images/yabmainimage.jpg) !important;
    height: 297px;
}

h1.usa-hero__heading[b-2dcgfrrbqd] {
    padding: 50px;
}

.contact-btn[b-2dcgfrrbqd] {
    top: 363px !important;
}

.roundedimg[b-2dcgfrrbqd] {
    border-radius: 7px;
}

.usa-section .usa-hero__callout[b-2dcgfrrbqd] {
    background-color: transparent;
    max-width: 100%;
}

.usa-section[b-2dcgfrrbqd] {
    background-color: #3478a5;
    background-image: url(../images/yab-bg.svg);
    background-repeat: no-repeat;
}

.boxes3[b-2dcgfrrbqd] {
    height: 175px;
    width: 153px;
}


/* Fixed media query syntax for Razor pages */
@media (min-width: 1200px) {
    .container[b-2dcgfrrbqd] {
        max-width: 1386px;
    }
}

/* Larger modal for training */
.usa-modal[b-2dcgfrrbqd] {
    max-width: none;
}
#EnhanceYouthFamilyWelfare .usa-modal__content[b-2dcgfrrbqd] {
    max-width: none;
}

#EnhanceYouthFamilyWelfare .usa-modal__main[b-2dcgfrrbqd] {
    padding: 1.5rem;
    width: 100%;
}

/* Responsive iframe for Storyline */
#EnhanceYouthFamilyWelfare iframe[b-2dcgfrrbqd] {
    height: 75vh;
    min-height: 600px;
}

/* Adjust for smaller screens */
@media (max-width: 64em) {
    #EnhanceYouthFamilyWelfare .usa-modal__content[b-2dcgfrrbqd] {
        max-width: 95vw;
    }

    #EnhanceYouthFamilyWelfare iframe[b-2dcgfrrbqd] {
        height: 70vh;
        min-height: 500px;
    }
}