html{
    overflow-x: hidden;
    font-size: 16px;
    line-height: 26px;
}
:root {

    --dark-red: #aa182c;
    --cl-black: #000;
    --cl-white: #FFF;
    --cl-raisin-black:#231f20;
    --cl-philippine-gray:#898a8d;
    --cl-dark-cyan: #078484;
    --cl-grayish-blue: #252c35;


    --cl-black-01: #141414;
    --cl-black-02: rgba(0, 0, 0, 0.75);
    --cl-white-01: rgba(232, 232, 232, 1);
    --cl-white-02: rgba(232, 232, 232, 0.95);
    --cl-white-03: rgba(255, 255, 255, 0.14);
    --cl-white-04: rgba(255, 255, 255, 0.60);
    --cl-golden: #BEA15C;
    --cl-gray: #E7E7E7;


    /**** Font Weight *****/
    --font-light: 300;
    --font-reg: normal;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: bold;
    --font-black: 900;
    /**** Font Weight END *****/
}


@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{
    color: var(--cl-raisin-black);
    overflow-x: hidden;
    font-weight: 300;
    font-family: 'Roboto';
}

.container{
   /* width: 100%;
    max-width: 1350px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;*/
}
*, :after, :before, html {
    box-sizing: border-box;
}
p {
    display: inline-block;
     font-family: 'Roboto';
     font-weight: 300;
}
p:last-child{
    margin-bottom: 0;
}
strong{
    font-weight: 700;
}
h1, .heading-1,
h2, .heading-2,
h3, .heading-3,
h4, .heading-4,
h5, .heading-5,
h6, .heading-6{
    font-family: 'Proxima Nova Lt';
    margin-bottom: 1.5rem;
    font-weight: 600;
    line-height: 0.9;
    margin-top: 0;
}

h1, .heading-1{
    font-size: 3.5rem;
}
h2, .heading-2{
    font-size: 3rem;
}
h3, .heading-3{
    font-size: 2.625rem;
}
h4, .heading-4{
    font-size: 2.375rem;
}
h5, .heading-5{
    font-size: 2.125rem;
}
h6, .heading-6{
    font-size: 2rem;
}
img{
    display: block;
    max-width: 100%;
    height: auto;
}
a:not(.site-btn){
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-underline-offset: 2px;
    color: var(--cl-white);
    transition-duration: .3s;
}
a:hover{
    opacity: 0.8;
}
/*#page-section ul, #page-section ol{
    margin: 0 0 1.5rem 0;
    padding: 0;
}*/
#page-section ul:last-child, #page-section ol:last-child{
    margin-bottom: 0;
}
#page-section ul li, #page-section ol li{
    margin: 0;
    position: relative;
}
#page-section .count-list ol{
    counter-reset: list-counter;
    text-align: center;
    list-style: none;
    padding: 0;
}
#page-section .count-list ol li{
    counter-increment: list-counter;
    margin-bottom: 1.563rem;
    position: relative;
    padding-left: 0;
    font-family: 'Roboto';
}
#page-section .count-list ol li:last-child{
    margin: 0;
}
#page-section .count-list ol li:before{
    content: counter(list-counter) ": ";
    margin-right: 4px;
}


.wpcf7 .form-field{
    margin-bottom: 1rem;
}
input, optgroup, select, textarea{
    height: 3.125rem;
    border-radius: 12px;
    color: var(--cl-black);
    padding: 0 1em;
    border: 1px solid var(--cl-black);
    width: 100%;
    font-family: 'Roboto';
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: var(--cl-grayish-blue);
  opacity: 1;
  font-family: 'Roboto';
}
textarea::-moz-placeholder, input::-moz-placeholder {
  color: var(--cl-grayish-blue);
  opacity: 1;
  font-family: 'Roboto';
}
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
  color: var(--cl-grayish-blue);
  opacity: 1;   
  font-family: 'Roboto';
}
textarea-moz-placeholder, input:-moz-placeholder {
  color: var(--cl-grayish-blue);
  opacity: 1;
  font-family: 'Roboto';
}

label.sr-only{
    display: none;
}
input.wpcf7-submit{
    font-family: 'Roboto';
    font-style: normal;
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
    letter-spacing: 3.2px;
    border-radius: 16px;
    padding: 1em 2em;
    color: var(--cl-white);
    position: relative;
    text-transform: uppercase;
    display: inline-flex;
    background-color: var(--dark-red);
    transition-duration: .3s;
    border: 0;
    width: auto;
    height: auto;
}
input.wpcf7-submit:hover{
    background-color: var(--cl-dark-cyan);
    transition-duration: .3s;
    border: 0;
}
span.wpcf7-list-item>label{
    align-items: flex-start;
    padding: 1rem 0 2rem;
    display: flex;
    font-family: 'Roboto';
}
.wpcf7 p{
    width: 100%;
}
.wpcf7 p br{
    display: none;
}
input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: top;
    flex-shrink: 0;
    text-align: center;
    margin-right: .5em;
    letter-spacing: 0;
    text-transform: none;
    line-height: var(--inputs-checkbox-size, 1.5em);
    height: var(--inputs-checkbox-size, 1.5em);
    width: var(--inputs-checkbox-size, 1.5em);
    padding: 0;
    box-sizing: content-box;
}

span.wpcf7-list-item>label input[type=checkbox]:before {
    position: relative;
    top: 1px;
    font-size: 13px;
    right: -5px;
}
input[type=checkbox]:before {
    visibility: hidden;
    content: '';
    font-family: fontawesome;
    font-weight: 900;
    vertical-align: top;
}
input:checked:before {
    visibility: visible;
    transform: rotate(45deg);
    height: 11px;
    width: 7px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    display: block;
}
input[type="checkbox"] {
    border: 2px solid #231f20;
    height: 1rem;
    width: 1rem;
    margin-top: 2px;
    border-radius: 6px;
    flex: 1rem 0 0;
    appearance: none;
    vertical-align: top;
    flex-shrink: 0;
    text-align: center;
    margin-right: .5em;
    letter-spacing: 0;
    text-transform: none;
    padding: 0;
    box-sizing: content-box;
}
span.wpcf7-list-item-label{
    font-weight: 300;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: .8em;
    font-weight: 400;
    display: block;
    font-family: 'Roboto';
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border-color: transparent;
    background: transparent;
    border: 1px solid #f00;
    color: #231f20;
    text-align: center;
    margin: 10px 0 0 0;
    font-family: 'Roboto';
}
.wpcf7 form.sent .wpcf7-response-output{
    background: green;
    color: var(--cl-white);
    margin-top: 10px;
    font-family: 'Roboto';
    text-align: center;
}
.wpcf7 form .wpcf7-response-output{
    margin-top: 10px;
}
.wpcf7-spinner {
    top: 14px;
}
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
}






sub {
    bottom: 5px;
}


.site-btn{
    font-family: 'Roboto';
    font-style: normal;
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 500;
    letter-spacing: 3.2px;
    border-radius: 100px;
    padding: 1em 3.5em 1em 2em;
    color: var(--cl-white);
    position: relative;
    text-transform: uppercase;
    display: inline-flex;
    transition-duration: .3s;
    &:hover{
        color: var(--cl-white);
        transition-duration: .3s;
    }
}
.site-btn:before {
    position: absolute;
    content: "";
    background-image: url(../images/note-icon.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 20px;
    height: 20px;
    top: 16px;
    right: 25px;
    transition-duration: .3s;
}


.site-btn.primary-btn{
    background-color: var(--cl-raisin-black);
    transition-duration: .3s;
}
.site-btn.primary-btn:hover{
    background-color: var(--cl-dark-cyan);
    transition-duration: .3s;
    opacity: 1;
}
.site-btn.secondary-btn{
    background-color: var(--dark-red);
    transition-duration: .3s;
}

.site-btn.secondary-btn:hover{
    background-color: var(--cl-dark-cyan);
    opacity: 1;
}

.s-space{
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.bg-shapes:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
}



/**header**/
.header-section .top-bar{
    background-color: var(--dark-red);
    padding: 40px 0;
    margin-bottom: 0;
}
.header-section .top-bar .row-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header-section .top-bar .row-flex .col-left .block-content p{
    font-family: 'Open Sans';
    color: var(--cl-white);
    margin: 0;
}
.header-section .top-bar .row-flex .col-right img{
    width: 100%;
    max-width: 140px;
} 

.header-section .header-wrapper{
    position: absolute;
    z-index: 9;
    width: 100%;
    padding-top: 30px;
}

.header-section .header-wrapper .header-logo img{
    width: 100%;
    max-width: 276px;
}



/**hero-wrapper**/


.hero-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    padding: 310px 0 180px;
    display: flex;
    align-items: center;
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
 
.hero-wrapper .hero-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 31, 32, 0.6);
    z-index: 1;
}
 
.hero-wrapper .hero-content-wrapper {
    position: relative;
    z-index: 2;
    max-width: 680px;
}
 
.hero-wrapper .hero-subtitle {
    font-size: 24px;
    margin-bottom: 0px;
    display: block; 
    font-family: 'Proxima Nova Rg';
    font-weight: 500;
}
 
.hero-wrapper .hero-title .tm-sup-text {
    font-size: 12px;
    top: -24px;
    position: relative;
}
 
.hero-wrapper .hero-questions {
    font-size: 18px;
    font-weight: normal;
}
 
.hero-wrapper .hero-desc {
    max-width: 450px;
}
.hero-wrapper .hero-content-wrapper p a{
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-underline-offset: 2px;
    color: var(--cl-white);
}
.hero-wrapper .hero-content-wrapper p a:hover{
    opacity: 0.8;
}
.sub-head-view{
    font-family: 'Roboto';
    font-weight: 500;
    line-height: 26px;
}

/* info form section */
.info-form-wrapper {
    position: relative;
    z-index: 1;
    background: #fff;
}
.info-form-wrapper.s-space{
    padding-bottom: 0;
}
/* BACKGROUND HEXAGONS */
.info-form-wrapper::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 36px;
    left: 75px;
    width: 100%;
    max-width: 735px;
    height: 100%;
    background: url('../images/bg-shapes.svg') no-repeat;
    background-size: contain;
    pointer-events: none;
}
 
/* FORM BOX */
.form-box {
    background: #ffffff;
    padding: 2.5rem;
    border-radius: 20px 20px 0 0;
    box-shadow: 0px 20px 50px rgba(0,0,0,0.12);
    margin-right: 3rem;
}
.info-form-wrapper .row{
    margin: 0;
}
.info-form-wrapper .row>*{
    padding: 0 !important;
}
 
.info-form-wrapper .form-logo {
    max-width: 180px;
    display: block;
    margin: 0 auto 20px;
}
 
.info-form-wrapper .form-title {
    margin-bottom: 30px;
}
 
/* FORM INPUTS */
.form-box .form-control {
    border-radius: 10px;
    padding: 14px 16px;
    border: 1px solid var(--cl-black);
    font-size: 16px;
    outline: none;
    box-shadow: none;
    color: var(--cl-grayish-blue);
    margin-bottom: 18px;
    font-family: 'Roboto';
}
 
.form-box .disclaimer-box .form-check-input {
    border-color: var(--cl-black);
    min-width: 20px;
    min-height: 20px;
    border-radius: 6px;
    box-shadow: none;
}
 
.form-box .disclaimer-box .form-check-input:checked{
    background-color: var(--cl-black);
}
 
/* DISCLAIMER */
.info-form-wrapper .disclaimer-box {
    font-size: 12px;
    color: #231F20;
    line-height: 1.4;
    display: flex;
    gap: 16px;
    font-weight: 400;
    margin: 32px 0;
}
 
/* SUBMIT BUTTON */
.info-form-wrapper .btn-submit {
    background: #AA182C;
    color: var(--cl-white);
    padding: 16px 40px;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 12px;
}
 
.info-form-wrapper .btn-submit:hover {
    background-color: var(--cl-black);
}
 
/* RIGHT TEXT */
.info-form-wrapper .info-text {
    max-width: 612px;
}
 
.info-form-wrapper .info-text p {
    color: var(--cl-grayish-blue);
    margin-bottom: 25px;
}
 
.info-form-wrapper .info-text p:last-child{
    margin-bottom: 0;
}

/* family img section */
.family-img-wrapper .family-img{
    max-height: 850px;
    overflow: hidden;
}
 
.family-img-wrapper .family-img .img-family{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
 
 
/* References Section */
.references-section {
    position: relative;
    background: #fff;
}
 
/* MAIN BOX */
.references-box {    
    background: var(--cl-white);
    max-width: 830px;
    margin: auto;
    position: relative;
    z-index: 1;
    border: 1px solid var(--cl-philippine-gray);
    border-radius: 20px 20px 0 0;
}
/* BACKGROUND HEXAGONS */
.references-box::before {
    content: "";
    position: absolute;
    background: url('./../images/bg-shapes.svg') no-repeat left;
    background-size: contain;
    pointer-events: none;
    inset: -100px 0 -100px -250px;
    width: 100%;
    max-width: 634px;
    z-index: -1;
}
 
/* GREY HEADER */
.references-header {
    background: var(--cl-philippine-gray);    
    padding: 1.875rem;
    text-align: center;
    border-radius: 18px 18px 0 0;
    position: relative;
    max-width: 850px;
    margin: 0 auto;
}
 
.references-header h2 {
    color: var(--cl-white);
    margin: 0;
}
 
/* CONTENT */
.references-content {
    background-color: var(--cl-white);
    padding: 3.125rem;
    text-align: center;
    position: relative;
    max-width: 850px;
    margin: 0 auto;
}
 
.references-content ol li {
    margin-bottom: 1.563REM;
    color: var(--cl-philippine-gray);
}
.references-content p:last-child{
    margin-bottom: 0;
}




.image-alongside-text{
    position: relative;
}
.image-alongside-text.bg-shapes:after{
    background-blend-mode: multiply;
    background-image: linear-gradient(#aa182c, #aa182c), url(../images/bg-shapes-one-scaled.png);
}

.image-alongside-text .row-flex{
    display: grid;
    grid-template-columns: 2fr 3fr;
    position: relative;
    z-index: 9;
    gap: 3rem;
}
.image-alongside-text.bg-dark-red .row-flex .col-left h2{
    color: var(--cl-white);
}
.image-alongside-text.bg-dark-red .row-flex .col-left .sub-head-view{
    text-transform: uppercase;
    color: var(--cl-white);
    line-height: 26px;
    font-family: 'Roboto';
    font-weight: 600;
    letter-spacing: 1px;
}
.image-alongside-text.bg-dark-red .row-flex .col-left p{
    color: var(--cl-white);
}

.image-alongside-text .row-flex .col-left .eligibility-item-row{
    display: flex;
    flex-direction: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.image-alongside-text.bg-dark-red .row-flex .col-left .eligibility-item-row .item{
    background-color: var(--cl-white);
    height: 69px;
    padding: 0 20px;
    margin-bottom: 1.4rem;
    border-radius: 50px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.image-alongside-text .row-flex .col-left .eligibility-item-row .item:last-child{
    margin-bottom: 0;
}

.image-alongside-text .row-flex .col-left .eligibility-item-row .item ul{
    list-style: disc;
    margin: 0 !important;
    padding: 0 20px !important;
}
.image-alongside-text .row-flex .col-left .eligibility-item-row .item ul li{
    font-family: 'Roboto';
    margin: 0;
    padding: 0;
    font-weight: 600;
   /* overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;*/
}

.image-alongside-text.bg-dark-red .row-flex .col-left .eligibility-item-row .item p{
    font-weight: 300;
    font-size: 12px;
    line-height: 1;
    margin-left: 20px;
    display: block;
    color: var(--cl-raisin-black);
    margin-bottom: 0;
   /* overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;*/
}
.image-alongside-text .row-flex .col-left .button-row{
    margin-top: 2.5rem;
    margin-bottom: 0.938rem;
}
.image-alongside-text.text-variation{
    position: relative;
}
.image-alongside-text.text-variation:after{
    content: "";
    position: absolute;
    background: url(./../images/bg-shapes.svg) no-repeat right;
    background-size: contain;
    pointer-events: none;
    inset: -100px -130px -100px 0;
    width: 100%;
    max-width: 634px;
    z-index: -1;
    margin-left: auto;
}
.image-alongside-text.text-variation .row-flex .col-left h2{
    max-width: 480px;
}
.image-alongside-text.text-variation .row-flex .col-left .program-item-row .item-title{
    background-color: var(--cl-raisin-black);
    color: var(--cl-white);
    border-radius: 12px 12px 0 0;
    padding: 0.938rem;
}
.image-alongside-text.text-variation .row-flex .col-left .program-item-row .item-title p{
    font-weight: 500;
}
.image-alongside-text.text-variation .row-flex .col-left .program-item-row .item-content{
    border: 1px solid var(--cl-raisin-black);
    padding: 0.938rem;
    background-color: var(--cl-white);
}
.image-alongside-text.text-variation .row-flex .col-right .image-with-content{
    position: relative;
}
.image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
    border-radius: 20px;
    max-width: 400px;
    margin-left: auto;
}
.image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box{
    width: 255px;
    position: absolute;
    top: 68%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1.875rem;
    color: var(--cl-white);
    font-weight: 500;
    margin: 0 !important;
    left: 0;
    border-radius: 20px;
    text-align: left;
    background-color: var(--dark-red);
    flex-direction: column;
    z-index: 9;
}
.image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box span {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.625rem;
    font-family: 'Roboto';
}
.image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box p {
    color: var(--cl-white);
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}



.image-alongside-text.block-rtl .row-flex .col-left{
    order: 2;
}
.image-alongside-text.block-rtl .row-flex .col-right{
    order: 1;    
}
.grid-section{
    position: relative;
}
.grid-section.bg-shapes:after{
    background-blend-mode: multiply;
    background: linear-gradient(rgba(22, 19, 20, .9), rgba(22, 19, 20, .9)), url(../images/bg-shapes-one-scaled-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.grid-section .grid-inner{
    position: relative;
    z-index: 9;
}
.grid-section .grid-inner .grid-title {
    display: grid;
    grid-template-columns: 5fr 3fr;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 4rem;
    gap: 2rem;
}
.grid-section .grid-inner .grid-title h2{
    color: var(--cl-white);
    margin-bottom: 0;
}
.grid-section .grid-inner .grid-title .subtext{
    font-size: 1.2rem;
    color: var(--cl-white);
    line-height: 26px;
    font-family: 'Proxima Nova Rg';
    font-weight: 600;
}
.grid-section .grid-inner .grid-title .button-row{
    text-align: right;
}


.grid-section .grid-inner .grid-row{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}
.grid-section .grid-inner .grid-row .grid-item{
    background-color: var(--cl-white);
    padding: 1.875rem;
    height: 100%;
    border-radius: 3rem;
}
 
.grid-section .grid-inner .grid-row .grid-item .icon-block{
    width: 4rem;
    height: 4rem;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--dark-red);
    padding: 0.625rem;
    margin-bottom: 1.563rem;
}
.grid-section .grid-inner .grid-row .grid-item .icon-block img {
    width: 2.313;
    height: 2.313;
    object-fit: contain;
}
.grid-section .grid-inner .grid-row .grid-item .step-title {
    color: var(--dark-red);
    margin-bottom: 0.7rem;
    font-weight: 500;
    font-family: 'Roboto';
}

.grid-section .grid-inner .grid-row .grid-item .sub-title{
    font-size: 1.25rem;
    line-height: 1.375rem;
    color: var(--cl-raisin-black);
    font-weight: 500;
    font-family: 'Roboto';
    margin-bottom: 0.7rem;
}
.grid-section .grid-inner .grid-row .grid-item p strong {
    font-size: 13px;
    display: block;
    line-height: 1.3;
}
.grid-section .grid-inner .grid-row .grid-item p a{
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-underline-offset: 2px;
    color: var(--cl-raisin-black);
}
.grid-section .grid-inner .grid-row .grid-item p a:hover{
    text-decoration-color: var(--dark-red);
    opacity: .8;
}


/**footer**/
.footer-section.bg-shapes{
    position: relative;
    padding-bottom: 4rem;
}

.footer-section.bg-shapes:after {
    background-blend-mode: multiply;
    background: linear-gradient(rgba(20, 17, 18, .9), rgba(20, 17, 18, .9)), url(../images/bg-shapes-one-scaled-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.footer-section .footer-top{
    position: relative;
    z-index: 9;
    display: grid;
    grid-template-columns: 2fr 3fr;
    align-items: center;
    padding-bottom: 60px;
    gap: 3rem;
}
.footer-section .footer-top .form-box{
    border-radius: 20px;
    margin: 0;
}
.footer-section .footer-top .form-box img{
    max-width: 180px;
    margin: 0 auto 20px;
    display: block;
}
.footer-section .footer-top .col-right{
    max-width: 520px;
}

.footer-section .footer-top .col-right h2{
    color: var(--cl-white);
}
.footer-section .footer-top .col-right ul{
    padding: 0;
    margin: 0;
}
.footer-section .footer-top .col-right ul li{
    display: flex;
    gap: 10px;
    margin: 0 0 15px !important;
    align-items: center;
}
.footer-section .footer-top .col-right ul li:last-child{
    margin-bottom: 0;
}
.footer-section .footer-top .col-right ul li span {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
}
.footer-section .footer-top .col-right ul li span img {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.footer-section .footer-top .col-right ul li a{
    color: var(--cl-white);
    font-family: 'Roboto';
    font-weight: 300;
    text-decoration: none !important;
}
.footer-section .footer-top .col-right ul li a:hover{
    opacity: 0.8;
}
.footer-section .footer-bottom{
    position: relative;
    z-index: 9;
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
}
.footer-section .footer-bottom .col-left{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footer-section .footer-bottom .col-left p {
    color: var(--cl-white);
    margin: 0 !important;
}
.footer-section .footer-bottom .col-left ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    margin: 0;
    line-height: 1;
    align-items: center;
    padding: 0;
}
.footer-section .footer-bottom .col-left ul li {
    padding-left: 15px;
    margin-left: 15px !important;
    border-left: 1px solid var(--cl-white);
    margin-bottom: 0;
    color: var(--cl-white);
     font-family: 'Roboto';
}
.footer-section .footer-bottom .col-left ul li a {
    color: var(--cl-white);
     font-family: 'Roboto';
     text-decoration: none;
}
.footer-section .footer-bottom .col-left ul li a:hover{
    opacity: 0.8;
}
.footer-section .footer-bottom .col-right .footer-logo-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-self: flex-end;
}
.footer-section .footer-bottom .col-right .footer-logo-row .logo-img{
    flex: 1 0 0;
}
.footer-section .footer-bottom .col-right .footer-logo-row .logo-img img{
    height: 40px;
    width: 100%;
    object-fit: contain;
}
button#scrollTopBtn {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 99;
    background: var(--dark-red);
    width: 50px;
    height: 50px;
    border-radius: 100px;
    color: var(--cl-white);
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .50);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: position;
}
button#scrollTopBtn img {
    width: 14px;
    height: auto;
}






/* Responsive */
@media (min-width: 1921px) {
    html{
        font-size: 22px !important;
        line-height: 1.5 !important;
    }
    .s-space{

    }
    .container{
        max-width: 1740px !important;
    }
    .header-section .top-bar .row-flex .col-right img{
        max-width: 250px;
    }
    .site-btn, input.wpcf7-submit{
        font-size: 28px;
        line-height: 26px;
    }
    .site-btn:before{
        width: 30px;
        height: 30px;
        top: 25px;
        right: 35px;
    }
    .hero-wrapper{
        padding: 460px 0 300px 0;
    }
    .hero-wrapper .hero-desc{
        max-width: 850px;
    }
    .hero-wrapper .hero-content-wrapper{
        max-width: 991px;
    }
    .hero-wrapper .hero-title .tm-sup-text {
        font-size: 22px;
        top: -34px;
    }
    .info-form-wrapper::before{
        top: 66px;
        max-width: 975px;
    }
    .info-form-wrapper .info-text{
        max-width: 100%;
    }
    .image-alongside-text.bg-dark-red .row-flex .col-left .eligibility-item-row .item{
        height: 100px;
        padding: 0 30px;
    }
    .image-alongside-text.bg-dark-red .row-flex .col-left .eligibility-item-row .item p{
        font-size: 18px;
    }
    .info-form-wrapper .form-logo{
        max-width: 360px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: 580px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box{
        width: 355px;
        top: 72%;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box span{
        font-size: 28px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box p{
        font-size: 24px;
        -webkit-line-clamp: 6;
        line-clamp: 6;
    }
    .image-alongside-text.text-variation .row-flex .col-left h2{
        max-width: 580px;
    }
    .grid-section .grid-inner .grid-row .grid-item p strong{
        font-size: 16px;
    }
    .references-box, .references-header, .references-content{
        max-width: 1150px;
    }
    .references-box::before{
        max-width: 834px;
        inset: -120px 0 -100px -280px;
    }
    span.wpcf7-list-item>label input[type=checkbox]:before{
        top: 4px;
        right: -6px;
    }
    .family-img-wrapper .family-img{
        max-height: 1150px;
    }

    .footer-section .footer-top .col-right{
        max-width: 720px;
    }
    .footer-section .footer-bottom .col-right .footer-logo-row .logo-img img{
        height: 60px;
    }
    .footer-section .footer-top .form-box img{
        max-width: 360px;
    }
    .image-alongside-text.text-variation:after{
        max-width: 784px;
    }
    .footer-section .footer-top{
        padding-bottom: 80px;
    }
    .footer-section.bg-shapes{
        padding-bottom: 5rem;
    }
    .footer-section .footer-top .col-right ul li span img{
        height: 30px;
        width: 30px;
    }
    .footer-section .footer-top .col-right ul li{
        gap: 25px;
    }
}

@media (min-width: 2600px) {
    html {
        font-size: 26px !important;
        line-height: 1.6 !important;
    }
    .container{
        max-width: 2200px !important;
    }
    .site-btn, input.wpcf7-submit{
        font-size: 32px;
        line-height: 34px;
    }
    .site-btn:before{
        width: 34px;
        height: 34px;
        top: 32px;
        right: 45px;
    }
    .s-space{
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .hero-wrapper .hero-content-wrapper{
        max-width: 1024px;
    }
    .info-form-wrapper::before{
        top: 86px;
        max-width: 1075px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: 700px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box span{
        font-size: 30px;
    }
    .image-alongside-text.text-variation .row-flex .col-left h2{
        max-width: 780px;
    }
    .image-alongside-text.bg-dark-red .row-flex .col-left .eligibility-item-row .item{
        height: 120px;
    }
    .image-alongside-text.bg-dark-red .row-flex .col-left .eligibility-item-row .item p{
        font-size: 22px;
    }
    .references-box, .references-header, .references-content{
        max-width: 1250px;
    }
    .references-box::before{
        max-width: 934px;
        inset: -120px 0 -100px -280px;
    }
    .footer-section .footer-top .col-right{
        max-width: 820px;
    }
    .footer-section .footer-bottom .col-right .footer-logo-row .logo-img img{
        height: 80px;
    }
}


@media (max-width: 1399px) {
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box{
        top: 70%;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: 350px;
    }
    .hero-wrapper{
        padding: 280px 0 140px;
    }
}

@media (max-width: 1380px) {
    h1, .heading-1{
        font-size: 48px;
        line-height: 46px;
    }
    h2, .heading-2{
        font-size: 40px;
        line-height: 38px;
    }
    h3, .heading-3{
        font-size: 38px;
        line-height: 2.5;
    }
    h4, .heading-4{
        font-size: 34px;
        line-height: 32px;
    }
    h5, .heading-5{
        font-size: 28px;
        line-height: 26px;
    }
    h6, .heading-6{
        font-size: 26px;
        line-height: 24px;
    }
}
@media (max-width: 1280px) {
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: clamp(300px, calc(18.75rem + ((1vw - 9.92px) * 34.7222)), 400px);
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box{
        top: 74%;
    }
}
@media (max-width: 1199px) {
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: 300px;
    }
}


@media (max-width: 1024px) {
    h1, .heading-1{
        font-size: 40px;
        line-height: 38px;
    }
    h2, .heading-2{
        font-size: 36px;
        line-height: 34px;
    }
    h3, .heading-3{
        font-size: 32px;
        line-height: 30px;
    }
    h4, .heading-4{
        font-size: 28px;
        line-height: 26px;
    }
    h5, .heading-5{
        font-size: 24px;
        line-height: 22px;
    }
    h6, .heading-6{
        font-size: 24px;
        line-height: 24px;
    }
    .header-section .top-bar{
        padding: 30px 0;
    }
    .s-space{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .hero-wrapper .hero-title .tm-sup-text{
        top: -20px;
    }
    .grid-section .grid-inner .grid-title{
        padding-bottom: 2rem;
    }
    .grid-section .grid-inner .grid-row{
        gap: 1.5rem;
    }
    .grid-section .grid-inner .grid-row .grid-item{
        padding: 20px;
    }
    .footer-section .footer-top{
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 991px) {
    .image-alongside-text .row-flex{
        grid-template-columns: 100%;
    }
    .image-alongside-text .row-flex .col-right .img-block {
        max-width: 600px;
        margin: 0 auto;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .img-block{
        max-width: 480px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: 100%;
    }
    .info-form-wrapper .row .col-md-6{
        width: 100%;
    }
    .info-form-wrapper .form-box{
        margin-right: 0;
    }
    .info-form-wrapper{
        padding: 60px 0 0;
    }
    .info-form-wrapper.s-space{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .info-form-wrapper .row{
        display: block !important;
    }
    .info-form-wrapper .row .col{
        width: 100%;
    }
    .form-box{
        padding: 16px;
    }
    .info-form-wrapper .info-text {
        margin-top: 40px;
        max-width: 100%;
    }
    .references-header {
        padding: 18px;
    }
    .grid-section .grid-inner .grid-row{
        grid-template-columns:100%;
    }
    .footer-section .footer-bottom{
        grid-template-columns:100%;
        gap: 15px;
    }
    .footer-section .footer-bottom .col-left, .footer-section .footer-bottom  .col-right,
    .footer-section .footer-bottom .col-right .footer-logo-row{
        justify-content: center;
        justify-self: center;
    }

}

@media (max-width: 768px) {

    .hero-wrapper{
        padding: 240px 0 70px 0;
    }
    .references-content {
        padding: 18px;
    }
    .info-form-wrapper .form-title{
        margin-bottom: 24px;
    }
    .info-form-wrapper .disclaimer-box{
        margin: 24px 0;
    }
    .info-form-wrapper .info-text{
        max-width: 100%;
    }
    .info-form-wrapper::before{
        width: 100%;
        top: 20px;
        left: 0;
    }
    .form-box .form-control,
    .info-form-wrapper .btn-submit{
        padding: 8px 14px;
    }
    button#scrollTopBtn {
        right: 17px;
    }
    .grid-section .grid-inner .grid-row .grid-item{
        border-radius: 1.2rem;
    }
}

@media (max-width: 767px) {
    h1, .heading-1{
        font-size: 30px;
        line-height: 28px;
    }
    h2, .heading-2{
        font-size: 30px;
        line-height: 28px;
    }
    h3, .heading-3{
        font-size: 28px;
        line-height: 26px;
    }
    h4, .heading-4{
        font-size: 26px;
        line-height: 24px;
    }
    h5, .heading-5{
        font-size: 22px;
        line-height: 22px;
    }
    h6, .heading-6{
        font-size: 22px;
        line-height: 22px;
    }
    .s-space, .info-form-wrapper.s-space{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .header-section .top-bar{
        padding: 15px 0;
    }
    .header-section .top-bar .row-flex{
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 15px;
    }
    .header-section .top-bar .row-flex .col-right img{
        margin: 0 auto;
    }
    .header-section .header-wrapper .header-logo img{
        max-width: 176px;
    }
    .hero-wrapper .hero-title .tm-sup-text {
        font-size: 10px;
        top: -14px;
    }
    .form-box {
        padding: 40px 25px;
        margin: 0 auto;
    }
    .grid-section .grid-inner .grid-title{
        grid-template-columns: 100%;
    }
    .grid-section .grid-inner .grid-title .button-row{
        text-align: left;
    }
    .footer-section .footer-top{
        grid-template-columns: 100%;
    }
    .footer-section .footer-top .form-box{
        margin-right: 0;
    }
    .footer-section .footer-top{
        padding-bottom: 30px;
    }

}
@media (max-width: 480px) {
    .hero-wrapper{
        padding: 210px 0 50px 0;
        background-position: 37% center;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box{
        top: 71%;
        padding: 15px;
        width: 180px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box span{
        font-size: 16px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box p{
        font-size: 12px;
        -webkit-line-clamp: 6;
        line-clamp: 6;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: clamp(280px, calc(17.5rem + ((1vw - 3.75px) * 114.2857)), 400px);
    }
    .footer-section .footer-bottom .col-left p{
        text-align: center;
    }
}
@media (max-width: 375px) {
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content .graphic-text-box{
        width: 160px;
    }
    .image-alongside-text.text-variation .row-flex .col-right .image-with-content img{
        max-width: clamp(240px, calc(15rem + ((1vw - 3.2px) * 74.0741)), 280px);
    }
}