body{line-height:1;font-family: 'Roboto', sans-serif;font-size: 14px;margin:0 !important;color: #000; background-color: #fff;}
a {text-decoration: none;}

/* HEADER */
.hrai-header-logo {max-width: 180px; margin: 0 auto; display: flex; margin-top: 40px; margin-bottom: -30px;}
.hrai-header-logo-long {max-width: 420px; margin: 0 auto; display: flex; margin-top: 20px; margin-bottom: 20px;}
.hrai-long-header {width: 100%; max-width: 100%;}

.hrai-home-logo {margin: 0 auto !important;}

header {position: relative;}
.header-txt {position: absolute; left: 2%; bottom: 2%; font-size: 50px;}

@media (max-width: 767px) {
    .header-txt {left: 0; right: 0; top: 0; bottom: 0; font-size: 30px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 20px;}
}

@media (max-width: 450px) {
    .header-txt {font-size: 25px; padding: 20px 20px;}
}


/* UNIVERSAL */
.hrai-extra-container {background-color: #E9EAEC !important; float: left; width: 100%; margin-top: -3px;}
.hrai-container {max-width: 1200px; margin: 0 auto; padding: 40px;}

.blue-txt {color: #006db7}
.blue-bg {background-color: #006db7;}
.lite-txt {color: #fff;}


.page-title {font-size: 36px; font-weight: 700; line-height: 1.25;}
.hrai-btn {font-weight: 700; font-size: 18px; padding: 8px 10px; width: 250px; border: none; cursor: pointer}
.transparent-btn {background-color: transparent; font-weight: 700; font-size: 18px; padding: 8px 10px; width: 300px; border: 1px solid #fff; cursor: pointer}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;width: 100%;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

p {line-height: 1.5;}

ul {padding-inline-start: 20px;}
ul li {line-height: 1.5;}

.center-txt {text-align: center;}
.center-all {display: flex; align-items: center; justify-content: center;}

.margin-center {margin: 0 auto;}
section {display: block;}

@media (max-width: 450px) {
    .page-title {font-size: 26px;}
    .hrai-header-logo-long {max-width: 300px;}
}

/* LANDING PAGE */

.sm-txt {margin: 0 auto; font-size: 12px; text-align: center;}
.hrai-btn-row {display: flex; justify-content: center; align-content: center; flex-wrap: wrap; max-width: 1060px; margin: 40px auto; gap: 20px;}

@media (max-width: 767px) {
    .hrai-btn-row {flex-direction: column; gap: 20px;}
}
/* BENEFITS PAGE */

.mobile-included-container {float: left; width: 100%;}
.benefits-section {display: flex; justify-content: center; align-content: center; flex-wrap: wrap; gap: 20px;}
.benefits-section .col-md-4 {max-width: 360px; width: 100%; padding: 0;}
.foundation-auto-height {height: auto; margin-bottom: 30px;}
.foundation-row {height: 850px;}
.included-style {padding: 20px; background-color: #FFF;}
.who-has-access {padding: 0px 10px 7px; font-size: 17px; font-weight: 400; color: #006db7; line-height: 1 !important; margin: 0px;}
.two-shields-size {width: 50%; float: left;}
.two-included-tooltip {position: relative; display: inline-block;}
.cbs-style {background-color: #006DB7; height: 30px; text-align: center; margin-right: 3px;}
.style-text {padding: 7px 10px; color: #ffffff; font-size: 13px; line-height: 1 !important; margin: 0px;}
.premium-style {background-color: #CCA443; height: 30px; text-align: center; margin-left: 3px;}
.included-text-pad {padding: 20px 15px 10px; margin-top: 0px; font-size: 15px; font-family: 'Roboto', sans-serif; line-height: 1.85 !important; color: #565556 !important;}
.m-bot-thirty {margin-bottom: 30px;}
.included-buttons {width: 230px; padding: 10px 10px; text-align: center; color: #fff;}
.included-buttons span {font-size: 17px; font-weight: normal;}
.included-button-position {position: absolute; bottom: 3%;}
.two-included-tooltip .two-included-tooltiptext {visibility: hidden; width: 160px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px; font-size: 12px; line-height: 16px; position: absolute; z-index: 1; top: 100%; left: 40%; margin-left: -60px;}
.two-included-tooltip:hover .two-included-tooltiptext {visibility: visible;}

.benefits-container-top {background: #E9EAEC; float: left; padding: 40px 20px;}

#testimonial-section {background-color: #006db7; padding: 60px; position: relative; background-image: linear-gradient(45deg, #006db7, #000028); float: left; max-width: 1200px; margin: 0 auto;}
.unlock-btn-container {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 680px; gap: 20px; margin: 30px auto 0;}
.testi-inner h1 {font-size: 30px;}
@media (max-width: 820px) {
    .unlock-btn-container {flex-direction: column; justify-content: center;}
}


@media (max-width: 767px) {
    .foundation-row {height: unset;}
    .included-button-position {position: relative; bottom: unset; margin-top: 20px;}
}

@media (max-width: 473px) {
    .premium-style, .cbs-style {height: 50px; display: flex; justify-content: center; align-items: center;}
    #testimonial-section {padding: 0;}
    .testi-inner {padding: 40px;}
}

/* DEMO PAGE */
.hrai-section-header {padding: 20px; text-align: center; margin-top: 30px;}
.hrai-section-header p {font-size: 30px; margin: 0; font-weight: 700;}

/* JOIN PAGE */

.hrai-join {padding: 40px;}

.gform_wrapper {margin-top: 0 !important; display: block !important}
.gfield_label, .gform_required_legend {display: none !important;}
.gform_wrapper .gform_footer {padding: 0 !important; margin: 0 !important; margin-bottom: 50px !important; clear: both; width: 100%;}
.gform_confirmation_wrapper {margin: 20px auto;}
.ginput_container input {margin-bottom: 5px; height: 35px;}

.ginput_container_email .ginput_left label, .ginput_container_email .ginput_right label {display: none !important;}
.ginput_container_email .ginput_right {padding-right: 0 !important;}
input[type="email"], select, textarea, input[type="password"] {padding: 10px 15px!important; color: #808285; border-radius: 0; -webkit-appearance: none; background: #fff; box-shadow: none; border: #808285 solid 1px; width: 100%; margin-bottom: 10px;}
.gform_footer {display: flex; justify-content: center; margin-bottom: 0 !important;}
.gform_button {height: 35px; width: 165px; position: relative; display: flex; align-items: center; justify-content: center; letter-spacing: 1px; word-spacing: 2px; cursor: pointer; transition: .6s; padding: 0; border-radius: 0; border: 0; background-color: #006db7; color: #fff; font-size: 16px;}
.ginput_recaptcha {display: flex; justify-content: center; align-items: center; margin: 20px 0;}

.gform_body input[type="text"], input[type="email"], select, textarea, input[type="password"] {padding: 10px 15px!important; color: #808285; border-radius: 0; -webkit-appearance: none; background: #fff; box-shadow: none; border: #808285 solid 1px; width: 100% !important; margin-bottom: 0 !important;}
.gform_body .gform_footer {display: flex; justify-content: center; margin-bottom: 0 !important;}
.gptos_input_container {margin-bottom: -10px; margin-top: 0px !important; font-size: 15px !important; width: 100% !important;}
.gchoice_74_189_1, .gchoice_76_189_1 {display: flex; align-items: center; max-width: 100px;}
#gw_terms_189 {text-align: left; width: 100%;}

.gptos_terms_container.large {font-size: 12px;}
.gform_wrapper.gravity-theme * {box-sizing: border-box;}
.gptos_terms_container {height: 60px !important; width: 97.5%; background-color: #fff; overflow: auto; border: 1px solid #ccc;}
.gform_wrapper .gptos_terms_container *:last-child {margin: 1px 10px !important;}