/*
Theme Name:     Matchbook Child Theme for Divi
Author:         Matchbook Media
Author URI:     http://www.matchbook.media
Template:       Divi
Version:        1.1.0
*/

/* * * * * * * * * * * * * *
  CSS DIRECTORY
	- ROOT VARIABLES
	- EM SIZING RULES
	- FONTS
	- GLOBAL
* * * * * * * * * * * * * * */

/* * * * * * * * * * * * * *
  DIVI BREAKPOINTS	
	- mobile-s: 480px;
	- mobile-m: 600px;
	- mobile:   782px;
	- tablet:   981px;
	- laptop:   1350px;
	- laptop-l: 1405px;
* * * * * * * * * * * * * * */

/* * * * * * * * * * * * * */
/*  ROOT VARIABLES         */
/* * * * * * * * * * * * * */
/* Edit the values - not the names. */
:root {
	--color-primary                : #0f4c81;
	--color-primary-dark           : #14141c;
	--color-primary-light          : #f3f3f3;
	--color-primary-text           : #14141c;
	--color-primary-text-light     : #f3f3f3;
	--color-secondary              : #00b3ff;
	--color-secondary-text         : #00b3ff;
	--border-radius-primary        : 0em;
	--border-radius-secondary      : 0.25em;
	--font-family-heading          : 'Sora', sans-serif;
	--font-family-sub-heading      : 'Sora', sans-serif;
	--font-family-paragraph        : 'Avenir', sans-serif;
	--font-size-heading            : 4.2em;
	--font-size-sub-heading        : 1.8em;
	--font-size-paragraph          : 1.3em;
	--padding-primary              : 1em;
	--padding-secondary            : 0.5em;
	--row-max-width                : none;
	--button-background-color      : var(--color-secondary);
	--button-border-color          : var(--button-background-color);
	--button-text-color            : var(--color-primary-text-light);
	--button-text-color-hover      : var(--color-primary-text);
	--button-background-color-hover: var(--color-primary-light);
	--button-border-color-hover    : var(--button-background-color-hover);
}

/* * * * * * * * * * * * * */
/*  EM SIZING RULES        */
/* * * * * * * * * * * * * */
/* Don't edit these values. */
@media (min-width: 1351px) {
	body {
		font-size: .7vw;
	}
}
@media (max-width: 1350px) {
	body {
		font-size: .9vw;
	}
}
@media (max-width: 981px) {
    body {
		font-size: 1.2vw;
	}
}
@media (max-width: 782px) {
	body {
		font-size: 1.5vw;
	}
}
@media (max-width: 615px) {
	body {
		font-size: 2vw;
	}
}
@media (max-width: 500px) {
	body {
		font-size: 2.5vw;
	}
}
@media (max-width: 380px) {
	body {
		font-size: 3.3vw;
	}
}

/* * * * * * * * * * * * * */
/*  FONTS                  */
/* * * * * * * * * * * * * */
/* Add all the fonts you want here. */
@font-face {
	font-family: 'Roboto';
	src: url('./fonts/roboto.woff2') format('woff2'),
		 url('./fonts/roboto.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('./fonts/roboto-bold.woff2') format('woff2'),
		 url('./fonts/roboto-bold.woff') format('woff');
	font-weight: 700;
	font-style: bold;
}

/* * * * * * * * * * * * * */
/*  GLOBAL                 */
/* * * * * * * * * * * * * */
/* You shouldn't have to edit this. If you do, use a variable and add it in ROOT VARIABLES. */
/* HTML ELEMENTS / DIVI ELEMENTS */
h1 {
	color: var(--color-primary-text-light);
	font-family: var(--font-family-heading);
	font-size: var(--font-size-heading);
	text-transform: uppercase;
    font-weight: 600;
    line-height: 130%;
}
h2 {
	color: var(--color-primary-text);
	font-family: var(--font-family-sub-heading);
	font-size: var(--font-size-sub-heading);
	font-weight: 600;
}
h3 {
	color: var(--color-primary-text);
	font-family: var(--font-family-sub-heading);
	font-size: var(--font-size-sub-heading);
	font-weight: 600;
}
h4 {
	color: var(--color-primary-text);
	font-family: var(--font-family-sub-heading);
	font-size: var(--font-family-sub-heading);
}
span,
p,
.et_pb_text_inner {
	color: var(--color-primary-text);
	font-family: var(--font-family-paragraph);
	font-size: var(--font-size-paragraph);
	line-height: 125%;
}
a,
.woocommerce a {
	color: var(--color-secondary);
}
.et_pb_row {
    max-width: var(--row-max-width);
}
.et_pb_button,
.woocommerce button.woocommerce-button.button,
.et-db #et-boc .et-l .et_pb_button,
.single_add_to_cart_button{
	background-color: var(--button-background-color);
	color: var(--button-text-color);
	border-color: var(--button-border-color);
	font-size: var(--font-size-paragraph);
	font-family: var(--font-family-paragraph);
	padding: var(--padding-secondary) var(--padding-primary);
	border-radius: var(--border-radius-secondary);
}
.et_pb_module .et_pb_button:hover,
.woocommerce button.woocommerce-button.button:hover,
.et-db #et-boc .et-l .et_pb_button:hover,
.single_add_to_cart_button:hover {
	background-color: var(--button-background-color-hover);
	color: var(--button-text-color-hover);
	border-color: var(--button-border-color-hover);
	font-size: var(--font-size-paragraph);
	font-family: var(--font-family-paragraph);
	padding: var(--padding-secondary) var(--padding-primary);
	border-radius: var(--border-radius-secondary);
}
.et_pb_button:after{
	font-size: var(--font-size-paragraph);	
}
/* DIVI HEADER FIX */
#top-menu {
    display: flex;
    width: 100%;
    justify-content: space-between;
    float: none;
}
#top-menu li {
	padding-right: var(--font-size-paragraph);
	font-size: var(--font-size-paragraph);
}
#mobile_menu li a {
	font-size: var(--font-size-paragraph);
}
@media (max-width: 980px) {
	#top-menu {
		display: none;
	}
}

/* * * * * * * * * */
/*     BUTTONS    */
/* * * * * * * * */

#main-content .button-blue, #main-content .button-gradient {
    border: 0;
    border-radius: 0;
    padding: 0.7em 3em;
    font-size: 1.6em;
    background-color: transparent;
    position: relative
}

#main-content .button-blue:after, #main-content .button-transparent:after, #main-content .button-gradient:after {
    content: "";
    position: absolute;
    transform: skew(-25deg);
    width: 100%;
    height: 100%;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -1;
    border: 2px solid white;
    box-sizing: border-box;
}

#main-content .button-blue:after {
	background-color: #002c51de;
	margin-left:0;
}

#main-content .button-transparent {
	border: 0;
    border-radius: 0;
    padding: 0.7em 3em;
    font-size: 1.6em;
    font-weight: 600;
    background-color: transparent;
    position: relative;
    color: var(--color-primary);
}

#main-content .button-transparent:after {
    background-color: transparent;
    border: 2px solid var(--color-primary);
    margin-left:0;
}

#main-content .button-gradient:after {
	background-image: linear-gradient(-57deg, #0f4c81, #1ca5e5);
	margin-left:0;
}

/* * * * * * * * * */
/*     MENU       */
/* * * * * * * * */
header#main-header {
    background-color: transparent;
}
.et_fixed_nav.et_show_nav #page-container {
    padding-top: 0 !important;
}
div#et-main-area {
    top: 0;
    position: relative;
}
#logo {
    height: 135%;
    max-height: 135%;
}
#main-header #top-menu a, #top-menu li.current-menu-item>a {
    color: white;
    font-size: 1.1em;
    font-weight: 700;
}
#main-header #top-menu a, #top-menu li.current-menu-item>a {
    padding-bottom: 1.2em;
}
#et_search_icon:before {
    color: white;
}
.container.clearfix.et_menu_container {
    width: 95%;
    max-width: 100%;
    margin: 0 2em;
}
#main-header.et-fixed-header {
    background-color: #002c51de;
}
#top-menu>li:last-child {
    padding-right: var(--font-size-paragraph);
}
#top-menu li:after {
    content: "";
  	position: absolute;
  	width: 0%;
  	height: 1px;
  	display: block;
  	transition: all 0.3s ease;
  	bottom: 25%;   
}
#top-menu li:hover::after{
    width: 85%;
  	height: 1px;
 	background-color: #fff;
}
#top-menu-nav>ul>li>a:hover {
    opacity:100%;
}
.mobile_menu_bar:hover::before, #et_search_icon:hover::before {
    color: var(--color-primary);
}
.et-search-form input {
    color: white;
    border: 1px solid;
    border-radius: 0.2em;
    height: 50%;
    padding-left: 1em;
}
span.et_close_search_field:after {
    color: white;
}

/* * * * * * * * * */
/*     HOME       */
/* * * * * * * * */

#main-content {
    overflow: hidden;
}
div#home-hero {
    padding: 10em 0 0;
}

#home-hero h1:before {
    content: "";
    position: absolute;
    background-color: #002c51de;
    opacity: 90%;
    left: -7em;
    bottom: -1.5em;
    width: 78%;
    height: 6em;
    mix-blend-mode: multiply;
    z-index: -1;
    transform: skew(-25deg);
}

#main-content #home-hero p {
    color: var(--color-primary-text-light);
}
#home-hero .et_pb_row {
    padding: 7em 0;
}
#what-we-do, #key-ways {
    background-image: linear-gradient(-57deg, #0f4c81, #1ca5e5);
    padding: 1em 0;
    margin: 5em 0;
}
#what-we-do h2 {
    color: var(--color-primary-text-light);
    text-align: right;
    font-size: 2.5em;
}
#what-we-do h2:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 8%;
    bottom: 0;
    background-color: var(--color-primary-light);
    right: 0;
}
#what-we-do p, #what-we-do h3, #go-on-the-offense h3 {
    color: var(--color-primary);
}
#what-we-do h3, #go-on-the-offense h3 {
    line-height: 125%;
}
#light-column {
    background: var(--color-primary-light);
    padding: 2em 1em;
    height: 31em;
    width: 18%;
    border-radius: 0.5em;
    margin: 1em;
    display: flex;
    flex-wrap: wrap;
}
#what-we-do .et_pb_row {
    display: flex;
    justify-content: right;
}
#what-we-do .et_pb_row_4col, div#navigating, div#outsource-partner, div#scalable-pricing, div#contact-us {
    padding-top: 0;
}
#avoid-confusion h2, #go-on-the-offense h2, #what-people-are-saying h2, #navigating h2, #outsource-partner h2, #scalable-pricing h2,
#revenue h2, #contact-us h2 {
    font-size: 2.3em;
    color: var(--color-primary);
}
#avoid-confusion h2, #revenue h2 {
    position: relative;
}
#avoid-confusion h2:before {
    content: "";
    position: absolute;
    background-color: var(--color-primary);
    height: 3px;
    width: 18%;
    left: 0;
    bottom: 0.1em;
}
#avoid-confusion .et_pb_row {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
#avoid-confusion p {
    color: var(--color-primary);
    font-size: 1.5em;
    line-height: 125%;
    padding-right: 3em
}

.thick-border-column:before {
    content: "";
    display: none;
    position: absolute;
    padding: 3em;
    border: 7px solid;
    border-radius: 1em;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(to right, #0f4c81, #1ca5e5);
    width: 132%;
    height: 130%;
    left: -3em;
    top: -6.5em;
}

body #player {
    scale: 75%;
    background: transparent;
    left: 0;
    position: relative;
}

.html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mode, .html5-video-player.ad-showing, .html5-video-player.ended-mode {
    background: transparent;
}

body.date-20230621.en_US.ltr.site-center-aligned.site-as-giant-card.webkit.webkit-537 {
    background: transparent;
    position: absolute;
    left: -9em;
}
#go-on-the-offense h2:before {
    content: "";
    position: absolute;
    background-color: var(--color-primary);
    height: 3px;
    width: 24.5%;
    bottom: 0;
}
div#go-on-the-offense, div#ceo, #what-people-are-saying {
    padding-bottom: 0;
}
#go-on-the-offense .gradient-list {
    margin-bottom: 0;
}
div#ceo, div#go-on-the-offense {
    padding-top: 0;
}
#ceo .et_pb_row {
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 5em;
}
#ceo img {
    width: 80%;
}
#ceo p {
    padding: 1em 3em 2em 0;
    line-height: 130%;
    color: var(--color-primary-text-light);
}
#ceo p:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(-57deg, #0f4c81, #1ca5e5);
    left: -11em;
    bottom: -2em;
    width: 121%;
    height: 14em;
    z-index: -1;
    transform: skew(-25deg);
}
#ceo h3 {
	color: var(--color-primary-text-light);
}

#ceo .second-column {
    z-index: 1;
}

#main-content .list-row {
    width: 100%;
    padding-top: 0;
}

.gradient-list ol {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.gradient-list li {
    counter-increment: step-counter;
    width: 50%;
    margin-bottom: 3.5em;
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-primary);
    font-weight: 600;
    font-size: var(--font-size-sub-heading);
    font-family: var(--font-family-heading);
    line-height: 125%;
    padding-right: 4em;
    padding-left: 5em;
}

.gradient-list li:before {
    content: "";
    position: absolute;
    /* margin-right: 1em; */
    border-radius: 50%;
    /* padding: 1.8em; */
    background: linear-gradient(45deg,#0f4c81, #1ca5e5);
    color: white;
    width: 3em;
    height: 3em;
    display: flex;
    left: -0.5em;
    font-size: 1.5em;
}

.gradient-list li:after {
    content: "#"counter(step-counter);
    position: absolute;
    left: -0.378em;
    width: 2.75em;
    height: 2.75em;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.5em;
    /* visibility: hidden; */
}
#key-ways h2, #key-ways h3, #key-ways p {
	color: var(--color-primary-light);
}
#key-ways h2:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 13%;
    bottom: 0;
    background-color: var(--color-primary-light);
    left: 0;
}
#key-ways .button-row, #revenue {
    padding-top: 0;
}
#what-people-are-saying h2, #outsource-partner h2, #scalable-pricing h2 {
    text-align: center;
    margin-bottom: 0.8em;
}

#scalable-pricing h2 {
    padding-top: 1em;
}

#what-people-are-saying h2:before {
	left: 56.5%;
}

#what-people-are-saying h2:before, #scalable-pricing h2:before {
    content: "";
    position: absolute;
    background-color: var(--color-primary);
    height: 3px;
    width: 10%;
    bottom: 0;
}

#what-people-are-saying .content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
#what-people-are-saying .dica_divi_carousel:before {
    content: "";
    position: absolute;
    width: 140%;
    height: 30px;
    background-color: var(--color-primary);
    top: 6em;
    left: -15em;
}
#what-people-are-saying .content:before, #what-people-are-saying .content:after {
    position: absolute;
    font-size: 3.6em;
    font-family: 'dashicons';
    color: #0f4c81;
}
#what-people-are-saying .content:before {
	content: "\201C";
	top: -0.1em;
	left: -0.55em;
}
#what-people-are-saying .content:after {
    content: "\201D";
    right: 0em;
    bottom: -0.5em;
}
#what-people-are-saying .dica_divi_carouselitem {
    padding-right: 3em;
}
#what-people-are-saying .et_pb_row {
    max-width: none;
    width: 85%;
}
#what-people-are-saying .dica-image-container a.image {
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0.2em;
}
#what-people-are-saying .dica-image-container a.image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(44deg,#0f4c81, #1ca5e5);
    left: 0;
    background-size: cover;
    border-radius: 50%;
}
#what-people-are-saying .dica-image-container a.image img {
    border-radius: 50%;
    border: 0.2em solid white;
    height: 9em;
}
.dica-container .swiper-container {
    padding-left: 2.7em;
    padding-bottom: 3em;
}
html :where(img[class*=wp-image-]) {
    text-align: center;
    margin-bottom: 1em;
}
.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-title {
    font-size: 1.3em;
    font-weight: 600;
    padding-bottom: 0.4em;
    padding-top: 0.5em;
}
.dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-subtitle {
    font-size: 1em;
    padding-bottom: 2em;
}
h4.item-title, h6.item-subtitle {
    text-align: center;
}

h4.item-title {
    color: var(--color-primary);
}

#navigating h2:before {
    content: "";
    position: absolute;
    background-color: var(--color-primary);
    height: 3px;
    width: 15%;
    left: 0;
    bottom: 0;  
}
#navigating h3 {
    text-align: center;
    color: var(--color-primary-text);
    text-transform: uppercase;
    line-height: 125%;
}
#navigating img {
    width: 57%;
    margin-bottom:0;
}

#navigating h3:hover, #navigating h3:active {
    color: var(--color-primary);
}
.open-me {
    display: none;
}
.im-open .et_pb_image span.et_pb_image_wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(44deg,#0f4c81, #1ca5e5);
    left: 0;
    background-size: cover;
    border-radius: 50%;
    z-index: -1;
}
#navigating .im-open img {
    background-color: white;
    border-radius: 50%;
    padding: 19%;
    box-sizing: content-box;
    overflow: visible;
    width: 57%;
    margin-bottom: 0;
}
#navigating .im-open .et_pb_image span.et_pb_image_wrap {
    box-sizing: border-box;
    position: relative;
    width: 13em;
    margin: 0 auto;
    padding: 0.2em;
    border: none;
    height: 13em;
    border: none;
}
#navigating .et_pb_image span.et_pb_image_wrap {
    border-radius: 50%;
    border: 2px solid;
    width: 12.5em;
    height: 12.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}
#navigating .et_pb_image {
    height: 18em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
#navigating .im-open h3 {
    color: var(--color-primary);
}
#land-here:before {
    content: "";
    position: absolute;
    width: 3em;
    height: 2em;
    top: -1.4em;
    left: 6em;
    background-image: url("/wp-content/uploads/2023/06/tiny-triangle.svg");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
#land-here[data-trigger-column="2"]::before {
    left: 35%;
    opacity: 0.9;
    filter: brightness(1.2);
}
#land-here[data-trigger-column="3"]::before {
    left: 62%;
    opacity: 0.9;
    filter: brightness(1.45);
}
#land-here[data-trigger-column="4"]::before {
    left: 88%;
    opacity: 0.9;
    filter: brightness(1.7);
}
div#land-here {
    background: linear-gradient(44deg,#0f4c81, #1ca5e5);
    font-size: 1.6em;
    color: white;
    padding: 3em 2em;
    position: relative;
    border-radius: .5em;
    line-height: 135%;
}
#outsource-partner .border-column, #scalable-pricing .border-column {
    background: white;
    border: 3px solid var(--color-primary);
    padding: 2.5em 2em;
    width: 44%;
    border-radius: 0.5em;
    margin: 1em 4em;
}

#outsource-partner h3, #scalable-pricing h3 {
    color: var(--color-primary);
}

#outsource-partner .et_pb_row, #scalable-pricing .et_pb_row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.2em;
}
#scalable-pricing h2:before {
    left: 45.5%;
}
#revenue .et_pb_row {
	padding: 0;
}

#revenue h2:before {
    content: "";
    position: absolute;
    background-color: var(--color-primary);
    height: 3px;
    width: 12%;
    bottom: 0.1em;
    left: 23.5%;
}
#revenue h2 {
    margin-bottom: 1em;
}
#contact-us h2:before {
    content: "";
    position: absolute;
    background-color: var(--color-primary);
    height: 3px;
    width: 23.5%;
    bottom: 0;
}
.et_pb_contact p input, .et_pb_contact p textarea {
    border: var(--color-primary) solid;
    border-radius: 0.3em;
    background: white;
}
div#et_pb_contact_form_0 {
    width: 126%;
}
#contact-us .et_pb_row {
    width: 100%;
}
.form-column {
    padding-left: 14.5em;
    margin-right: 0;
}
#what-we-do h2:after {
    content: url("/wp-content/uploads/2023/06/mec-test.png");
    height: 41%;
    position: absolute;
    left: -5em;
    top: -1.2em;
    scale: 0.86;
}
#avoid-confusion .video-row .et_pb_column {
    margin: 0;
}
#avoid-confusion .et_pb_row:after {
    display: none;
}
#avoid-confusion .video-row .et_pb_column:first-of-type {
    width: 53%;
    box-shadow: 1.5em 1.5em #0f4c81;
}
#avoid-confusion .video-row .et_pb_column:last-of-type {
    width: 43%;
    border: 0.5em solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #0f4c81, #1ca5e5);
    padding: 4.4em 3em;
    border-right: none;
    margin-top: 1.5em;
}
#avoid-confusion h2 {
    margin-bottom: 0.3em;
}

@media (max-width: 1350px) {
	h1 {
    	font-size: 3.5em;
	}

	#home-hero h1:before {
    	width: 96%;
    	left: -5em;
	}
	#light-column {
		width: 25%;
	}
	#outsource-partner .et_pb_row, #scalable-pricing .et_pb_row {
    	width: 100%;
	}

	#outsource-partner .border-column, #scalable-pricing .border-column {
    	margin: 1em 2em;
	}
}

@media (max-width: 980px) {
	h1 {
    	font-size: 3em;
	}
	#logo {
    	height: 110%;
	}
	.et_mobile_menu {
    	border-top: none;
    	border-radius: 0.5em;
	}
	.mobile_menu_bar:before {
    	color: white;
	}
	.et-search-form {
    	right: 1em;
	}
	.et-search-form input {
    	width: 93%;
	}
	#mobile_menu li a {
		color: var(--color-primary);
		font-family: var(--font-family-sub-heading);
	}
	#avoid-confusion h2, #go-on-the-offense h2, #what-people-are-saying h2, #navigating h2, #outsource-partner h2, #scalable-pricing h2, #revenue h2, #contact-us h2, #key-ways h2 {
    	font-size: 2em;
	}
	#avoid-confusion p {
    	font-size: 1.2em;
	}
	#avoid-confusion .video-row .et_pb_column:last-of-type {
    	padding: 2em;
	}
	div#avoid-confusion {
    	padding: 0;
	}
	.gradient-list li {
    	font-size: 1.5em;
    	padding-right: 1.5em;
	}
	p {
    	font-size: 1.1em;
	}
	#home-hero h1:before {
    	bottom: -0.5em;
    	left: -4em;
    	width: 123%;
	}
	#what-we-do .et_pb_row_4col {
    	width: 100%;
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
	}
	#light-column {
    	width: 30%;
    	height: 28em;
	}
	#ceo p:before {
    	width: 152%;
    	bottom: -2em;
    	height: 17em;
	}
	#ceo p {
    	padding: 0 0 2em 0;
	}
	#ceo .et_pb_row {
    	padding: 0 5em 0 0;
	}
	div#what-people-are-saying {
    	padding-top: 0;
	}
	.form-column {
    	padding-left: 8.3em;
	}
}

@media (max-width: 782px) {
	#home-hero h1:before {
    	width: 142%;
    	height: 8em;
    	bottom: -0.9em;
	}
	#home-hero .et_pb_row {
    	padding: 5em 0;
	}
	#light-column {
		height: 24em;
	}
	
	#avoid-confusion .et_pb_row {
    	flex-wrap: wrap;
	}
	#avoid-confusion .video-row .et_pb_column:last-of-type, #avoid-confusion .video-row .et_pb_column:first-of-type {
		width: 100%;
	}
	#avoid-confusion .video-row .et_pb_column:last-of-type {
		border: none;
		padding-left: 10%;
		padding-top: 4em;
	}
	#avoid-confusion p {
    	padding-right: 0;
	}
	#ceo p:before {
    	width: 174%;
    	bottom: -0.8em;
    }
    .form-column {
    	padding-left: 6.5em;
}