style.css

/*
Theme Name: Vesta-Workplace
Author: RED Devs - summer 2019
Author URI: https://wordpress.org/
Description: Custom theme for Vesta Workplace
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vesta 
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Century Gothic Bold';
  src: url("./fonts/CenturyGothic-Bold.eot");
  src: url("./fonts/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/CenturyGothic-Bold.woff2") format("woff2"), url("./fonts/CenturyGothic-Bold.woff") format("woff"), url("./fonts/CenturyGothic-Bold.ttf") format("truetype"), url("./fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Century Gothic Bold-Italic';
  src: url("./fonts/CenturyGothic-BoldItalic.eot");
  src: url("./fonts/CenturyGothic-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/CenturyGothic-BoldItalic.woff2") format("woff2"), url("./fonts/CenturyGothic-BoldItalic.woff") format("woff"), url("./fonts/CenturyGothic-BoldItalic.ttf") format("truetype"), url("./fonts/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Century Gothic Italic';
  src: url("./fonts/CenturyGothic-Italic.eot");
  src: url("./fonts/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/CenturyGothic-Italic.woff2") format("woff2"), url("./fonts/CenturyGothic-Italic.woff") format("woff"), url("./fonts/CenturyGothic-Italic.ttf") format("truetype"), url("./fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Century Gothic';
  src: url("./fonts/CenturyGothic.eot");
  src: url("./fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/CenturyGothic.woff2") format("woff2"), url("./fonts/CenturyGothic.woff") format("woff"), url("./fonts/CenturyGothic.ttf") format("truetype"), url("./fonts/CenturyGothic.svg#CenturyGothic") format("svg");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 18px; }

body {
  font-family: 'Century Gothic';
  line-height: 1.5em;
  color: #2e3438;
  background-color: #fefefe;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

h1, h2, h3, h4 {
  font-family: 'Century Gothic Bold'; }

h1 {
  font-size: 2.66rem;
  color: #32393d; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.33rem; }

h4 {
  font-size: 1.17rem; }

a {
  text-decoration: none; }
  a:hover {
    cursor: pointer; }

.uppercase {
  text-transform: uppercase; }

strong {
  font-family: 'Century Gothic Bold'; }

em {
  font-family: 'Century Gothic Italic'; }

strong em {
  font-family: 'Century Gothic Bold-Italic'; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-height: 100%;
  overflow-x: hidden; }

.header-line {
  width: 113px;
  height: 2px;
  background-color: #2e3438;
  border: solid 1px #2e3438;
  margin-left: 0; }

.all-page-wrapper {
  margin: 50px 13% 0 13%; }

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 10%; }

.header-logo-container {
  width: 130px; }
  .header-logo-container .header-logo {
    padding-top: 8px;
    height: 47px;
    width: 100%; }

.header-nav {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.menu-header-nav-container {
  margin-right: 45px;
  width: 70%;
  max-width: 450px;
  min-width: 370px; }
  .menu-header-nav-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .menu-header-nav-container ul a {
      text-decoration: none;
      text-transform: capitalize;
      font-family: 'Century Gothic Bold';
      font-size: 1em;
      color: #284683; }
    .menu-header-nav-container ul li {
      display: inline; }

footer {
  margin-top: 100px; }

.footer-inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding: 0 9%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #c3d0f9; }

.upper-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%; }
  .upper-footer .footer-logo {
    margin-top: 20px; }
    .upper-footer .footer-logo .logo-black {
      height: 70px;
      width: auto; }
    .upper-footer .footer-logo .logo-letter {
      height: 15px;
      margin-bottom: 25px; }

.footer-nav {
  margin: 10px 0 30px 0;
  max-width: 100%; }
  .footer-nav ul a {
    text-transform: capitalize;
    font-family: 'Century Gothic Bold';
    color: #2e3438; }
  .footer-nav li {
    display: inline;
    padding-right: 10px; }

.footer-subscribe {
  width: 40%; }

.subscribe-form-footer {
  margin-top: 42px;
  max-width: 100%; }
  .subscribe-form-footer label {
    font-size: 1rem;
    font-family: 'Century Gothic Bold';
    color: #2e3438;
    max-width: 100%; }
  .subscribe-form-footer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }

.subscribe-email-footer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 35px;
  width: 50%;
  min-width: 200px;
  margin-top: 20px;
  font-size: 14px;
  font-family: 'Century Gothic';
  padding-left: 20px;
  color: #2e3438; }

.subscribe-button-footer {
  min-width: 100px;
  background-color: #5a1933;
  border-color: #5a1933;
  color: white;
  font-family: 'Century Gothic';
  text-transform: uppercase;
  margin-top: 20px;
  margin-left: -10px;
  height: 40px;
  width: 35%;
  font-size: 14px; }
  .subscribe-button-footer:hover {
    cursor: pointer; }

.lower-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #284683;
  padding: 0 9%;
  max-width: 100%; }

.footer-nav-2 {
  width: 60%; }
  .footer-nav-2 ul a {
    text-transform: capitalize;
    text-decoration: underline;
    font-family: 'Century Gothic';
    font-size: 0.78rem;
    color: white; }
  .footer-nav-2 ul {
    padding-top: 5px; }
  .footer-nav-2 li {
    display: inline;
    padding-right: 15px; }

.socials-footer i {
  color: white;
  font-size: 1.4rem;
  padding-left: 10px;
  margin-top: 10px; }

.resources-title-container {
  width: 45%;
  text-align: center;
  margin: 0 auto; }
  .resources-title-container p {
    margin: 20px 0; }

.resources-content-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0 auto 60px auto;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 50px 43px rgba(68, 75, 79, 0.04);
          box-shadow: 0 1px 50px 43px rgba(68, 75, 79, 0.04);
  padding: 0 7%; }
  .resources-content-container .community-resources {
    display: none; }

.resource-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 25px 0;
  padding-top: 50px; }

.resource-header {
  display: grid;
  grid-template: 50px 1.9rem 23px / 1fr;
  width: 35%;
  text-align: center;
  margin: 0 5px; }
  .resource-header h3 {
    font-family: 'Century Gothic'; }
  .resource-header img {
    height: 50px;
    margin: 0 auto; }
  .resource-header:hover {
    cursor: pointer; }

.highlight-bar {
  height: 8px;
  border: solid 1px #cbcbcb;
  background-color: #cbcbcb;
  margin-bottom: 0;
  width: 100%; }

.resource-header-selected h3 {
  font-family: 'Century Gothic Bold'; }

.resource-header-selected .highlight-bar {
  border: solid 1px #3965ee;
  background-color: #3965ee; }

.resource-header-selected:hover {
  cursor: unset; }

.resource-header-selected-plum h3 {
  font-family: 'Century Gothic Bold'; }

.resource-header-selected-plum .highlight-bar {
  border: solid 1px #5a1933;
  background-color: #5a1933; }

.resource-header-selected-plum:hover {
  cursor: unset; }

.parent-cat-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.sub-cat-name {
  margin: 2rem 0; }

.resource-sub-cat-wrapper {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 28%);
  grid-column-gap: 8%;
  width: 100%; }

.single-resource {
  width: 100%;
  text-align: center; }
  .single-resource a {
    text-decoration: none;
    color: #2e3438; }

.resource-media {
  width: 100%;
  height: 155px;
  margin-bottom: 0.75rem; }
  .resource-media img, .resource-media iframe {
    width: 100%;
    height: 155px;
    -o-object-fit: cover;
       object-fit: cover; }

.logo-placeholder img {
  width: auto;
  height: 100%; }

.more-resources-btn {
  color: #3965ee;
  border: 2px solid #3965ee;
  border-radius: 29px;
  padding: 0.8rem 1.1rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin: 15px auto; }
  .more-resources-btn:hover {
    background: #284683;
    color: #fff;
    border-color: #284683; }

.suggest-a-resource {
  margin: 50px 0;
  text-align: center; }

.suggestion-header {
  font-size: 1.17rem; }

.resources-suggest label {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 1rem;
  font-family: 'Century Gothic';
  margin-top: 20px;
  color: #2e3438; }

.resources-suggest form.wpcf7-form {
  margin: 0 auto; }

.resources-suggest form.wpcf7-form textarea {
  height: 50px;
  width: 55%; }

.resources-suggest .wpcf7-submit {
  padding: 15px 30px;
  text-decoration: none;
  margin: 63px 0 60px 250px;
  width: 250px;
  color: #fff;
  background: #5a1933;
  margin: 0 auto;
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer; }

form.wpcf7-form {
  width: 496px;
  margin: 0 auto; }
  form.wpcf7-form p {
    text-align: left;
    color: #284683;
    font-family: 'Century Gothic Bold';
    font-size: 1.25em;
    margin: 0; }
  form.wpcf7-form input, form.wpcf7-form textarea {
    border: solid 0.5px #979797;
    background-color: #ffffff;
    width: 475px;
    margin-top: 9px;
    font-size: 1em;
    padding-left: 19px; }
  form.wpcf7-form input.wpcf7-text {
    margin-bottom: 34px;
    height: 58px; }
  form.wpcf7-form textarea {
    height: 160px;
    padding-top: 15px; }

.wpcf7-not-valid-tip {
  margin: -25px 0 25px 0; }

.home h2, .home p {
  margin-bottom: 15px; }

.home p {
  font-size: 1.1em; }

.home-transforming {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  margin-bottom: 150px; }

.vesta-transforming-workplace {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-right: 100px; }
  .vesta-transforming-workplace img {
    height: auto;
    width: 80%;
    min-width: 375px;
    margin-bottom: 30px; }
  .vesta-transforming-workplace h2 {
    margin: 35px 0 15px 0; }

.lady-wrapper {
  width: 100%;
  height: auto; }
  .lady-wrapper img {
    width: 100%;
    max-width: 415px;
    min-width: 312px; }

.home-the-problem {
  width: 100%;
  margin-top: 90px;
  margin-bottom: 150px; }

.problem-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 74%;
  margin: 0 13% 90px 13%; }
  .problem-widget .widget_text .textwidget {
    width: 100%; }
  .problem-widget iframe {
    max-width: 100%;
    min-width: 400px;
    max-height: 250px; }
  .problem-widget .textwidget {
    max-width: 450px; }

.home-strength {
  margin: 0 calc(-50vw + 50%) 90px calc(-50vw + 50%);
  background-color: rgba(219, 227, 251, 0.3);
  padding: 6% 13% 0.1% 13%; }

.strength-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%; }
  .strength-numbers .strength-number-80, .strength-numbers .strength-number-85, .strength-numbers .strength-number-95 {
    width: 30%;
    margin-top: 50px; }
    .strength-numbers .strength-number-80 img, .strength-numbers .strength-number-85 img, .strength-numbers .strength-number-95 img {
      width: 45%;
      height: auto;
      max-width: 100%;
      display: block;
      margin: 0 auto; }
  .strength-numbers hr {
    width: 155px;
    border: solid 0.5px #2e3438;
    margin: 20px auto 5px auto; }
  .strength-numbers p {
    text-align: center;
    max-width: 250px;
    margin: 0 auto; }

.home-solution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 13% 50px 2%; }
  .home-solution .inner-solution {
    min-width: 350px;
    margin-left: 40px; }
    .home-solution .inner-solution button {
      border-radius: 29px;
      background-color: #3965ee;
      color: #fff;
      text-transform: uppercase;
      font-family: 'Century Gothic Bold';
      font-size: 0.95rem;
      padding: 15px 18px;
      margin-top: 10px; }
    .home-solution .inner-solution p {
      font-size: 1em; }

.solution-image-container .solution-image {
  width: 100%;
  height: auto;
  min-width: 675px;
  min-height: 375px; }

.home-customer-stories {
  margin-bottom: 150px; }
  .home-customer-stories .header-style-container {
    margin: 0 13% 80px 13%; }

.trusted-partners {
  margin: 90px calc(-50vw + 50%);
  background: rgba(57, 101, 238, 0.15);
  padding: 5% 13%; }
  .trusted-partners .header-style-container {
    margin-bottom: 50px; }

.partners-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .partners-list .govt-canada {
    width: 100%;
    height: auto; }
  .partners-list .legal-innovation {
    width: 90%;
    height: auto;
    margin-top: 30px; }
  .partners-list .social-venture {
    width: 90%;
    height: auto;
    margin-top: 40px; }
  .partners-list .unilever {
    width: 90%;
    height: auto; }

.home-subscribe {
  margin: 50px 0 0 0; }
  .home-subscribe h2 {
    font-size: 28px;
    text-align: center;
    margin-top: 100px; }
  .home-subscribe .subscribe-email {
    height: 47px;
    min-width: 400px;
    margin-top: 20px;
    font-size: 14px;
    font-family: 'Century Gothic';
    padding-left: 20px;
    color: #2e3438;
    border: 1px solid #2e3438; }
  .home-subscribe .subscribe-button {
    margin: 20px 0 0 -10px;
    padding: 13px 15px 16px 15px;
    width: 25%;
    max-width: 175px;
    background-color: #5a1933;
    border: none;
    color: white;
    font-size: 1em;
    font-family: 'Century Gothic';
    text-transform: uppercase; }

.subscribe-form-container {
  width: 100%;
  margin-bottom: 131px; }

.subscribe-form {
  width: 75%;
  max-width: 560px;
  text-align: left;
  margin: 30px auto 0 auto; }
  .subscribe-form h3 {
    font-size: 1.1em;
    font-family: 'Century Gothic Bold';
    color: #284683;
    text-align: left; }

.frontpg-subscribe {
  margin-top: 50px; }
  .frontpg-subscribe form.wpcf7-form {
    width: 100%;
    padding: 0 15%; }
  .frontpg-subscribe .wpcf7-email {
    width: 45%; }
    .frontpg-subscribe .wpcf7-email::-webkit-input-placeholder {
      color: #444b4f; }
    .frontpg-subscribe .wpcf7-email::-moz-placeholder {
      color: #444b4f; }
    .frontpg-subscribe .wpcf7-email::-ms-input-placeholder {
      color: #444b4f; }
    .frontpg-subscribe .wpcf7-email::placeholder {
      color: #444b4f; }
  .frontpg-subscribe .wpcf7-submit {
    min-width: 100px;
    background-color: #5a1933;
    border-color: #5a1933;
    color: white;
    font-family: 'Century Gothic';
    text-transform: uppercase;
    border: solid 0.5px #5a1933;
    width: 23%;
    height: 59px;
    margin-left: -6px; }
    .frontpg-subscribe .wpcf7-submit:hover {
      cursor: pointer; }
  .frontpg-subscribe .wpcf7-form p {
    display: inline; }

i.fa-minus {
  display: none;
  color: #5a1933;
  font-size: 1.5em; }

i.fa-plus {
  color: #3965ee;
  font-size: 1.5em; }

.faq-answer {
  display: none; }

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

.faq-container {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-auto-rows: auto;
  grid-gap: 20px;
  margin-bottom: 50px; }

.faq-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 70px; }
  .faq-category h3 {
    margin-bottom: 30px; }
  .faq-category hr {
    border-bottom: 3px solid #3965ee;
    width: 70%;
    margin-left: 0; }

.faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 70px;
  max-width: 100%; }

.faq-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px; }
  .faq-single hr {
    border-bottom: 0.1px solid #3965ee;
    width: 100%;
    margin-left: 0px; }

.faq-single-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.fa-plus, .fa-minus {
  margin-left: 20px; }

.faq-answer {
  margin: 20px 0 40px 0;
  line-height: 20px;
  width: 500px; }

.about-us {
  text-align: center;
  margin: 0 auto; }
  .about-us p {
    letter-spacing: -0.53px; }

.about-info {
  text-align: center; }
  .about-info h1 {
    margin: 31px 0 23px 0; }
    .about-info h1 .uppercase {
      text-transform: uppercase; }
  .about-info p {
    margin-bottom: 21px;
    width: 80%;
    max-width: 686px;
    margin: 0 auto 20px auto; }

.about-us-image {
  width: 100%;
  height: 379px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 28px 0 162px 0; }

.our-vision-mission {
  width: 80%;
  max-width: 620px;
  margin: 0 auto; }
  .our-vision-mission .header-style-container {
    width: 331px;
    margin: 0 auto; }
  .our-vision-mission h2 {
    letter-spacing: -0.8px;
    margin-bottom: 21px; }
  .our-vision-mission h3 {
    margin-bottom: 21px; }
  .our-vision-mission p {
    margin-bottom: 50px; }

.vm-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 875px;
  max-width: 1019px;
  height: 725px;
  margin: 0 auto; }
  .vm-container .our-approach-container, .vm-container .why-vesta-container {
    background: #aabcf3;
    margin: 0 auto;
    position: relative;
    width: 49%;
    height: 565px;
    text-align: left; }

.our-approach, .why-vesta {
  padding: 0 45px 7.5% 45px;
  height: 350px; }
  .our-approach .header-line, .why-vesta .header-line {
    margin-top: 59px; }
  .our-approach h2, .our-approach h3, .why-vesta h2, .why-vesta h3 {
    margin-bottom: 23px; }

.vm-images {
  width: 90%;
  margin: 0 auto; }
  .vm-images img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain; }

.why-vesta-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 1.4em; }
  .why-vesta-list li .fa-check-circle:before {
    color: #5a1933;
    padding-right: 24px;
    font-size: 42px; }
  .why-vesta-list li p {
    font-size: 1em; }

.learn-more-about {
  margin: 0 auto;
  padding-top: 120px; }
  .learn-more-about h3 {
    margin-bottom: 21px; }
  .learn-more-about p {
    margin-bottom: 35px; }

div.wpcf7-mail-sent-ok {
  border-color: #fff; }

.book-info-session {
  width: 100%; }
  .book-info-session h2 {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 2.5em; }
  .book-info-session p {
    max-width: 590px;
    text-align: center;
    margin: 0 auto 45px auto;
    font-size: 1.25em; }

.contact-title-container {
  text-align: center;
  margin-bottom: 57px; }
  .contact-title-container h1 {
    text-transform: uppercase;
    margin-bottom: 23px; }
  .contact-title-container p {
    text-align: center;
    max-width: 45%;
    min-width: 500px;
    margin: 0 auto; }

.contact-pg-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 95%;
  min-width: 900px;
  margin: 0 auto; }

.vesta-contact-info {
  text-align: center;
  display: inline-grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  height: 325px;
  width: 315px; }
  .vesta-contact-info h3 {
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%; }
  .vesta-contact-info .contact-subheader {
    padding-bottom: 15px;
    border-bottom: 0.1px solid #3965ee;
    font-size: 1.43em;
    text-transform: capitalize; }
  .vesta-contact-info p {
    text-align: left;
    height: 100%; }

.widget_media_image {
  width: 45px; }
  .widget_media_image .image {
    width: 100%;
    height: 45px; }

#text-2 {
  grid-column: 1/3; }

h1 {
  text-align: center;
  text-transform: uppercase; }

.what-we-offer p {
  margin: 50px auto;
  text-align: center;
  line-height: 20px;
  width: 60%;
  min-width: 200px; }

.what-we-offer-container {
  width: 100%; }

.what-we-offer-inner {
  margin: 0 auto;
  display: grid;
  width: 100%;
  min-width: 80%;
  height: auto;
  grid-template-columns: 35% 35%;
  grid-template-rows: auto auto;
  grid-column-gap: 130px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.what-we-offer-private, .what-we-offer-confidential, .what-we-offer-trustworthy, .what-we-offer-secure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 20px; }
  .what-we-offer-private img, .what-we-offer-confidential img, .what-we-offer-trustworthy img, .what-we-offer-secure img {
    margin-right: 30px;
    width: 25%;
    min-width: 25%; }

.inner-private, .inner-confidential, .inner-trustworthy, .inner-secure {
  width: 50%; }
  .inner-private p, .inner-confidential p, .inner-trustworthy p, .inner-secure p {
    margin: 20px 0;
    text-align: left;
    width: 40%; }

.how-it-works {
  height: 1100px;
  border-radius: 4px;
  background-color: white;
  -webkit-box-shadow: 0 1px 50px 43px rgba(68, 75, 79, 0.04);
          box-shadow: 0 1px 50px 43px rgba(68, 75, 79, 0.04);
  max-width: 100%;
  margin: 200px auto 100px auto; }
  .how-it-works .header-style-container {
    padding-top: 60px;
    text-align: center;
    width: 217px;
    margin: 0 auto; }

.how-it-works-hr-container {
  padding-top: 60px;
  text-align: center; }
  .how-it-works-hr-container .header-line {
    margin: 10px auto; }

.book-info-session-container {
  background: #aabcf3;
  margin: 0 auto;
  position: relative;
  margin: 0 auto;
  width: 72%;
  min-width: 540px;
  height: 250px;
  margin-bottom: 100px;
  padding-top: 60px; }
  .book-info-session-container h2 {
    text-align: center;
    margin-bottom: 30px; }
  .book-info-session-container p {
    margin: 0;
    text-align: center;
    padding: 0 120px 0 120px; }

.employee-employer-container li {
  float: left;
  width: 50%; }

.employee-employer-container .tab-2 {
  margin-right: 100px;
  margin-bottom: 30px; }
  .employee-employer-container .tab-2 img {
    width: 21%;
    min-width: 123px; }

.employee-employer-container .tab-1 {
  margin-left: 100px; }

.employee-employer-container a {
  color: #2e3438;
  display: block;
  padding: 10px 0;
  text-align: center;
  text-decoration: none; }

.employee-employer-container .tab-active a {
  background: #fff;
  border-bottom-color: transparent;
  color: #2e3438;
  cursor: default; }
  .employee-employer-container .tab-active a .community-line {
    width: 70%;
    height: 10px;
    border: solid 1px #5a1933;
    background-color: #5a1933; }
  .employee-employer-container .tab-active a .workplace-line {
    width: 70%;
    height: 10px;
    border: solid 1px #3965ee;
    background-color: #3965ee; }
  .employee-employer-container .tab-active a h2 {
    font-weight: normal; }

.steps-container {
  border-top: 0;
  clear: both;
  padding: 24px 30px;
  position: relative;
  top: -1px; }
  .steps-container h3 {
    text-align: center; }

.video-info-container .custom-html-widget {
  width: 70%;
  margin: 100px auto; }
  .video-info-container .custom-html-widget iframe {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.community-line, .workplace-line {
  width: 70%;
  height: 10px;
  border: solid 1px #cbcbcb;
  background-color: #cbcbcb; }

.error-container {
  width: 50%;
  margin: 100px auto 200px auto;
  text-align: center; }
  .error-container h1, .error-container h2 {
    color: #5a1933;
    margin: 30px 0; }
  .error-container p {
    margin: 30px auto 0 auto; }
  .error-container a {
    text-decoration: none;
    color: #3965ee; }

.error-icon {
  margin-bottom: 10px; }

.single-content-container {
  width: 65%;
  min-width: 900px;
  margin: 0 auto 100px auto;
  text-align: center;
  color: #2e3438; }
  .single-content-container h2 {
    margin-bottom: 30px;
    line-height: 1;
    text-align: center;
    line-height: 1.25; }
  .single-content-container p, .single-content-container li {
    font-family: 'Century Gothic';
    font-size: 1.2em;
    margin: 20px auto; }
  .single-content-container a {
    color: #3965ee;
    text-decoration: none; }
  .single-content-container img {
    width: 100%;
    height: 379px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 30px auto; }

.single-content-title-wrapper {
  width: 60%;
  min-width: 550px;
  margin: 40px auto; }

.category-container {
  width: 90%;
  min-width: 900px;
  margin: 0 auto;
  text-align: left; }
  .category-container h2 {
    margin: 25px 0;
    text-align: center; }
  .category-container p, .category-container li {
    font-family: 'Century Gothic';
    font-size: 1.2em;
    color: #2e3438; }
  .category-container h3 {
    text-align: center;
    text-transform: capitalize; }

.category-title-wrapper h2 {
  color: #2e3438;
  margin-bottom: 40px;
  text-transform: capitalize; }

.category-content-container {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 5%;
  border-radius: 4px;
  background-color: white;
  -webkit-box-shadow: 0 1px 50px 43px rgba(68, 75, 79, 0.04);
          box-shadow: 0 1px 50px 43px rgba(68, 75, 79, 0.04); }

.category-content {
  width: 100%;
  max-height: 400px;
  margin-bottom: 25%; }
  .category-content a {
    text-decoration: none; }
  .category-content h3 {
    color: #284683;
    font-size: 1.2em;
    text-align: center;
    padding: 10px 0; }
  .category-content p {
    text-align: center;
    padding-bottom: 15px;
    font-size: 1em; }
  .category-content iframe, .category-content .category-audio-icon, .category-content .single-logo-placeholder {
    width: 100%;
    height: 170px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center; }

.post-thumbnail {
  width: 100%; }
  .post-thumbnail img {
    height: 170px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }

.category-nav {
  text-align: right;
  margin: 50px 0; }
  .category-nav h2 {
    display: none; }
  .category-nav a {
    text-decoration: none;
    color: #2e3438;
    font-size: 1em;
    font-family: 'Century Gothic Bold'; }
  .category-nav .current {
    color: #284683; }
  .category-nav .pagination {
    width: 65%;
    min-width: 900px;
    margin: 0 auto; }

.page-numbers {
  display: inline-block;
  padding: 5px 10px;
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600; }

.page-numbers.current, a.page-numbers:hover {
  color: #3965ee; }

.page-content-container {
  width: 65%;
  min-width: 900px;
  margin: 0 auto 100px auto;
  text-align: left;
  color: #2e3438; }
  .page-content-container h2 {
    margin-bottom: 30px;
    text-align: center; }
  .page-content-container p, .page-content-container li {
    font-family: 'Century Gothic';
    font-size: 1.2em;
    margin: 40px auto;
    line-height: 1.7em; }
  .page-content-container a {
    color: #3965ee;
    text-decoration: none; }
  .page-content-container img {
    width: 100%;
    height: 379px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 30px auto; }

.page-content-title-wrapper {
  width: 60%;
  min-width: 550px;
  margin: 40px auto; }

button:hover {
  cursor: pointer; }

.exit-button {
  border-radius: 29px;
  background-color: #3965ee;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Century Gothic Bold';
  z-index: 100;
  background-color: rgba(90, 25, 51, 0.7);
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  color: white;
  font-size: 0.9rem;
  text-align: center;
  line-height: 2.7;
  display: block;
  height: 2.5rem;
  width: 100px;
  cursor: pointer;
  position: fixed;
  right: 5%; }

.toggle-answer:hover {
  cursor: pointer;
  color: #284683; }

.learn-more-about {
  margin-bottom: 90px; }
  .learn-more-about .book-session-BTN {
    border-radius: 29px;
    background-color: #3965ee;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Century Gothic Bold';
    padding: 19px 38px;
    font-size: 16px; }

.fa-times-circle:hover {
  cursor: pointer; }

.fa-times-circle {
  font-size: 2.5em;
  padding-top: 10px;
  color: #afafaf; }

.book-info-session .wpcf7-submit {
  border-radius: 29px;
  background-color: #3965ee;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Century Gothic Bold';
  padding: 15px 30px;
  text-decoration: none;
  margin: 63px 0 60px 250px;
  width: 250px;
  padding: 15px;
  width: 280px;
  margin-left: 218px; }

.contact-us-form .wpcf7-submit {
  border-radius: 29px;
  background-color: #3965ee;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Century Gothic Bold';
  padding: 15px 30px;
  text-decoration: none;
  margin: 63px 0 60px 250px;
  width: 250px;
  width: 175px;
  margin-left: 325px; }

.vesta-btn {
  border-radius: 29px;
  background-color: #3965ee;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Century Gothic Bold';
  padding: 15px 23px;
  text-decoration: none;
  width: 150px;
  margin: 50px auto; }

.contact-us-form .vesta-btn {
  margin-top: 0; }

header .book-info-session {
  font-family: 'Century Gothic';
  font-size: 0.89em;
  text-transform: uppercase;
  border-radius: 29px;
  background-color: #3965ee;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Century Gothic Bold';
  padding: 10px 25px;
  white-space: nowrap; }

.book-info-session-button {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 60px; }
  .book-info-session-button button {
    border-radius: 29px;
    background-color: #3965ee;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Century Gothic Bold';
    text-transform: uppercase;
    font-family: "Century Gothic Bold";
    font-size: 14px;
    border: none;
    display: block;
    padding: 15px 20px; }

.more-resources-button {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 100px; }
  .more-resources-button button {
    border-radius: 29px;
    background-color: #3965ee;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Century Gothic Bold';
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    font-family: "Century Gothic Bold";
    font-size: 14px;
    display: block;
    padding: 15px 20px; }

.customer-stories-carousel {
  margin: 30px calc(-50vw + 50%) 0 calc(-50vw + 50%); }
  .customer-stories-carousel .flickity-page-dots .dot {
    background: #d8d8d8;
    opacity: 1; }

div.customer-story-box {
  top: 12%; }

.story-padding {
  width: 36%;
  height: 300px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  margin: 0 6%; }
  .story-padding .customer-story-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-width: 400px;
    max-width: 600px;
    height: 240px;
    background-color: #3965ee;
    opacity: 0.7;
    -webkit-box-shadow: 8px 4px 22px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 8px 4px 22px 0 rgba(0, 0, 0, 0.13);
    position: relative; }
    .story-padding .customer-story-box h2 {
      background-color: #284683;
      color: #fff;
      position: absolute;
      left: -17%;
      top: -13%;
      border-radius: 50%;
      font-size: 3.33rem;
      line-height: 2.1;
      height: 7.5rem;
      width: 7.5rem;
      text-align: center; }
    .story-padding .customer-story-box p {
      color: #fff;
      padding: 11% 11% 11% 22%;
      font-size: 0.95rem;
      line-height: 1.19; }

.story-padding.is-selected {
  -webkit-transform: scale(1);
          transform: scale(1); }
  .story-padding.is-selected .customer-story-box {
    opacity: 1.0;
    -webkit-box-shadow: 10px 5px 27px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 10px 5px 27px 0 rgba(0, 0, 0, 0.13); }

.quote-icon {
  position: absolute;
  left: 4%;
  top: 15%;
  height: 3.4rem; }

.flickity-page-dots .dot.is-selected {
  background: #5a1933; }

.grey-overlay {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.64;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  display: none; }

.msg-overlay {
  background-color: #fff;
  border: 0px solid #fff;
  border-radius: 17px;
  width: 50%;
  max-width: 583px;
  min-width: 400px;
  height: 500px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 30;
  display: none;
  text-align: right; }

.confirmed-msg-container {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  height: 425px;
  width: 70%;
  min-width: 375px;
  margin: auto; }
  .confirmed-msg-container h1 {
    text-transform: uppercase;
    font-size: 2.5em;
    margin: 20px 0; }
  .confirmed-msg-container .confirmed-msg, .confirmed-msg-container .alert-footer {
    text-align: center;
    font-family: 'Century Gothic';
    width: 100%;
    margin: 0 auto;
    color: #2e3438;
    font-size: 1em; }
  .confirmed-msg-container .alert-footer {
    font-size: 1em; }
    .confirmed-msg-container .alert-footer a {
      font-family: 'Century Gothic Bold';
      color: #284683; }

.contact-us-form .wpcf7-mail-sent-ok {
  width: 477px;
  height: 450px; }

.bottom-right-shapes .all-shapes-wrapper {
  position: absolute;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 650px;
  z-index: -100; }

.bottom-right-shapes .big-rec {
  width: 1387px;
  height: 779px;
  background-color: #3965ee;
  opacity: 0.15;
  border-radius: 102px;
  -webkit-transform: translate(500px, 750px) rotate(43deg);
          transform: translate(500px, 750px) rotate(43deg); }

.bottom-right-shapes .sm-rec {
  width: 837px;
  height: 529px;
  background-color: #b6c4f5;
  opacity: 0.51;
  border-radius: 78px;
  -webkit-transform: translate(850px, 150px) rotate(43deg);
          transform: translate(850px, 150px) rotate(43deg);
  background: rgba(57, 101, 238, 0.5); }

.bottom-right-shapes .background-cover {
  height: 530px;
  width: 100%;
  opacity: 0.51;
  position: absolute;
  left: 0;
  background-color: #d8e1fb;
  bottom: 0; }

.bottom-right-shapes .background-cover-bottom {
  -webkit-transform: translate(0, 697px);
          transform: translate(0, 697px); }

.top-left-shapes .all-shapes-wrapper {
  position: absolute;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 650px;
  z-index: -100; }
  .top-left-shapes .all-shapes-wrapper .big-rec {
    width: 1387px;
    height: 779px;
    background-color: #3965ee;
    opacity: 0.15;
    border-radius: 102px;
    -webkit-transform: translate(-550px, -150px) rotate(43deg);
            transform: translate(-550px, -150px) rotate(43deg); }
  .top-left-shapes .all-shapes-wrapper .sm-rec {
    width: 837px;
    height: 529px;
    background-color: #b6c4f5;
    opacity: 0.51;
    border-radius: 78px;
    -webkit-transform: translate(-175px, -1050px) rotate(43deg);
            transform: translate(-175px, -1050px) rotate(43deg);
    height: 600px;
    background: rgba(57, 101, 238, 0.6); }
  .top-left-shapes .all-shapes-wrapper .background-cover {
    height: 530px;
    width: 100%;
    opacity: 0.51;
    position: absolute;
    left: 0;
    background-color: #d8e1fb;
    top: 0; }
  .top-left-shapes .all-shapes-wrapper .background-cover-bottom {
    -webkit-transform: translate(350px, 2100px) rotate(-34deg);
            transform: translate(350px, 2100px) rotate(-34deg);
    height: 630px; }

.error-left-shapes .all-shapes-wrapper {
  position: absolute;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 650px;
  z-index: -100; }
  .error-left-shapes .all-shapes-wrapper .big-rec {
    width: 1387px;
    height: 779px;
    background-color: #3965ee;
    opacity: 0.15;
    border-radius: 102px;
    -webkit-transform: translate(-500px, 475px) rotate(43deg);
            transform: translate(-500px, 475px) rotate(43deg); }
  .error-left-shapes .all-shapes-wrapper .sm-rec {
    width: 837px;
    height: 529px;
    background-color: #b6c4f5;
    opacity: 0.51;
    border-radius: 78px;
    -webkit-transform: translate(-650px, -775px) rotate(43deg);
            transform: translate(-650px, -775px) rotate(43deg);
    height: 1000px;
    width: 1100px; }
  .error-left-shapes .all-shapes-wrapper .background-cover {
    height: 530px;
    width: 100%;
    opacity: 0.51;
    position: absolute;
    left: 0;
    background-color: #d8e1fb;
    bottom: 0; }

.front-page-shapes .all-shapes-wrapper {
  position: absolute;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 650px;
  z-index: -100; }
  .front-page-shapes .all-shapes-wrapper .big-rec {
    width: 1387px;
    height: 779px;
    background-color: #3965ee;
    opacity: 0.15;
    border-radius: 102px;
    -webkit-transform: translate(368px, -275px) rotate(-18deg);
            transform: translate(368px, -275px) rotate(-18deg);
    width: 1450px;
    height: 900px;
    background-color: #d9e1f9;
    opacity: 1.0; }
  .front-page-shapes .all-shapes-wrapper .sm-rec {
    width: 837px;
    height: 529px;
    background-color: #b6c4f5;
    opacity: 0.51;
    border-radius: 78px;
    -webkit-transform: translate(625px, -1150px) rotate(-18deg);
            transform: translate(625px, -1150px) rotate(-18deg);
    height: 630px;
    width: 1100px; }
  .front-page-shapes .all-shapes-wrapper .top-right-sm-rec {
    -webkit-transform: translate(1090px, -1525px) rotate(-18deg);
            transform: translate(1090px, -1525px) rotate(-18deg);
    height: 575px;
    background: rgba(57, 101, 238, 0.44); }
  .front-page-shapes .all-shapes-wrapper .background-cover {
    height: 530px;
    width: 100%;
    opacity: 0.51;
    position: absolute;
    left: 0;
    background-color: #d8e1fb;
    top: 299px;
    height: 455px; }
  .front-page-shapes .all-shapes-wrapper .midde-left-rec {
    -webkit-transform: translate(-665px, -685px) rotate(-124deg);
            transform: translate(-665px, -685px) rotate(-124deg);
    width: 800px; }
  .front-page-shapes .all-shapes-wrapper .background-rec-bottom {
    -webkit-transform: translate(-400px, 2650px) rotate(-34deg);
            transform: translate(-400px, 2650px) rotate(-34deg);
    height: 525px;
    width: 2550px;
    background: rgba(57, 101, 238, 0.37); }
  .front-page-shapes .all-shapes-wrapper .background-rec-bottom-two {
    -webkit-transform: translate(-550px, 3600px) rotate(53deg);
            transform: translate(-550px, 3600px) rotate(53deg);
    height: 590px;
    background: rgba(57, 101, 238, 0.37); }

.what-we-offer-shapes .all-shapes-wrapper {
  position: absolute;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 650px;
  z-index: -100; }

.what-we-offer-shapes .big-rec {
  width: 1387px;
  height: 779px;
  background-color: #3965ee;
  opacity: 0.15;
  border-radius: 102px;
  -webkit-transform: translate(500px, 750px) rotate(43deg);
          transform: translate(500px, 750px) rotate(43deg); }

.what-we-offer-shapes .sm-rec {
  width: 837px;
  height: 529px;
  background-color: #b6c4f5;
  opacity: 0.51;
  border-radius: 78px;
  -webkit-transform: translate(808px, 300px) rotate(43deg);
          transform: translate(808px, 300px) rotate(43deg); }

.what-we-offer-shapes .background-cover {
  height: 530px;
  width: 100%;
  opacity: 0.51;
  position: absolute;
  left: 0;
  background-color: #d8e1fb; }

.what-we-offer-shapes .background-cover-bottom {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  bottom: 0;
  height: 565px; }

.info-session-bottom-right-shapes .all-shapes-wrapper {
  position: absolute;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 650px;
  z-index: -100; }

.info-session-bottom-right-shapes .big-rec {
  width: 1387px;
  height: 779px;
  background-color: #3965ee;
  opacity: 0.15;
  border-radius: 102px;
  -webkit-transform: translate(500px, 950px) rotate(43deg);
          transform: translate(500px, 950px) rotate(43deg); }

.info-session-bottom-right-shapes .sm-rec {
  width: 837px;
  height: 529px;
  background-color: #b6c4f5;
  opacity: 0.51;
  border-radius: 78px;
  -webkit-transform: translate(850px, 350px) rotate(43deg);
          transform: translate(850px, 350px) rotate(43deg);
  background: rgba(57, 101, 238, 0.5); }

.info-session-bottom-right-shapes .background-cover {
  height: 530px;
  width: 100%;
  opacity: 0.51;
  position: absolute;
  left: 0;
  background-color: #d8e1fb;
  bottom: 0; }

.info-session-bottom-right-shapes .background-cover-bottom {
  -webkit-transform: translate(0, 697px);
          transform: translate(0, 697px); }