/* CSS Stylesheet */
.font-family-Lato {
font-family: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important
}
:root {
--blue:#185a7d;
--indigo:#6610f2;
--purple:#6f42c1;
--pink:#e83e8c;
--red:#dc3545;
--red-orange:#ff4713;
--orange:#ff9e18;
--yellow:#ffc107;
--green:#6abf4b;
--emerald:#009877;
--teal:#00abc8;
--cyan:#17a2b8;
--white:#fff;
--gray:#6c757d;
--gray-dark:#343a40;
--primary:#185a7d;
--secondary:#6c757d;
--success:#28a745;
--info:#17a2b8;
--warning:#ffc107;
--danger:#dc3545;
--light:#f8f9fa;
--dark:#253746;
--teal:#00abc8;
--teal-light:#DCFFFD;
--bluish-grey:#738c97;
--grey-light:#E3EBEB;
--grey-lighter:#EEF3F3;
--navy:#253746;
--black:#101820;
--silver-three:#E3EBEB;
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:768px;
--breakpoint-lg:992px;
--breakpoint-xl:1240px;
--font-family-sans-serif: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

*, *::before, *::after {
    box-sizing: border-box
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}
@-ms-viewport {
width:device-width
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}
body {
    margin: 0;
    /* font-family: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.3;
    color: #738c97;
    text-align: left;
    background-color: #fff */
    font-family: Mulish ,arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height:1.5;
    text-align: left;
}
[tabindex="-1"]:focus {
    outline: 0 !important
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

div#content {
  background-color: #1E1E22;
}


h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
	width:100%
}

h1 {
    font-size: 2.4rem;
    line-height: 1.2;
}
@media (min-width: 768px) {
    h1 {
    font-size: 3.5rem;
    line-height: 1.2;
    }
}

h2 {
    font-size: 2.25rem;
    line-height: 3rem;
    /* padding: 0 0 1.5rem; */
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    width:100%;
    color: #FFFFFF;
}
abbr[title], abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #FFFFFF;
}
ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0
}
dt {
    font-weight: 700
}
dd {
    margin-bottom: .5rem;
    margin-left: 0
}
blockquote {
    margin: 0 0 1rem
}
dfn {
    font-style: italic
}
b, strong {
    font-weight: bolder
}
small {
    font-size: 80%
}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:hover {
    color: #0056b3;
    text-decoration: underline
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}
a:not([href]):not([tabindex]):focus {
    outline: 0
}
pre, code, kbd, samp {
    font-family: sans-serif, sans-serif;
    font-size: 1em
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}
figure {
    margin: 0 0 1rem
}
img {
    vertical-align: middle;
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
table {
    border-collapse: collapse
}
caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}
th {
    text-align: inherit
}
label {
    display: inline-block;
    margin-bottom: .5rem
}
button {
    border-radius: 0
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}
input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
button, input {
    overflow: visible
}
button, select {
    text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding:0;
border-style:none
}
input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    width: auto;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    width: 50px;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox
}
textarea {
    overflow: auto;
    resize: vertical
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}
progress {
    vertical-align: baseline
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
output {
    display: inline-block
}
summary {
    display: list-item;
    cursor: pointer
}
template {
    display: none
}
[hidden] {
    display: none !important
}
body {
    letter-spacing: .2px
}
hr {
	width:100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}
}
a {
    color: #BDF78B;
    text-decoration: none
}
a:focus, a:hover, a:active {
    text-decoration: underline;
    color: #BDF78B;
}
form {
    /* background-color: #fff; */
    background-color: #2B2D30;
    font-size: 1.125rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
label {
    display: block;
    font-weight: 300 !important;;
    font-family: 'Mulish', arial, sans-serif !important;
    letter-spacing: 1px !important;;
    color: #FFFFFF;
    text-align: left;
    font-size: 13px !important;
    /* font-family: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" */
}
input {
    width: 100%;
    border: .5px solid #3E4042;
    /* background-color: #FFF; */
    padding: 8px 10px;
    margin-bottom: 2rem !important;
    font-weight: normal;
    border-radius: 4px;
    background-color: #3E4042;
    color: #FFFFFF;
}
input::-webkit-input-placeholder {
color:#738c97
}
input::-moz-placeholder {
color:#738c97
}
input:-ms-input-placeholder {
color:#738c97
}
input::-ms-input-placeholder {
color:#738c97
}
input::placeholder {
color:#738c97
}
input:hover {
  border: 1px solid #BDF78B;
    /* background-color: #DCFFFD */
    /* background-color: #ffffff; */
}
.mktoFormRow input {
  background-color: #3E4042 !important;
}
textarea {
    width: 100%;
    background: #EEF3F3;
    border: none;
    padding: 0.3em;
    margin-bottom: 2rem !important
}
textarea:hover {
    background-color: #3d4750;
    border: .5px solid #BDF78B;

}
img {
    max-width: 100%;
    /* margin-bottom: 0.5rem; */
}
@media (min-width: 768px) {
  img {
    max-width: 100%;
    /* margin-bottom: 1rem; */
}
}
figure {
    margin-bottom: 0
}
/* class = align-items-center
*/
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}
/* class = c-copyright
*/
.c-copyright {
	/* width: 70%; */
  /* width: 38%; */
  width: auto;
}
/* class = c-button
*/
.c-button--orange .c-button__link:hover, .c-button--orange .c-button__link:focus {
    /* background-color: #fff; */
    /* color: #55565b; */
    color: #000000;
    text-decoration: none;
}  
/* .c-button--shadow .c-button__link, .c-button--pill-shadow .c-button__link {
    box-shadow: 2px 3px 10px 1px rgba(0,0,0,0.3);
} */
.c-button--orange .c-button__link {
    background-color: #ffe24d;
    border: 2px solid #ffe24d;
}  
.c-button--pill .c-button__link, .c-button .c-button__link, .c-button__link, .c-button__link, .c-button--secondary .c-button__link, .c-button__link, .c-button--back .c-button__link  {
    /* border-radius: 50px;
    color: #0A1429;
    display: inline-block;
    font-weight: bold;
    font-size: 1rem;
    padding: 8px 1rem;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    word-break: normal;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out; */
    /* background-image: linear-gradient(#ffe24d,#ffe24d); */
    background-color: #BDF78B;
    border: none;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: 0.9375rem 1.25rem!important;
    letter-spacing: .1rem;
    text-transform: uppercase;
    padding: 8px 1rem;
    color: #1E1E22;
    margin-top: 10px;
    border-radius: 2rem;
    font-family: 'Poppins', Verdana,sans-serif;
    font-weight: 600;
}

/* a.button-green:after {
    background-image: url('https://go.sysdig.com/rs/067-QZT-881/images/arrow-ui_element-2023.png');
    background-position-x: 0;
    content: "";
    display: block;
    height: 10px;
    margin-left: 0.25rem;
    transition: background-position-x .25s;
    width: 44px;
  } */
/* class = c-legal
*/
.c-legal {
    /* margin-top: 3rem; */
    /* border-top: 1px solid #E3EBEB; */
    padding-top: 1.25rem;
    padding-bottom: 1.5rem
}

@media (min-width: 992px) {
.c-legal {
    display: -ms-flexbox;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;

}
}
.c-legal, .c-legal p {
    /* font-size: .9rem; */
    font-size: 1rem;
    line-height: 1.5;
    color: #FFFFFF;
    /* margin: 0 auto; */
}
/* .c-legal__links {
    margin-left: auto
} */
.c-legal__links a {
    color: #FFFFFF;
    margin-left: .25rem;
    margin-right: .25rem
}
.c-legal__links a:first-child {
    margin-left: 0
}
@media (min-width: 768px) {
  .c-legal__links a:first-child {
    margin-left: 2rem;
}
}
.c-legal__links a:last-child {
    margin-right: 0
}
/* class = col
*/
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
/* class = col-md-5
*/

@media (min-width: 768px) {
.col-md-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}
}
/* class = col-md-6
*/
@media (min-width: 768px) {
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
}
/* class = col-md-7
*/
.col-md-7 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%
}
@media (min-width: 768px) {
  .col-md-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}
}
.col-md-5, .col-md-6, .col-md-7 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 12.5px;
    padding-left: 12.5px;
}
/* class = c-heading
*/
h1.c-heading--sans {
    /* font-family: Lexend Deca,Verdana,sans-serif; */
    font-family: 'Poppins',Verdana,sans-serif;
    font-size: 3rem;
    line-height: 3.25rem;
    font-weight: bold;
    color: #0A1429;
    /* text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1em;
    line-height: 1.26;
    color: #000000; */
}

h2.c-heading--sans, h3.c-heading--sans, h4.c-heading--sans, h5.c-heading--sans, h6.c-heading--sans, .c-heading.c-heading--sans {
    font-family: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.3;
    color: #738c97;
    text-align: left;
}

@media (min-width: 768px) {
h1.c-heading--sans {
    /* font-family: Lexend Deca,Verdana,sans-serif; */
    font-family: 'Poppins',Verdana,sans-serif;
    font-size: 3rem;
    line-height: 3.25rem;
}
h2.c-heading--sans, h3.c-heading--sans, h4.c-heading--sans, h5.c-heading--sans, h6.c-heading--sans, .c-heading.c-heading--sans {
    font-family: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.3;
}
}
h1.c-heading--xs, h2.c-heading--xs, h3.c-heading--xs, h4.c-heading--xs, h5.c-heading--xs, h6.c-heading--xs, .c-heading.c-heading--xs {
    font-size: 1.125rem;
}
/* h1.c-heading--sans.c-heading--sm, h2.c-heading--sans.c-heading--sm, h3.c-heading--sans.c-heading--sm, h4.c-heading--sans.c-heading--sm, h5.c-heading--sans.c-heading--sm, h6.c-heading--sans.c-heading--sm, .c-heading.c-heading--sans.c-heading--sm {
    font-family: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1em;
    line-height: 1.26;
} */

@media (min-width: 768px) {
h1.c-heading--sans.c-heading--sm, h2.c-heading--sans.c-heading--sm, h3.c-heading--sans.c-heading--sm, h4.c-heading--sans.c-heading--sm, h5.c-heading--sans.c-heading--sm, h6.c-heading--sans.c-heading--sm, .c-heading.c-heading--sans.c-heading--sm {
    font-size: 1.17em;
}
}

@media (min-width: 768px) {
h1.c-heading--sans.c-heading--md, h2.c-heading--sans.c-heading--md, h3.c-heading--sans.c-heading--md, h4.c-heading--sans.c-heading--md, h5.c-heading--sans.c-heading--md, h6.c-heading--sans.c-heading--md, .c-heading.c-heading--sans.c-heading--md {
    font-size: 1.7em;
}
}
h1.c-heading--sm, h2.c-heading--sm, h3.c-heading--sm, h4.c-heading--sm, h5.c-heading--sm, h6.c-heading--sm, .c-heading.c-heading--sm {
    /* font-size: 1.35em; */
    /* font-size: 2.25rem;
    line-height: 3rem; */
    font-size: 2.4rem;
    line-height: 1.2;
}
@media (min-width: 768px) {
  h1.c-heading--sm, h2.c-heading--sm, h3.c-heading--sm, h4.c-heading--sm, h5.c-heading--sm, h6.c-heading--sm, .c-heading.c-heading--sm {
    font-size: 3rem;
    line-height: 4rem;
}
}
h1.c-heading--lg, h2.c-heading--lg, h3.c-heading--lg, h4.c-heading--lg, h5.c-heading--lg, h6.c-heading--lg, .c-heading.c-heading--lg {
    font-size: 2.3rem;
    line-height: 1.38;
}

@media (min-width: 992px) {
h1.c-heading--lg, h2.c-heading--lg, h3.c-heading--lg, h4.c-heading--lg, h5.c-heading--lg, h6.c-heading--lg, .c-heading.c-heading--lg {
    font-size: 2.8rem;
    line-height: 1.25;
}
}

@media (min-width: 768px) {
h1.c-heading--md, h2.c-heading--md, h3.c-heading--md, h4.c-heading--md, h5.c-heading--md, h6.c-heading--md, .c-heading.c-heading--md {
    /* font-size: 1.7em;
    line-height: 1.35; */
    font-size: 2.25rem;
    line-height: 3rem;
}
}
h1+.wp-block-subhead, h1+.c-subhead, h2+.wp-block-subhead, h2+.c-subhead, h3+.wp-block-subhead, h3+.c-subhead, h4+.wp-block-subhead, h4+.c-subhead, h5+.wp-block-subhead, h5+.c-subhead, h6+.wp-block-subhead, h6+.c-subhead, .c-heading+.wp-block-subhead, .c-heading+.c-subhead {
    margin-bottom: .6rem;
}
.u-resource-aside .c-heading--xs {
    font-size: inherit;
}
.c-resource-icon-row .c-resource-icon-row__item .c-heading {
    font-family: Lato, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1em;
    line-height: 1.26;
    font-size: 1.1em
}
}

@media (max-width: 575.98px) and (min-width: 768px) {
.c-resource-icon-row .c-resource-icon-row__item .c-heading {
    font-size: 1.17em
}
}
/* class = h-whooshes-v2
*/
/* .h-whooshes-v2 {
    background-image: url("/https/go.sysdig.com/rs/067-QZT-881/images/hero-background-whooshes-v2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
} */
/* class = j-icon
*/
.j-icon-shovel-sm {
  margin-bottom: 0px;
}
/* class = j-img
*/
.j-img {
	/* padding-right: 10px;
	box-sizing: initial;
	margin-bottom: 0px;
	height: 28px; */
  height: 22px;
  /* margin: 0 1.5rem 0 0; */

}

.hero-icons {
    width: auto;
    /* height: 45px; */
    /* margin-right: 0.5rem; */
}

/* div#mkto_gen_heroEventIMG1,
div#mkto_gen_heroEventIMG2,
div#mkto_gen_heroEventIMG1 {
    margin-right: 1rem;
} */

/* class = mb-0
*/
.mb-0 {
    margin-bottom: 0 !important
}
/* class = o-container
*/
.o-container, .container {
    max-width: 1260px;
    width: 100%;
    padding-right: 12.5px;
    padding-left: 12.5px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
.o-container, .container {
    padding-right: 25px;
    padding-left: 25px
}
}

@media (min-width: 768px) {
.o-container, .container {
    padding-right: 50px;
    padding-left: 50px
}
}

@media (min-width: 768px) {
.o-container-breakout-right {
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (min-width: 768px) and (min-width: 576px) {
.o-container-breakout-right {
    margin-right: -25px
}
}

@media (min-width: 768px) and (min-width: 768px) {
.o-container-breakout-right {
    margin-right: -50px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout-right {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout-right.row {
    margin-right: -62.5px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout-right.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout-right.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}

@media (max-width: 767.98px) {
.o-container-breakout-right-sm {
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (max-width: 767.98px) and (min-width: 576px) {
.o-container-breakout-right-sm {
    margin-right: -25px
}
}

@media (max-width: 767.98px) and (min-width: 768px) {
.o-container-breakout-right-sm {
    margin-right: -50px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-right-sm {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-right-sm.row {
    margin-right: -62.5px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-right-sm.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-right-sm.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}

@media (max-width: 991.98px) {
.o-container-breakout-right-md {
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (max-width: 991.98px) and (min-width: 576px) {
.o-container-breakout-right-md {
    margin-right: -25px
}
}

@media (max-width: 991.98px) and (min-width: 768px) {
.o-container-breakout-right-md {
    margin-right: -50px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-right-md {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-right-md.row {
    margin-right: -62.5px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-right-md.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-right-md.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-right-lg {
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (max-width: 1239.98px) and (min-width: 576px) {
.o-container-breakout-right-lg {
    margin-right: -25px
}
}

@media (max-width: 1239.98px) and (min-width: 768px) {
.o-container-breakout-right-lg {
    margin-right: -50px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-right-lg {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-right-lg.row {
    margin-right: -62.5px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-right-lg.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-right-lg.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}

@media (min-width: 768px) {
.o-container-breakout-left {
    overflow: hidden;
    margin-left: -12.5px
}
}

@media (min-width: 768px) and (min-width: 576px) {
.o-container-breakout-left {
    margin-left: -25px
}
}

@media (min-width: 768px) and (min-width: 768px) {
.o-container-breakout-left {
    margin-left: -50px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout-left {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout-left.row {
    margin-left: -62.5px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout-left.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout-left.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (max-width: 767.98px) {
.o-container-breakout-left-sm {
    overflow: hidden;
    margin-left: -12.5px
}
}

@media (max-width: 767.98px) and (min-width: 576px) {
.o-container-breakout-left-sm {
    margin-left: -25px
}
}

@media (max-width: 767.98px) and (min-width: 768px) {
.o-container-breakout-left-sm {
    margin-left: -50px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-left-sm {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-left-sm.row {
    margin-left: -62.5px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-left-sm.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-left-sm.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (max-width: 991.98px) {
.o-container-breakout-left-md {
    overflow: hidden;
    margin-left: -12.5px
}
}

@media (max-width: 991.98px) and (min-width: 576px) {
.o-container-breakout-left-md {
    margin-left: -25px
}
}

@media (max-width: 991.98px) and (min-width: 768px) {
.o-container-breakout-left-md {
    margin-left: -50px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-left-md {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-left-md.row {
    margin-left: -62.5px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-left-md.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-left-md.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-left-lg {
    overflow: hidden;
    margin-left: -12.5px
}
}

@media (max-width: 1239.98px) and (min-width: 576px) {
.o-container-breakout-left-lg {
    margin-left: -25px
}
}

@media (max-width: 1239.98px) and (min-width: 768px) {
.o-container-breakout-left-lg {
    margin-left: -50px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-left-lg {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-left-lg.row {
    margin-left: -62.5px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-left-lg.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-left-lg.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (min-width: 768px) {
.o-container-breakout {
    overflow: hidden;
    margin-left: -12.5px;
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (min-width: 768px) and (min-width: 576px) {
.o-container-breakout {
    margin-left: -25px
}
}

@media (min-width: 768px) and (min-width: 768px) {
.o-container-breakout {
    margin-left: -50px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout.row {
    margin-left: -62.5px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (min-width: 768px) and (min-width: 576px) {
.o-container-breakout {
    margin-right: -25px
}
}

@media (min-width: 768px) and (min-width: 768px) {
.o-container-breakout {
    margin-right: -50px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout.row {
    margin-right: -62.5px
}
}

@media (min-width: 768px) and (min-width: 1240px) {
.o-container-breakout.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (min-width: 768px) {
.o-container-breakout.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}

@media (max-width: 767.98px) {
.o-container-breakout-sm {
    overflow: hidden;
    margin-left: -12.5px;
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (max-width: 767.98px) and (min-width: 576px) {
.o-container-breakout-sm {
    margin-left: -25px
}
}

@media (max-width: 767.98px) and (min-width: 768px) {
.o-container-breakout-sm {
    margin-left: -50px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-sm {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-sm.row {
    margin-left: -62.5px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-sm.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-sm.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (max-width: 767.98px) and (min-width: 576px) {
.o-container-breakout-sm {
    margin-right: -25px
}
}

@media (max-width: 767.98px) and (min-width: 768px) {
.o-container-breakout-sm {
    margin-right: -50px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-sm {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-sm.row {
    margin-right: -62.5px
}
}

@media (max-width: 767.98px) and (min-width: 1240px) {
.o-container-breakout-sm.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 767.98px) {
.o-container-breakout-sm.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}

@media (max-width: 991.98px) {
.o-container-breakout-md {
    overflow: hidden;
    margin-left: -12.5px;
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (max-width: 991.98px) and (min-width: 576px) {
.o-container-breakout-md {
    margin-left: -25px
}
}

@media (max-width: 991.98px) and (min-width: 768px) {
.o-container-breakout-md {
    margin-left: -50px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-md {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-md.row {
    margin-left: -62.5px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-md.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-md.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (max-width: 991.98px) and (min-width: 576px) {
.o-container-breakout-md {
    margin-right: -25px
}
}

@media (max-width: 991.98px) and (min-width: 768px) {
.o-container-breakout-md {
    margin-right: -50px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-md {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-md.row {
    margin-right: -62.5px
}
}

@media (max-width: 991.98px) and (min-width: 1240px) {
.o-container-breakout-md.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 991.98px) {
.o-container-breakout-md.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-lg {
    overflow: hidden;
    margin-left: -12.5px;
    overflow: hidden;
    margin-right: -12.5px
}
}

@media (max-width: 1239.98px) and (min-width: 576px) {
.o-container-breakout-lg {
    margin-left: -25px
}
}

@media (max-width: 1239.98px) and (min-width: 768px) {
.o-container-breakout-lg {
    margin-left: -50px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-lg {
margin-left:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-lg.row {
    margin-left: -62.5px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-lg.row {
margin-left:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-lg.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-left: 0;
    padding-left: 0
}
}

@media (max-width: 1239.98px) and (min-width: 576px) {
.o-container-breakout-lg {
    margin-right: -25px
}
}

@media (max-width: 1239.98px) and (min-width: 768px) {
.o-container-breakout-lg {
    margin-right: -50px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-lg {
margin-right:calc((25px * 2 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-lg.row {
    margin-right: -62.5px
}
}

@media (max-width: 1239.98px) and (min-width: 1240px) {
.o-container-breakout-lg.row {
margin-right:calc((25px * 2.5 + ((100vw - 1260px)/2)) * -1)
}
}

@media (max-width: 1239.98px) {
.o-container-breakout-lg.o-container {
    max-width: calc((100vw - 1260px)/2 + 1260px);
    margin-right: 0;
    padding-right: 0
}
}
/* class = o-section
*/
.o-section {
    padding-top: 2.75rem;
    padding-bottom: 1.75rem;
    /* background-size: cover;
    background-position: center */
}

@media (min-width: 768px) {
.o-section {
    padding-top: 2.75rem;
    padding-bottom: 1.75rem
}
}
.o-section--sm {
    padding-top: 2.75rem;
    padding-bottom: 1.75rem
}

@media (min-width: 1050px) {
.o-section--md {
    padding-top: 5rem;
    padding-bottom: 2rem
}
}

@media (min-width: 768px) {
.o-section--lg {
    padding-top: 4rem;
    padding-bottom: 3rem
}
}

@media (min-width: 992px) {
.o-section--lg {
    padding-top: 8rem;
    padding-bottom: 7rem
}
}
.o-section--full-height {
    min-height: 100vh
}
.o-section--top-icon {
    position: relative
}

@media (max-width: 991.98px) {
.o-section--top-icon {
    padding-top: calc(32px + 1rem)
}
}
.o-section__top-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    top: -32px;
    border-radius: 50%;
    background-color: #0FD4E2
}

@media (min-width: 992px) {
.o-section__top-icon {
    width: 84px;
    height: 84px;
    top: -46px
}
}

@media (max-width: 991.98px) {
.o-section__top-icon {
    border: 4px #0A1429 solid;
    border-width: 1px
}
}
.o-section--above-top-icon {
    padding-bottom: 60px
}

@media (min-width: 992px) {
.o-section--above-top-icon {
    padding-bottom: 74px
}
}

@media (min-width: 992px) {
.o-section--above-top-icon.o-section--md {
    padding-bottom: 110px
}
}

@media (min-width: 768px) {
.o-section--above-top-icon.o-section--lg {
    padding-bottom: 80px
}
}

@media (min-width: 992px) {
.o-section--above-top-icon.o-section--lg {
    padding-bottom: 158px
}
}
.o-section--top-text {
    position: relative
}
.o-section__top-text {
    max-width: 1260px;
    width: 100%;
    padding-right: 12.5px;
    padding-left: 12.5px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 576px) {
.o-section__top-text {
    padding-right: 25px;
    padding-left: 25px
}
}

@media (min-width: 768px) {
.o-section__top-text {
    padding-right: 50px;
    padding-left: 50px
}
}
.o-section__top-text>* {
    margin: 0 !important;
    background: #fff;
    border: 4px #0A1429 solid;
    padding: 0.5rem 2rem;
    color: #0A1429
}
.o-section__top-text>*:hover {
    text-decoration: none;
    color: #0A1429
}
[class~="border"] .o-section__top-text, [class~="border-top"] .o-section__top-text {
-webkit-transform:translateY(calc(-50% - (4px/2)));
-ms-transform:translateY(calc(-50% - (4px/2)));
transform:translateY(calc(-50% - (4px/2)))
}
.o-section--above-top-text {
    padding-bottom: 2.75rem
}

@media (min-width: 992px) {
.o-section--above-top-text.o-section--md {
    padding-bottom: 5rem
}
}

@media (min-width: 768px) {
.o-section--above-top-text.o-section--lg {
    padding-bottom: 4rem
}
}

@media (min-width: 992px) {
.o-section--above-top-text.o-section--lg {
    padding-bottom: 8rem
}
}
/* class = resource-page-brand
*/
/* .resource-page-brand img {
    height: 52px
} */
/* class = row
*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -12.5px;
    margin-left: -12.5px */
}
/* class = site
*/
.site blockquote p, .kss-modifier__example blockquote p, .edit-post-visual-editor blockquote p {
    font-size: 1.4rem;
    line-height: 1.3;
    letter-spacing: .3px;
    color: #0A1429;
}
.site cite, .kss-modifier__example cite, .edit-post-visual-editor cite {
    font-size: 1.1rem;
    font-style: normal;
    font-weight: bold;
    color: #BDF78B;
    text-transform: uppercase;
    letter-spacing: 1px
}
.site h1, .site h2, .site h3, .site h4, .site h5, .site h6, .site .c-heading, .kss-modifier__example h1, .kss-modifier__example h2, .kss-modifier__example h3, .kss-modifier__example h4, .kss-modifier__example h5, .kss-modifier__example h6, .kss-modifier__example .c-heading, .wp-block-heading.blocks-rich-text h1, .wp-block-heading.blocks-rich-text h2, .wp-block-heading.blocks-rich-text h3, .wp-block-heading.blocks-rich-text h4, .wp-block-heading.blocks-rich-text h5, .wp-block-heading.blocks-rich-text h6, .wp-block-heading.blocks-rich-text .c-heading {
    /* font-family: Lexend Deca,Verdana,sans-serif; */
    font-family: 'Poppins',Verdana,sans-serif;
    /* font-size: 1.3em; */
    /* line-height: 1.35; */
    /* color: #0A1429; */
    color: #FFFFFF;
    font-weight: 600;
}
/* .site h3 {
  line-height: 3;
} */
.site .c-box {
margin-left:calc((100vw / 2 - 50%) * -1);
    padding-left: calc(100vw / 2 - 50%);
margin-right:calc((100vw / 2 - 50%) * -1);
    padding-right: calc(100vw / 2 - 50%);
    max-width: calc(100vw);
    -ms-flex-preferred-size: calc(100vw);
    flex-basis: calc(100vw)
}

@media (min-width: 768px) {
.site .c-box:nth-of-type(2n+1) {
margin-left:calc((100vw / 2 - 50% + 4px) * -1);
    padding-left: calc(100vw / 2 - 50% + 4px);
    margin-right: 0;
    padding-right: 0;
max-width:calc(50% + (100vw / 2 - 50% + 4px));
-ms-flex-preferred-size:calc(50% + (100vw / 2 - 50% + 4px));
flex-basis:calc(50% + (100vw / 2 - 50% + 4px))
}
.site .c-box:nth-of-type(2n) {
margin-right:calc((100vw / 2 - 50%) * -1);
    padding-right: calc(100vw / 2 - 50%);
    margin-left: 0;
    padding-left: 0;
max-width:calc(50% + (100vw / 2 - 50%));
-ms-flex-preferred-size:calc(50% + (100vw / 2 - 50%));
flex-basis:calc(50% + (100vw / 2 - 50%))
}
}
.site img.alignleft {
    float: left;
    margin-right: 16px
}
.site img.alignright {
    float: right;
    margin-left: 16px
}
@media (min-width: 768px) {
.site .alignleft, .site .alignright {
    max-width: 720px !important
}
}
.site .alignright>img, .site .alignright>figcaption {
    max-width: 50%
}
.site .alignleft>figcaption, .site .alignright>figcaption {
    width: 100%;
    margin-bottom: 1em
}
.site .alignleft img {
    float: left;
    margin-right: 16px
}
.site .alignright img {
    float: right;
    margin-left: 16px
}
.site .alignleft figcaption {
    float: left;
    clear: left;
    margin-right: 2em
}
.site .alignright figcaption {
    margin-left: 2em;
    float: right;
    clear: right
}
.site figure.aligncenter {
    text-align: center
}
.site .aligncenter:not(.wp-block-button) {
    margin-left: auto;
    margin-right: auto
}
.site .aligncenter:not(.wp-block-button) img {
    display: inline-block
}
/* class = text-orient
*/
  .text-orient {
    color: #185A7D !important;
    text-transform: none!important;
}
/* class = u-alignwidth
*/
@media (min-width: 768px) {
.u-alignwidth-half-md {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-half-md.row {
    max-width: calc( 50% + 25px)
}
}

@media (min-width: 992px) {
.u-alignwidth-half-lg {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-half-lg.row {
    max-width: calc( 50% + 25px)
}
}

@media (min-width: 1240px) {
.u-alignwidth-half {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-half.row {
    max-width: calc( 50% + 25px)
}
}

@media (min-width: 768px) {
.u-alignwidth-narrow-md {
    max-width: 66.66667%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-narrow-md.row {
    max-width: calc( 66.66667% + 25px)
}
}

@media (min-width: 992px) {
.u-alignwidth-narrow-lg {
    max-width: 66.66667%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-narrow-lg.row {
    max-width: calc( 66.66667% + 25px)
}
}

@media (min-width: 1240px) {
.u-alignwidth-narrow {
    max-width: 66.66667%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-narrow.row {
    max-width: calc( 66.66667% + 25px)
}
}

@media (min-width: 768px) {
.u-alignwidth-wide-md {
    max-width: 83.33333%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-wide-md.row {
    max-width: calc( 83.33333% + 25px)
}
}

@media (min-width: 992px) {
.u-alignwidth-wide-lg {
    max-width: 83.33333%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-wide-lg.row {
    max-width: calc( 83.33333% + 25px)
}
}

@media (min-width: 1240px) {
.u-alignwidth-wide {
    max-width: 83.33333%;
    margin-left: auto;
    margin-right: auto
}
.u-alignwidth-wide.row {
    max-width: calc( 83.33333% + 25px)
}
}
/* class = u-bg-grey-light
*/
.u-bg-grey-light {
    background-color: #E3EBEB !important
}
a.u-bg-grey-light:hover, a.u-bg-grey-light:focus, button.u-bg-grey-light:hover, button.u-bg-grey-light:focus {
    background-color: #c5d6d6 !important
}
.u-bg-grey-lighter {
    background-color: #EEF3F3 !important
}
a.u-bg-grey-lighter:hover, a.u-bg-grey-lighter:focus, button.u-bg-grey-lighter:hover, button.u-bg-grey-lighter:focus {
    background-color: #d0dede !important
}
/* class = u-drop-shadow
*/
.u-drop-shadow, .c-video-thumbnail:after {
    -webkit-filter: drop-shadow(0 0 7px rgba(10,20,41,0.15));
    filter: drop-shadow(0 0 7px rgba(10,20,41,0.15))
}

@media (min-width: 768px) {
.u-drop-shadow, .c-video-thumbnail:after {
    -webkit-filter: drop-shadow(0 10px 10px rgba(10,20,41,0.15));
    filter: drop-shadow(0 10px 10px rgba(10,20,41,0.15))
}
}
/* class = u-img-fluid
*/
.u-img-fluid {
    max-width: 100%;
    height: auto;
    /* border-radius: 12px; */
}
/* class = u-gutter
*/
@media (min-width: 768px) {
.u-gutter-left {
    padding-left: 3rem !important
}
}
@media (min-width: 768px) {
.u-gutter-half-left {
    padding-left: 1.5rem !important
}
}
@media (min-width: 768px) {
.u-gutter-right {
    padding-right: 3rem !important
}
}
@media (min-width: 768px) {
.u-gutter-half-right {
    padding-right: 1.5rem !important
}
}
/* class = u-width
*/
.u-width-half {
    max-width: 50%
}
.u-width-sm {
    max-width: 66.66667%
}
.u-width-md {
    max-width: 83.33333%
}

  /* Updated Background Image - MARKETO VARIABLES */
  .full-width-hero-bg {
    background-image: url("https://go.sysdig.com/rs/067-QZT-881/images/sysdig22_marketo header_v1.png");
    background-size: cover;
    background-position: 70%;
    max-width: 1600px;
    margin: 0 auto;
  }

  @media (min-width: 768px) {
    .full-width-hero-bg{
    background-image: url("https://go.sysdig.com/rs/067-QZT-881/images/sysdig22_marketo header_v1.png");
    background-position: top right;
  }
  }



/* NEW STYLES */

  .form-container {
    box-shadow: 0 10px 60px rgba(0,0,0,.08);
    border-radius: 12px;
    background: #2B2D30;
    /* background: #3E4042; */
    /* background: #fff; */
  }


  button.mktoButton {
    /* background-image: linear-gradient(#ffe24d,#ffe24d); */
    background-color: #BDF78B;
    border: none;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.125rem;
    padding: 0.9375rem 1.25rem!important;
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: #1E1E22;
    border-radius: 2rem;
    font-family: 'Poppins', Verdana,sans-serif;
    font-weight: 700;
    cursor: pointer;
    /* padding: 0.9000rem 0.75rem 0.9000rem 0.25rem!important; */
  }

  a.button-green.c-button__link.c-button__link-orient:after,
  button.mktoButton:after {
    padding: 14px;
    background: url('https://go.sysdig.com/rs/067-QZT-881/images/arrow-ui_element-2023.png');
    content: '';
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: right;
}

  .top-header-sm {
    letter-spacing: .1rem;
    font-size: .875rem;
    text-transform: uppercase;
  }

  .letter-spacing-copy {
    letter-spacing: .1rem;
  }

  .event-details-lg {
    font-weight: 600;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
  }

  p.event-details-lg-copy {
    margin-bottom: 0;
  }

  .event-subcopy-lg {
    font-size: 1.1rem;
  }
  @media (min-width: 768px) {
    .event-subcopy-lg {
    font-size: 1.4rem;
  }
  }

  .body-bulletpoints-container {
    display: flex;
    flex-direction: column;
  }

  .body-bulletpoints {
    display: flex;
  }

  .body-partner-image-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  /* img.body-partner-image {
    width: 30%;
    display: flex;
  } */

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

  .row.three-column-container {
    /* margin-top: 2em; */
    margin-top: 2em;
    margin-right: 0;
    margin-left: 0;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  @media (min-width: 768px) {
    .row.three-column-container {
      margin-top: 2em;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: center;
  }
  }

  .row.three-column-container.margin-top-2em {
    margin-top: 2em;
  }

  /* .arrow-cta-container-green {
     background-color: #BDF78B;
     border: none;
     font-size: .875rem;
     font-weight: 600;
     line-height: 1.125rem;
     letter-spacing: .1rem;
     text-transform: uppercase;
     color: #0A1429;
     border-radius: 2rem;
     display: flex;
     width: 28%;
     padding: 0;
     justify-content: center;
     margin: 0 auto;
} */

/* .arrow-cta-green {
  align-items: center;
  display: flex;
  width: 10%;
} */

.arrow-cta-container-green {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

  .arrow-copy {
    align-items: center;
    display: flex;
    font-weight: 600;
    font-size: .75rem;
    letter-spacing: .1rem;
}

  .arrow-cta {
    text-align: end;
    width: 100%;
    /* display: flex; */
    /* align-items: center; */
    /* margin-left: 10px; */
    /* background-color: #ffe24d; */
    /* padding: 5px 8px; */
    /* border-radius: 4px; */
}

.arrow-cta img {
    margin-bottom: 0;
}

.col-md.three-column-module {
  padding: 1.25rem!important;
  /* background-color: #fff; */
  background-color: #3E4042;
  border-radius: 12px;
  box-shadow: 0 10px 60px rgba(0,0,0,.08);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  flex: 0 1 auto;
  justify-content: space-between;
  margin: 1%;
  width: 100%;
}

  @media (min-width: 768px) {
    .col-md.three-column-module {
    padding: 1.25rem!important;
    /* background-color: #fff; */
    border-radius: 12px;
    box-shadow: 0 10px 60px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    max-width: 33.33333333%;
    flex: 0 1 auto;
    justify-content: space-between;
    margin: 1%;
    width: 100%;
    }
  }

  @media (min-width: 768px) {
    .container-spacing {
    padding-top: 4rem;
  }
  }

  .three-column-container h3 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 600;
    /* line-height:1.4; */
  }

  .three-column-module-img-container {
    max-width: 100%;
    margin: 1%;
    margin-left: 0;
    margin-right: 2%;
  }

  @media (min-width: 768px) {
    .three-column-module-img-container {
    max-width: 33.33333333%;
    width: 33.33333333%;
    cursor: pointer;
  }
  }

  .three-column-module-img {
    background-color: #fff;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 10px 60px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    justify-content: space-between;
    width: 100%;
  }

  .three-column-module-copy {
    padding: 1.25rem!important;
    background-color: #3E4042;
    /* background-color: #fff; */
    border-radius: 0 0 12px 12px;
    box-shadow: 0 10px 60px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    justify-content: space-between;
    width: 100%;
  }

  .three-column-module-img img {
    margin-bottom: 0;
    object-fit: cover;
    object-position: top left;
  }

  .bg-image-rounded {
    background-image: url('https://go.sysdig.com/rs/067-QZT-881/images/2022_03_01_Webinar-Combat-Critical-Cloud.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 262px;
    width: 380px;

  }

    img.img-column-1 {
    object-position: top left;
    object-fit: cover;
    width: 100%;
  }

  img.img-column-2 {
    background-position: top left;
    background-size: cover;
    object-position: top left;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }

  img.img-column-3 {
    background-position: top left;
    background-size: cover;
    object-position: top left;
    object-fit: cover;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  } 

  .two-line-clamp {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0;
    overflow: hidden;
  }

  .three-column-module-copy h3 {
    /* font-size: 1.25rem; */
    /* line-height:1.5rem; */
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }

  .three-column-module-copy p {
    /* font-size: 0.8rem; */
    font-size: 1rem;
  }

  .three-column-module-copy .arrow-copy {
    font-size: .75rem;
  }

  .footer-bg-image {
    /* background: linear-gradient(90.05deg,#0d004e 28.24%,#013d8a 54.28%,#7b61ff 108.58%); */
    background-color: #1E1E22;
    padding-top: 0;
    padding-bottom: 0;
  }

  @media (min-width: 768px) {
    .mobile-row-center {
      margin-right: -12.5px;
    margin-left: -12.5px;
  }
  }

  div#eventSection2, .form-container {
    max-width: 100%;
    flex: 100%;
    margin-top: 2rem;
    /* margin-top:0; */
  }

  @media (min-width: 768px) {
    div#eventSection2, .form-container {
    /* max-width: 50%; */
    flex: 0 0 50%;
    margin-bottom:0;
    margin-top: 0;
  }
  }

  .bold-copy {
    font-weight: bold;
  }

  .body-thin-line {
    margin: 2rem 0;
    border-color: #BDF78B;
  }

  .body-copy-cta {
    display: flex;
  }

  nav {
    background-color: #1E1E22;
    /* box-shadow: 0 10px 12px rgba(0,0,0,.08); */
  }

  .nav-box-shadow {
    margin-left: 12.5px;
    max-width: 1250px;
    margin: 0 auto;
    margin-left: 5px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  /* @media (min-width: 768px) {
    .nav-box-shadow {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  } */

  .hero-illustration-bg {
    /* background-image: url('https://go.sysdig.com/rs/067-QZT-881/images/internal-page-hero-bg.svg'); */
    background-image: url('${heroBGImages}');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: ${heroBGposition};
  }

  /* @media (min-width: 768px) {
    .hero-illustration-bg {
    background-image: url('https://go.sysdig.com/rs/067-QZT-881/images/internal-page-hero-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  }

  @media (min-width: 1482px) {
    .hero-illustration-bg {
    background-image: url('https://go.sysdig.com/rs/067-QZT-881/images/internal-page-hero-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  } */

  p.body-highlight.bold-copy {
    width: auto;
    margin: 0;
  }

  h3#formtitle2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.3;
    font-size: 1.8rem;
    width: 90%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  img.mb-0 {
    /* width: 7.5625rem; */
    width: 5.875rem;
}

.margin-1rem {
  margin: 1rem 0;
}
.margin-0rem {
  margin: 0;
}

div#downloadfree {
    margin: 2rem 0 0 0;
    /* margin: 0; */
  }

  @media (min-width: 768px) {
    div#downloadfree {
    margin: 1rem 0;
  }
  }

  @media (min-width: 768px) {
    div#eventSectionHero1 {
    padding-left: 0;
  }
  }

  .body-partner-image-container .mktoGen.mktoImg {
    display: flex;
    justify-content: center;
    flex: 0 0 calc(30% - 15px);
  }

  .row.three-column-container.margin-top-mobile-0 {
    margin-top: 0;
  }

  .col-md.three-column-module-img-container.speaker-img-width {
    width: 100%;
  }
  @media (min-width: 768px) {
    .col-md.three-column-module-img-container.speaker-img-width {
    width: 100%;
  }
  }

  img.img-speaker-1,
  img.img-speaker-2,
  img.img-speaker-3 {
    object-position: top;
}

.o-container.padding-left-30 {
  padding-left:10px;
}
@media (min-width: 768px) {
  .o-container.padding-left-30 {
  padding-left:30px;
}
}

.mobile-padding-left-5 {
  padding-left: 5.5px;
}
@media (min-width: 768px) {
  .mobile-padding-left-5 {
  padding-left: 0px;
}
  }

  .o-section.mobile-mid-padding {
    padding-top: 0;
    /* background-color: #1E1E22; */
  }
  @media (min-width: 768px) {
    .o-section.mobile-mid-padding {
    /* padding-top: 2.75rem; */
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

p.green-text {
  color: #BDF78B;
}

.share-tech-monospace-font {
  font-family: 'Share Tech Mono', monospace;
}

.darker-gray-bg {
  background-color: #1E1E22;
  /* background-color: #2B2D30; */
}

.lighter-gray-bg {
  /* background-color: #BBBDBF; */
  background-color: #EAEBED;
}

.lighter-gray-bg-header {
  color: #1E1E22 !important;
}

.white-bg-header {
  color: #FFFFFF;
}

.event-details-lg-social {
  display: flex;
  font-size: 1.2rem;
  padding: 1rem 0;
  align-items: center;
}

p#heroEventSocialCopy {
  width: 5rem;
}

/* #heroEventSocialIMG1,
#heroEventSocialIMG2,
#heroEventSocialIMG3 {
Width: 70%;
} */

a.hero-social-icon {
  width: 48px;
  padding: 0 10px;
}

img#heroEventSocialIMG2 {
  background-color: #FFFFFF;
  border-radius: 5rem;
}

[id^="ValidMsg"] {
  color: #EA5255;
}

div#disclaimer2 {
  font-size: 15px !important;
}

iframe {
    width: 100%;
}

video {
    width: 100%;
}




/* ADDITIONAL FORM STYLES */
.mktoFormRow {
  flex: 0 0 calc(50% - 20px);
}

.mktoLogicalField.mktoCheckboxList.mktoHasWidth {
  display: flex;
  align-items: flex-start;
}

.mktoButtonRow {
  flex: 0 0 100%;
  padding-top: 1rem;
}

[data-wrapper-for|="Email"] {
  flex: 0 0 100%;
}


[data-wrapper-for$="Privacy_Consent_to_Processing__c"] {
  flex: 0 0 100%;  
}

[id^="LblmktoCheckbox"] {
  font-weight: normal !important;
  font-family: Mulish,arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color emoji !important;
  letter-spacing: normal !important;
  font-size: 15px !important;
}

#Country {
  border: .5px solid #3E4042;
  border-radius: 4px;
  background-color: #3E4042;
  color: #FFFFFF;
}
#State {
  border: .5px solid #3E4042;
  border-radius: 4px;
  background-color: #3E4042;
  color: #FFFFFF;
}

#mkto_gen_heroEventIMG1 #mktoEditorPlaceholder,
#mkto_gen_heroEventIMG2 #mktoEditorPlaceholder,
#mkto_gen_heroEventIMG3 #mktoEditorPlaceholder{
    width: 60px !important;
    height: 45px !important;
}


#mkto_gen_heroEventIMG1 #mktoEditorPlaceholder .mktoPlaceholder,
#mkto_gen_heroEventIMG2 #mktoEditorPlaceholder .mktoPlaceholder,
#mkto_gen_heroEventIMG3 #mktoEditorPlaceholder .mktoPlaceholder{
    width: 45px !important;
    height: 45px !important;
    position: relative !important;
}

#mkto_gen_heroEventIMG1 #mktoEditorPlaceholder .mktoPlaceholder .mktoVerticalWrap,
#mkto_gen_heroEventIMG2 #mktoEditorPlaceholder .mktoPlaceholder .mktoVerticalWrap,
#mkto_gen_heroEventIMG3 #mktoEditorPlaceholder .mktoPlaceholder .mktoVerticalWrap {
    position: absolute !important;
    right: 9% !important;
}


.row-special {
    padding: 5px 0;
}

.row-special:after {
    content: "";
  display: table;
  clear: both;
}

.column-special-icon {
    float:left; 
    width:10%;
}

.column-special-copy {
    float:right;
    width:90%;
}