.ss--center--mob {
    text-align: center !important;
}

.ss--container {
    margin: 0px;
    display: flex;
    flex-direction: column;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: start; /* centers items horizontally (cross axis) */
    gap:2rem;
}
.ss--container--center {
    margin: 0px;
    display: flex;
    flex-direction: column;/* stacks children vertically */
    justify-content: center;/* aligns items to the top (main axis) */
    align-items: center; /* centers items horizontally (cross axis) */
    gap:1rem;
}

.ss--container--horizontal {
  display: flex;
  flex-direction: row;     /* optional: default is 'row' */
  justify-content: start;  /* or center / space-between / etc. */
  align-items: center;     /* vertical alignment */
  gap:5%
}

.ss--container--gap-low {
     margin: 0px;
    display: flex;
    flex-direction: column;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: start; /* centers items horizontally (cross axis) */
    gap:0.2rem;
}

.ss--topic--container--vert {
    display: flex;
    flex-direction: column;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: start; /* centers items horizontally (cross axis) */
    gap:0.5rem;
}
.ss--topic--container--horis {
    display: flex;
    flex-direction: row;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: start; /* centers items horizontally (cross axis) */
    gap:0.8rem;
}

.ss--gap-sm {
    display: flex;
    flex-direction: column;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: start; /* centers items horizontally (cross axis) */
    gap:0.9rem;
}
.ss--gap-xsm {
    display: flex;
    flex-direction: column;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: start; /* centers items horizontally (cross axis) */
    gap:0.1rem;
}



/* TEXT STYLES */


.ss--teal {
    color: #008F98;
    font-weight: bold;
}
.ss--yellow {
    color: #EEAF30;
    font-weight: bold;
}
.ss--darkblue {
    color: #004165;
    font-weight: bold;
}
.ss--white {
    color: #fff !important;
}
.ss--bold {
    font-weight: bold !important;
}
.ss--med {
    font-weight: 500 !important;
}
.ss--center {
    text-align: center !important;
}

.ss--bot--border {
      border-bottom: 1px solid #D8F1FA;
      width: 100%;
      padding-top: 2%
}
.ss--bot--border--wh {
      border-bottom: 1px solid #ffff;
      width: 100%;
      padding-bottom: 5%;
      padding-top: 2%;
}

@media screen and (min-width: 1025px) {
.ss--topic {
    max-width: 25%;
}
}

/* H1 Highlight */
.ss--txt .ss--line {
  margin-bottom: 0.2em; /* adjust gap */
  background-color: #00B3BE; /* highlight color */
  padding: 0.15em 0.2em;      /* spacing around the text */
  display: inline-flex;
}


h1.ss--txt {
    font-family: 'DIN Pro', sans-serif;
    color: #FFF;
    font-size: clamp(2.5rem, 1.7857rem + 2.2857vw, 3.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 3.57188rem */
    text-transform: uppercase;
    display: inline-block;      /* so background wraps tightly */
    margin: 0px;
}
h2.ss--txt {
    color: #FFF;
    text-align: center;
   font-family: 'DIN Pro', sans-serif;
    font-size: 1.675rem;
    font-style: normal;
    font-weight: 400;
    line-height: 127%; /* 1.74625rem */
    text-transform: capitalize;
}
h3.ss--txt {
    color: #004165;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 2.90625rem */
}
h4.ss--txt {
    color: #004165;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 2.90625rem */
}
h5.ss--txt {
    color: #004165;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 2.90625rem */
}
p.ss--txt {
    color: #00000;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 2.90625rem */
    margin: 0;
}


.ss--body--lg {
    font-family: 'DIN Pro', sans-serif;
    color: #FFF;
    font-size: clamp(2.5rem, 1.7857rem + 2.2857vw, 3.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 3.57188rem */
    display: inline-block;      /* so background wraps tightly */
    margin: 0px;
}

.ss--body--med {
    color: #00000;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.475rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 2.07625rem */
}
.ss--body--sm {
    color: #00000;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 1.225rem */
}
@media screen and (max-width: 600px) {
   .ss--body--sm {
    font-size: 1.4rem;
} 
}

.ss--body--xsm {
    color: #000;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.225rem */
}

.ss--contact--med {
    color: #FFF;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 151%; /* 2.6425rem */
}

/* CTA STYLES */


.ss--cta1--container {
    border-radius: 0.75rem;
    background-color: #00223E;
    padding: 3%;
    
    display: flex;
    flex-direction: row;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: center; /* centers items horizontally (cross axis) */
    gap:2rem;

}

@media screen and (max-width: 600px) {
    .ss--cta1--container {
    padding-bottom: 10% !important;
    padding-top: 8%!important;
}


}
.ss--cta1--container--inner {
    display: flex;
    flex-direction: row;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: center; /* centers items horizontally (cross axis) */
    gap:2rem;
}
.ss--cta1--txt {
    color: #FFF;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 1.75rem */
    margin: 0px;
}
@media screen and (max-width: 600px) {
.ss--cta1--txt {
    font-size: 1.55rem;
}
}

.ss--cta1--btn {
    display: inline-flex;
    align-items: center;
    justify-content: end;
    padding: 1% 1% 1% 3%;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    font-size: 0.8125rem;
    font-family: 'DIN Pro', Sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    background-color: #00B3BE;
    color: white !important;
    gap: 1rem;
    margin: 0px;
    width: 250px;
}

.ss--cta1--btn:hover {
    background-color: #008F98;
    font-size: 0.9rem;
    width: 280px;
}

@media screen and (max-width: 600px) {
    .ss--cta1--container {
        flex-direction: column;/* stacks children vertically */
        padding: 5%;
        align-items: center; /* centers items horizontally (cross axis) */
    }
    
    .ss--cta1--container--inner {
        display: flex;
        flex-direction: column !important;/* stacks children vertically */
        justify-content: start;/* aligns items to the top (main axis) */
        align-items: center; /* centers items horizontally (cross axis) */
        gap:2rem;
    }
    
    .ss--cta1--txt {
        text-align:center;
    }
    
    .ss--cta1--btn {
        width: 150px;
    }
    
    .ss--cta1--btn:hover {
        background-color: #008F98;
        font-size: 0.9rem;
        width: 165px !important;
        
    }
}    

/* CTA 2 STYLES */

.ss--cta2--container {
    border-radius: 0.75rem;
    background-color: #B1E2F4;
    padding: 3%;
    
    display: flex;
    flex-direction: row;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: center; /* centers items horizontally (cross axis) */
    gap:2rem;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.ss--cta2--container:hover {
    background-color: #4CCAD1;
     transform: scale(1.05); /* slight zoom effect */
}

.ss--cta2--img {
    width: 90px
}

.ss--cta2--txt {
    color: #FFF;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 1.75rem */
    margin: 0px;
}

@media screen and (max-width: 600px) {

    .ss--cta2--img {
    width: 60px
    }
    .ss--cta2--txt {
    color: #FFF;
    font-family: 'DIN Pro', sans-serif;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 1.75rem */
    margin: 0px;
}
}






/* FORM STYLES */

.ss--container--form {
    margin: 0px;
    display: flex;
    flex-direction: column;/* stacks children vertically */
    justify-content: start;/* aligns items to the top (main axis) */
    align-items: start; /* centers items horizontally (cross axis) */
    gap:0.8rem;
}

h3.ss--form--txt {
    color: #004165;
    font-family: 'DIN Pro', Sans-serif;
    font-size: 2.1875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 127%; /* 2.77813rem */
}
p.ss--form--txt {
    color: #00233F;
    leading-trim: both;
    text-edge: cap;
    font-family: 'DIN Pro', Sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.875rem */
}
.ss--form--divider {
    width: 150px;
    margin-bottom:5%;
    background-color: #EEAF30;
    height: 9px;
    border-radius: 100px;
}

.ss--form--ast {
    color:red !important;
}

/* FORM CONFIRMATION STYLES */
a.ss--form--download {
    color: #FFFFFF !important;
    text-align: center;
    font-family: 'DIN Pro', Sans-serif;
    font-size: 0.97644rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.ss--form--download {
    display: flex;
    width: 15.09rem;
    height: 2.76038rem;
    justify-content: center;
    align-items: center;
    gap: 0.651rem;
    border-radius: 3.25488rem;
    background: #00B3BE;
}
.ss--form--download:hover {
    background: #008F98;
}


/* G FORM STYLES */

/* makes email closer to last name */
#input_23_4 {
    margin-top:-9px;
}
#input_23_3_3 {
    margin-bottom:9px;
}

/* Field inputs placeholder text */
body #gform_wrapper_23.gform_wrapper ::placeholder,
body #gform_wrapper_23.gform_wrapper ::-webkit-input-placeholder,
body #gform_wrapper_23.gform_wrapper input[placeholder] {
    font-family: 'DIN Pro', Sans-serif !important;
  color: black !important;
  font-size: 0.9rem !important;
  line-height: 150%;
}

/* Field inputs while typing text EMAIL */
#gform_wrapper_23.gform_wrapper.gravity-theme .gfield input.large {
	font-family: 'DIN Pro', Sans-serif !important;
	color: black !important;
	font-size: 0.9rem !important;
	  line-height: 150%;
}

/* Title + Description */
#gform_wrapper_23.gform_wrapper .gform_heading { 
    display: none;
    
}

/* field label */
#gform_wrapper_23 .gfield_label.gform-field-label {
       display: none; 
}

/* input text container DESK*/
@media only screen and (min-width: 600px) { 
    #gform_wrapper_23.gform_wrapper .gform_body .gform_fields input {
        background-color: white;
        padding-left: 20px;
        border-radius: 30px;
        min-height: 55px;
        margin-bottom: 10px;
       
    }
}
/* input text container MOB */
@media only screen and (max-width: 600px) { 
    #gform_wrapper_23.gform_wrapper .gform_body .gform_fields input {
        background-color: white;
        padding-left: 20px;
        border-radius: 30px;
        min-height: 45px;
    }
}

/* This makes the top 4 fields have padding the same as the buttons */
#gform_wrapper_23 .gfield {
    margin-left: 20px;
    margin-right: 20px;
}


/* Input Placeholder style - Other Fields */
#gform_wrapper_23 .gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {
    color: #000000 !important;
    font-size: 13px !important;
}

/* Input Placeholder style - Paragraph Text Area */
#gform_wrapper_23 .gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {
    color: #000000 !important;
    font-size: 13px !important;
}

/* Comments section DESK*/
@media only screen and (min-width: 600px) { 
    #gform_wrapper_23.gform_wrapper.gravity-theme .gfield textarea.large {
        height: 120px;
        border-radius: 20px;
        width: 100;
        padding: 15px;
        font-family: "DIN-Regular", Sans-serif;
    }
}

/* Submit Button Default DESK */
@media only screen and (min-width: 600px) { 
    #gform_wrapper_23.gform_wrapper .gform_footer input[type=submit] {
      border-radius: 100px;
      font-size: 14px;
      color: #ffffff !important;
      font-family: 'DIN Pro', Sans-serif !important;
      font-weight: bold;
      background-color: #00B3BE;
      line-height: 1;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 50px;
      padding-right: 50px;
      margin-left: 23px
    }
}

/* Submit Button Default MOB */
@media only screen and (max-width: 600px) { 
    #gform_wrapper_23.gform_wrapper .gform_footer input[type=submit] {
      border-radius: 100px;
      font-size: 14px;
      color: #ffffff !important;
      font-family: 'DIN Pro', Sans-serif !important;
      font-weight: bold;
      background-color: #00B3BE;
      line-height: 1;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 50px;
      padding-right: 50px;
      margin-left: 23px
    }
}

/* Submit Button hover DESKT*/
@media only screen and (min-width: 600px) { 
    #gform_wrapper_23.gform_wrapper .gform_footer input:hover[type=submit] {
      border-radius: 100px;
      font-size: 14px;
       color: #ffffff!important;
      font-family: 'DIN Pro', Sans-serif !important;
      font-weight: bold;
      background-color: #002440;
      line-height: 1;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 50px;
      padding-right: 50px;
    }
}
/* Submit Button hover MOB*/
@media only screen and (max-width: 600px) { 
    #gform_wrapper_23.gform_wrapper .gform_footer input:hover[type=submit] {
		border-radius: 100px;
		font-size: 14px;
		color: #ffffff!important;
		font-family: 'DIN Pro', Sans-serif !important;
		font-weight: bold;
		background-color: #002440;
		line-height: 1;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 50px;
		padding-right: 50px;
    }
}

/* Submit Button Active DESK */
@media only screen and (min-width: 600px) { 
    #gform_wrapper_23 .gform_wrapper .gform_footer input:active {
      border-radius: 100px;
      font-size: 14px;
       color: #000000 !important;
      font-family: 'DIN Pro', Sans-serif !important;
      font-weight: bold;
      background-color: #EEAF30;
      line-height: 1;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 50px;
      padding-right: 50px;
    }
}
/* Submit Button Active MOB */
@media only screen and (max-width: 600px) { 
    #gform_wrapper_23 .gform_wrapper .gform_footer input:active {
      border-radius: 100px;
      font-size: 14px;
       color: #000000 !important;
      font-family: 'DIN Pro', Sans-serif !important;
      font-weight: bold;
      background-color: #EEAF30;
      line-height: 1;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 50px;
      padding-right: 50px;
    }   
}


/* Error Message Top */
#gform_wrapper_23 .gform_validation_errors {
    display: none !important;
}

/* Error Message under inputs */
#gform_wrapper_23 .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    clear: both;
    font-family: inherit;
    font-size: 12px;
    letter-spacing: normal;
    line-height: inherit;
    padding-top: 13px;
    width: 100%;
    border-radius: 100px;
    padding: 10px 5px 10px 20px !important;
    font-size:12px !important;
}



@media only screen and (max-width: 450px) {
  #gform_wrapper_23 .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction 
   {
            clear: both;
            font-family: inherit;
            font-size: 12px;
            letter-spacing: normal;
            line-height: inherit;
            padding-top: 13px;
            width: 100%;
            border-radius: 100px;
            padding: 10px 30px 10px 29px !important;
    } 
}

/* END G FORM STYLES */


/* BUTTON STYLES */

.ss--cta-wh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1% 1% 1% 5%;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    font-size: 0.8125rem;
    font-family: 'DIN Pro', Sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    background-color: white;
    color: black !important;
    gap: 1rem;
    margin: 0px;
}
.ss--cta-wh:hover {
    font-size: 0.9rem;
}

/* CASE STUDY SECTION */

.ss--case--container {
    padding: 1% 3% 1% 3%;
    max-width: 230px;
    border-radius: 10px;
    display: flex;
  flex-direction: row;     /* optional: default is 'row' */
  justify-content: center;  /* or center / space-between / etc. */
  align-items: center;     /* vertical alignment */
  background-color:#EEAF30;
  margin: auto;
}

.ss--tick-size {
    width: 60px !important;
}