.cs-head-gradient-background-layout {
    background: linear-gradient(130deg, #86D9DE 0%, #3274D1 60%, #353DAB 100%);
    filter: brightness(1.05);
    min-height:  891px;
    display: flex;
    padding: 64px 24px 0 24px !important;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 210px !important;
}

 .cs-grh-head {
    color: var(--Future, #010F27);
    /* Mob/Special */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
    letter-spacing: -0.5px;
    text-transform: uppercase;
 }

 .cs-grh-title {
    color: var(--Transparent, #FFF);
    /* Mob/H1 */
    font-family: Inter;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; /* 119.048% */
    letter-spacing: -1.6px;
    padding-bottom: 40px;
 }

 .cs-grh-desc {
    color: var(--Future, #010F27);
    /* Mob/H3 */
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 128.571% */
    letter-spacing: -1px;
    padding-bottom: 32px;
 }

  .cs-grh-img {
        display: flex;
        height: 276px;
        padding: 32px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
        border-radius: 20px;
        border: 4px solid var(--Pale-Blue, #EEF3FF);
        background: linear-gradient(0deg, #F40208 0%, #F40208 100%), #FFF;
    }

 .cs-grh-img-desc {
        color: var(--Transparent, #FFF);
        /* Desk/Text */
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 27px; /* 135% */
        letter-spacing: -0.5px;
        padding-top: 40px;
    }

.cs-grh-img img {
       height: 197.217px;
        flex-shrink: 0;
        align-self: stretch;
        aspect-ratio: 288.00/197.22;
    }

    .nv-button-cs-head .wp-block-button__link{
        padding: 16px !important
    }

    .cs-gr-img-section {
       padding-top: 40px;
    }

@media (min-width: 514px) and (max-width: 1023px) {
  .cs-grh-img img {
    width: 100% !important;
    height: auto !important;            /* Keeps natural proportions */
    max-height: 197.217px !important;   /* Optional: cap height if needed */
    flex-shrink: 0 !important;          /* Prevent flexbox from compressing it */
    align-self: center !important;      /* Prevent it from stretching vertically */
    aspect-ratio: 288 / 197.22 !important;
    object-fit: contain !important;     /* or 'cover' depending on design */
  }
}

@media (min-width: 1024px) and (max-width: 1512px) {
    .cs-head-gradient-background-layout {
        display: flex;
        padding: 120px 180px 0 180px !important;
        /* padding: 6.25% 9.375% 0 9.375% !important; */
        /* padding: 5% 9.375% 0 9.375% !important; */
        justify-content: center;
        align-items: center;
        gap: 156px;
        flex-direction: row;
        padding-bottom: 130px !important;
        padding-right: 155px !important;
    }

    .cs-gr-img-section {
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 103px;
        padding-left: 0;
    }

}

@media (min-width: 1513px) {
    .cs-head-gradient-background-layout {
        display: flex;
        /* padding: 120px 180px 0 180px !important; */
        /* padding: 6.25% 9.375% 0 9.375% !important; */
        padding: 0 9.375% 0 9.375% !important;
        justify-content: center;
        align-items: center;
        gap: 156px;
        flex-direction: row;
        padding-bottom: 130px !important;
        padding-right: 309px !important;
    }

    .cs-gr-img-section {
        padding-top: 0;
        margin-top: 142px;
        padding-left: 0;
    }
}




@media (min-width: 1024px) {

    

    

    .cs-head-gr-comp-layout {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .cs-grh-head {
        color: var(--Future, #010F27);
        /* Desk/Special */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
        letter-spacing: -0.5px;
        text-transform: uppercase;
    }

    .cs-grh-title {
        color: var(--Transparent, #FFF);
        font-family: Inter;
        font-size: 72px;
        font-style: normal;
        font-weight: 700;
        line-height: 90px; /* 125% */
        letter-spacing: -5px;
        padding-bottom: 80px;
    }

    .cs-grh-desc {
        color: var(--Future, #010F27);
        /* Desk/H3 */
        font-family: Inter;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 133.333% */
        letter-spacing: -1px;
        padding-bottom: auto;
    }

    .cs-grh-img {
        display: flex;
        width: 373px;
        height: 276px;
        padding: 32px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 20px;
        border: 4px solid var(--Pale-Blue, #EEF3FF);
        background: linear-gradient(0deg, #F40208 0%, #F40208 100%), #FFF;
    }

    .cs-grh-img img {
        height: 211.598px;
        flex-shrink: 0;
        align-self: stretch;
        aspect-ratio: 309.00/211.60;
    }

    .cs-grh-img-desc {
        color: var(--Transparent, #FFF);
        /* Desk/Text */
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 27px; /* 135% */
        letter-spacing: -0.5px;
        padding-top: 40px;
         padding-bottom: 267px;
         width: 504px;
    }
}