/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2.09
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


* {
  font-family: 'Montserrat';
}

body {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
h1, h2, h3, h4, h5, h6, p, small, strong {
  margin: 0 0 0 !important;
  color: #333 !important;
  font-style: normal !important;
}
h1 {
  font-size: 75px;
  font-weight: 700;
  line-height: 122px;
  letter-spacing: -1.125px;
}
h2 {
  font-size: 50px;
  font-weight: 800;
  line-height: 64px;
}
h3 {
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -0.63px;
}
h4 {
  font-size: 35px;
  font-weight: 400;
  line-height: 46px;
  letter-spacing: -0.525px;
}
h5 {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -0.42px;
}
h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
small {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.035px;
}
ul, ol {
  padding-left: 24px;
  list-style-type: disc;
}
.bold {
  font-weight: 700;
}
.fade {
  opacity: 0;
  transition: all 1s ease-in-out;
}
.hide {
  display: none !important;
}
.btn,
#site-navigation #menu-main li:last-child a span,
#contact-page #gform_submit_button_15,
#contact-page #gform_submit_button_28 {
  background: #fff !important;
  background-color: #fff !important;
  text-transform: uppercase !important;
  border-radius: 10px !important;
  padding: 10px !important;
  max-width: fit-content !important;
  text-align: center !important;
  font-size: 18px !important;
  color: #333 !important;
  font-weight: 700 !important;
  font-family: 'Montserrat' !important;
  line-height: 18px !important;
  border: 3px solid #333 !important;
  transition: all 0.3s ease-in-out !important;
  cursor: pointer !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.btn:hover,
.theme-button:hover,
#home-wro-banner .cta-blurb .theme-button:hover, 
#site-navigation #menu-main li:last-child a:hover span,
#contact-page #gform_submit_button_15:hover,
#contact-page #gform_submit_button_28:hover {
  background: #333333 !important;
  background-color: #333333 !important;
  color: #fff !important;
  text-decoration: none !important;
}

@media (min-width: 1081px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu li:last-child a {
    background: #fff !important;
    background-color: #fff !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    padding: 10px !important;
    max-width: fit-content !important;
    text-align: center !important;
    font-size: 18px !important;
    color: #333 !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    border: 3px solid #333 !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-decoration: none !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li:hover:last-child a {
    background: #333333 !important;
    background-color: #333333 !important;
    color: #fff !important;
    text-decoration: none !important;
  }
}
.btn span {
  font-family: 'Montserrat';
}
.btn.mobile {
  max-width: 264px !important;
}
#contact-page #gform_submit_button_15, #contact-page #gform_submit_button_28 {
  max-width: 100% !important;
}
svg.chevron-left, svg.chevron-right {
  width: 30px;
  height: 30px;
  fill: #7B7D81;
}
svg.chevron-left:hover, svg.chevron-right:hover {
  cursor: pointer;
  fill: #333;
}
i.fa-regular.fa-circle-chevron-left, i.fa-regular.fa-circle-chevron-right {
  color: #333333;
  background-color: #fff;
  font-size: 30px;
  overflow: hidden;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
i.fa-regular.fa-circle-chevron-left:hover, i.fa-regular.fa-circle-chevron-right:hover {
  cursor: pointer;
  color: #7B7D81;
  background-color: #ffffff77;
  transition: all 0.3s ease-in-out;
}
div.ellipsis {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 24px auto 0 auto;
}
div.ellipsis div.circle {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ADAEB0;
  cursor: pointer;
}
div.ellipsis div.circle.active {
  background: #5A5C61;
}

/* header */
#content {
  padding-top: 151px;
  overflow: hidden;
  min-height: calc(100vh - 224px);
}
#header {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100vw;
  height: 151px;
  background: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
#header #logo {
  width: 157px;
  height: 87px;
  display: flex;
}
#header #menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 32px;
  margin: 32px 0;
}
div.mobile-toggle-nav-inner {
  margin: 132px 5% 0 5%;
  border-radius: 0 0 10px 10px;
  z-index: 999;
}
div.mobile-toggle-nav-inner .mobile-toggle-nav-ul a {
  padding: 10px 24px;
}
#mega-menu-wrap-main-menu {
  background: #FFF !important;
}
#header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item a {
  color: #333;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
}
#header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item a:hover {
  font-weight: 600;
}
#header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item a {
  margin-left: 8px;
  background: #FFF;
  display: flex !important;
  align-items: center !important;
  padding: 10px 16px !important;
}
#header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item [aria-current]:not([aria-current="false"]) {
  font-weight: 600;
}

/* footer */
#footer {
  background: #5A5C61;
  padding: 48px 0 56px 0;
}
#footer div.footer-wrapper {
  display: flex;
  justify-content: space-between;
}
#footer div.footer-wrapper span {
  color: #CECED0;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 8px;
}
#footer div.footer-wrapper div.address {
  padding: 8px 0 16px 0;
}
#footer div.footer-wrapper div.address p {
  color: #FFF !important;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
#footer div.footer-wrapper div.socials {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
#footer div.footer-wrapper div.socials a {

  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}
#footer div.footer-wrapper a.btn {
  margin-bottom: auto;
}

@media (max-width: 767px) {
  #footer #footer-contact-us div.wpb_wrapper {
    margin-left: 0;
  }
}

.container-wrapper {
	position: relative !important;
  max-width: calc(1316px + 142px + 142px);
	padding: 0 142px;
	margin: 0 auto;
}
#hero {
  position: relative;
}
#hero #hero-image {
  width: calc(45% + 100px);
  margin: auto -50px 0 0;
}
#hero #hero-image-mobile {
  width: calc(100vw - 32px);
  max-width: 344px;
  margin: auto;
  display: none;
  margin-bottom: -1px;
}
#hero #gears {
  position: absolute;
  right: 0;
  top: 0;
}
#hero div.container-wrapper {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  min-height: 483px;
}
#hero div.hero-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 24px;
  margin: 102px 0;
  max-width: 651px;
  min-width: 518px;
}
#about-page div.mobile-image-gallery {
  display: none;
  position: relative;
  height: 279px;
  margin-bottom: 32px;
}
#about-page div.mobile-image-gallery div.square.orange {
  background-color: #FB9A2D;
  width: 72px;
  height: 72px;
  top: 37px;
  left: 4%;
}
#about-page div.mobile-image-gallery div.image-wrapper {
  position: absolute;
}
#about-page div.mobile-image-gallery img {
  position: relative !important;
  z-index: -1;
}
#about-page div.mobile-image-gallery div.image-1 {
  height: 229px;
  width: 229px;
  top: 0;
  right: 0;
}
#about-page div.mobile-image-gallery div.image-2 {
  height: 141px;
  width: 141px;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#job-seekers-page #hero div.hero-wrapper h2 {
  max-width: 640px;
}
#hero div.hero-wrapper div.subheader-wrapper {
  position: relative;
  max-width: 404px;
  height: 60px;
}
#hero div.hero-wrapper div.subheader-wrapper {
  width: 100%;
  max-width: 100%;
}
#hero div.hero-wrapper p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  transition: all 1s ease-in-out;
}
#home-v3-page #job-fair-banner {
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
  margin-bottom: 64px;
}
#home-v3-page #job-fair-banner div.info-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  gap: 32px;
  align-items: center;
  background: linear-gradient(270deg, #FB9A2D 5.24%, #4880C1 40.9%);
  padding: 0 72px 0 0;
  overflow: hidden;
}
#home-v3-page #job-fair-banner div.info-wrapper h5 {
  color: #FFF !important;
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -0.42px;
  max-width: 350px !important;
  z-index: 1;
  padding-bottom: 0 !important;
  text-align: start !important;
}
#home-v3-page #job-fair-banner div.info-wrapper a.btn {
  z-index: 1;
  width: 100%;
  margin-left: auto;
}
#home-v3-page #job-fair-banner div.info-wrapper #square-graphic {
  object-fit: cover;
  height: 100%;
}
#home-v3-page #job-fair-banner div.info-wrapper #square-graphic-mobile-1,
#home-v3-page #job-fair-banner div.info-wrapper #square-graphic-mobile-2 {
  display: none;
}
#home-v3-page #job-fair-banner div.logo-wrapper {
  background: url(https://www.workreadyoklahoma.com/wp-content/uploads/2024/08/Dots-4.png) no-repeat right center;
  background-size: cover;
  display: flex;
  width: fit-content;
  align-items: center;
  padding: 22px 56px;
}
#home-v3-page #job-fair-banner div.date-wrapper {
  display: flex;
  justify-content: center;
  background: #5A5C61;
  width: 68px;
}
#home-v3-page #job-fair-banner div.date-wrapper p {
  color: #FFF !important;
  text-align: center;
  padding: 5px 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
#home-v3-page #job-fair-banner div.date-wrapper p.mobile-date {
  display: none;
}
#home-v3-page #job-fair-banner div.date-wrapper p.desktop-date {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
@media screen and (max-width: 1130px) {
  #home-v3-page #job-fair-banner div.info-wrapper {
    gap: 8px;
    padding: 0 32px 0 0;
  }
  #home-v3-page #job-fair-banner div.logo-wrapper {
    padding: 22px 32px;
  }
  #home-v3-page #job-fair-banner div.logo-wrapper img {
    width: 123px;
  }
  #home-v3-page #job-fair-banner div.date-wrapper p {
    padding: 5px 10px;
  }
  #home-v3-page #job-fair-banner div.info-wrapper #square-graphic {
    width: 135px;
  }
}
#home-v3-page #skill-cards {
  padding: 64px 0 80px 0;
  background-color: #EFEFEF;
}
#home-v3-page #skill-cards div.card-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 83px;
}
#home-v3-page #skill-cards div.container-wrapper h5 {
  text-align: center;
  max-width: 683px;
  padding-bottom: 40px;
}
#home-v3-page #skill-cards div.container-wrapper div.cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  gap: 24px;
}
#home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards div.mobile-skill-cards-wrapper {
  display: flex;
  gap: 16px;
}
#home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards div.mobile-skill-cards-wrapper div.fake-mobile-skill-card.left {
  width: 16px;
  padding: 0;
  border-radius: 0 10px 10px 0;
  margin-left: -16px;
}
#home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards div.mobile-skill-cards-wrapper div.fake-mobile-skill-card.right {
  width: 16px;
  padding: 0;
  border-radius: 10px 0 0 10px;
  margin-right: -16px;
}
#home-v3-page #skill-cards div.container-wrapper div.ellipsis {
  display: none;
}
#home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards {
  display: none;
  position: relative;
}
#home-v3-page #skill-cards div.container-wrapper div.card, #home-v3-page #skill-cards div.container-wrapper div.fake-mobile-skill-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}
#home-v3-page #skill-cards div.container-wrapper div.card:last-child {
  margin-right: 0;
}
#home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards i.left-arrow {
  left: -12px;
}
#home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards i.right-arrow {
  right: -12px;
}
#home-v3-page #skill-cards div.container-wrapper div.cards div.card div.card-info {
  display: flex;
  gap: 32px;
}
#home-v3-page #skill-cards div.container-wrapper div.cards div.card div.card-info div.card-text {
  display: flex;
  flex-direction: column;
}
#home-v3-page #skill-cards div.container-wrapper div.cards div.card div.card-info div.card-text strong {
  padding-bottom: 7px;
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
#home-v3-page #skill-cards div.container-wrapper div.cards div.card div.card-info div.card-text p {
  padding-bottom: 16px;
}
#home-v3-page #skill-cards div.container-wrapper div.card a {
  margin-left: 112px;
}
#home-v3-page #skill-cards div.video-wrapper {
  display: block !important;
}

section.banner {
  background: #5A5C61;
  color: #fff;
  padding: 33px 0;
}
section.banner div.container-wrapper {
  display: flex;
  flex-direction: row;
  gap: 128px;
}
section.banner img {
  width: 50%;
  max-height: 268px;
}
section.banner div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
section.banner div.text h6 {
  color: #fff !important;
}

#home-v3-page #home-info {
  padding: 80px 0;
}
#home-v3-page #home-info div.container-wrapper h5 {
  text-align: center;
  padding-bottom: 40px;
}
#home-v3-page #home-info #desktop-card-info {
  display: flex;
  flex-direction: column;
}
#home-v3-page #home-info div.container-wrapper div.card-1, #home-v3-page #home-info div.container-wrapper div.card-2, #home-v3-page #home-info div.container-wrapper div.card-3 {
  position: relative;
  max-width: 799px;
  width: 75%;
}
#home-v3-page #home-info div.container-wrapper div.card-1 div.card-info {
  border: 3px solid #6FC2D7;
}
#home-v3-page #home-info div.container-wrapper div.card-2 {
  margin: 353px 121px 206px auto;
}
#home-v3-page #home-info div.container-wrapper div.card-2 div.card-info {
  border: 3px solid #5A5C61;
}
#home-v3-page #home-info div.container-wrapper div.card-3 div.card-info {
  border: 3px solid #FB9A2D;
}
#home-v3-page #home-info div.container-wrapper div.card-info {
  position: relative;
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#home-v3-page #home-info div.container-wrapper div.card-info p {
  padding-top: 8px;
}
#home-v3-page #home-info div.container-wrapper div.card-info a {
  margin-top: 16px;
}
#home-v3-page #home-info div.container-wrapper div.image {
  position: absolute;
  display: flex;
  z-index: -1;
  width: 448px;
  height: 448px;
  border-radius: 10px;
}
#home-v3-page #home-info div.container-wrapper div.image div.gradient {
  position: absolute;
  width: 448px;
  height: 448px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(90, 92, 97, 0.00) 54.46%, #333 100%);
}
#home-v3-page #home-info div.container-wrapper div.card-1 div.image {
  top: 60px;
  right: -357px;
}
#home-v3-page #home-info div.container-wrapper div.card-2 div.image {
  top: -305px;
  left: -236px;
}
#home-v3-page #home-info div.container-wrapper div.card-3 div.image {
  bottom: 36px;
  right: -357px;
}
#home-v3-page #home-info div.container-wrapper div.square {
  position: absolute;
  transform: translate(-50%, 50%);
  border-radius: 10px;
  z-index: -1;
}
#home-v3-page #home-info div.container-wrapper div.card-1 div.image div.square.orange {
  background-color: #FB9A2D;
  width: 212px;
  height: 212px;
  bottom: 0;
  left: 0;
}
#home-v3-page #home-info div.container-wrapper div.card-2 div.square.blue {
  background-color: #6FC2D7;
  width: 176px;
  height: 176px;
  bottom: 0;
  left: 0;
}
#home-v3-page #home-info div.container-wrapper div.card-2 div.square.outline-first {
  transform: translate(50%, -50%);
  border: 3px solid #CECED0;
  width: 117px;
  height: 117px;
  top: 0;
  right: 0;
}
#home-v3-page #home-info div.container-wrapper div.card-2 div.square.outline-second {
  border: 3px solid #CECED0;
  width: 82px;
  height: 82px;
  bottom: -88px;
  left: -88px;
}
#home-v3-page #home-info #mobile-card-info {
  position: relative;
  display: none;
  flex-direction: column;
  gap: 24px;
}
#home-v3-page #home-info #mobile-card-info div.mobile-images {
  position: relative;
  display: flex;
  min-height: 226px;
}
#home-v3-page #home-info #mobile-card-info div.mobile-images img, #home-v3-page #home-info #mobile-card-info div.mobile-images div.mobile-square-blue, #home-v3-page #home-info #mobile-card-info div.mobile-images div.mobile-square-outline {
  position: absolute;
  object-fit: contain;
  aspect-ratio: 1/1;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#home-v3-page #home-info #mobile-card-info div.mobile-images img.listener {
  max-width: 122px;
  left: 0;
}
#home-v3-page #home-info #mobile-card-info div.mobile-images img.speaker {
  position: relative;
  margin-top: 48px;
  min-width: 178px;
  width: 50%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
#home-v3-page #home-info #mobile-card-info div.mobile-images div.mobile-square-outline {
  border: 3px solid #CECED0;
  left: 6%;
  bottom: 32px;
  width: 52px;
}
#home-v3-page #home-info #mobile-card-info div.mobile-images div.mobile-square-blue {
  background-color: #6FC2D7;
  right: 0;
  top: 15px;
  width: 93px;
}
#home-v3-page #home-info #mobile-card-info h6 {
  text-align: center;
}
#home-v3-page #home-info #mobile-card-info div.mobile-card-1, #home-v3-page #home-info #mobile-card-info div.mobile-card-2, #home-v3-page #home-info #mobile-card-info div.mobile-card-3 {
  background: #FFF;
  border-radius: 10px;
  padding: 16px;
  border: 3px solid #6FC2D7;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#home-v3-page #home-info #mobile-card-info div.mobile-card-2 {
  border: 3px solid var(--WRO-Colors-Grey, #5A5C61);
}
#home-v3-page #home-info #mobile-card-info div.mobile-card-3 {
  border: 3px solid var(--WRO-Colors-Grey, #FB9A2D);
}
#home-v3-page #home-info #mobile-card-info div.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
#home-v3-page #home-info #mobile-card-info div.title p {
  text-align: left;
}
#home-v3-page #home-info #mobile-card-info div.title i {
  color: #333;
  font-size: 24px;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
#home-v3-page #home-info #mobile-card-info div.title i:hover {
  cursor: pointer;
}
#home-v3-page #home-info #mobile-card-info div.info p, #home-v3-page #home-info #mobile-card-info div.info a {
  margin-top: 16px !important;
}

#home-v3-page #home-connect {
  padding: 56px 0;
  background: #6FC2D7;
}
#home-v3-page #home-connect h5 {
  text-align: center;
  padding-bottom: 56px;
}
#home-v3-page #home-connect div.icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
}
#home-v3-page #home-connect div.icons div.icon {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 205px;
}
#home-v3-page #home-connect div.icons div.icon p {
  text-align: center;
}
#home-v3-page #home-testimonials {
  padding: 80px 0;
}
#home-v3-page #home-testimonials div.testimonial-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  margin-left: 63px;
}
#home-v3-page #home-testimonials div.testimonial-card div.header-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 138px;
  width: 100%;
}
#home-v3-page #home-testimonials div.testimonial-card div.header-wrapper h5 {
  margin-left: 345px !important;
  margin-right: calc(5% + 190px) !important;
  z-index: 2;
}
#home-v3-page #home-testimonials div.testimonial-card #testimonial-header-arrow {
  position: absolute;
  top: 50%;
  left: calc(100px + 15%);
  transform: translateY(-50%);
}
#home-v3-page #home-testimonials div.testimonial-card img {
  position: absolute;
  border-radius: 10px;
  left: 0;
  top: 0;
}
#home-v3-page #home-testimonials div.testimonial-card div.info {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #fff;
  border-radius: 10px;
  padding: 32px 94px 32px 48px;
  margin-left: 262px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  z-index: 10;
}
#home-v3-page #home-testimonials div.testimonial-card i.chevron-left, #home-v3-page #home-testimonials div.testimonial-card i.chevron-right {
  position: absolute;
  right: 48px;
  top: 75%;
  transform: translateY(-50%);
  z-index: 10;
}
#home-v3-page #home-testimonials #quote-left, #home-v3-page #home-testimonials #quote-right {
  position: absolute;
  z-index: 10;
}
#home-v3-page #home-testimonials #quote-left {
  left: -63px;
  top: -16px;
}
#home-v3-page #home-testimonials #quote-right {
  right: 0;
  top: 25%;
  transform: translateY(50%);
}

#job-seekers-page #journey {
  background: #5A5C61 !important;
  padding: 80px 0 136px 0;
}
#job-seekers-page #journey h5 {
  padding-bottom: 48px;
}
#job-seekers-page #journey h5, #job-seekers-page #journey p {
  color: #FFF !important;
  text-align: center;
}
#job-seekers-page #journey div.info-blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  justify-content: space-around;
}
#job-seekers-page #journey div.info-blocks div.info-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: max-content;
  max-width: 306px;
}
#job-seekers-page #journey div.info-blocks div.info-block img {
  height: 60px;
  width: 60px;
}
#job-seekers-page #steps-desktop {
  margin: -90px auto 0 auto;
}
#job-seekers-page #steps-desktop div.container-wrapper {
  display: flex;
  justify-content: center;
  gap: 24px;
}
#job-seekers-page #steps-desktop div.step {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: auto 30px;
  max-width: 903px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
#job-seekers-page #steps-desktop div.container-wrapper div.steps-wrapper {
  position: relative;
}
#job-seekers-page #steps-desktop div.container-wrapper div.steps-wrapper i.fa-regular {
  position: absolute;
  top: 275px;
}
#job-seekers-page #steps-desktop div.container-wrapper div.steps-wrapper i.fa-circle-chevron-left {
  left: -24px;
}
#job-seekers-page #steps-desktop div.container-wrapper div.steps-wrapper i.fa-circle-chevron-right {
  right: -24px;
}
#job-seekers-page #steps-desktop div.step div.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fb9a2d;
  padding: 24px 24px 17px 24px;
}
#job-seekers-page #steps-desktop div.step:nth-child(odd) div.header {
  background-color: #6FC2D7;
}
#job-seekers-page #steps-desktop div.step div.header strong {
  font-size: 20px;
  text-align: center;
}
#job-seekers-page #steps-desktop div.step div.header h6 {
  height: 36px;
}
#job-seekers-page #steps-desktop div.step div.blocks {
  display: flex;
  flex-direction: column;
  padding: 40px;
  gap: 16px;
}
#job-seekers-page #steps-desktop div.step div.blocks div.info div.icon-wrapper {
  margin-top: 16px;
}
#job-seekers-page #steps-desktop div.step div.blocks div.info {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 16px;
}
#job-seekers-page div.icon-wrapper i {
  color: #FB9A2D;
  font-size: 32px;
}
#job-seekers-page #steps-desktop div.step:nth-child(odd) div.blocks div.info div.icon-wrapper i {
  color: #6FC2D7;
}
#job-seekers-page #steps-desktop div.step div.blocks div.info div.info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#job-seekers-page #steps-desktop div.step div.blocks div.footer-wrapper {
  border-top: 1px solid #ADAEB0;
  padding-top: 16px;
}
#job-seekers-page #steps-mobile {
  display: none;
  padding: 32px 0;
}
#job-seekers-page #steps-mobile div.steps-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step {
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  background: #FB9A2D;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step:nth-child(even) {
  background: #6FC2D7;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step div.header {
  display: flex;
  padding: 16px;
  justify-content: space-between;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step div.header i {
  color: #333;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  height: fit-content;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step div.header i.rotate {
  transition: all .3s ease-in-out;
  transform: rotate(180deg);
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step div.blocks {
  background: #FFF;
  padding: 16px;
  border-radius: 0 0 10px 10px;
  gap: 24px;
  display: flex;
  flex-direction: column;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step div.blocks div.info {
  display: grid;
  grid-template-columns: 57px 1fr;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step div.blocks div.info div.info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#job-seekers-page #steps-mobile div.steps-wrapper div.step div.blocks div.footer-wrapper {
  border-top: 1px solid #ADAEB0;
  padding-top: 16px;
}
#job-seekers-page div.cta-wrapper {
  position: relative;
  display: flex;
  gap: 143px;
  min-height: 375px;
}
#job-seekers-page div.cta-wrapper svg.cloud-1 {
  position: absolute;
  top: 40px;
  left: 10px;
}
#job-seekers-page div.cta-wrapper svg.cloud-2 {
  position: absolute;
  top: -50px;
  right: 0;
}
#job-seekers-page div.cta-wrapper svg.star-1 {
  position: absolute;
  bottom: 45px;
  left: 40%;
}
#job-seekers-page div.cta-wrapper svg.star-2 {
  position: absolute;
  top: 80px;
  right: 120px;
}
#job-seekers-page div.cta-wrapper img {
  width: 40%;
  margin: auto 0 0 0;
}
#job-seekers-page div.cta-wrapper div.info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
}
#job-seekers-page div.cta-wrapper div.info p {
  padding: 8px 0 16px 0;
}
#job-seekers-page div.mobile-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
#job-seekers-page div.mobile-card div.container-wrapper {
  padding: 0 14px;
}
#job-seekers-page div.mobile-card div.cta-wrapper div.info h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
#job-seekers-page div.mobile-card div.cta-wrapper div.info h6,
#job-seekers-page div.mobile-card div.cta-wrapper div.info p {
  text-align: center;
}
#job-seekers-page div.mobile-card div.cta-wrapper div.img-wrapper {
  margin: 24px 24px 0 24px;
}
#job-seekers-page #stories {
  padding: 80px 0 85px 0;
  background: #EFEFEF;
}
#job-seekers-page #stories div.container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#job-seekers-page #stories div.container-wrapper #mobile-ellipsis {
  display: none;
}
#job-seekers-page #stories div.header-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 684px;
  gap: 8px;
  align-items: center;
}
#job-seekers-page #stories div.header-wrapper h5, #job-seekers-page #stories div.header-wrapper p {
  text-align: center;
}
#job-seekers-page #stories div.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 104px 40px;
  padding: 96px 0 57px 0;
  width: 100%;
}
#job-seekers-page #stories div.cards div.card {
  position: relative;
  max-width: 358px;
  min-height: 340px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  perspective: 1000px;
}
#job-seekers-page #stories div.cards div.card div.card-inner {
  position: relative;
  max-width: 359px;
  min-height: 340px;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
#job-seekers-page #stories div.cards div.card div.card-front, #job-seekers-page #stories div.cards div.card div.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}
#job-seekers-page #stories div.cards div.card div.card-front {
  padding: 200px 32px 24px 32px;
  background: linear-gradient(180deg, #333 -3.53%, #5A5C61 32.71%);
}
#job-seekers-page #stories div.cards div.card div.card-back {
  padding: 24px 32px;
  background-color: #6FC2D7;
  transform: rotateY(180deg);
  display: flex;
  align-items: center;
}
#job-seekers-page #stories div.cards div.card:hover div.card-inner {
  transform: rotateY(180deg);
}
#job-seekers-page #stories div.cards div.card:nth-child(even) div.card-back {
  background-color: #FB9A2D;
}
#job-seekers-page #stories div.cards div.card img {
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#job-seekers-page #stories div.cards div.card i {
  position: absolute;
  top: 68px;
  right: 68px;
  font-size: 70px;
  color: #CECED0;
  z-index: 0;
}
#job-seekers-page #stories div.cards div.card div.card-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#job-seekers-page #stories div.cards div.card h6, #job-seekers-page #stories div.cards div.card strong {
  color: #fff !important;
}
#job-seekers-page #stories #mobile-flip-cards {
  position: relative;
  display: none;
  /* flex-direction: row; */
  gap: 16px;
  margin: 36px 0 0 0;
}
#job-seekers-page #stories #mobile-flip-cards i.fa-regular.fa-circle-chevron-left, #job-seekers-page #stories #mobile-flip-cards i.fa-regular.fa-circle-chevron-right {
  position: absolute;
  font-size: 30px;
  border-radius: 100%;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
#job-seekers-page #stories #mobile-flip-cards i.fa-regular.fa-circle-chevron-left {
  left: 5px;
}
#job-seekers-page #stories #mobile-flip-cards i.fa-regular.fa-circle-chevron-right {
  right: 5px;
}
#job-seekers-page #stories #mobile-flip-cards div.fake-mobile-flip-card {
  display: hide;
}
#job-seekers-page #stories #mobile-flip-cards div.card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
  background-color: #6FC2D7;
  padding: 24px 40px;
  gap: 8px;
}
#job-seekers-page #stories #mobile-flip-cards div.card h6 {
  text-align: center;
}
#job-seekers-page #stories #mobile-flip-cards div.card img {
  position: absolute;
  bottom: 0;
  right: 16px;
}
#job-seekers-page #stories #mobile-flip-cards div.card:nth-child(even) {
  background-color: #FB9A2D;
}
#job-seekers-page #stories #mobile-flip-cards div.card p {
  z-index: 1;
}
#job-seekers-page #stories #mobile-flip-cards div.card i {
  font-size: 70px;
  color: #CECED0;
  z-index: 0;
  margin: 16px 0 0 48px;
}
#job-seekers-page #stories div.footer-wrapper {
  position: relative;
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
}
#job-seekers-page #stories div.footer-wrapper h6 {
  text-align: center;
}
#job-seekers-page #stories svg.arrow-pointing-left, #job-seekers-page #stories svg.arrow-pointing-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#job-seekers-page #stories svg.arrow-pointing-right {
  left: -15%;
  transform: translate(-100%, -50%);
}
#job-seekers-page #stories svg.arrow-pointing-left {
  right: -15%;
  transform: translate(100%, -50%);
}
#job-seekers-page #quiz {
  padding: 96px 0 40px 0;
}
#job-seekers-page #quiz div.container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#job-seekers-page #quiz div.header-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 64px;
  text-align: center;
  max-width: 684px;
}
#job-seekers-page #quiz div.header-wrapper h5 {
  text-align: center;
  padding: 40px 0 8px 0;
}
#job-seekers-page #quiz div.quiz-wrapper {
  width: 100%;
  margin-left: calc(-118px - 60px);
  max-width: calc(684px - 118px - 60px);
}
#job-seekers-page #quiz div.mobile-quiz-wrapper {
  display: none;
}
#job-seekers-page div.question {
  display: grid;
  grid-template-columns: 60px calc(100% + 60px);
  gap: 0 58px;
  padding-bottom: 40px;
  margin-left: -118px;
}
#job-seekers-page div.question h6.question-number {
  margin-bottom: 8px !important;
}
#job-seekers-page div.question div.question-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}
#job-seekers-page div.question div.question-wrapper h6 {
  padding-bottom: 12px;
}
#job-seekers-page div.question div.question-wrapper div.answer-choice {
  display: flex;
  gap: 16px;
  border-radius: 10px;
  display: flex;
  width: 100%;
  padding: 16px 24px;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #5A5C61;
  background: #FFF;
  transition: all 0.3s ease-in-out;
}
#job-seekers-page div.question div.question-wrapper div.answer-choice:hover {
  cursor: pointer;
  background: #EFEFEF;
  transition: all 0.3s ease-in-out;
}
#job-seekers-page div.question div.question-wrapper div.answer-choice.correct.clicked {
  background: #6FC2D7;
}
#job-seekers-page div.question div.question-wrapper div.answer-choice.correct.clicked:hover {
  background: #6fc2d7d0;
}
#job-seekers-page div.question div.question-wrapper div.answer-choice.clicked {
  background: #FB9A2D;
}
#job-seekers-page div.question div.question-wrapper div.answer-choice.clicked:hover {
  background: #FB9A2Dd0;
}
#job-seekers-page div.question div.question-wrapper div.answer-choice i {
  font-size: 18px;
  color: #333333;
}
#job-seekers-page div.question div.question-wrapper div.description {
  padding-top: 12px;
}
#job-seekers-page section.banner {
  background: linear-gradient(90deg, #6FC2D7 0%, #FB9A2D 100%);
}
#job-seekers-page section.banner div.text {
  max-width: 446px;
}
#job-seekers-page section.banner div.text h6 {
  color: #333 !important;
}
#job-seekers-page #mobile-quiz div.overlay,
#job-seekers-page #mobile-quiz {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
#job-seekers-page #mobile-quiz div.overlay {
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
#job-seekers-page #mobile-quiz div.modal-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  display: flex;
  padding-bottom: 24px;
  flex-direction: column;
  align-items: center;
  background: #FFF;
  border-radius: 40px 40px 0 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#job-seekers-page #mobile-quiz div.modal-wrapper div.header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px;
  border-radius: 40px 40px 0 0;
  background: #5A5C61;
}
#job-seekers-page #mobile-quiz div.modal-wrapper div.header i {
  position: absolute;
  font-size: 20px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #FFF;
  right: 32px;
  top: 16px;
}
#job-seekers-page #mobile-quiz div.modal-wrapper div.header h4 {
  color: #FFF !important;
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
}
#job-seekers-page #mobile-quiz div.question {
  padding: 16px;
}
#job-seekers-page #mobile-quiz div.question h6.question-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; 
}
#job-seekers-page #mobile-quiz div.question div.question-wrapper h6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding-bottom: 0;
}
#job-seekers-page #mobile-quiz div.question div.question-wrapper div.description {
  padding-top: 0;
}
#job-seekers-page #mobile-quiz div.question div.question-wrapper div.next-button {
  margin-left: auto;
}
#job-seekers-page #mobile-quiz div.question div.question-wrapper h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  padding-top: 40px;
  text-align: center;
}
#job-seekers-page #mobile-quiz div.question div.question-wrapper img {
  margin: 20px auto 8px auto;
}
#job-seekers-page #mobile-quiz div.question div.question-wrapper div.back-button {
  margin: auto;
}

#about-page #hero.container-wrapper div.wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 920px;
  margin: auto;
  text-align: center;
  padding: 80px 0 74px 0;
}
#about-page #image-gallery {
  max-width: 1440px;
  margin: auto;
  padding-bottom: 80px;
}
#about-page #image-gallery div.image-container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
  margin-left: -15%;
  margin-right: -15%;
}
#about-page div.square {
  position: absolute;
  border-radius: 10px;
  z-index: 10;
}
#about-page #image-gallery div.image-container div.square.orange {
  background-color: #FB9A2D;
  width: 120px;
  height: 120px;
  top: -40px;
  left: 22%;
}
#about-page div.image-wrapper {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1/1;
}
#about-page div.image-wrapper img, #about-page div.image-wrapper div.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
}
#about-page div.image-wrapper img {
  object-fit: cover;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#about-page div.image-wrapper div.overlay {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  background: linear-gradient(180deg, rgba(90, 92, 97, 0.00) 54.46%, #333 100%);
}
#about-page #image-gallery div.image-0, #about-page #image-gallery div.image-2 {
  margin-top: 65px;
}
#about-page #image-gallery div.image-1, #about-page #image-gallery div.image-3 {
  margin-bottom: 65px;
}
#about-page #cityscape {
  position: relative;
  background: url('https://www.workreadyoklahoma.com/wp-content/uploads/2024/05/grey-1-2.png') no-repeat center center /cover;
}
#about-page #cityscape div.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 802px;
  margin-right: 175px;
  padding-bottom: 74px;
}
#about-page #cityscape svg.desktop-cityscape {
  margin-bottom: -7px;
  min-width: 900px;
}
#about-page #cityscape svg.mobile-cityscape {
  margin-bottom: -7px;
  display: none;
}
#about-page #cityscape div.square.blue {
  background-color: #6FC2D7;
  width: 176px;
  height: 176px;
  top: 70px;
  right: -24px;
}
#about-page #cityscape div.square.outline {
  border: 3px solid #CECED0;
  width: 82px;
  height: 82px;
  top: 29px;
  right: 112px;
}
#about-page #banner {
  background: var(--WRO-Colors-Grey, #5A5C61);
  padding: 80px 0;
}
#about-page #banner div.container-wrapper {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
#about-page #banner div.container-wrapper div.text {
  display: flex;
  flex-direction: column;
  max-width: 684px;
  gap: 16px;
}
#about-page #banner div.container-wrapper div.text h5, #about-page #banner div.container-wrapper div.text p {
  color: #FFF !important;
}
#about-page #footer-banner div.container-wrapper {
  display: flex;
  gap: 100px;
  justify-content: space-between;
  align-items: center;
}
#about-page #footer-banner div.container-wrapper div.text {
  display: flex;
  flex-direction: column;
  max-width: 802px;
  padding: 32px 0;
  gap: 16px;
}
#about-page #footer-banner div.container-wrapper img#trophy-graphic {
  max-height: 326px;
  padding-top: 39px;
  margin: auto 0 0 0;
}

/* contact us */
#contact-page #content {
  display: flex;
  flex-direction: column;
  font-family: 'Montserrat';
}
#contact-page div.footer-image-wrapper {
  position: relative;
}
#contact-page img.footer-image {
  position: absolute;
  top: 151px;
  width: 100vw;
  /* min-width: 1440px; */
  z-index: -1;
}
#contact-page #contact {
  display: flex;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
}
#contact-page #field_15_7 > label, #field_15_13 > label, #field_28_7 > label, #field_28_13 > label {
  margin-left: -15px;
  margin-bottom: 10px;
}
#contact-page #contact div.contact-hero {
  padding: 48px 56px;
  margin-bottom: 60px;
}
#contact-page #contact div.contact-hero, #contact div.footer-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FB9A2D;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
#contact-page #contact div.contact-hero h5 {
  text-align: center;
}
#contact-page #contact div.contact-hero p {
  font-size: 16px;
  line-height: 24px;
  padding: 16px 0 24px;
  text-align: center;
}
#contact-page #contact div.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 800px;
  padding-bottom: 40px;
}
#contact-page #contact a.btn {
  text-align: center;
}
#contact-page #contact div.contact-body {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 68px;
}
#contact-page #contact div.form-container {
  width: 50%;
}
#contact-page #contact div.contact-image {
  width: 50%;
}
#contact-page #contact div.contact-image img {
  width: 100%;
}
#contact-page #contact div.footer-text {
  background: #6FC2D7;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  line-height: 18px;
  padding: 36px 42px;
  text-align: center;
  margin-top: 36px;
}
#contact-page div.footer-text {
  background: #EFEFEF;
}
#contact-page div.footer-text p {
  padding: 40px 0;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

/* SNAP Typeform */
#snap-page div.form {
  width:100%;
  height:650px;
}

/* Form */
#contact-page .form-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#contact-page #form .vc_column_container>.vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}
#contact-page #form {
  padding: 0 12px;
}

#contact-page #form .vc_column-inner {
  margin-bottom: 0;
}

#contact-page #form h2 {
  display: none;
}

#contact-page #field_15_11, #contact-page #field_28_11, #contact-page #field_15_7, #contact-page #field_28_7 {
  margin-bottom: 9px;
}

#contact-page .gform_legacy_markup_wrapper h3.gform_title, .gform_wrapper{
  margin-top: 0 !important;
}

#contact-page .gform_title {
  text-align: left;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 18px !important;
  padding-top: 18px;
}

#contact-page .gform_wrapper input[type='text'], .gform_wrapper input[type='email'], .gform_wrapper input[type='tel'], #input_15_12, #input_28_12 {
  background: #EFEFEF !important;
}

#contact-page .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type='submit'], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type='submit'], #contact div.contact-button a {
  width: 100% !important;
  border: 3px solid #5a5c61;
  text-transform: uppercase;
  color: #5a5c61 !important;
}

#contact-page .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type='submit']:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type='submit']:hover, #contact div.contact-button a:hover {
  background: #5a5c61 !important;
  color: #fff !important;
}

#contact-page .gform_wrapper.gravity-theme .gfield_required .gfield_required_text{
  display: none;
}

#contact-page .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not( [type='file'] ){
  border-radius:  10px;
  padding: 32px 18px 12px 18px !important;
  margin-top: -42px;
  border: 0;
}

#contact-page .gform_wrapper .top_label .gfield_label {
  position: relative;
  top: 2px;
  left: 15px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}
#contact-page .gform_wrapper select {
  font-weight: 500;
}

#contact-page .gform_wrapper.gravity-theme .gfield select{
  border-radius: 10px;
  font-size: 14px !important;
}

#contact-page .gform_wrapper.gravity-theme .gfield textarea.large{
  border-radius: 10px;
  padding-top: 32px;
  height: 179px;
  margin-top: -42px;
  border: 0;
}

#contact-page .image-container {
  margin-bottom: -10px;
}

#contact-page #gform_confirmation_wrapper_28 {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 960px){
  #contact-page #contact div.contact-body {
    flex-direction: column-reverse;
    padding-top: 24px;
    gap: 0;
  }
  #contact-page #contact div.form-container {
    width: 100%;
  }

  #contact-page #form{
    order: 1;
    min-height: none;
  }

  #contact-page .image-container {
    display: none;
    height: 0;
  }
  #contact-page #contact div.footer-text {
    padding: 28px 32px;
    margin-bottom: 36px;
  }
  #contact-page #contact div.contact-hero {
    padding: 32px 24px 24px 24px;
  }
}

@media screen and (max-width: 550px){
  #contact-page .gform_wrapper.gravity-theme .gfield select.medium{
    width: 100%;
  }
  #contact-page #contact {
    /* padding: 32px 16px; */
  }
}

@media (max-width: 1440px) {
  .container-wrapper {
		padding: 0 6em;
	}
}

@media (max-width: 1080px) {
  .container-wrapper {
    padding: 0 70px;
  }
  #content {
    padding-top: 130px;
  }
  #header {
    height: 130px;
  }
  #header #menu {
    justify-content: center;
  }
  #header #mega-menu-wrap-main-menu {
    position: absolute;
    right: 16px;
  }
  #header .mega-menu-toggle.mega-menu-open {
    background: #FFF;
  }
  #header #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    top: 50px;
    background: #FFF;
    width: 100vw;
    max-width: 440px;
    margin-right: -16px;
    margin-bottom: -1px;
    background: #FFF;
    box-shadow: 5px 8px 18px 0px rgba(0, 0, 0, 0.15);
  }
  #header #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu > li:last-child {
    border-bottom: 1px solid transparent;
  }
  #header #logo {
    width: 105px;
    height: 58px;
  }
  #header #mega-menu-wrap-main-menu {
    top: 8px;
    background: transparent !important;
  }
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    border-bottom: 1px solid #ADAEB0;
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: #333;
  }
  #header #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item a {
    height: 61px;
  }
  #header #mega-menu-wrap-main-menu .mega-menu-toggle {
    background: transparent !important;
  }
  #hero #gears {
    max-height: 185px;
  }
  #hero #hero-image {
    width: calc(25% + 200px);
    margin: auto -100px 0 0;
  }
  #hero div.container-wrapper div.hero-wrapper {
    margin: auto;
    justify-content: space-around;
    text-align: center;
    min-width: 0;
  }
  #hero div.container-wrapper div.hero-wrapper a {
    margin: 0 auto;
  }
  #job-seekers-page #hero div.hero-wrapper div.subheader-wrapper {
    height: 120px;
  }
  #home-v3-page #job-fair-banner div.info-wrapper h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  #home-v3-page #job-fair-banner div.logo-wrapper {
    padding: 22px 32px;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards div.card-info  {
    flex-direction: column-reverse;
    gap: 0 !important;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards div.card-info img {
    width: 80px;
    margin: 0 auto;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards div.card a {
    margin-left: 0;
    margin: 16px auto 0 auto;
  }
  section.banner div.container-wrapper {
    gap: 74px;
  }
  #home-v3-page #home-testimonials div.testimonial-card {
    margin-left: 0;
  }
  #home-v3-page #home-testimonials #quote-left {
    left: -12px;
  }
  #home-v3-page #home-testimonials #quote-right {
    right: -12px;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.header-wrapper h5 {
    margin-left: 315px !important;
    margin-right: 0 !important;
  }
  #job-seekers-page div.cta-wrapper {
    gap: 80px;
  }
  #job-seekers-page #quiz div.quiz-wrapper {
    width: 65%;
    margin-left: calc(-72px - 60px);
    max-width: calc(684px - 72px - 60px);
  }
  #job-seekers-page div.question {
    gap: 0 12px;
    margin-left: -72px;
  }
  #about-page #banner {
    padding: 32px 0;
  }
  #about-page #banner div.container-wrapper {
    flex-direction: column;
    gap: 12px;
  }
  #about-page #banner div.container-wrapper div.text {
    width: 100%;
  }
  #about-page #banner div.container-wrapper div.text h5, #about-page #banner div.container-wrapper div.text p {
    text-align: center;
  }
  #about-page #banner div.container-wrapper img {
    width: 320px;
    /* margin-top: -48px; */
  }
  #about-page #footer-banner div.container-wrapper {
    gap: 60px;
  }
}
@media (max-width: 720px) {
  .container-wrapper {
		padding: 0 48px;
  }
  #hero div.container-wrapper {
    flex-direction: column;
    height: fit-content;
    gap: 0;
  }
  #hero div.hero-wrapper {
    align-items: center;
    margin: 32px 0 16px 0 !important;
    max-width: 100%;
  }
  #hero div.hero-wrapper h2 {
    text-align: center;
    font-size: 36px;
    line-height: 42px;
	}
  #hero div.hero-wrapper p {
    font-size: 18px;
    line-height: 24px;
  }
  #hero div.hero-wrapper div.subheader-wrapper {
    max-width: 100%;
	}
  #hero #hero-image, #hero #gears {
    display: none;
	}
  #hero #hero-image-mobile {
    display: block;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards {
    grid-template-columns: 1fr;
  }
  section.banner {
    margin: 16px;
    margin-bottom: 24px;
    padding: 24px 0;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  }
  section.banner div.container-wrapper {
    flex-direction: column;
    padding: 0 16px;
    gap: 16px;
  }
  section.banner div.container-wrapper img {
    width: auto;
    margin: 0 auto;
    max-width: 90%;
  }
  section.banner div.container-wrapper div.text {
    align-items: center;
  }
  section.banner div.container-wrapper div.text h6 {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }
  #home-v3-page #job-fair-banner {
    flex-direction: column;
  }
  #home-v3-page #job-fair-banner {
    margin-bottom: 40px;
  }
  #home-v3-page #job-fair-banner div.info-wrapper {
    flex-direction: column;
    gap: 16px;
    padding: 25px 33px;
  }
  #home-v3-page #job-fair-banner div.logo-wrapper {
    width: 100%;
  }
  #home-v3-page #job-fair-banner div.logo-wrapper img {
    margin: auto;
  }
  #home-v3-page #job-fair-banner div.info-wrapper {
    background: linear-gradient(0deg, #FB9A2D 1.56%, #4880C1 57.19%);
  }
  #home-v3-page #job-fair-banner div.info-wrapper #square-graphic {
    display: none;
  }
  #home-v3-page #job-fair-banner div.info-wrapper #square-graphic-mobile-1 {
    position: absolute;
    display: block;
    left: 0;
    top: -3px;
  }
  #home-v3-page #job-fair-banner div.info-wrapper #square-graphic-mobile-2 {
    display: block;
    position: absolute;
    right: 0;
    bottom: 14px;
  }
  #home-v3-page #job-fair-banner div.info-wrapper a.btn {
    margin: 0 auto;
  }
  #home-v3-page #skill-cards div.container-wrapper h5 {
    text-align: center !important;
  }
  #home-v3-page #job-fair-banner div.date-wrapper {
    width: 100%;
  }
  #home-v3-page #job-fair-banner div.date-wrapper p.desktop-date {
    display: none;
  }
  #home-v3-page #job-fair-banner div.date-wrapper p.mobile-date {
    display: block;
    padding: 12px 0;
  }
  #home-v3-page #skill-cards div.container-wrapper h5 {
    font-size: 20px;
    line-height: 26px;
    width: 250px;
  }
  #home-v3-page #home-info {
    padding: 16px 0 24px 0;
  }
  #home-v3-page #home-info #desktop-card-info {
    display: none;
  }
  #home-v3-page #home-info #mobile-card-info {
    display: flex;
  }
  #home-v3-page #home-testimonials div.testimonial-card {
    gap: 115px;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.header-wrapper h5 {
    width: 185px;
    margin-left: auto !important;
    margin-top: 70px !important;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.header-wrapper  #testimonial-header-arrow {
    display: none;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.info {
    margin-left: 35px;
  }
  #home-v3-page #home-testimonials #quote-right {
    top: 36%;
  }
  #job-seekers-page div.cta-wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }
  #job-seekers-page div.cta-wrapper img {
    width: 100%;
  }
  #job-seekers-page div.cta-wrapper div.info {
    align-items: center;
    padding: 32px 0;
  }
  #job-seekers-page div.cta-wrapper svg.cloud-1 {
    left: -60px;
    top: 0;
  }
  #job-seekers-page div.cta-wrapper svg.cloud-2 {
    right: -100px;
  }
  #job-seekers-page #quiz div.quiz-wrapper {
    width: 100%;
    margin-left: 0;
  }
  #job-seekers-page div.question {
    grid-template-columns: auto;
    gap: 0 0;
    margin-left: 0;
  }
  #job-seekers-page section.banner div.text {
    max-width: 446px;
    margin: auto;
  }
  #about-page #image-gallery div.image-container {
    grid-template-columns: 1fr 1fr;
  }
  #about-page #image-gallery div.image-container {
    margin-left: 24px;
    margin-right: 24px;
  }
  #about-page #image-gallery div.image-0, #about-page #image-gallery div.image-2 {
    margin-top: 0;
  }
  #about-page #image-gallery div.image-1, #about-page #image-gallery div.image-3 {
    margin-bottom: 0;
  }
  #about-page #image-gallery div.image-0 {
    margin-top: 75px;
  }
  #about-page #image-gallery div.image-3 {
    margin-top: -75px;
  }
  #about-page #cityscape div.text {
    margin-right: 0;
  }
  #about-page #cityscape div.text h5 {
    max-width: 300px;
    z-index: 10;
  }
  #about-page #cityscape div.square.blue {
    top: -130px;
  }
  #about-page #cityscape div.square.outline {
    top: 0;
  }
  #about-page #footer-banner div.container-wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }
  #about-page #footer-banner div.container-wrapper div.text {
    text-align: center;
  }
  #about-page #footer-banner div.container-wrapper img {
    padding-top: 0;
  }
}
@media (max-width: 540px) {
  h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 48px;
  }
  .container-wrapper {
		padding: 0 16px;
	}
  #footer {
    padding: 32px 0;
  }
  #footer div.footer-wrapper {
    flex-direction: column;
    gap: 16px;
    align-items: center;
    text-align: center;
  }
  #footer div.footer-wrapper div.socials {
    justify-content: center;
  }
  #hero #gears {
    right: -30px;
    top: -15px;
  }
  #hero div.hero-wrapper {
    gap: 0 !important;
  }
  #hero div.hero-wrapper div.subheader-wrapper {
    height: 120px;
  }
  #hero div.container-wrapper div.hero-wrapper a {
    max-width: 247px !important;
  }
  #home-v3-page #skill-cards {
    padding: 32px 0 32px 0;
  }
  #home-video {
    padding: 0 16px;
  }
  #home-video div.video-wrapper {
    border-radius: 10px;
    overflow: hidden;
  }
  #job-seekers-page #hero div.hero-wrapper div.subheader-wrapper {
    height: 160px;
  }
  #home-v3-page #skill-cards div.container-wrapper div.ellipsis {
    display: flex;
  }
  #home-v3-page #skill-cards div.container-wrapper #mobile-skill-cards.cards {
    display: flex;
    height: 374px;
  }
  #home-v3-page #skill-cards div.container-wrapper #desktop-skill-cards.cards {
    display: none;
  }
  #home-v3-page #skill-cards div.card-wrapper {
    padding-bottom: 32px;
  }
  #home-v3-page #skill-cards div.container-wrapper div.card {
    padding: 24px;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards div.card div.card-info {
    flex-direction: column;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards div.card div.card-info div.card-text strong {
    text-align: center;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards div.card div.card-info div.card-text p {
    padding-bottom: 0;
    text-align: center;
  }
  #home-v3-page #skill-cards div.container-wrapper div.cards div.card a {
    margin: 8px auto 0 auto;
  }
  #home-v3-page #home-connect h5 {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 24px;
  }
  #home-v3-page #home-connect {
    padding: 32px 0;
  }
  #home-v3-page #home-connect div.icons {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
  }
  #home-v3-page #home-connect div.icons div.icon {
    display: grid;
    grid-template-columns: 74px 1fr;
    max-width: max-content;
  }
  #home-v3-page #home-connect div.icons div.icon p {
    text-align: left;
  }
  #home-v3-page #home-testimonials {
    padding: 32px 0;
  }
  #home-v3-page #home-testimonials div.testimonial-card {
    gap: 300px;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.header-wrapper {
    height: auto;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.header-wrapper h5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.header-wrapper img {
    top: 105px;
    left: 50%;
    width: 70%;
    transform: translateX(-50%);
  }
  #home-v3-page #home-testimonials div.testimonial-card div.info {
    margin-left: 0;
    padding: 32px 24px 32px 24px;
  }
  #home-v3-page #home-testimonials div.testimonial-card div.info svg {
    right: 18px;
  }
  #home-v3-page #home-testimonials div.testimonial-card i.chevron-left {
    top: 232px;
    display: block !important;
    left: 0;
    right: auto;
  }
  #home-v3-page #home-testimonials div.testimonial-card i.chevron-right {
    top: 232px;
    right: 0;
  }
  #home-v3-page #home-testimonials #quote-left {
    top: 90px;
  }
  #home-v3-page #home-testimonials #quote-right {
    display: none;
  }
  #job-seekers-page #journey {
    padding: 32px 0 32px 0;
  }
  #job-seekers-page #journey h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }

  #job-seekers-page #steps-desktop {
    display: none;
  }
  #job-seekers-page #steps-mobile {
    display: block;
    padding: 32px 0 8px 0;
  }
  #job-seekers-page #quiz div.header-wrapper {
    padding-bottom: 24px;
  }
  #job-seekers-page #quiz div.quiz-wrapper {
    /* max-width: 100%; */
    display: none;
  }
  #job-seekers-page #quiz div.mobile-quiz-wrapper {
    display: block;
  }
  #job-seekers-page #stories div.container-wrapper #mobile-ellipsis {
    display: flex;
  }
  #job-seekers-page #stories {
    padding: 32px 0;
  }
  #job-seekers-page #stories div.cards {
    display: none;
  }
  #job-seekers-page #stories #mobile-flip-cards {
    display: flex;
  }
  #job-seekers-page #stories #mobile-flip-cards div.fake-mobile-flip-card,
  #job-seekers-page #stories #mobile-flip-cards div.card {
    padding: 16px 16px;
    padding-top: 184px;
    min-height: 521px;
    width: 100%;
    justify-content: flex-start;
    background-color: transparent;
    background: linear-gradient(180deg, #333 -3.53%, #5A5C61 32.71%);
  }
  #job-seekers-page #stories #mobile-flip-cards div.fake-mobile-flip-card.left {
    width: 16px;
    border-radius: 0 10px 10px 0;
    margin-left: -16px;
    padding: 0 0;
  }
  #job-seekers-page #stories #mobile-flip-cards div.fake-mobile-flip-card.right {
    width: 16px;
    border-radius: 10px 0 0 10px;
    margin-right: -16px;
    padding: 0 0;
  }
  #job-seekers-page #stories #mobile-flip-cards div.card h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
  #job-seekers-page #stories #mobile-flip-cards div.card p,
  #job-seekers-page #stories #mobile-flip-cards div.card h6 {
    color: #FFF !important;
    text-align: center;
  }
  #job-seekers-page #stories div.header-wrapper h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  #job-seekers-page #stories div.header-wrapper p
  #about-page #image-gallery div.image-container {
    grid-template-columns: 1fr;
  }
  #job-seekers-page #stories #mobile-flip-cards div.card i {
    position: absolute;
    margin: 0;
    left: calc(50% + 18px);
    top: 110px;
    font-size: 53.112px;
    line-height: 15.934px;
  }
  #job-seekers-page #stories #mobile-flip-cards div.card img {
    top: 16px;
    width: 164px;
    height: 164px;
    right: 50%;
    transform: translateX(50%);
  }
  #job-seekers-page #quiz {
    padding: 32px 0 32px 0;
  }
  #job-seekers-page #quiz div.header-wrapper img {
    max-width: 223px;
    margin: auto;
  }
  #job-seekers-page #quiz div.header-wrapper h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    padding: 24px 0 8px 0;
  }
  #about-page #hero.container-wrapper div.wrapper {
    padding: 32px 0 32px 0;
  }
  #about-page #hero.container-wrapper div.wrapper h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  #about-page #hero.container-wrapper div.wrapper h3 {
    font-size: 36px;
    font-weight: 800;
    line-height: 42px;
  }
  #about-page #image-gallery {
    display: none;
  }
  #about-page div.mobile-image-gallery {
    display: flex;
  }
  #about-page section#banner div.image-wrapper img, #about-page section#footer-banner div.image-wrapper img {
    width: 100%;
    margin-top: 0;
  }
  #about-page section#footer-banner div.image-wrapper {
    margin-top: 80px;
  }
  #about-page div.mobile-image-gallery div.image-3 {
    height: 224px;
    width: 224px;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
  }
  #about-page #cityscape {
    position: relative;
    background: url('https://www.workreadyoklahoma.com/wp-content/uploads/2024/07/grey-1-3.svg') no-repeat;
    background-position: bottom;
    background-size: 100% auto;
  }
  #about-page #cityscape svg.desktop-cityscape {
    display: none;
  }
  #about-page #cityscape svg.mobile-cityscape {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
  #about-page #cityscape div.square.blue,
  #about-page #cityscape div.square.outline {
    display: none;
  }
  #about-page #cityscape div.mobile-square.blue {
    background-color: #6FC2D7;
    position: absolute;
    border-radius: 10px;
    z-index: 10;
    right: 0;
    bottom: 0;
    height: 100px;
    width: 100px;
    top: auto;
  }
  #about-page #cityscape div.mobile-square.outline {
    border: 3px solid #CECED0;
    position: absolute;
    border-radius: 10px;
    z-index: 10;
    height: 88px;
    width: 88px;
    left: 0;
    z-index: -1;
  }
  #about-page #cityscape div.text {
    padding-bottom: 26.5px;
  }
  #about-page #cityscape div.text h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    max-width: 100%;
    text-align: center;
  }
  #about-page #cityscape div.text p {
    text-align: center;
  }
  #about-page #banner div.container-wrapper div.text h5 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px; 
  }
  #about-page #banner div.container-wrapper div.text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  #about-page #footer-banner div.container-wrapper div.text {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
}

/* map page styles */
#map-page {
  position: relative;
}
#map-page img {
  position: absolute;
  mix-blend-mode: multiply;
  z-index: -1;
}
#map-page img.image-top {
  min-width: 1600px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#map-page div.map-container {
  z-index: 2;
  position: relative;
}
#map-page div.image-bottom-gradient {
  position: absolute;
  background: linear-gradient(#FFF 55%, rgba(255, 255, 255, 0.80) 64.62%, rgba(255, 255, 255, 0.20) 98.89%);
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}
#map-page img.image-bottom {
  top: 700px;
  object-fit: cover;
  min-width: 100vw;
}
#map-page img.image-bottom-mobile {
  display: none;
}
#map-page div.map-container {
  width: calc(100vw - 144px);
  max-width: 1316px;
  margin: 0 auto;
}
#map-page div.map-container div.map-header-wrapper {
  font-family: 'Montserrat';
  display: inline-flex;
  padding: 48px 56px;
  margin: 72px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 10px;
  background: #6FC2D7;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#map-page div.map-container div.map-header-wrapper h3 {
  font-family: 'Montserrat';
  color: #333;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin-top: 0;
  margin-bottom: 16px !important;
}
#map-page div.map-container div.map-header-wrapper p, #map-page div.map-container div.map-header-wrapper strong {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 0;
}
#map-page div.map-container div.map-header-wrapper strong {
  font-weight: 700;
}
#map-page div.map-label {
  position: absolute;
  left: 0;
  top: 30.5%;
  transform: translateY(-50%);
  max-width: 376px;
  width: 33%;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
#map-page div.map-wrapper div.map-label-wrapper {
  background: #fff;
  border-radius: 10px;
  padding: 21px 24px 27px;
}
#map-page div.map-wrapper img {
  position: absolute;
  left: 50%;
  bottom: -150px;
  transform: translateX(-50%);
  z-index: -1;
}
#map-page div.map-label p {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0;
}
#map-page div.map-label p strong {
  font-weight: 700;
}
#map-page div.map-wrapper {
  position: relative;
}
#map-page div.map-wrapper div.map-svg {
  margin: 0 auto;
  max-width: 1440px;
}
#map-page div.map-wrapper div.map-svg svg {
  width: 100%;
}
#map-page div.map-wrapper div.map-svg svg path.svg-city {
  fill: #FB9A2D;
}
#map-page div.map-wrapper div.map-svg svg path.svg-city:hover {
  cursor: pointer;
}
#map-page div.map-wrapper div.map-svg svg path.svg-name, #map-page div.map-wrapper div.map-svg svg ellipse.svg-elli {
  fill: #000;
}
#map-page div.map-wrapper div.map-svg svg path.svg-city.hovered, #map-page div.map-wrapper div.map-svg svg path.svg-city.selected {
  fill: #5A5C61;
  cursor: pointer;
}
#map-page div.map-wrapper div.map-svg svg path.svg-name.hovered, #map-page div.map-wrapper div.map-svg svg ellipse.svg-elli.hovered, #map-page div.map-wrapper div.map-svg svg path.svg-name.selected, #map-page div.map-wrapper div.map-svg svg ellipse.svg-elli.selected {
  fill: #fff;
  cursor: pointer;
}

#map-page div.map-info-wrapper {
  min-height: 408px;
  padding-bottom: 76px;
}
#map-page div.map-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  padding: 0;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  box-sizing: content-box;
  -webkit-transition: all .5s ease-out, padding .5s, opacity .40s;
  -moz-transition: all .5s ease-out, padding .5s, opacity .40s;
  -ms-transition: all .5s ease-out, padding .5s, opacity .40s;
  -o-transition: all .5s ease-out, padding .5s, opacity .40s;
  transition: all .5s ease-out, padding .5s, opacity .40s;
  display: flex;
}
#map-page div.map-card.toggled {
  -webkit-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
  -moz-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
  -ms-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
  -o-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
  transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
  padding: 48px 56px;
  margin-top: 46px;
  opacity: 1;
}
#map-page div.map-card h3 {
  font-family: 'Montserrat';
  color: #333;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0 0 16px !important;
}
#map-page div.map-card p.coming-soon {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0;
}
#map-page div.map-card div.contact {
  display: grid;
  gap: 8px;
}
#map-page div.map-card div.contact div.contact-line {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-right: 36px;
  gap: 12px;
}
#map-page div.map-card div.contact div.contact-line div.svg {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
}
#map-page div.map-card div.contact div.contact-line div.content {
  display: flex;
  flex-direction: column;
}
#map-page div.map-card div.contact div.contact-line div.email-wrapper {
  display: flex;
  gap: 32px;
}
#map-page div.map-card div.contact div.contact-line div.email-wrapper div.contact-line {
  margin-right: 0;
}
#map-page div.map-card div.contact div.contact-line p, #map-page div.map-card div.contact div.contact-line a {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0;
}
#map-page div.map-card div.contact div.contact-line a {
  text-decoration: underline;
}
#map-page div.map-card div.contact div.contact-line p strong {
  font-weight: 700;
}
#map-page div.map-card div.contact svg.social {
  fill: #6FC2D7;
  margin-right: 8px;
  &&:hover {
    fill: #5A5C61;
  }
}
#map-page div.map-card div.locations {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  border-top: 2px solid #FB9A2D;
  gap: 28px;
  padding: 32px 0 0;
  margin: 32px 0 0;
}
#map-page div.map-card div.locations h4 {
  font-family: 'Montserrat';
  color: #333;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px;
  text-align: left;
}
#map-page div.map-card div.locations div.location {
  display: flex;
  flex-direction: column;
}
#map-page div.map-card div.locations div.location div.address {
  display: flex;
}
#map-page div.map-card div.locations div.location div.address div.svg {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
#map-page div.map-card div.locations div.location div.address div.content p {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  margin: 0 0 0;
}
#map-page div.map-card div.calendar-button {
  margin-top: 24px;
}
#map-page div.map-card div.cancel-button, #map-page div.cancel-button-mobile, #map-page div.open-button-mobile {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px 20px;

  &&:hover {
    cursor: pointer;
  }
}
#map-page div.map-info-wrapper-mobile {
  display: none;
  flex-direction: column;
  padding-bottom: 32px;
}
#map-page div.mobile-card-contents {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  max-height: 0;
  opacity: 0;
}

#faq-page {
  position: relative;
}
#faq-page #faq-hero {
  background: url(https://www.workreadyoklahoma.com/wp-content/uploads/2024/08/BG-01-1-1.png) no-repeat center center;
  background-size: cover;
  padding: 48px 0 40px 0;
}
#faq-page #faq-hero div.container-wrapper {
  display: flex;
  justify-content: space-between;
}
#faq-page #faq-hero div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#faq-page #faq-hero div.text h3 {
  max-width: 650px;
}
#faq-page #faq-hero img {
  max-width: 297px;
}
#faq-page #faqs div.questions {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 80px;
}
#faq-page #faqs div.questions div.question:nth-child(odd) {
  border: 3px solid #6FC2D7;
}
#faq-page #faqs div.questions div.question {
  border-radius: 10px;
  border: 3px solid #FB9A2D;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
}
#faq-page #faqs div.questions div.question div.head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 28px 24px;
  gap: 16px;
}
#faq-page #faqs div.questions div.question div.head i {
  transition: all .4s cubic-bezier(0.25, 1.5, 0.5, 1);
  font-size: 20px;
}
#faq-page #faqs div.questions div.question div.head i.fa-regular.fa-circle-chevron-down {
  display: none;
}
#faq-page #faqs div.questions div.question div.body {
  padding: 24px;
  display: none;
  max-height: 0;
  overflow: hidden;
}
#faq-page #faqs div.questions div.question.active {
  max-height: 100%;
}
#faq-page #faqs div.questions div.question.active div.head {
  background: #5A5C61;
  color: #FFF !important;
}
#faq-page #faqs div.questions div.question.active div.head h6 {
  color: #FFF !important;
}
#faq-page #faqs div.questions div.question.active div.head i {
  transform: rotate(180deg);
  transition: all .4s cubic-bezier(0.25, 1.5, 0.5, 1);
}
#faq-page #faqs div.questions div.question.active div.body {
  display: block;
  max-height: 100%;
}
#faq-page #banner {
  background: linear-gradient(90deg, #6FC2D7 0%, #FB9A2D 100%);
  padding-top: 56px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 40px;
}
#faq-page #banner div.container-wrapper div.text {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  max-width: 920px;
}
#faq-page #banner div.container-wrapper div.text h6 {
  text-align: center;
}
#faq-page #banner img {
  max-width: 95%;
}
#faq-page div.mobile-spacer {
  display: none;
  /* background: #BAE0EB; */
  background: rgb(239, 239, 239);
  height: 14px;
  margin-top: -1px;
  width: 100%;
  border-radius: 0 0 10px 10px;
}


@media screen and (max-width: 959px) {
  #map-page img.image-bottom {
    top: auto;
    bottom: 0;
  }
  #map-page div.map-container div.map-header-wrapper {
    padding: 36px 42px;
  }
  #map-page div.map-info-wrapper {
    min-height: 460px;
  }
  #map-page div.map-card.toggled {
    padding: 36px 42px;
    margin-top: 23px;
  }
}

@media screen and (max-width: 720px) {
  #map-page div.map-container {
    width: calc(100vw - 96px);
  }
  #map-page div.image-bottom-gradient {
    background: linear-gradient(#FFF 65%, rgba(255, 255, 255, 0.80) 80%, rgba(255, 255, 255, 0.20) 98.89%);
  }
  #map-page div.map-wrapper img {
    display: none;
  }
  #map-page div.map-label {
    position: relative;
    border-radius: 10px !important;
    overflow: hidden;
    margin-bottom: 32px !important;
    transform: translateY(0);
    max-width: 100%;
    width: 100%;
  }
  #map-page div.map-container div.map-header-wrapper {
    padding: 24px;
    padding: 24px 16px;
  }
  #map-page div.map-container div.map-header-wrapper p {
    text-align: center;
  }
  #map-page div.map-card div.contact div.contact-line div.email-wrapper {
    flex-direction: column;
    gap: 8px;
  }
  #map-page div.map-card div.locations {
    flex-direction: column;
  }
  #map-page div.map-info-wrapper {
    min-height: 649px;
  }
  #map-page div.map-card.toggled {
    padding: 24px 28px;
    margin-top: 23px;
  }
  #faq-page #faq-hero {
    padding: 32px 0 24px 0;
  }
  #faq-page #faq-hero div.container-wrapper {
    flex-direction: column;
    gap: 32px;
  }
  #faq-page #faq-hero div.container-wrapper div.text {
    align-items: center;
    z-index: 1;
  }
  #faq-page #faq-hero div.container-wrapper div.text h3 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
  }
  #faq-page #faq-hero img {
    max-width: 267px;
    margin: auto;
  }
}

@media screen and (max-width: 540px) {
  #map-page div.map-container {
    width: calc(100vw - 48px);
  }
  #map-page div.image-bottom-gradient {
    /* background: linear-gradient(#FFF 75%, rgba(255, 255, 255, 0.80) 92.5%, rgba(255, 255, 255, 0.20) 98.89%); */
    background: linear-gradient(#FFF 86%, rgba(255, 255, 255, 0.80) 88.5%, rgba(255, 255, 255, 0.20) 119.89%)
  }
  #map-page div.map-svg {
    margin-left: -50% !important;
    display: none;
  }
  #map-page div.map-info-wrapper {
    display: none;
    min-height: 337px;
  }
  #map-page div.map-label-wrapper {
    display: none;
  }
  #map-page div.calendar-button {
    text-align: center;
  }
  #map-page div.map-info-wrapper-mobile {
    display: flex;
    gap: 24px;
    padding-bottom: 148px;
  }
  #map-page div.map-info-wrapper-mobile h4 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
    padding-top: 16px;
  }
  #map-page div.map-info-wrapper-mobile div.map-card.coming-soon {
    box-shadow: none !important;
    background: transparent !important;
    align-items: flex-start !important;
    margin-bottom: -8px !important;
  }
  #map-page div.map-info-wrapper-mobile div.map-card {
    display: flex;
    align-items: flex-start !important;
    max-height: 100%;
    opacity: 1;
    padding: 16px;
    margin: 0;
    align-items: center;
  }
  #map-page div.map-info-wrapper-mobile div.map-card h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    margin: 0 !important;
    margin-right: 50px !important;
  }
  #map-page div.map-info-wrapper-mobile div.map-card.coming-soon {
    align-items: center !important;
    padding: 0;
  }
  #map-page div.map-info-wrapper-mobile div.map-card.coming-soon h3 {
    text-align: center !important;
    margin-right: 0 !important;
  }
  #map-page div.map-info-wrapper-mobile div.map-card h4 {
    font-size: 16px !important;
  }
  #map-page div.map-info-wrapper-mobile div.cancel-button-mobile {
    display: none;
  }
  #map-page div.map-card:hover {
    cursor: pointer;
  }
  #map-page div.map-card div.open-button-mobile {
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    height: 56px;
  }
  #map-page div.map-card div.open-button-mobile i {
    font-size: 24px;
  }
  #map-page div.map-card div.mobile-card-contents {
    max-width: -webkit-fill-available;
    margin-top: 0;
    -webkit-transition: all .5s ease-out, padding .5s, opacity .40s;
    -moz-transition: all .5s ease-out, padding .5s, opacity .40s;
    -ms-transition: all .5s ease-out, padding .5s, opacity .40s;
    -o-transition: all .5s ease-out, padding .5s, opacity .40s;
    transition: all .5s ease-out, padding .5s, opacity .40s;
  }
  #map-page div.map-card div.mobile-card-contents.toggled {
    opacity: 1;
    margin-top: 16px;
    -webkit-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
    -moz-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
    -ms-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
    -o-transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
    transition: all .75s ease-out, padding 0s, margin-top 0s, opacity .35s;
  }
  #map-page div.map-card div.mobile-card-contents div.locations {
    padding: 24px 0 0;
    margin: 24px 0 0;
  }
  #map-page div.map-card p.coming-soon {
    margin-top: 4px;
  }
  #map-page div.map-card.disabled {
    cursor: auto;
  }
  #map-page div.map-card div.contact-line a {
    word-wrap: break-word;
    max-width: calc(100vw - 145px);
  }
  #map-page div.map-container div.map-header-wrapper {
    margin: 32px 0 0 0;
  }
  #map-page div.map-container div.map-header-wrapper h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
  }
  #map-page div.map-container div.map-header-wrapper p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  #map-page img.image-bottom {
    display: none;
  }
  #contact-page #contact div.text h5 {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    line-height: 42px;
    max-width: 90%;
    margin: 0 auto;
  }
  #contact-page #contact div.text p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  #map-page img.image-bottom-mobile {
    display: block;
  }
  #contact-page #contact {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  #contact-page #contact div.contact-image {
    width: 80%;
    padding-bottom: 24px;
  }
  #contact-page div.footer-text p {
    text-align: center;
  }
  #faq-page #faqs div.questions {
    padding-bottom: 0;
    gap: 16px;
  }
  #faq-page #faqs div.questions div.question div.head {
    padding: 16px 16px;
    gap: 8px;
  }
  #faq-page #faqs div.questions div.question div.head i.fas.fa-chevron-down {
    display: none;
  }
  #faq-page #faqs div.questions div.question div.head i.fa-regular.fa-circle-chevron-down {
    display: block;
  }
  #faq-page #banner {
    padding-top: 32px;
    margin: 24px 16px;
    gap: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  }
  #faq-page #banner div.container-wrapper div.text a {
    margin-bottom: 32px;
  }
  #faq-page #faqs div.questions div.question div.head h6,
  #faq-page #banner div.container-wrapper div.text h6 {
    font-size: 18px;
    line-height: 24px;
  }
  #faq-page #faqs div.questions div.question.active div.body {
    padding: 16px;
  }
  #faq-page #banner img {
    max-width: 100.5%;
  }
  #faq-page div.mobile-spacer {
    display: block;
  }
}


/* Signup typeform */
#sign-up-form table th, #sign-up-form table th td, #sign-up-form table div {
  border: 0px solid transparent;
  padding: 0 0;
}

#sign-up-form table {
  margin: 0 0 0 0;
}

#sign-up-form > div > main > form > div > div:nth-child(1) {
  display: none;
}

#sign-up-form > div > main > form > div {
  padding: 16px;
}

#sign-up-form-header {
  position: relative;
  background: #6FC2D7;
}

#single-blocks > div > div:nth-child(1) > div > div {
  padding-left: 0;
  padding-right: 0;
}

#sign-up-form-header .image-container {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 380px;
  mix-blend-mode: multiply;
  background-image: url('https://www.workreadyoklahoma.com/wp-content/uploads/2024/02/work-ready-sign-up-hero-svg.svg');
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

}

#sign-up-form-header > div.container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  justify-content: center;
}

#sign-up-form-header svg {
  width: 50%;
  padding: 0 32px;
  margin: auto 0 auto auto;
}

#sign-up-form-header .text {
  width: 50%;
  padding-right: 32px;
  margin: auto auto auto 0;
}

#sign-up-form-header .text h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333;
  margin: 0 0 20px;
}

#sign-up-form > div > main > form > div > div:nth-child(2) > table > tbody > tr > th > table > tbody > tr > th > table > tbody > tr > th > div:nth-child(1) > p > strong > span {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: center;
  color: #333333;
}

#sign-up-form > div > main > form > div > div:nth-child(2) > table > tbody > tr > th > table > tbody > tr > th > table > tbody > tr > th > div:nth-child(2) > p > span {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: center;
}

#sign-up-form > div > main > form > div > div:nth-child(3) {
  border-bottom: 2px solid #6FC2D7;
  padding-bottom: 48px;
}

#sign-up-form > div > main > form > div > div:nth-child(4) > table > tbody > tr > th > table > tbody > tr > th > table > tbody > tr > th > div:nth-child(1) {
  margin: 52px 0 24px !important;
}

#sign-up-form > div > main > form > div > div:nth-child(4) > table > tbody > tr > th > table > tbody > tr > th > table > tbody > tr > th > div.consentBlock {
  padding: 0 0 0 !important;
}

#sign-up-form > div > main > form > div > div:nth-child(4) > table > tbody > tr > th > table > tbody > tr > th > table > tbody > tr > th > div:nth-child(1) > p > span > strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
}

#sign-up-form > div > main > form > div > div:nth-child(5) > table > tbody > tr > th > table > tbody > tr > th > table > tbody > tr > th > div > button {
  background: #fff;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 10px 24px;
  font-size: 18px;
  color: #5a5c61;
  font-weight: 700;
  line-height: 18px;
  margin-top: 18px;
  border: 3px solid #5a5c61;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: inline-block;
}

#sign-up-form > div > main > form > div > div:nth-child(5) > table > tbody > tr > th > table > tbody > tr > th > table > tbody > tr > th > div > button:hover {
  background: #5a5c61;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 850px) {
  #sign-up-form-header .container {
    flex-direction: column-reverse;
    position: relative;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    z-index: 10;
  }
  #sign-up-form-header > div.container > svg {
    /* width: 100%; */
    height: 200px;
    padding: 16px 0;
    margin: 0 auto;
  }
  #sign-up-form-header > div.container > div {
    padding: 16px 32px;
    margin: 0 auto;
    width: auto;
  }
  #sign-up-form-header > div.container > div > h2 {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
  }
}