/*!
Theme Name: HPU-GCHS
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hpu-gchs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

HPU-GCHS is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*------------------------------------------------------------------------------ */


html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
a,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    list-style: none;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
    -webkit-text-size-adjust: none;
    height: 100%;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

iframe {
    vertical-align: top;
}

textarea:focus,
input:focus,
a,
div,
img {
    outline: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body {
    color: #000000;
    font-size: 18px;
    line-height: 31px;
    /* font-family: 'ProximaNova-Regular'; */
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    background-color: #fff;
    margin: 0;
    padding: 0
}

/* body {
    font-family: "proxima-nova", sans-serif;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 1.27778;
    color: #111217;
    font-weight: 500;
} */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 900;
    /* font-family: 'ProximaNova-Bold'; */
    font-family: 'proxima-nova-bold';
}

.h1,
h1 {
    font-size: 79px;
    margin-bottom: 20px;
    line-height: 93.2px;
}

.h2,
h2 {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.1;
    
}

.h3,
h3 {
    font-size: 25px;
    margin-bottom: 18px;
    line-height: 1.1;
}

.h4,
h4 {
    font-size: 21px;
    line-height: 1.14;
}

.h5,
h5 {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 31px;
}

.h6,
h6 {
    font-size: 18px;
    margin-bottom: 10px;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    color: inherit;
    text-decoration: none;
}

p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 20px;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    margin: 0;
    margin-left: 20px;
    padding: 0;
}

ul li {
    /* font-family: 'ProximaNova-Regular'; */
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 20px;
}

ul li:last-child {
    margin-bottom: 0;
}

ul>li {
    list-style: outside disc;
}

ol {
    margin: 0;
    margin-left: 20px;
    padding: 0;
    list-style: none;
}

ol li {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 8px;
}

ol>li {
    list-style: outside decimal;
}

blockquote {
    display: block;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    background: #f3f3f3;
    padding: 20px 20px;
    border-left: 4px solid #1589cb;
    line-height: 2;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 25px;
}

blockquote p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

hr {
    border: 0 #000 solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
    margin: 10px auto 40px;
}

img {
    border: none;
    max-width: 100%;
    vertical-align: top;
    height: auto;
}

img[src$=".svg"] {
    width: 100%;
}

/* 4. Link
------------------------------------------------------------------------------*/
a {
    color: #C94C61;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

/* 5. Forms
------------------------------------------------------------------------------*/
label {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    display: block;
}

form .gform-body input,
form .gform-body textarea,
form .gform-body button {
    /* font-family: 'ProximaNova-Regular'; */
}

form .gform-body input[type="text"],
form .gform-body input[type="submit"],
form .gform-body input[type="button"],
form .gform-body input[type="password"],
form .gform-body input[type="email"],
form .gform-body input[type="tel"],
form .gform-body input[type="search"],
form .gform-body textarea {
    -webkit-appearance: none;
    outline: none;
}

/* form .gform-body input[type="text"],
form .gform-body input[type="password"],
form .gform-body input[type="email"],
form .gform-body input[type="tel"],
form .gform-body input[type="number"],
form .gform-body textarea,
form .gform-body select {
    padding: 25px 29px 26px 29px !important;
    height: auto !important;
    font-family: "ProximaNova" !important;
    font-style: normal !important;
    background: none !important;
    border-radius: 5px !important;
    background-color: rgb(247 235 250 / 39%) !important;
    border: 1px solid rgb(135 67 154 / 40%) !important;
    font-size: 18px !important;
    line-height: 25px !important;
    color: #87439a !important;
    font-weight: 400 !important;
} */
form .gform-body input[type="text"],
form .gform-body input[type="password"],
form .gform-body input[type="email"],
form .gform-body input[type="tel"],
form .gform-body input[type="number"],
form .gform-body textarea,
form .gform-body select {
    padding: 5px !important;
    height: auto !important;
    /* font-family: "ProximaNova" !important; */
    font-style: normal !important;
    background: none !important;
    font-size: 17px !important;
    line-height: 32px !important;
    color: #fff !important;
    font-weight: 400 !important;
    border-bottom: 2px solid #FFFFFF !important;
    text-transform: uppercase;
    border-top: unset !important;
    border-right: unset !important;
    border-left: unset !important;
    border-radius: 0px;
}

form .gform-body textarea {
    height: 175px !important;
    resize: none;
    overflow: auto;
}

form .gform-body input[type="text"]:focus,
form .gform-body input[type="password"]:focus,
form .gform-body input[type="email"]:focus,
form .gform-body input[type="tel"]:focus,
form .gform-body input[type="search"]:focus,
form .gform-body input[type="number"]:focus,
form .gform-body textarea:focus {
    border-color: #66afe9
}

form .gform_footer button,
form .gform_footer input[type="button"],
form .gform_footer input[type="reset"],
form .gform_footer input[type="submit"] {
    font-family: "proxima-nova", sans-serif !important;
    display: inline-block !important;
    vertical-align: top !important;
    padding: 17px 39.5px 20px 39.5px !important;
    letter-spacing: normal !important;
    line-height: normal !important;
    border: none !important;
    text-transform: none !important;
    transition: all 0.5s !important;
    font-size: 18px !important;
    color: #4c2d7f !important;
    font-weight: 700 !important;
    text-align: center !important;
    border-radius: 5px !important;
    background-color: #fab918 !important;
    margin: 0 auto !important;
}

form .gform_footer button:hover,
form .gform_footer input[type="button"]:hover,
form .gform_footer input[type="reset"]:hover,
form .gform_footer input[type="submit"]:hover {
    background-color: #4c2d7f !important;
    color: #fab918 !important;
}

form .gform_footer input[type="search"] {
    -webkit-appearance: textfield;
}

form .gform_footer input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #fff !important;
}

:-moz-placeholder {
    opacity: 1 !important;
    color: #fff !important;
}

::-moz-placeholder {
    opacity: 1 !important;
    color: #fff !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
    color: #fff !important;
}

.form-group {
    margin-bottom: 30px;
}

/* buttons */
.btn {
    display: inline-block;
    vertical-align: top;
    padding: 9px 18.12px 6px 18.12px;
    letter-spacing: normal;
    line-height: normal;
    transition: all 0.5s;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    background-color: unset;
    text-transform: capitalize;
    border: 2px solid #fff;
}

.btn:hover,
.btn:focus,
.hamburger:hover,
a.btn.white-btn:hover {
    color: #017398;
    background-color: #fff;
    border-color: #fff;
    text-decoration: none;
    transition: all 0.5s;
}

.btn-sm {
    padding: 8px 16px;
}

.btn-md {
    padding: 12px 24px;
}

.btn-link {
    color: #C94D61;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    border-bottom: 1px solid #98989c;
    margin-bottom: 2px;
}

.btn-link:hover,
.btn-link:focus {
    color: #C94D61;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #C94D61;
}

.default-padding {
    padding: 100px 0px;
}

a.btn.white-btn {
    background: #fff;
    color: #4C2D7F;
}

.green-btn.btn {
    background: #01B59B;
    color: #fff;
}

.green-btn.btn:hover {
    background: #4C2D7F;
}

a.btn.white-btn:hover {
    background: #fab918;
    color: #4C2D7F;
}

/* 6. Tables
------------------------------------------------------------------------------*/
table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    text-align: left;
    font-weight: normal;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-bordered {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.table-bordered th,
.table-bordered td {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {
    width: 100%;
    display: flex;
    min-height: 100%;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.main-container {
    width: 100%;
}

.body-content ul,
.body-content ol {
    margin-bottom: 20px;
}

.body-content ul ul,
.body-content ul ol,
.body-content ol ol,
.body-content ol ul {
    margin-bottom: 0;
}

/* header */


/* responsive nav for small devices */
.hamburger {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    text-align: center;
    background-color: transparent;
    min-width: unset;
}

.hamburger:not(.close) {
    position: unset;
    top: 20px;
    right: 0px;
    z-index: 99;
    width: 50px;
    height: 50px;
    min-width: unset;
    background-color: #884399;
    border: 0;
}

.hamburger:hover,
.hamburger:focus {
    background-color: #FAB918;
    outline: none;
}

.hamburger .line {
    width: 30px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin: 6px auto;
}

.hamburger:hover {
    cursor: pointer;
}

.hamburger.close {
    padding: 10px;
    background-color: #884399;
    border: 0;
    min-width: unset;
}

.hamburger.close .wrap {
    position: relative;
    width: 30px;
    height: 30px;
    display: block;
}

.hamburger.close .line {
    margin: 0;
    width: 100%;
    position: absolute;
    top: calc(50% - 2px);
    transform: rotate(45deg);
    background-color: #fff
}

.hamburger.close .line:last-child {
    transform: rotate(-45deg);
}

#menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background-color: #01B59B;
    max-width: 450px;
    transition: all 0.3s ease-in-out;
    z-index: 999;
}

#mobilenav.is-open #menu {
    left: 0;
}

#mobilenav .nav-logo {
    padding: 15px 15px 12px 15px;
}

#mobilenav ul,
#mobilenav li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

#mobilenav ul ul {
    display: none;
}

#mobilenav .caret {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 18px;
    right: 2px;
    cursor: pointer;
}

#mobilenav .caret:not(.trigger-caret) {
    pointer-events: none;
}

#mobilenav .caret:before,
#mobilenav .caret:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #fff;
}

#mobilenav .caret:after {
    transform: rotate(-90deg);
    transition: all .2s ease;
}

#mobilenav .is-open>.caret:after {
    transform: rotate(0)
}

#mobilenav ul a {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    background: #01B59B;
    border-bottom: 1px solid #fff
}

#mobilenav ul a:hover,
#mobilenav ul a:focus {
    background: #c94c61;
}

#mobilenav .has-sub>a {
    padding-right: 40px;
}

#mobilenav li li a {
    padding-left: 30px;
    font-size: 14px;
    text-decoration: none;
    color: #dddddd;
    background: #49505a;
}

#mobilenav li li li a {
    padding-left: 50px;
}

#mobilenav .nav-backdrop {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#mobilenav.is-open .nav-backdrop {
    opacity: 1;
    z-index: 999;
    visibility: visible;
}

#mobilenav .menu-outer {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    padding-bottom: 60px;
}

#mobilenav .nav-logo img.custom-logo {
    max-width: 150px;
}

/* nav */
/* Nav */
.header-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-navigation ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-navigation ul li a {
    font-size: 18px;
    letter-spacing: normal;
    text-transform: none;
    color: #00344F;
    text-align: center;
    text-decoration: none;
}

.header-navigation ul li.parent {
    position: relative;
}

.header-navigation ul li.parent .arrowclick {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
}

.header-navigation .main-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-navigation .main-menu>li {
    position: relative
}

.header-navigation .main-menu>li>a {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-flex;
    padding: 31.5px 30px;
}

.header-navigation .main-menu>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #C94D61;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header-navigation .main-menu>li>a:hover {
    background-color: rgb(201 77 97 / 15%);
    color: #C94D61;
}

.header-navigation .main-menu>li>a:hover:before {
    opacity: 1;
    height: 2px
}

.header-navigation .main-menu>li>a:hover+.arrowclick svg path {
    stroke: #eaf3fb !important;
}

.header-navigation .main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: #fff;
    box-shadow: 0 0 16px 7px rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 9
}

.header-navigation .main-menu>li.parent:hover ul {
    opacity: 1;
    visibility: visible
}

.header-navigation .main-menu ul a {
    border-bottom: 1px solid #c2c2c2;
    padding: 15px 28px;
    font-size: 17px;
    line-height: 1.17;
    color: #000;
    font-weight: 400;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: inline-flex;
    width: 100%;
    z-index: 1
}

.header-navigation .main-menu ul li:last-child a {
    border: 0;
}

.header-navigation .main-menu ul a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(218 38 39 / 12%);
    color: #DA2627;
    ;
    height: 0;
    width: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: none;
    transition: none;
}

.header-navigation .main-menu ul a:hover,
.current_page_item a {
    color: #DA2627;
}

.header-navigation .main-menu ul a:hover:before {
    height: 100%;
    opacity: 1
}

.current_page_item a:before {
    width: 100%;
    opacity: 1
}

.current-menu-parent a {
    color: #1a9bac;
}

.header__main ul li ul.sub-menu {
    top: 100%;
    display: none;
}

.header__main ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    display: block;
}

.header__main .header__right .header__menu li.current-menu-item>a {
    color: #b4dbff;
}

header.main-header>.container-fluid {
    max-width: 1920px;
    padding: 0 60px;
}

/* footer */
.main-footer {
    width: 100%;
    height: auto;
    background: #322348;
    line-height: normal;
}

/* Common CSS */
.container-fluid,
.wrapper-fluid {
    padding-right: 60px;
    padding-left: 60px;
    width: 100%;
    margin: auto;
    max-width: 100%
}

.container,
.wrapper {
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1180px;
    width: 100%;
}

/* row and column */
.row,
.wrapper-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}

[class*="col-"] {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 100%;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* align item */
.d-none {
    display: none !important;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* Font Color Css */
.brown {
    color: #52433C;
}

.white {
    color: white;
}

/* column structure */
/* ----- Extra small devices ≤640px ----- */
.col-12 {
    width: 100%
}

.col-11 {
    width: 91.66666667%
}

.col-10 {
    width: 83.33333333%
}

.col-9 {
    width: 75%
}

.col-8 {
    width: 66.66666667%
}

.col-7 {
    width: 58.33333333%
}

.col-6 {
    width: 50%
}

.col-5 {
    width: 41.66666667%
}

.col-4 {
    width: 33.33333333%
}

.col-3 {
    width: 25%
}

.col-2 {
    width: 16.66666667%
}

.col-1 {
    width: 8.33333333%
}

.col-offset-12 {
    margin-left: 100%
}

.col-offset-11 {
    margin-left: 91.66666667%
}

.col-offset-10 {
    margin-left: 83.33333333%
}

.col-offset-9 {
    margin-left: 75%
}

.col-offset-8 {
    margin-left: 66.66666667%
}

.col-offset-7 {
    margin-left: 58.33333333%
}

.col-offset-6 {
    margin-left: 50%
}

.col-offset-5 {
    margin-left: 41.66666667%
}

.col-offset-4 {
    margin-left: 33.33333333%
}

.col-offset-3 {
    margin-left: 25%
}

.col-offset-2 {
    margin-left: 16.66666667%
}

.col-offset-1 {
    margin-left: 8.33333333%
}

.col-offset-0 {
    margin-left: 0
}

/* ----- Small devices ≥641px ----- */
@media (min-width:641px) {
    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

/* ----- Medium devices ≥768px ----- */
@media (min-width:768px) {
    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

/* ----- Large devices ≥1024px ----- */
@media (min-width:1024px) {
    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

/* ----- Extra Large devices ≥1200px ----- */
@media (min-width:1200px) {
    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }
}

/* hidden element */
.hidden {
    display: none;
}

/* ----- Extra small devices ≤640px ----- */
@media (max-width: 640px) {
    .hidden-xs-down {
        display: none;
    }
}

/* ----- Small devices ≥641px ----- */
@media (min-width: 641px) {
    .hidden-sm-up {
        display: none;
    }
}

/* ----- Small devices ≤767px ----- */
@media (max-width: 767px) {
    .hidden-sm-down {
        display: none;
    }
}

/* ----- Medium devices ≥768px ----- */
@media (min-width: 768px) {
    .hidden-md-up {
        display: none;
    }
}

/* ----- Medium devices ≤1024px ----- */
@media (max-width: 1023px) {
    .hidden-md-down {
        display: none;
    }
}

/* ----- Large devices ≥1024px ----- */
@media (min-width: 1024px) {
    .hidden-xl-up {
        display: none;
    }
}

/* Wordpress align class */
.alignnone {
    float: none;
    margin: 20px 0;
}

.aligncenter {
    display: block;
    clear: both;
    margin: 20px auto;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

/* text alignment */
.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-justify {
    text-align: justify;
}

/* images */
.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

.img-full {
    width: 100%;
    display: block;
}

/* float class */
.float-left {
    float: left
}

.float-right {
    float: right
}

.float-none {
    float: none
}

/* mange spacing */
.space-small {
    padding-top: 30px;
    padding-bottom: 30px;
}

.space-medium {
    padding-top: 50px;
    padding-bottom: 50px;
}

.space-large {
    padding-top: 70px;
    padding-bottom: 70px;
}

.no-bdr {
    border-width: 0
}

/* padding */
.no-padding {
    padding: 0;
}

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.pt-1 {
    padding-top: 20px;
}

.pb-1 {
    padding-bottom: 20px;
}

.pl-1 {
    padding-left: 20px;
}

.pr-1 {
    padding-right: 20px;
}

/* margin */
.no-margin {
    margin: 0;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.ml-0 {
    margin-left: 0;
}

.mr-0 {
    margin-right: 0;
}

.mt-1 {
    margin-top: 20px;
}

.mb-1 {
    margin-bottom: 20px;
}

.ml-1 {
    margin-left: 20px;
}

.mr-1 {
    margin-right: 20px;
}

/* clear element when using */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}


.sec_pt-0 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.sec_pb-0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.sec_ptb-0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}



/* Header CSS */

header {
    width: 100%;
    background: #007398;
    padding: 24px 0;
}

.header-left img {
    max-width: 270px;
}

header .wrapper {
    max-width: 1210px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

footer.site-footer {
    width: 100%;
    background-color: #007298;
    color: #ffffff;
    padding-top: 113px;
    padding-bottom: 220px;
}

footer.site-footer .footer-inner {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1116px;
    margin-left: auto;
    margin-right: auto;
}

footer.site-footer .footer-left {
    width: 100%;
    max-width: calc(50% - 20px);
}

footer.site-footer .footer-left .footer-logo {
    max-width: 222px;
    display: flex;
}

footer.site-footer .footer-left .footer-logo a {
    display: flex;
}

footer.site-footer .footer-left .footer-logo img {
    max-width: 222px;
}

footer.site-footer .footer-right {
    width: 100%;
    max-width: calc(50% - 20px);
}

footer.site-footer .footer-right .footer-content {
    color: #ffffff;
}

footer.site-footer .footer-right .footer-content a {
    color: #ffffff;
    text-decoration: underline;
}

footer.site-footer .footer-right .footer-content a:hover {
    color: #ffffff;
    text-decoration: underline;
}

section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* landing-page-hero-section CSS */

.landing-page-hero-section .hero-section-title {
    font-size: 44px;
    line-height: 45px;
    margin-bottom: 5px;
    color: #71B2C9;
    font-weight: bold;
    padding: 0px 135px 0px 37px;
    margin-top: -20px;
    overflow: hidden;
    font-family: 'proxima-nova-bold';
    width: 100%;
    padding-bottom: 18px;
    letter-spacing: 0.88px;
}

.landing-page-hero-section .hero-section-title span {
    display: block;
    color: #007298;
    /* margin-top: -24px; */
    /* background: #fff; */
    width: max-content;
    /* padding: 5px; */
    position: relative;
}

.landing-page-hero-section .hero-section-title span::before {
    content: '';
    width: 500%;
    height: 6px;
    right: calc(100% + 10px);
    background-color: #007298;
    display: block;
    position: absolute;
    top: 50%;
    top: 18px;
    transform: translateY(-50%);
}

.landing-page-hero-section .hero-section-title span::after {
    content: '';
    width: 500%;
    height: 6px;
    left: calc(100% + 10px);
    background-color: #007298;
    display: block;
    position: absolute;
    top: 50%;
    top: 18px;
    transform: translateY(-50%);
}

.landing-page-hero-section .hero-section-content {
    padding: 0px 135px 20px 37px;
}

.hero-section-content p {
    font-size: 18px;
    line-height: 23px;
    color: #4E748B;
    padding-right: 90px;
}

.landing-page-hero-section {
    height: 755px;
    padding: 0px 0px;
    position: relative;
}

.landing-page-hero-section-wrap {
    position: relative;
    /* height: 100%; */
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 32px;
    width: 100%;
    margin-bottom: 32px;
}

.landing-page-hero-section-left {
    position: relative;
    /* padding: 0px 135px 20px 37px; */
    z-index: 1;
    width: 100%;
}

.landing-page-hero-section-yello-logo {
    position: absolute;
    right: -35px;
    top: -100px;
    max-width: 202px;
    z-index: 1;
}

.landing-page-hero-section .wrapper {
    height: 100%;
    position: relative;
    z-index: 3;
}
.landing-page-hero-section-left:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border: 6px solid #007298;
    border-top: unset;
    z-index: -1;
}

.icon-with-content-img {
    max-width: 81px;
    background: #4EA3C1 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #FFFFFF;
    padding: 15px;
    border-radius: 100%;
    height: 81px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    margin: 0 auto;
}

.icon-with-content-section {
    padding: 78px 0px;
}

.icon-with-content-title {
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    padding: 14px 30px 10px;
    font-weight: 600;
}

.icon-with-content-text {
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    padding: 0px 5px;
    text-align: left;
    font-weight: 300;
}

.icon-with-content-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 60px;
}

.icon-with-content-box {
    width: calc(25% - 60px);
    text-align: center;
}

.image-and-content-section {
    padding-top: 60px;
    padding-bottom: 66px;
}

.image-and-content-section .image-and-content-section-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 30px;
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
}

.image-and-content-section .section-title {
    width: 100%;
    padding-bottom: 49px;
}

.image-and-content-section .section-title .h2 {
    color: #71B2C9;
    text-align: center;
}

.image-and-content-section .section-title .h2 span {
    color: #007398;
}

.image-and-content-section .image-and-content-left {
    width: 100%;
    max-width: calc(55% - 15px);
    line-height: 1.28;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 40px;
}
.image-and-content-left ul{
    padding-left: 20px;
}
.image-and-content-section .image-and-content-left li {
    padding-bottom: 8px;
    line-height: 1.28;
    font-size: 18px;

}

.image-and-content-section .image-and-content-right {
    width: 100%;
    max-width: calc(45% - 15px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.image-and-content-section .image-and-content-right img {
    max-width: 476px;
    height: auto;
}

.three-block-section {
    padding-top: 81px;
    padding-bottom: 95px;
}
.three-block-section .three-block-section-inner {}

.three-block-section .section-title {
    width: 100%;
    padding-bottom: 14px;
}

.three-block-section.resources .section-title {
    padding-bottom: unset;
    margin-left: -10px;
}

.three-block-section .section-title .h2 {
    color: #71B2C9;
    text-align: center;
}

.three-block-section.resources .section-title .h2 {
    text-align: unset;
    color: #007398;
}

.three-block-section .section-title .h2 span {
    color: #007398;
}

.three-block-section .three-block-section-row {
    padding-top: 0px;
    justify-content: center;
    margin-left: -17.5px;
    margin-right: -17.5px;
}
.three-block-section-row [class*="col-"] {
    padding-right: 17.5px;
    padding-left: 17.5px;
}

.three-block-section.resources .three-block-section-row {
    padding-top: unset;
}

/* .three-block-section:not(.resources) .three-block-section-col:nth-child(3n - 2),
.three-block-section:not(.resources) .three-block-section-col:nth-child(3n) {
    padding-top: 40px;
    padding-bottom: 40px;
} */

.three-block-section .three-block-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #71B2C9;
    padding: 44px 41px 60px;
    box-shadow: 0px 3px 6px #00000033;
}
.three-block-section.resources .three-block-wrap{
    box-shadow: 0px 3px 6px #0000001F;
}
.three-block-section.resources .three-block-wrap {
    background-color: #E1EFF4;
}

.three-block-section .three-block-image-wrap {
    width: 100%;
    height: 270px;
    display: flex;
}

.three-block-section.resources .three-block-image-wrap {
    height: 256px;
}

.three-block-section .three-block-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.three-block-section .three-block-title {
    padding: 30px 30px 0px;
}

.three-block-section .three-block-title h4 {
    color: #007398;
    text-transform: uppercase;
}

.three-block-section .three-block-content {
    color: #fff;
    line-height: 1.3;
    flex-grow: 1;
    padding: 20px 30px 0px;
}

.three-block-section.resources .three-block-content {
    color: #007398;
}

.three-block-section .three-block-list-cta {
    display: flex;
    justify-content: flex-start;
    padding: 30px 30px 0px;
}

.three-block-section.resources .three-block-list-cta {
    padding-top: 37px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.three-block-section.resources .three-block-list-cta .btn {
    border-color: #007398;
    color: #007398;
    font-weight: 500;
    padding: 6px 10px;
}

.faqs-section {
    padding-top: 82px;
    padding-bottom: 100px;
}

.faqs-section .faqs-section-inner {
    max-width: 1116px;
    margin: 0 auto;
}

.faqs-section .section-title {
    width: 100%;
    padding-bottom: 44px;
    display: flex;
    align-items: center;
    gap: 27px;
}

.faqs-section .section-title .h2 {
    color: #007398;
    margin: 0;
}

.faqs-section .section-title .icon-arrow {
    background-image: url('assets/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    margin-top: -6px;
    cursor: pointer;
}

.faqs-section .faqs-list {
    width: 100%;
}

.faqs-section .faqs-list-row {
    width: 100%;
    margin-bottom: 8px;
}

.faqs-section .faqs-list-row h3 {
    color: #007298;
    margin-bottom: 6px;
}


.faqs-section.faqs-style2 .faqs-list-row h3 {
    margin-bottom: 16px;
    font-size: 25px;
    line-height: 23px;
    font-weight: 500;
}

.faqs-section.faqs-style2 .faqs-list-row {
    margin-bottom: 40px;
}

.faqs-section.faqs-style2 .faqs-list-row:last-child {
    margin-bottom: unset;
}

.faqs-section.faqs-style2 .faqs-list-row .faqs-list-content {
    font-size: 14px;
    line-height: 1.43;
}

.faqs-section.faqs-style2 .faqs-list-row p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}

.faqs-section.faqs-style2 .faqs-list-row p:last-child {
    margin-bottom: 0px !important;
}

.faqs-section .faqs-list-row .faqs-list-content a {
    color: inherit;
    text-decoration: underline;
}

.faqs-section .faqs-list-row .faqs-list-content a:hover {
    color: inherit;
}

section.form-with-content-section {
    padding: 106px 0px 133px;
}

section.form-with-content-section .wrapper {
    max-width: 1098px;
}

.form-with-content-inner-column.form-with-content-inner-column-right {
    width: 45.8%;
}
.form-with-content-inner-column.form-with-content-inner-column-left {
    width: 54.2%;
    padding-right: 58px;
}
.form-with-content-inner-wrap.form-with-content-inner-row {
    display: flex;
    align-items: center;
}

.form-with-content-inner-column-right-title h2 {
    color: #71B2C9;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 33px;
    margin-bottom: 3px;
    padding-left: 35px;
}

.form-with-content-inner-column-left-content-box-title h3 {
    color: #fff;
    font-size: 25px;
    line-height: 28px;
    text-transform: uppercase;
}

.form-with-content-inner-column-left-content-box-content p {
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}

.form-with-content-inner-column-left-content-box {
    padding-bottom: 20px;
    padding-right: 140px;
}

.form-with-content-inner-column-left-content-box:last-child {
    padding-bottom: 0px;
}

.form-with-content-inner-column-right-form-code label.gfield_label.gform-field-label {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    line-height: 32px;
}

input:focus,
textarea:focus,
select:focus {
    box-shadow: none !important;
}

.form-with-content-inner-column-right-form-code .gform_title {
    color: #fff;
    text-transform: uppercase;
}

.testimonial-section .wrapper {
    max-width: 1287px;
}

section.testimonial-section {
    padding: 69px 0px 82px;
}

.testimonial-inner-column-left-content-box {
    display: flex !important;
    align-items: center;
    padding: 0px 15px;
}

.testimonial-inner-column-left-content-box .testimonial-inner-column-box-left {
    width: 60%;
    padding-right: 66px;
}

.testimonial-inner-column-left-content-box .testimonial-inner-column-box-right {
    width: 40%;
    display: flex;
    justify-content: center;
}

.testimonial-inner-column-left-content-box .testimonial-inner-column-box-right img {
    width: 100%;
}

.testimonial-inner-column-slider {
    padding: 45px 100px 96px 90px;
    border: 6px solid #39ABC3;
    border-top: unset;
    margin-top: -22px;
}

.testimonial-inner-column-title {
    overflow: hidden;
}

.testimonial-inner-column-title h2 {
    color: #007398;
    margin-bottom: 0px;
    width: max-content;
    position: relative;
    padding-left: 105px;
    font-size: 40px;
}

.testimonial-inner-column-title h2::before {
    content: '';
    width: 500%;
    height: 6px;
    right: calc(100% + -80px);
    background-color: #4EA3C1;
    display: block;
    position: absolute;
    top: 50%;
    top: 20px;
    transform: translateY(-50%);
}

.testimonial-inner-column-title h2::after {
    content: '';
    width: 500%;
    height: 6px;
    left: calc(100% + 14px);
    background-color: #4EA3C1;
    display: block;
    position: absolute;
    top: 50%;
    top: 20px;
    transform: translateY(-50%);
}

.testimonial-inner-column-box-content p {
    font-size: 18px;
    line-height: 23px;
    color: #000;
    margin-bottom: 14px;
}

.testimonial-inner-column-box-content p:last-child {
    margin-bottom: 0px;

}

.testimonial-inner-column-box-name {
    padding-top: 18px;
    line-height: normal;
}

.testimonial-inner-column-box-more_info {
    line-height: normal;
}

.testimonial-inner-column-box-name span,
.testimonial-inner-column-box-more_info span {
    color: #007398;
    font-size: 18px;
    line-height: 23px;
}

.testimonial-inner-column-content button.slick-arrow {
    width: 32px;
    height: 32px;
}

.testimonial-inner-column-content button.slick-arrow:before {
    display: none !important;
}

.testimonial-inner-column-content .slick-prev {
    left: -55px;
}

.testimonial-inner-column-content .slick-next {
    right: -55px;
}

.testimonial-inner-column-content button.slick-arrow img {
    transition: all 0.6s;
}

.testimonial-inner-column-content button.slick-arrow img:hover {
    filter: drop-shadow(2px 4px 6px rgb(57 171 195));
}

.testimonial-inner-column-box-name span {
    font-weight: 700;
}

.faqs-list-row h3,
.faqs-list-content p {
    font-size: 18px;
    line-height: 21px;
}

.faqs-list-content p {
    margin-bottom: 5px;
    color: #132A4F;
}
.three-block-section .wrapper {
    max-width: 1255px;
}
.three-block-section.resources .wrapper {
    max-width: 1138px;
}

section.three-block-section.resources {
    padding-bottom: 68px;
}

section.faqs-section.faqs-style2.default-padding {
    padding-top: 89px;
    padding-bottom: 70px;
}

.form-with-content-inner-column-right-form-code {
    width: 100%;
    overflow: hidden;
}

.form-with-content-inner-column-right-form-code input:not(input[type="submit"]),
.form-with-content-inner-column-right-form-code select {
    background-color: #247298;
    text-transform: uppercase;
    border-radius: 0;
    color: #ffffff;
    border: 0;
    border-bottom: 2px solid #ffffff;
    /* padding: 5px; */
    width: 100%;
    font-weight: 600;
    -webkit-appearance: none;
    outline: none;
    font-size: 17px;
    line-height: 32px;
    font-family: "proxima-nova", sans-serif;
}

.form-with-content-inner-column-right-form-code label {
    font-weight: 600;
    font-size: 17px;
    line-height: 32px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-family: "proxima-nova-bold", sans-serif;


}

.form-with-content-inner-column-right-form-code input::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code input:-moz-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code input::-moz-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code input:-ms-input-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code select::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code select:-moz-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code select::-moz-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code select:-ms-input-placeholder {
    opacity: 1 !important;
    color: #ffffff;
}

.form-with-content-inner-column-right-form-code .form-title {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0px 35px;
}

.form-with-content-inner-column-right-form-code .form-title span {
    position: relative;
    width: max-content;
    display: block;
    font-family: 'proxima-nova-bold';
}

.form-with-content-inner-column-right-form-code .form-title span::before {
    content: '';
    width: 500%;
    height: 6px;
    right: calc(100% + 10px);
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    top: 15px;
    transform: translateY(-50%);
}

.form-with-content-inner-column-right-form-code .form-title span::after {
    content: '';
    width: 500%;
    height: 6px;
    left: calc(100% + 10px);
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    top: 15px;
    transform: translateY(-50%);
}

.form-content {
    padding: 40px 42px 32px 42px;
    border: 6px solid #FFFFFF;
    border-top: unset;
    margin-top: -12px;
}

.form-with-content-inner-column-right-form-code .form_group-row {
    padding-bottom: 22px;
}

.form-with-content-inner-column-right-form-code select {
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
}

.form-with-content-inner-column-right-form-code .form_group-row.form_group-row-mt-60 {
    text-align: center;
}

.form-with-content-inner-column-right-form-code input[type="submit"] {
    text-transform: uppercase;
    cursor: pointer;
    font-family: "proxima-nova", sans-serif;

}

.form-with-content-inner-column-right-form-code .submit-text {
    color: #fff;
    font-size: 10px !important;
    line-height: 17px;
    font-weight: 300;
}

.form-with-content-inner-column-right-form-code .submit-text a {
    color: #fff;
    text-decoration: underline;
}

.form-with-content-inner-column-right-form-code select {
    /* background-image: url('assets/images/form-arrow.png'); */
    background-image: url('assets/images/form-arrow.svg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 23px 12px;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.gchs-common-section-title span {
    color: #71B2C9;
}

.gchs-common-section-title {
    color: #007398;
    font-family: 'proxima-nova-bold';
}

.common-content-section {
    padding: 70px 0px 64px;
    box-shadow: 0px 3px 6px #00000029;
}
.hide-desktop {
    display: none;
}
.show-desktop {
    display: block;
}

.thank-you-common-section {
    background-size: contain;
    height: 302px;
    background-position: left -100px;
    box-shadow: none;
    z-index: 1;
    position: relative;
}
.thank-you-common-section:after {
    content: '';
    background-image: url('assets/images/thank-bg.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 113px;
    height: 408px;
    margin-top: -176px;
    cursor: pointer;
    display: inline-block;
}
section.common-content-section.common-404-section {
    height: 500px;
    display: flex;
    align-items: center;
    padding: 100px 0px;
}
.common-404-section .gchs-common-section-title {
    color: #007398;
    font-size: 70px !important;
    line-height: 70px !important;
    margin-bottom: 30px;
}
.common-404-section .banner-content {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 30px;
    font-weight: 400;
}
.common-content-section.common-404-section .btn {
    color: #007298;
    border-color: #007298;
}
.landing-page-hero-bottom-section-title {
    font-size: 21px;
    line-height: 30px;
    font-weight: bold;
    color: #007398;
    padding-bottom: 17px;
    font-family: 'proxima-nova-bold';
}
.landing-page-hero-bottom-section-content {
    font-size: 18px;
    line-height: 23px;
    color: #4E748B;
    font-weight: 600;
    padding-bottom: 25px;
    font-family: 'proxima-nova';
}
.landing-page-hero-bottom-section-inner {
    width: 100%;
    padding: 0 25px;
}
section.landing-page-hero-section video#myVideo {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    z-index: 1;
}
.gchs-common-section-title {
    color: #fff;
}
.common-content-section {
    color: #fff;
}
section.landing-page-hero-section:before {
    content: "";
    position: absolute;
    z-index: 2;
    background: #fff;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    height: 250px;
    width: 100%;
    bottom: 0;
}
.common-content-section.image-section {
    padding: 0px !important;
    box-shadow: none;
}

.common-content-section.image-section .wrapper {
    width: 100%;
    max-width: 100% !important;
    padding: 0px !important;
}

.common-content-section.image-section .wrapper img {
    margin: 0px;
    width: 100%;
}
.icon-social-box img {
    width: 25px;
    height: 25px;
}
.icon-social-boxes {
    display: flex;
    justify-content: center;
    gap: 11px;
}
.icon-social-section {
    padding: 43px 0px 32px;
    box-shadow: 0px 3px 6px #00000029;
}
.icon-social-section-title {
    text-align: center;
}
.icon-social-section-title h2 {
    font-size: 25px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    font-family: 'proxima-nova-bold';
    margin-bottom: 12px;
}
.icon-social-box {
    line-height: normal;
}
.what-common-section a.btn {
    margin-top: 10px;
    padding: 9px 24px 6px;
}
.what-common-section strong{
    font-family: 'proxima-nova-bold';
}
.form-with-content-inner-column-left-content-title h2, .form-with-content-inner-column-left-content-subTitle h3 {
    font-size: 25px;
    line-height: 23px;
}
.form-with-content-inner-column-left-content-title h2 {
    color: #fff;
}
.form-with-content-inner-column-left-content-subTitle h3 {
    color: #71B2C9;
}
.form-with-content-inner-column-left-content-box-title p {
    color: #fff;
}

.form-with-content-inner-column-left-content-box-title strong {
    font-family: 'proxima-nova-bold';
}
.form-with-content-inner-column-left-content {
    padding-top: 30px;
}
.form-with-content-inner-column-left-content-img {
    margin-top: 40px;
}
.header-right{
    line-height: normal;
}
.thank-banner-section.landing-page-hero-section .hero-section-title {
    padding-bottom: 0px;
}
.app-section{
    background-size: contain;
    background-position: left center;
    padding: 125px 0px 242px;

}
.thank-banner-section .landing-page-hero-section-wrap {
    /* height: 100%; */
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.app-section-inner {
    display: flex;
    align-items: center;
}

.app-section-inner-left {
    width: 22.2%;
}

.app-section-inner-right {
    width: 77.8%;
    padding-left: 65px;
}
.app-section-inner-right-title {
    color: #007398;
    font-size: 40px;
    line-height: 45px;
}

.app-section-inner-right-title strong {
    font-family: 'proxima-nova-bold';
}
.app-btn .btn {
    color: #007398;
    border-color: #007398;
    padding: 8px 38.5px;
}

.app-btns {
    display: flex;
    gap: 29px;
    padding-top: 35px;
}
.app-section-inner-right-title p {
    margin-bottom: 3px;
}
.app-btn .btn:hover {
    color: #fff;
    border-color: #007398;
    background-color: #007398;
}
.app-section.otd-app .app-section-inner {
    padding-top: 90px;
}
.common-404-section .banner-content p {
    color: #007398;
}
.common-content-section.common-404-section .btn:hover {
    color: #fff;
    border-color: #007298;
    background-color: #007298;
}
.thank-banner-section ~ .landing-page-hero-bottom-section {
    display: none;
}
.thank-banner-section.landing-page-hero-section{
    height: 700px;
    background-position: left top;
    background-size: contain;
}
.thank-banner-section.landing-page-hero-section:before{
    height: 139px;
}
.app-section-inner-left-img img {
    border-radius: 12px;
}
.common-content-section.what-common-section {
    padding: 41px 0px 43px;
}
.three-block-list-cta a {
    padding: 9px 24.12px 6px;
}
.header-right a {
    padding: 9px 24px 6px;
}
/* .thank-banner-section.landing-page-hero-section .hero-section-content{
    padding: 0px 155px 19px 37px;
} */
 .app-section .wrapper{
    max-width: 1200px;
 }
 .app-section.otd-app {
    position: relative;
}

.app-section.otd-app:after {
    content: '';
    background-image: url(./assets/images/app-bg-section.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -80%;
    left: 0;
    height: 864px;
    width: 113px;
    z-index: 11;
}
.app-section-inner-left-img {
    position: relative;
    z-index: 111;
}
.g-recaptcha {
    transform: scale(0.80);
    transform-origin: 0 0;
    margin-bottom: -20px;
}