/*  */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



:root {
    --Primary: #0D222B;    
    --Primary-Yellow: #FCF8E8;    
    --Secondary-Blue-1: #6894A5;   
    --Secondary-Blue-2: #A1BBCE;   
    --Secondary-Blue-3: #B4C9D8;   
    --Secondary-Blue-4: #C7D6E2;   
    --Secondary-Blue-5: #D9E4EB;  
    --Secondary-Yellow-1: #F7EDC6;  
    --Secondary-Yellow-2: #FAF4DD;  
    --Secondary-Yellow-3: #FDFBF4;  
    --White: #FFFFFF; 
    --Alternate-White: #D9E4EB; 
    --Paragraph-Color: #656E72; 
    
  }
/*  */

/*  */
a{
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
/* Text Colors */

.color-Primary{color: var(--Primary);}
.color-Primary-Yellow{color: var(--Primary-Yellow);}
.color-Secondary-Blue-1{color: var(--Secondary-Blue-1);}
.color-Secondary-Blue-2{color: var(--Secondary-Blue-2);}
.color-Secondary-Blue-3{color: var(--Secondary-Blue-3);}
.color-Secondary-Blue-4{color: var(--Secondary-Blue-4);}
.color-Secondary-Blue-5{color: var(--Secondary-Blue-5);}
.color-Secondary-Yellow-1{color: var(--Secondary-Yellow-1);}
.color-Secondary-Yellow-2{color: var(--Secondary-Yellow-2);}
.color-Secondary-Yellow-3{color: var(--Secondary-Yellow-3);}

.color-White{color: var(--White);}
.color-Alternate-White{color: var(--Alternate-White);}
.color-Paragraph-Color{color: var(--Paragraph-Color);}

/* Text Colors END */

/* Background Colors */

.bg-Primary{background-color: var(--Primary);}
.bg-Primary-Yellow{background-color: var(--Primary-Yellow);}
.bg-Secondary-Blue-1{background-color: var(--Secondary-Blue-1);}
.bg-Secondary-Blue-2{background-color: var(--Secondary-Blue-2);}
.bg-Secondary-Blue-3{background-color: var(--Secondary-Blue-3);}
.bg-Secondary-Blue-4{background-color: var(--Secondary-Blue-4);}
.bg-Secondary-Blue-5{background-color: var(--Secondary-Blue-5);}
.bg-Secondary-Yellow-1{background-color: var(--Secondary-Yellow-1);}
.bg-Secondary-Yellow-2{background-color: var(--Secondary-Yellow-2);}
.bg-Secondary-Yellow-3{background-color: var(--Secondary-Yellow-3);}

.bg-White{background-color: var(--white);}
.bg-Alternate-White{background-color: var(--Alternate-White);}
.bg-Paragraph-Color{background-color: var(--Paragraph-Color);}
/* Background Colors END */

/*  */

/* Fonts */
/* 
@font-face {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
}
*/

/* Fonts END */

/* Common CSS */

html {scroll-behavior: smooth;scroll-padding-top: 50px;scroll-margin-top: 50px;}
body{background-color: #FFF;font-family: "Inter", sans-serif;}
h1,h2,h3,h4,h5,h6{margin: 0;}
ul{margin: 0;padding: 0;list-style: none;}
p{padding: 0;margin: 0;}
.container{max-width: 80rem;width: 100%;padding-left:0;padding-right:0;}
h1{
    /* Web/H1 Helvetica Neue 85 Heavy */
    font-family: 'Helvetica Neue LT Pro';
    font-size: 4rem;
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    line-height: 130%; /* 5.2rem */

}
h2{
    /* Web/H2 - Helvetica Neue 75 Bold */
    font-family: 'HelveticaNeueLT Pro 75 Roman';
    font-size: 3rem;
    font-weight: bold;
    font-style: normal;
    line-height: 130%; /* 3.9rem */
    color: var(--Primary);
}
h3{
    /* Web/H3 - Helvetica Neue 65 Medium */
    font-family: 'HelveticaNeueLT Pro 65 Md';
    font-size: 2.5rem;
    font-weight: 500;
    font-style: normal;
    line-height: 130%; /* 3.25rem */
    color: var(--Primary);
}
h4{
    /* Web/H4 - Helvetica Neue 65 Medium */
    font-family: 'HelveticaNeueLT Pro 65 Md';
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 2.6rem */
    color: var(--Primary);
}
/* Normal */
.body-regular-P1{
    /* Web/Gill Sans 24 */
    font-family: "Gill Sans";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 2.25rem */
}
.body-semibold-P1{
    /* Web/Paragraph header is Gill Sans SemiBold */
    font-family: 'Gill Sans Semibold';
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 1.95rem */
}
.body-regular-P2{
    /* Web/Gills Sans light is uased for bodycopy */
    font-family: "Gill Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
}

.body-caps{
    /* Web/CAPS Descriptor is Helvetica Neue 65 Medium */
    font-family: 'HelveticaNeueLT Pro 55 Roman';
    font-size: 1.125rem;
    font-weight: normal;
    font-style: normal;
    line-height: 130%; /* 1.4625rem */
    text-transform: uppercase;
}

/*  */

/* Button */

.button_Primary{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 1rem 1.5rem .75rem 1.5rem; 
    font-family: 'HelveticaNeueLT Pro 65 Md';
    font-size: 1rem;
    font-style: normal;
    background-color: var(--Secondary-Blue-1);
    font-weight: 500;
    line-height: 130%; /* 1.3rem */
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--Alternate-White);    
    text-decoration: none;
    height: 56px;
    min-width: 240px;
}
.button_Primary:hover{
    background-color: var(--Secondary-Blue-2);
    color: var(--Primary);
}


/* Button END */
.gap8{gap: 0.5rem;}
.gap12{gap: 0.75rem;}
.gap16{gap: 1rem;}
.gap24{gap: 1.5rem;}
.gap32{gap: 2rem;}
.gap40{gap: 2.5rem;}
.gap48{gap: 3rem;}
.gap56{gap: 3.5rem;}
.gap64{gap: 4rem;}
.gap80{gap: 5rem;}
.gap96{gap: 6rem;}

.br-8{border-radius: 0.5rem;}
.br-12{border-radius: 1rem;}
.br-16{border-radius: 1rem;}
.br-24{border-radius: 1.5rem;}
.eq-space96{padding: 6rem 0;}
.eq-space80{padding: 5rem 0;}
.inset-0 {position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.flex-basis-0{flex-basis: 0;}
textarea{resize: none;}
.lh-150{line-height: 150%;}
.lh-130{line-height: 130%;}

.maxw_768{
    max-width: 768px;
    margin: 0 auto;
}
.maxw_991{
    max-width: 991px;
    margin: 0 auto;
}
/* Media Start */
@media (max-width: 1300px) {
    .container{padding-left:1.5rem;padding-right:1.5rem;}
}



@media (max-width: 991px) {

.gap24{gap: 1rem;}
.gap32{gap: 2rem;}
.gap40{gap: 1.5rem;}
.gap48{gap: 1.5rem;}
.gap64{gap: 2rem;}
.gap80{gap: 2.5rem;}
.gap96{gap: 3rem;}
    
h1{font-size:3rem;}
h2{font-size:2rem;}
h3{font-size:1.5rem;}
h4{font-size:1.25rem;}
/* Normal */
.body-regular-P1{font-size: 1.125rem;}
.body-semibold-P1{font-size: 1.125rem;}
.body-regular-P2{font-size: 1rem;}
.body-caps{font-size: 1rem;}
.button_Primary{font-size: 1rem;}

}


@media (max-width: 820px) {

    .gap16 {
        gap: 0.75rem;
    } 
}


@media (max-width: 640px) {

    
    
}