/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}









/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */















/* 1d. Buttons */















/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





/* 1h. Site footer */








.content-wrapper {
  max-width: 1270px;
}

.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.body-wrapper{
   overflow:hidden;
}







html {
  font-size: {units=px, value=18}px;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #6f6f75;
}

/* Paragraphs */

p {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

p a {
  color: #EA0052;
}
h2 a {
  color: #3C3B44;
}
h3 a {
  color: #3C3B44;
}
h4 a {
  color: #3C3B44;
}
h5 a {
  color: #000000;
}
h6 a {
  color: #ea0052;
}


a:active {
  color: #ff287a;
}

/* Headings */


.inner-page h1{
   font-size: 59px;
  font-weight: 600;
  letter-spacing: -1.31px;
  line-height: 65.5px;
}

h1 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #3C3B44;
  font-size: {units=px, value=76.5}px;
  font-size:76.5px;
  letter-spacing: -1.7px;
  line-height: 85.5px;
}

h2 {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #3C3B44;
  font-size: 38px;
  font-size:49px;
  letter-spacing: -1.09px;
  line-height: 59px;
  font-weight:600;
}

h3 {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #3C3B44;
  font-size: 30px;
  font-size:37px;
  letter-spacing: -0.82px;
  line-height: 43px;
  font-weight:500;
}

h4,.heading-four {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #3C3B44;
  font-size: 24px;
  font-size:26px;
  letter-spacing: -0.58px;
  line-height: 34px;
  font-weight:500;
}

h5 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  font-size:19px;
  letter-spacing: -0.42px;
  line-height: 27px;
}

h6 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #ea0052;
  font-size: 14px;
  font-size:15px;
  letter-spacing: 0;
  line-height: 19px;
  text-transform:uppercase;
  font-weight:500;
  margin-bottom:15px;
}

/* Blockquote */

blockquote {
  border-left-color: #EA0052;
}


@media(max-width:1024px){

.inner-page h1{
   font-size: 48px;
   line-height: 54.5px;  
}
  
h1{
  font-size: 56.5px;
  line-height: 63px;   
}

h2{
   font-size: 40px;
   line-height: 50px;  
}
  
h3{
   font-size:30px;
   line-height:36px;
}
  
h4,.heading-four{
   font-size: 24px;
   line-height: 30px;  
}
}

@media(max-width:767px){
  
.inner-page h1 {
    font-size: 38px;
    line-height: 44.5px;
}
  
h1{
  font-size: 39px;
  letter-spacing: -0.87px;
  line-height: 47px;  
}

h2{
  font-size:31px;
  letter-spacing: -0.69px;
  line-height: 37px;
  font-weight:500;
}
  
h3{
  font-size: 24px;
  letter-spacing: -0.6px;
  line-height: 36px;
}
  
h4,.heading-four{
  font-size:22px;
  letter-spacing: -0.49px;
  line-height: 29px;
  margin-bottom:15px;
}
  
h5{
  font-size: 17px;
  letter-spacing: -0.38px;
  line-height: 25px; 
}
  
p{
  font-size:17px;
  letter-spacing: -0.38px;
  line-height: 26px;
}
}






.button,
.cta_button{
  background-color: 

  
  
    
  


  rgba(234, 0, 82, 1.0)

;
  border: 1px solid #EA0052;
  border-radius: 100px;
  color: #FFFFFF;
  padding:11.5px 47px 11.5px 26px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  box-shadow: 0 6px 7px 0 rgb(196,2,70,36%);
  position:relative;
  display:inline-block;
  text-align:center;
  transition:0.3s all ease-in;
}


.button:after,
.cta_button:after{
  position: absolute;
  right: 25px;
  top: 18px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20White%20%282%29.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 8.5px;
  height: 12px;
}



.button:hover,
.button:focus,
.cta_button:hover,
.cta_button:focus{
  background-color: #CC0047;
  border-color: #CC0047;
  color: #FFFFFF;
  box-shadow:none;
  transition:0.3s all ease-in;
}


.button:active,
.cta_button:active{
  background-color: rgba(255, 40, 122, 1.0);
  border-color: #ff287a;
  color: #FFFFFF;
}

.sec_button a.cta_button{
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.24)

;
  border: none;
  border-radius: 100px;
  color: #FFFFFF;
  padding: 12.5px 47px 12.5px 26px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  transition:0.4s all ease-in;
  display:inline-block;
  text-align:center;
  position:relative;
  box-shadow:none;
  transition:0.2s all ease-in;
}

.sec_button a.cta_button:hover{
   background-color: rgba(255,255,255,0.14);
   text-decoration:underline;
   transition:0.2s all ease-in;
}

.sec_button a.cta_button:after{
  position: absolute;
  right: 25px;
  top: 19px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20White%20%282%29.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 8.5px;
  height: 12px;
}

.border-cta a.cta_button{
   background:none;
   border: 2px solid #EA0052;
   border-radius: 100px;
   font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3C3B44;
  padding: 10.5px 35px 12.5px 22px;
  box-shadow:none;
  transition:0.3s all ease-in;
}

.border-cta a.cta_button:hover{
   border: 2px solid #EA0052;
   color: #EA0052;
   text-decoration:underline;
   transition:0.3s all ease-in;
}

.border-cta a.cta_button:after{
  position: absolute;
  right: 19px;
  top: 18px;
  content: '';
  background: url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Button%20Arrow%20Red.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 7px;
  height: 10px;
}

.cta-text{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3C3B44;
  position:relative;
  display:inline-block;
  transition:0.3s all ease-in;
}

.cta-text:after{
   position: absolute;
    right: -18px;
    top: 8px;
    content: '';
    background: url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Button%20Arrow%20Red.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 7px;
    height: 10px;
}

.cta-text:hover{
   color: #EA0052;
}


@media(max-width:767px){

.sec_button a.cta_button{
  font-size:14.4px;
  letter-spacing: -0.32px;
  line-height: 20px;
  padding: 8.5px 36px 11.5px 14px;
}
  
button, .button, .cta_button{
  font-size:14.4px;
  letter-spacing: -0.32px;
  line-height: 20px;
  padding: 8.5px 36px 11.5px 14px;
}
  
.sec_button a.cta_button:after {
    width: 4.5px;
    height: 9px;
    right: 20px;
    top: 15px;
}
  
button:after, .button:after, .cta_button:after{
  width: 4.5px;
  height: 9px;
  right: 20px;
   top: 15px;
}
  
.cta-text{
    font-size: 16.2px;
    letter-spacing: -0.36px;
    line-height: 22.5px;
}
  
.cta-text:after{
   top:7px;
}
  
.border-cta a.cta_button {
    font-size: 14.4px;
    letter-spacing: -0.32px;
    line-height: 20px;
    padding: 8.5px 34px 9.5px 18px;
}
  
.border-cta a.cta_button:after{
   top:14px;
}
}





form,
.submitted-message {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Form title */

.form-title {
  background-color: 

  
  
    
  


  rgba(60, 59, 68, 1.0)

;
  color: #EA0052;
}

/* Form label */

form label {
  color: #3C3B44;
}

/* Form help text */

form legend {
  color: #3C3B44;
}

/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border-color: #D1D6DC;
  color: #6f6f75;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
  border-color: #3C3B44;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: rgba(130,130,136,0.71);
  font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 25px;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #6f6f75;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #3C3B44;
}

.fn-date-picker td .pika-button:hover {
  background-color: #3C3B44 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #3C3B44;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: 

  
  
    
  


  rgba(234, 0, 82, 1.0)

;
  border: 1px solid #EA0052;
  border-radius: 22.5px;
  color: #FFFFFF;
  padding: 12px 34px;
  height:auto;
  box-shadow: 0 6px 7px 0 rgba(196,2,70,0.36);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  text-align: center;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: rgba(194, 0, 42, 1.0);
  border-color: #c2002a;
  color: #FFFFFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(255, 40, 122, 1.0);
  border-color: #ff287a;
  color: #FFFFFF;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #3C3B44;
}

th,
td {
  border-color: #3C3B44;
  color: #3C3B44;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(60, 59, 68, 1.0)

;
  border-bottom-color: #3C3B44;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #3C3B44;
}





.header {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #3C3B44;
  font-family: Inter, sans-serif;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #14131c;
}

body .navigation-primary a:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #64636c;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #3C3B44;
}

body .submenu.level-2,
.header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
  border-color: #3C3B44;
}

body .submenu.level-2 > li:first-child:before {
  border-color: #3C3B44;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #3C3B44;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
.header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Inter, sans-serif;
}

.header__language-switcher-label-current:after {
  border-top-color: #3C3B44;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(248, 250, 252, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #3C3B44;
  }
}







/* Footer Content */







.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding:50px 0 27px;
}

/* Blog listing */

.blog-index__post-title-link {
  color: ;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: #6f6f75;
}

/* Blog pagination */

.blog-pagination__link {
  color: #6f6f75;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #3C3B44;
}

.blog-pagination__next-link svg,
.blog-pagination__prev-link svg {
  fill: #6f6f75;
}

/* Blog post */

.blog-post__meta a {
  color: #6f6f75;
}

.blog-post__tag-link {
  color: #6f6f75;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #47474d;
}

.blog-post__tag-link:active {
  color: #97979d;
}

/* Blog related posts */

.blog-related-posts__title a {
  color: ;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #EA0052;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #c2002a;
}

#comments-listing .comment-reply-to:active {
  color: #ff287a;
}











.card__price {
  ;
  color: ;
  font-size: ;
}



/************** Header Styling ********************/


@media(min-width:1025px){

body .header-cm .hs-menu-wrapper{
   display:block!important;  
}
  
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper{
   display:block!important;  
}
  
}

.header-cm .top-bar{
   background:#FAFCFE;
   padding:4.5px 0;
   border-bottom: 1px solid #f2f2f3;
}

.header-cm{
   border-bottom: 2px solid #F2F2F3; 
   position:relative;
   z-index:3;
}

body.open-popup .header-cm{
   z-index:1;
}

.header-cm .top-bar ul li a{
  font-size: 15px;
  letter-spacing: -0.33px;
  line-height: 25px;
  color: #3c3b44;
  position: relative;
  width: 100%;
  max-width: 100%;
  white-space: inherit;
  padding: 0;
}
.header-cm .top-bar ul li a:hover{
  color:#ea0052;
}

.header-cm .top-bar ul{
  justify-content:flex-end;
  margin-bottom: 0;
  text-align: right;
  display: flex;
}

.header-cm .top-bar ul li{
   padding-right:81px;
   position:relative;
}

.header-cm .top-bar ul li:first-child{
   padding-right:50px;
}

.header-cm .top-bar ul li:after{
  position: absolute;
  right: 51px;
  top: 5px;
  content: '';
  background: #3c3b44;
  width: 1px;
  bottom: 6px;
  height: auto;
}

.header-cm .top-bar ul li:last-child{
   padding-right:0;
}

.header-cm .top-bar ul li:first-child:after{
   right:25px;
}

.header-cm .top-bar ul li:last-child:after{
   display:none;
}

.header-cm .top-bar ul li:last-child:before{
   position:absolute;
   left:-30px;
   top:3px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/login.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:21px;
   height:21px;
}

.header-cm .header-main-container{
   background:#ffffff;
}

.header-cm .header-main-container .content-wrapper>.row-fluid{
   display:flex;
   align-items:center;
}

.header-cm .header-main-container .menu-container ul li a{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3C3B44;
  padding-right:58px;
}

.header-cm .header-main-container .menu-container{
   text-align:center;
}

.header-cm .header-main-container .menu-container ul{
   justify-content:center;
   margin-bottom:0;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper{
  background: #ffffff;
  text-align: left;
  padding: 0;
  border: 2px solid #F2F2F3;
}

.header-cm .header-main-container .menu-container ul li.hs-menu-depth-1>.hs-menu-children-wrapper{
   z-index: 10;
   top:78px!important;
   padding-bottom: 10px;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper li a{
  padding: 7px 20px !important;
  width: 100%!important;
  max-width: 100%;
  white-space: inherit!important;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper li:first-child a{
   padding:15px 20px 7px!important;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper li:last-child a{
   padding:7px 20px 15px!important;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper{
   width:290px;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper li.hs-menu-depth-2 .hs-menu-children-wrapper{
   top: 0;
   left: 278px!important;
}

.header-cm .header-main-container .menu-container ul li:last-child a{
   padding-right:0;
}

.header-cm .header-main-container .menu-container ul>li{
   position: relative;
   top: 8px;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper li:hover>a{
   color:#EA0052;
}

.header-cm .header-main-container .menu-container ul>li>a{
   padding: 29.5px 0px 29.5px 0px;
   display:inline-block;
}

.header-cm .header-main-container .menu-container ul>li.hs-menu-depth-1{
   padding-right:58px;
}

.header-cm .header-main-container .menu-container ul>li.hs-item-has-children:hover>a:after{
  position: absolute;
  left: -40%;
  right: 0;
  bottom: 14px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Button%20Arrow%20Red.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 10px;
  height: 13px;
  transform: rotate(90deg);
  margin: 0 auto;
}

.header-cm .header-main-container .menu-container ul>li.hs-menu-depth-2.hs-item-has-children:hover>a:after{
  left: auto;
  right: 17px;
  top: 21px;
  transform: rotate(0);
}

.header-cm .header-main-container .cta-container{
   text-align:right;
}

.header-cm .header-main-container .logo{
  width: 22.4%;
  position: relative;
  top: 5px;
}

.header-cm .header-main-container .menu-container{
   width: 48.717949%;
}

.header-cm .header-main-container .cta-container{
   width: 23.7%;
}




@media(max-width:1200px){

.header-cm .header-main-container .menu-container ul>li.hs-menu-depth-1{
   padding-right:44px;
}
}


@media(max-width:1024px){
  
.header-main-container{
   padding:22px 0 22px;
}
  
.header-cm .header-main-container .menu-container ul>li.hs-item-has-children:hover>a:after {
    position: absolute;
    left: -40%;
    right: 0;
    bottom: 14px;
    content: '';
    background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Button%20Arrow%20Red.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 10px;
    height: 13px;
    transform: rotate(90deg);
    margin: 0 auto;
    display:none;
}

.header-cm .header-main-container .menu-container .hs-menu-children-wrapper{
   padding: 20px 10px;  
}
  
.child-trigger:after{
  position: absolute;
  left: auto;
  right: 20px;
  bottom: 14px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Button%20Arrow%20Red.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 10px;
  height: 13px;
  transform: rotate(0deg);
  margin: 0 auto;
}
  
.header-cm .header-main-container .menu-container ul>li.hs-menu-depth-2 .child-trigger:after{
   right:10px;
}
  
.header-cm .header-main-container .menu-container .hs-menu-children-wrapper {
    padding: 8px 10px 17px;
}
  
.header-cm .header-main-container .menu-container .hs-menu-children-wrapper li.hs-menu-depth-2 .hs-menu-children-wrapper{
   left:0;
   border:none;
   padding:0 10px 10px;
}
  
.header-cm .header-main-container .menu-container ul>li.hs-menu-depth-3 a{
   text-indent:0;
}
  
.header-cm .header-main-container .menu-container ul li
  
.header-cm .header-main-container .menu-container ul>li.hs-menu-depth-2 .hs-menu-children-wrapper{
   border:none;
}
  
.header-cm .header-main-container .menu-container .hs-menu-children-wrapper{
   border-left:none;
   border-right:none;
}
  
.header-cm .header-main-container .menu-container ul>li.hs-item-has-children:hover>a:after{
   left:auto;
   right:20px;
}
  
.header-cm .header-main-container .menu-container ul>li.hs-menu-depth-1 {
    padding-right: 0;
}

.header-cm .header-main-container .cta-container{
   display:none;
}
  
.header-cm .header-main-container .logo {
    width: 100%;
}
  
.header-cm .header-main-container .menu-container{
   width: 100%;
    position: absolute;
    right: 0;  
}
  
.header-cm .header-main-container .menu-container ul li a{
   padding:10px 20px;
}
  
.header-cm .top-bar{
   display:none;
}
}

@media(max-width:767px){

.header-cm .header-main-container{
   padding: 11px 0 11px;  
}
  
.header-cm .logo img{
   max-width: 106px!important;
   position: relative;
   top: 3px;  
}
  
body .mobile-trigger{
   top:14px!important;
}
  
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper{
   top:56px!important;
}
  
.header-cm .header-main-container .logo{
   top:0;
}
  
}






/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

@media (max-width: 1024px){

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#222d39;
    box-sizing:border-box!important;
  }

  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 27px!important;/* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: transparent; /* Background color */
    border: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #222d39; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#222d39;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#222d39;
  }

  /* Toggle Button Icon
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 27px; /* Icon line width */
    height: 3px; /* Icon line height */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #EA0052; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -7px; 
     left:-4px;/* Position top line */
  }
  .mobile-trigger i:after{
    top: 7px;
    left:-4px;/* Position bottom line */
  }
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color: #EA0052;/* Icon color */
  }
  .mobile-trigger i{
     width:23px;
  }

  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important;/* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted transparent;
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display:none!important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#000; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  .custom-menu-primary.js-enabled{
    position: relative;
    padding-top: 44px; /* Makes room for button */
    margin: 10px 0 10px 0;
  }
  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  
  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }
  /* Mobile Menu Styles */ 
  body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper{
    padding: 0;
    margin:0;
    z-index:12;
    top:80px;
    background: #ffffff;
    position:absolute;
  }
  
  .header-cm .header-main-container .menu-container .hs-menu-children-wrapper li:last-child a {
    padding: 7px 0px 15px !important;
}
  
  .header-cm .header-main-container .menu-container ul li.hs-menu-depth-1>.hs-menu-children-wrapper {
    width: 100%;
}
  
.header-cm .header-main-container .menu-container .hs-menu-children-wrapper li a {
    padding: 7px 0px !important;
}
  .header-cm .header-main-container .menu-container .hs-menu-children-wrapper li:first-child a {
    padding: 5px 0px 7px !important;
}
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#fff; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }
  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }
  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#222d39; /* link color set by global mobile-aColor variable */
  }
  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }
  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}

/*============================================================
HEADER Mobile Responsive
===========================================================*/

@media (max-width:1024px){

  .custom-menu-primary .hs-menu-wrapper{
    display:none;
  }
  .mobile-open .mobile-trigger {
    background-color: transparent;
    z-index:5;
  }
  .mobile-open .mobile-trigger i:after{
    width:27px;
    left:0;
  }
  .mobile-open .mobile-trigger i:before{
    width:27px;
    left:0;
  }
  .mobile-trigger i{
    transition: all .5s ease-in;
  }
  .mobile-open .mobile-trigger i{
    background:transparent;
    transition: all .1s ease-in;
  }
  .mobile-trigger i:before,
  .mobile-trigger i:after{
    transition: all .3s ease-in;
  }
  .mobile-open .mobile-trigger i:before {
    top: 0;
    transform: rotate(45deg);
    background:#EA0052;
  }
  .mobile-open .mobile-trigger i:after{
    top: 0;
    transform: rotate(-45deg);
    background:#EA0052;
  }
  .custom-menu-primary.js-enabled{
    position: absolute;
    padding-top: 0;
    margin: 10px 0 10px 0;
    left: 0;
    right: 0;
    top: 0;
    margin:0;
  }
  .custom-menu-primary .hs-menu-wrapper>ul li {
    border-top: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a {
    text-indent: 10px;
    font-size: 14px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a {
    padding: 0 20px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height:38px;
  }
}

@media(max-width:1024px){
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper::-webkit-scrollbar {
  width: 0px;
}
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper::-webkit-scrollbar-track {
  box-shadow: none;
   width:0px;
}
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper::-webkit-scrollbar-thumb {
  background-color: transparent;
}
body.mobile-open{
   overflow:hidden;
}
body.mobile-open .header{
   position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index:11;  
} 
body .row-fluid .custom-menu-primary.js-enabled .hs-menu-wrapper{
    height: 100vh;
    position: absolute;
    overflow-y: scroll;
    padding-bottom: 130px;
    padding-top:16px;
}
}


/****************** Footer Cm Styling *****************/

.footer-cm{
   background:#180E3D;
   padding:63px 0 37px;
}

.footer-cm *{
   color:#ffffff;
}

.footer-copyright{
   background-color: #140D31;
   padding:27px 0 15px;
}

.footer-copyright *{
   color:#ffffff;
}

.footer-cm .top-row{
   display:flex;
   flex-wrap:wrap;
   border-bottom:1px solid #7E7E85;
   padding-bottom:53px;
   margin-bottom:59px;
   align-items:center;
}

.footer-cm .top-row .logo{
    width:25%;
}

.footer-cm .top-row .email-cont{
   width:75%;
   display:flex;
   flex-wrap:wrap;
   align-items:center;
}

.footer-cm .top-row .email-cont .heading{
  width:50%;
  float:left;
}

.footer-cm .top-row .email-cont .heading p{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
   margin-bottom:0;
}

.footer-cm .top-row .email-cont .form-cont{
   width:50%;
   float:left;
   padding-left:20px;
}

.footer-cm .top-row .email-cont .form-cont form input{
  border:none;
  border-radius: 8px;
  background:#ffffff;
  font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 25px;
  color: rgba(130,130,136,0.71);
  padding:12px 26px;
  height:50px;
}

.footer-cm .top-row .email-cont .form-cont form input::placeholder{
   font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 25px;
  color: rgba(130,130,136,0.71);
}

.footer-cm .top-row .email-cont .form-cont form{
   position:relative;
   width:90%;
}

.footer-cm .top-row .email-cont .form-cont form .hs-button{
  position: absolute;
  right: -44px;
  top: 0;
  border-radius: 100px;
  background-color: #ea0052;
  box-shadow: 0 6px 7px 0 rgb(196 2 70 / 36%);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  transition:0.3s all ease-in;
}

.footer-cm .top-row .email-cont .form-cont form .hs-button:hover{
   background-color: #CC0047;
   transition:0.3s all ease-in;
}

.footer-cm .bottom-row ul li{
   display:block;
   width:100%;
}

.footer-cm .bottom-row ul li a{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 25px;
  opacity: .64;
  padding-bottom: 17px;
  display: block;
  width: 100%;
    max-width: 100%;
    white-space: inherit;
  padding:0 0 17px;
}

.footer-cm .bottom-row ul li a:hover{
   color:#ffffff;
   opacity:1;
   text-decoration:underline;
}

.footer-cm .bottom-row ul{
   display:block;
}

.footer-cm .bottom-row .col-4 .cta-container{
   margin-top:12px;
}

.footer-cm .bottom-row .social-icons ul li{
   list-style:none;
   display:inline-block!important;
   padding-right:15px;
   margin-bottom:0;
   width:auto!important;
}

.footer-cm .bottom-row .social-icons ul li a{
   padding-bottom:0;
}

.footer-cm .bottom-row .social-icons ul{
   padding-left:0;
   margin-bottom:0;
}

.footer-cm .bottom-row .social-icons{
   margin-top:98px;
}

.footer-copyright p{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 25px;
  opacity: 0.64;
  color: #FFFFFF;
  margin-bottom:0;
}

.footer-copyright .right-col ul{
   margin-bottom:0;
   
}

.footer-copyright .right-col{
   text-align:right;
}

.footer-copyright .right-col ul li a{
   font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 25px;
  opacity: 0.64;
  color: #FFFFFF;
  padding-right:40px;
  width: 100%;
    max-width: 100%;
    white-space: inherit;
    padding: 0 40px 0 0px;
}

.footer-copyright .right-col ul li:last-child a{
   padding-right:0;
}

.footer-copyright .right-col ul{
   justify-content:flex-end;
}

.footer-cm .mobile-menu{
   display:none!important;
}


@media(max-width:1024px){

.footer-cm .top-row .email-cont{
   width: 100%;   
}
  
.footer-cm .top-row{
   display:block;
}
  
.footer-cm .top-row .logo {
  width: 100%;
  margin-bottom: 30px;
}
  
.footer-cm .bottom-row>.row-fluid{
   display: flex;
   flex-wrap: wrap;
}
  
.footer-cm .bottom-row .col-1{
   width:48%;
   margin-bottom:30px;
}
  
.footer-cm .bottom-row .col-2{
   width:48%;
   margin-right:0;
   margin-bottom:30px;
}
  
.footer-cm .bottom-row .col-3{
   width:48%;
   margin-left:0;
}
  
.footer-cm .bottom-row .col-4{
   width:48%;
   margin-right:0;
}
  
.footer-cm .bottom-row .social-icons {
    margin-top: 58px;
}
}

@media(max-width:767px){

.footer-cm .top-row .email-cont .heading {
    width: 100%;
    float: left;
}
  
.footer-copyright .right-col {
    text-align: left;
}
  
.footer-cm .top-row .email-cont .form-cont {
    width: 100%;
    float: left;
    padding-left: 0;
}
  
.footer-cm .top-row .logo img{
   max-width:112px!important;
}
  
.footer-cm .top-row .logo {
    width: 100%;
    margin-bottom: 20px;
    text-align:center;
}

.footer-cm .top-row .email-cont .form-cont form .hs-button{
  position:relative;
  right:0;
}
  
.footer-cm .top-row .email-cont .form-cont form .actions{
   text-align:center;
}
  
.footer-cm .top-row .email-cont .form-cont form {
    width: 100%;
}
  
.footer-cm .top-row .email-cont .form-cont form input{
   border-radius:28px;
}
  
.footer-cm .top-row .email-cont .heading p {
    font-size: 17px;
    letter-spacing: -0.38px;
    line-height: 26px;
    text-align:center;
}
  
.footer-cm .top-row{
    border-bottom:none;
    padding-bottom: 43px;
    margin-bottom: 0;
}
  
.footer-cm {
    padding: 44px 0 37px;
}
  
.footer-cm .mobile-menu{
   display:block!important;
}
  
.footer-cm .desktop-menu{
   display:none!important;
}
  
.footer-cm .mobile-menu .accordian_content {
    display: none;
    padding-top:30px;
}
  
.footer-cm .mobile-menu .accordian{
   border-bottom: 1px solid #7E7E85;
   padding:16px 0 16px;
   cursor:pointer;
}

.footer-cm .mobile-menu .accordian_title h4{
   margin-bottom:0;     
   position:relative;
}
  
.footer-cm .mobile-menu .accordian_title h4:after{
   position:absolute;
   right:0;
   top:5px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Blue%20Arrow.svg');
   background-repeat;
   background-size:cover;
   background-position:center center;
   width:14px;
   height:20px;
   transform: rotate(90deg);
}
  
.footer-cm .bottom-row .social-icons {
    margin-top: 100px;
}

.footer-copyright p{
   font-size:14px;
}
  
.footer-copyright .right-col ul li a {
    font-size: 14px;
     padding-right:0;
}
  
.footer-copyright .content-wrapper>.row-fluid{
   display: flex;
    flex-direction: column-reverse;  
}
  
.footer-copyright .left-col{
   margin-top:15px;
}
  
.footer-copyright .right-col ul{
   display:block;
}
  
.footer-copyright .right-col ul li{
    display: inline-block;
    width: auto;
    padding-right: 20px; 
}
  
.footer-copyright {
    padding: 23px 0 23px;
}
}


@media(max-width:480px){

.footer-cm .top-row .email-cont .form-cont form input[type="checkbox"]{
   width:20px!important;
   height:20px;
}
}


/*===============================================================
                   Homepage Styling 
================================================================*/


/***************** Home Banner Styling **********************/


@media(min-width:2000px){
  
body .row-fluid .home-banner-cm .right-col{
   position: absolute;
   right: 6%;
   width: 40.17094%;
}
  
body .row-fluid .home-banner-cm .right-col img{
   width: 100%!important;
   max-width: 1330px!important;  
}
}

@media(min-width:1441px){
  
body .home-banner-cm .right-col{
  /* width: 70.17094%;
   right: -25%;*/
          width: 55.17094%;
        right: -12%;
          max-width: 1070px;
}
  
}

.home-banner-cm{
   padding:83px 0 100px;
   position:relative;
   z-index:2;
}

.section-slant .bottom-slant{
   position: absolute;
   bottom: 0;
}

.home-banner-cm.section-slant .bottom-slant{
   z-index:-1;
}

.section-slant .slant-cont{
    border-top: 80px solid #FAFCFE;
    width: 0;
    height: 0;
    bottom: 158px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: 80px;
}

.home-banner-cm:before{
   position:absolute;
   left:0;
   top:-10px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Home%20Banner%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1440px;
   height:708px;
   z-index:-1;
}

.home-banner-cm:after{
   position:absolute;
   right:0;
   bottom:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1481px;
   height:484px;
   z-index:-1;
   opacity:0.06;
   display:none;
}

.home-banner-cm .pdf-cont a{
   display:flex;
   align-items:center;
   border-radius: 15px;
   background-color: rgba(255,255,255,0.16);
   padding:6px 7px;
   max-width:459px;
   margin-bottom:34px;
}

.home-banner-cm .pdf-cont a span{
  font-size: 14.4px;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 20px;
  color:#ffffff;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.16);
  padding:4px 10px;
}

.home-banner-cm .pdf-cont a p{
   font-size: 14.4px;
  font-weight: 600;
  letter-spacing: -0.32px;
  line-height: 20px;
  color:#ffffff;
  margin-bottom:0;
  padding-left:14px;
  position:relative;
}

.home-banner-cm .pdf-cont a p:hover{
  text-decoration:underline;
}

.home-banner-cm .pdf-cont a p:after{
   position:absolute;
   right: -16px;
   top: 5px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20White%20%282%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:7px;
   height:10px;
}

.home-banner-cm .heading-container p{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
  color:#ffffff;
  max-width:603px;
}

.home-banner-cm .heading-container{
   margin-bottom:42px;
}

.home-banner-cm .cta-inner{
   display:flex;
}

.home-banner-cm .cta-inner .cta-2{
   padding-left:25px;
}

.home-banner-cm .cta-container h4{
   font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 25px;
}

.home-banner-cm .cta-container h4 span{
   font-size:27px;
   letter-spacing: -0.6px;
}

.home-banner-cm .right-col{
  position: absolute;
  /*right: -44%;
  width: 90%;*/
 right: -29%;
    width: 72%;
  top:70px;
}


@media(max-width:1300px){

.home-banner-cm .right-col{
   /*right:-47%;*/
  right:-30%;
}
}

@media(max-width:1180px){

.home-banner-cm .heading-container h1{
   font-size: 66.5px;  
}
}

@media(max-width:1024px){

.home-banner-cm .heading-container h1{
   font-size: 56.5px;
   line-height: 63px;  
}
  
.home-banner-cm .right-col {
    /*right: -57%-;*/
  right:-39%;
}
  
.home-banner-cm .left-col{
    width: 64.18232%; 
}
  
.home-banner-cm:before{
   width: 1130px;
   height: 568px;  
   top: -10px;
}
}

@media(max-width:767px){

.home-banner-cm .left-col{
   width:100%;
}
  
.home-banner-cm:before {
    width: 880px;
    height: 368px;
}
  
.home-banner-cm .right-col {
    right: -20px;
    bottom: -30px;
    top: auto;
    width: 100%;
    text-align: center;
}
  
.home-banner-cm .right-col img{
  max-width: 400px!important;
  margin: 0 auto;
  float: none;
}
  
.home-banner-cm .pdf-cont a p {
    font-size: 11.52px;
    letter-spacing: -0.26px;
    line-height: 16px;
    padding-left: 11px;
}
  
.home-banner-cm .pdf-cont a span {
    font-size: 11.52px;
    letter-spacing: -0.26px;
    line-height: 16px;
    padding: 4px 2px;
    width: 13%;
    text-align: center;
}
  
.home-banner-cm .pdf-cont a p:after {
    right: 14px;
    top: 10px;
    width: 7px;
    height: 10px;
}
  
.home-banner-cm {
    padding: 33.33px 0 250px;
}
  
.home-banner-cm .heading-container h1 {
    font-size: 39px;
    line-height: 47px;
    letter-spacing: -0.87px;
}
  
.home-banner-cm .pdf-cont a{
   margin-bottom:22px;
}
  
.home-banner-cm .heading-container p {
    font-size: 17px;
    letter-spacing: -0.38px;
    line-height: 24px;
}
  
.home-banner-cm .cta-container h4 {
    font-size: 17px;
}
  
.home-banner-cm .cta-container h4 span {
    font-size: 26px;
}
  
.home-banner-cm .heading-container {
    margin-bottom: 32px;
}
  
.home-banner-cm .cta-inner .cta-2{
   padding-left:13px;
}
  
.home-banner-cm .pdf-cont a{
   max-width:335px;
}
}



/*************** Three Col Icon Content Cm Styling *****************/

.three-col-icon-content-cm{
   padding:106px 0 108px;
   position:relative;
   z-index:0;
}

.body-container--industry .three-col-icon-content-cm .overlay{
   bottom:0;
}

.three-col-icon-content-cm .overlay{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:289px;
   z-index:-1;
   width:100%;
   height:auto;
}

.three-col-icon-content-cm .heading-container{
   text-align:center;
   max-width:1028px;
   margin:0 auto 50px;
   float:none;
}

.three-col-icon-content-cm .three-col-container span{
   display:flex; 
   flex-wrap:wrap;
}

.three-col-icon-content-cm .three-col-container span>.hs_cos_wrapper{
  width:31.8%;
  margin-right:2.3%;
  margin-bottom:34px;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:29px 31px 70px;
  position:relative;
  transition:0.2s all ease-in;
  border: 2px solid #F2F2F3;
}

.three-col-icon-content-cm .three-col-container span>.hs_cos_wrapper:hover{
   box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
   transition:0.2s all ease-in;
}

.three-col-icon-content-cm .three-col-container span>.hs_cos_wrapper:nth-child(3n){
   margin-right:0;
}

.three-col-icon-content-cm .three-col-container .icon{
   max-width: 40px;
   margin-bottom: 7px;
}

.three-col-icon-content-cm .three-col-container .cta-text{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3C3B44;
  position:relative;
  display:inline-block;
  position:absolute;
  bottom:30px;
  transition:0.3s all ease-in;
}

.three-col-icon-content-cm .three-col-container .cta-text:after{
   position: absolute;
    right: -18px;
    top: 8px;
    content: '';
    background: url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Button%20Arrow%20Red.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 7px;
    height: 10px;
}

.three-col-icon-content-cm .three-col-container span>.hs_cos_wrapper:hover .cta-text{
   color: #EA0052;
   text-decoration:underline;
   transition:0.3s all ease-in;
}

.three-col-icon-content-cm .faq-container{
   display:none;
}

@media(max-width:1024px){
  
.body-container--industry .three-col-icon-content-cm{
   padding:116px 0 68px;
}

.three-col-icon-content-cm {
    padding: 66px 0 68px;
}
  
.three-col-icon-content-cm .three-col-container span>.hs_cos_wrapper{
   padding: 29px 23px 60px;  
}
}


@media(max-width:767px){

.three-col-icon-content-cm .heading-container{
   text-align:left;
}
  
.three-col-icon-content-cm {
    padding: 86px 0 48px;
}
  
.three-col-icon-content-cm .faq-container{
   display:block;
}
  
.three-col-icon-content-cm .three-col-container{
   display:none;
}
  
.three-col-icon-content-cm .faq-container .accordion_group,.three-col-icon-content-cm .faq-container .accordion_groups{
   border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  margin-bottom:14px;
  padding:20px 17.5px 20px;
  transition:0.4s all ease-in;
  cursor:pointer;
}
  
.three-col-icon-content-cm .faq-container .accordion_group:last-child,.three-col-icon-content-cm .faq-container .accordion_groups:last-child{
   display:none;
}
  
.three-col-icon-content-cm .faq-container .accordion_header h4{
   display:flex;
   align-items:center;
   margin-bottom:0;
}
  
.three-col-icon-content-cm .faq-container .accordion_header h4 .icon img{
   max-width:40px!important;
}
  
.three-col-icon-content-cm .faq-container .accordion_header span.heading{
   width:84%;
   position:relative;
   padding-left:28px;
}
  
.three-col-icon-content-cm .faq-container .accordion_header span.heading:before{
   position:absolute;
   left:0;
   top:6px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Blue%20Arrow.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:14px;
   height:20px;
   transition:0.4s all ease-in;
}
  
.three-col-icon-content-cm .faq-container .accordion_group.expanded .accordion_header span.heading:before,
.three-col-icon-content-cm .faq-container .accordion_groups.expanded .accordion_header span.heading:before{
   transform:rotate(90deg);
   transition:0.4s all ease-in;
}
  
.three-col-icon-content-cm .faq-container .accordion_header span.icon{
   width:16%;
   text-align:right;
}
  
.three-col-icon-content-cm .faq-container .accordion_content,.three-col-icon-content-cm .faq-container .accordion_contents{
   padding-top:16px;
}
  
.three-col-icon-content-cm .last-container{
   border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:23px 20px 27px;
}
  
.three-col-icon-content-cm .last-container .icon{
    max-width:40px;
   margin-bottom:10px;
}
  
.three-col-icon-content-cm .last-container h4{
   margin-bottom:15px;
}
  
.three-col-icon-content-cm .last-container .cta-cont{
   margin-top:25px;
}
}


/*************** Home Section2 Cm Styling ********************/

@media(min-width:2000px){

body .row-fluid .home-section2-cm .left-col{
   width: 57.264957265%;
   position:relative;
}
}

@media(min-width:1600px){

body .home-section2-cm .left-col{
   width:63%;
}
  
body .home-section2-cm{
    padding:30px 0 350px;
}
}

.home-section2-cm{
   padding:30px 0 180px;
   position:relative;
   z-index:1;
}

.home-section2-cm:after{
   position:absolute;
   right:0;
   bottom:220px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1481px;
   height:484px;
   opacity:0.06;
   z-index:-1;
}

.home-section2-cm .left-col{
  position: absolute;
  left: -10%;
  width: 64%;
  top: -10px;
}

.home-section2-cm .left-col img{
   width:100%!important;
   height:100%!important;
}

.home-section2-cm .right-col{
   float:right;
}

.home-section2-cm .right-col .cm-container p{
   max-width:343px;
}

.home-section2-cm .right-col .cm-container .icon{
   margin-bottom:13px;
}

.home-section2-cm .right-col .cm-container{
   margin-bottom:45px;
}


@media(max-width:1024px){

.home-section2-cm{
   padding: 30px 0 60px; 
}
  
.home-section2-cm .right-col .cm-container {
    margin-bottom: 30px;
}
}

@media(max-width:767px){

.home-section2-cm:after{
   width: 443px;
   height: 153px;
   top: -100px;  
   bottom: 0;
}
  
.home-section2-cm .left-col{
   width:94%;
   position:relative;
   margin-bottom:40px;
}
  
.home-section2-cm .left-col img{
   box-shadow: inset 0 0 1px 0 #DCE1E3, 0 8px 8px 0 rgba(82,83,85,0.11), 0 13px 13px 0 #C7C7CD;
}
  
.home-section2-cm .right-col {
    float: none;
    padding:0 20px;
}
  
.home-section2-cm {
    padding: 40px 0 40px;
}
  
.home-section2-cm .content-wrapper{
   padding:0;
}
  
.home-section2-cm .right-col .cm-container p {
    max-width: 100%;
}
  
.home-section2-cm .right-col .cm-container {
    margin-bottom: 20px;
    display: flex;
}
  
.home-section2-cm .right-col .cm-container .icon {
    margin-bottom: 0px;
    width: 14%;
    max-width:50px;
}
  
.home-section2-cm .right-col .cm-container .description{
    width:86%; 
}
}

/****************** Home Section3 Cm Styling ******************/


.home-section3-cm{
   padding:0px 0 30px;
}

.home-section3-cm .right-col .two-col-container span{
   display:flex;
   flex-wrap:wrap;
}

.home-section3-cm .right-col .two-col-container span>.hs_cos_wrapper{
   width:47%;
   margin-right:6%;
   margin-bottom:60px;
}

.home-section3-cm .right-col .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.home-section3-cm .right-col .cm-container .icon{
   max-width:39px;
   margin-bottom:15px;
}

.home-section3-cm .left-col{
   width: 34.914894%;
   position:relative;
}

.home-section3-cm .right-col{
   width: 61.957447%;
   padding-left:70px;
}

.home-section3-cm .left-col .heading-container h2{
   min-height:236px;
}

.home-section3-cm .left-col .heading-container h2 strong{
   color:#EA0052;
   font-family: Inter,sans-serif!important;
   font-weight:600;
}

.home-section3-cm .left-col .image-container{
   position: relative;
   height: 900px;
   margin-top:80px;
}

.home-section3-cm .left-col .image-container .img-cont1{
  position: absolute;
  left: 110px;
  width: 91%;
}


.home-section3-cm .left-col .image-container .img-cont2{
  position: absolute;
  right: 310px;
  bottom: 0;
  width: 91%;
}

.home-section3-cm .left-col .cta-container{
   margin-top:30px;
}

@media(max-width:1280px){
  
.home-section3-cm .left-col .image-container .img-cont2{
   right:270px;
}
}

@media(max-width:1100px){

.home-section3-cm .left-col .image-container .img-cont2{
   right:200px;
}
}

@media(max-width:1024px){

.home-section3-cm .left-col .heading-container h2{
   min-height:306px;
}
  
.home-section3-cm .left-col .image-container .img-cont2 {
    right: 130px;
    bottom: 260px;
}
  
.home-section3-cm .right-col .two-col-container span>.hs_cos_wrapper {
    margin-bottom: 30px;
}
}

@media(max-width:767px){

.home-section3-cm .left-col{
   width:100%;
}
  
.home-section3-cm .left-col .heading-container h2 strong{
   display:block;
}
  
.home-section3-cm .left-col .heading-container h2 {
    min-height: 148px;
}
  
.home-section3-cm .left-col .image-container{
  display:none;
 }
  
.home-section3-cm .right-col{
   width:100%;
   padding-left:0;
   margin-top:40px;
}
  
.carousel .slick-slide:focus{
  outline:0;
}

.carousel .slick-dots li.slick-active button {
  width: 11px;
  height: 11px;
  background: #6CD5E5;
}

.carousel .slick-dots li.slick-active button:focus{
  outline:0;
}

.carousel .slick-dots li {
  margin: 0px;
  display: inline-block;
  line-height:10px;
  margin-left:11px;
}

.carousel .slick-dots {
  text-align: center;
}

.carousel .slick-dots li button {
  font-size: 1px;
  padding: 0;
  border: 0;
  background: rgb(108,213,229,29%);
  width: 11px;
  height: 11px;
  border-radius: 50%;
  transition: all .2s ease-in-out;
  cursor: pointer;
  box-shadow:none;
}

.carousel{
  position:relative;
  z-index:1;
}

.carousel .slick-next:after{
  position: absolute;
  content: '';
  width: 53px;
  height: 53px;
  bottom: -60px;
  left:70px;
  border: 2px solid #6CD5E5;
  box-shadow: 0 6px 6px 0 rgba(203,212,222,0.35);
  background: #FFFFFF url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20Right%20Grey.svg');
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center center;
  z-index: 1;
  cursor: pointer;
  border-radius:50%;
}

.carousel .slick-prev:after{
  position: absolute;
  content: '';
  width: 53px;
  height: 53px;
  bottom: -60px;
  left:0;
  border: 2px solid #6CD5E5;
  box-shadow: 0 6px 6px 0 rgba(203,212,222,0.35);
  background: #FFFFFF url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20Left%20Grey.svg');
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center center;
  z-index: 1;
  cursor: pointer;
  border-radius:50%;
}
  
.carousel ul.slick-dots{
  padding-left: 0;
  position: absolute;
  text-align: right;
  float: right;
  right: 20px;
  bottom: -60px;
}
  
.home-section3-cm {
    padding: 0px 0 80px;
    position:relative;
    z-index:1;
}
  
.home-section3-cm:after{
   position:absolute;
   right:0;
   top:30px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Squiggle%20%281%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:337px;
   height:206px;
   z-index:-1;
}
  

}


/***************** Home Section4 Cm *********************/

.home-section4-cm{
   padding:130px 0 160px;
   position:relative;
   z-index:1;
}

.home-section4-cm:after{
   position:absolute;
   right:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Unlock%20the%20power%20of%20noggin%20squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1035px;
   height:326px;
   z-index:-1;
}

.home-section4-cm .right-col *{
   color:#ffffff;
}

.home-section4-cm .cta-container{
   display:flex;
   margin-top:30px;
}

.home-section4-cm .cta-container .cta-2{
   padding-left:20px;
}

.home-section4-cm .heading-container h5{
   max-width:434px;
}

.home-section4-cm .right-col{
   padding-left:51px;
}

.home-section4-cm .content-wrapper>.row-fluid{
   display:flex;
   align-items:center;
}

.home-section4-cm .top-slant{
   position:absolute; 
   top:0;
}

.home-section4-cm .top-slant .slant-cont{
    border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    bottom: 1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: 40px;
}

.body-container--solution .home-section4-cm .top-slant .slant-cont{
   top: 40px;
   bottom:0;
}

.home-section4-cm .bottom-slant{
   position:absolute; 
   bottom:0;
}

.home-section4-cm .bottom-slant .slant-cont{
    border-top: 80px solid #FAFCFE;
    width: 0;
    height: 0;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

@media(max-width:1200px){

.home-section4-cm .right-col{
   padding-left:20px;  
}
  
.home-section4-cm .cta-container .sec_button a.cta_button{
    padding: 10.5px 31px 14.5px 21px; 
}
  
.home-section4-cm .cta-container .sec_button a.cta_button:after{
   right:20px;
}
}

@media(max-width:1024px){

.home-section4-cm .cta-container{
   display:block;
}
  
.home-section4-cm .cta-container .cta-2 {
    padding-left: 0;
    margin-top: 20px;
}
  
.home-section4-cm .cta-container a.cta_button{
   width:100%;
   box-sizing:border-box!important;
}
}

@media(max-width:767px){

.home-section4-cm .content-wrapper>.row-fluid{
   display:block;
}
  
.home-section4-cm{
   text-align:center;
}
  
.home-section4-cm .right-col {
    padding-left: 0;
    margin-top: 30px;
}
  
.home-section4-cm .cta-container a.cta_button{
   width:auto;
}
  
.home-section4-cm .cta-container .sec_button a.cta_button {
    padding: 9.5px 43px 10.5px 24px;
}
  
.home-section4-cm .cta-container .cta-2 a.cta_button{
   padding: 9.5px 36px 8.5px 18px;  
}
  
.home-section4-cm .cta-container .cta-2{
   margin-top:13px;
}
  
.home-section4-cm .bottom-slant .slant-cont{
   border-right: 160vw solid transparent;   
}
  
.home-section4-cm .top-slant .slant-cont {
    border-right: 160vw solid transparent;
}
  
.home-section4-cm {
    padding: 130px 0 90px;
}
  
.home-section4-cm:after{
   top:-20px;
}
  
.home-section4-cm .heading-container h5{
   max-width:100%;
}
  

}



/************* Home Section5 Cm Styling ********************/

.home-section5-cm{
   padding:70px 0 60px;
  position:relative;
  z-index:1;
}

.home-section5-cm .mobile-testimonial{
   display:none!important;
}

.home-section5-cm .heading-container{
   text-align:center;
   margin-bottom:30px;
}

.home-section5-cm .testimonial-cm .cards{
  border-radius: 11px;
  background-color: #fff;
  box-shadow: 0 6px 26px 0 rgb(203 212 222 / 65%);
  padding: 34px 25px 38px;
  width: 18%;
  float: left;
  margin-right: 30px;
  box-sizing: border-box;
}

.home-section5-cm .testimonial-cm .cards .content p{
  font-size: 18px;
  font-style: italic;
  letter-spacing: -0.4px;
  line-height: 24px;
  color: #3C3B44;
}

.home-section5-cm .testimonial-cm .cards .content h5{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 24px;
  color: #3C3B44;
  margin-bottom:0;
  margin-top:25px;
}

.home-section5-cm .testimonial-cm .cards .star-image{
   margin-bottom:25px;
}

.home-section5-cm .testimonial-cm{
   align-items:end!important;
   padding-bottom:30px;
   padding-top:30px;
}

.home-section5-cm .logos-container ul{
   padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.home-section5-cm .logos-container ul li{
  list-style: none;
  padding-right: 0;
  width: 16.6%;
  float: left;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-section5-cm .logos-container{
   margin-top:60px;
}


@media(max-width:1200px){

.home-section5-cm .testimonial-cm .cards{
   width:25%;
}
}

@media(max-width:1024px){

.home-section5-cm {
    padding: 50px 0 20px;
}
  
.home-section5-cm .logos-container {
    margin-top: 10px;
}
  
.home-section5-cm .logos-container ul li{
   width:24.6%;
}
  
.home-section5-cm .testimonial-cm .cards{
  width:39%;
}
}


@media(max-width:767px){

.home-section5-cm .mobile-testimonial{
   display:block!important;
}
  
.home-section5-cm .desktop-testimonial{
   display:none!important;
}
  
.mobile-testimonial-slider .slick-slide:focus{
  outline:0;
}

.mobile-testimonial-slider{
  position:relative;
  z-index:1;
}

.mobile-testimonial-slider .slick-next:after{
  position: absolute;
  content: '';
  width: 53px;
  height: 53px;
  bottom: -60px;
  left:55%;
  border: 2px solid #6CD5E5;
  box-shadow: 0 6px 6px 0 rgba(203,212,222,0.35);
  background: #FFFFFF url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20Right%20Grey.svg');
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center center;
  z-index: 1;
  cursor: pointer;
  border-radius:50%;
}

.mobile-testimonial-slider .slick-prev:after{
  position: absolute;
  content: '';
  width: 53px;
  height: 53px;
  bottom: -60px;
  left:35%;
  border: 2px solid #6CD5E5;
  box-shadow: 0 6px 6px 0 rgba(203,212,222,0.35);
  background: #FFFFFF url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20Left%20Grey.svg');
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center center;
  z-index: 1;
  cursor: pointer;
  border-radius:50%;
}
  
.mobile-testimonial-slider .slick-track{
    padding:30px 0;
}
  
.home-section5-cm .testimonial-cm {
    padding: 0px 0px 0px;
}
  
.home-section5-cm .testimonial-cm .cards{
   margin:0px 20px;
}
  
.home-section5-cm .heading-container {
    margin-bottom: 0;
}
  
.home-section5-cm .logos-container {
    margin-top: 100px;
}
  
.home-section5-cm .logos-container ul li{
   width:48%;
   padding-right:20px;
   margin-bottom:20px;
}
  
.home-section5-cm .logos-container ul li:nth-child(2n){
   padding-right:0;
}
  
.home-section5-cm .logos-container ul li img{
   width:100%!important;
   height:auto;
}
  
.home-section5-cm {
    padding: 40px 0 20px;
}
  


}

/*************** Latest Resources Cm Styling ****************/

.latest-resources-cm{
   padding:104px 0 103px;
   z-index:1;
   position:relative;
}

.latest-resources-cm:before{
   position:absolute;
   right:0;
   top:80px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Knowledge%20Centre%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:797px;
   height:266px;
   z-index:-1;
}

.latest-resources-cm .heading-container{
   margin-bottom:55px;
}

.latest-resources-cm .recent-post-section{
   display:flex;
   flex-wrap:wrap;
}

.latest-resources-cm .recent-post-section .post-item-cont{
   width:48%;
   margin-right:4%;
   transition:0.4s all ease-in;
   border-bottom: 2px solid #F2F2F3;
   padding-bottom:10px;
}

.latest-resources-cm .recent-post-section .post-item-cont:nth-child(2n){
   margin-right:0;
}

.latest-resources-cm .recent-post-section .hs-featured-image-wrapper{
   height:243px;
   border-radius:8px;
   margin-bottom:20px;
}

.latest-resources-cm .recent-post-section .topic-container .blog-post__tag-link{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  text-align: center;
  color: #0069bd;
  border: 1px solid #0069bd;
  border-radius: 18px;
  background-color: #ecf4fa;
  padding: 4px 10px;
  display: inline-block;
  margin-bottom: 11px;
  margin-right: 6px;
}

.latest-resources-cm .recent-post-section .text-container h4{
   font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.49px;
  line-height: 29px;
  margin-bottom:23px;
}

.latest-resources-cm .recent-post-section .text-container h4 strong{
   font-weight:500;
}

.latest-resources-cm .recent-post-section .bottom-row{
   display:flex;
   justify-content:space-between;
   margin-top:40px;
}

.latest-resources-cm .recent-post-section .date{
   font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 26px;
  color: #828288;
}

.latest-resources-cm .recent-post-section .post-item-cont:hover .underline {
    border-bottom:2px solid #EA0052;
}

.latest-resources-cm .recent-post-section .post-item-cont:hover .cta-text{
   color: #EA0052;
   text-decoration:underline;
}

.latest-resources-cm .right-col span>.hs_cos_wrapper{
   border-radius: 8px;
  background-color: #FFFFFF;
  padding:33.5px 29.5px 30px;
  margin-bottom:33px;
  transition:0.4s all ease-in;
  border: 2px solid #F2F2F3;
}

.latest-resources-cm .right-col span>.hs_cos_wrapper:hover{
   box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
}

.latest-resources-cm .right-col span>.hs_cos_wrapper h6{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  text-align: center;
  color: #81BA32;
  border: 1px solid #8DC63F;
  border-radius: 18px;
  background-color: #F8FCF4;
  text-transform:inherit;
  display:inline-block;
  padding:4px 13px;
}

.latest-resources-cm .right-col span>.hs_cos_wrapper h4{
   font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.49px;
  line-height: 29px;
}

.latest-resources-cm .right-col span>.hs_cos_wrapper .cta-text{
   margin-top:10px;
}

.latest-resources-cm .right-col span>.hs_cos_wrapper:hover .cta-text{
   color: #EA0052;
   text-decoration:underline;
}

.latest-resources-cm .right-col{
   margin-top:39px;
}

@media(max-width:1024px){

.latest-resources-cm {
    padding: 64px 0 53px;
}
  
.latest-resources-cm .heading-container {
    margin-bottom: 35px;
}

.latest-resources-cm .recent-post-section .bottom-row .cta-text:after{
   right:-11px;  
}
  
.latest-resources-cm .right-col span>.hs_cos_wrapper {
    padding: 33.5px 19.5px 24px;
    margin-bottom: 30px;
}
}


@media(max-width:767px){

.latest-resources-cm .recent-post-section .post-item-cont{
   width:100%;
   margin-right:0;
   margin-bottom:35px;
}
  
.latest-resources-cm .recent-post-section .hs-featured-image-wrapper {
    height: 205px;
}
  
.latest-resources-cm .recent-post-section .text-container h4 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 15px;
}
  
.latest-resources-cm .recent-post-section .date {
    font-size: 16px;
}
  
.latest-resources-cm .right-col span>.hs_cos_wrapper h4 {
    font-size: 19px;
    line-height: 28px;
}
  
.latest-resources-cm .right-col span>.hs_cos_wrapper .cta-text {
    margin-top: 0;
}
  
.latest-resources-cm .right-col {
    margin-top: 0;
}
  
.latest-resources-cm .right-col span>.hs_cos_wrapper {
    padding: 25.5px 19.5px 24px;
    margin-bottom:26px;
}
  
.latest-resources-cm .right-col span>.hs_cos_wrapper h6{
   background:#8DC63F;
   color:#ffffff;
   border:1px solid #8DC63F;
}
  
.latest-resources-cm {
    padding: 64px 0 40px;
}
 
.latest-resources-cm:before{
   position:absolute;
   right:0;
   top:130px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Squiggle%20%282%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:221px;
   height:122px;
   z-index:-1;
}
}



/************** Request Demo CTA CM Styling *******************/


.body-container--manifesto .request-demo-cta-cm{
   background-color: #FAFCFE;
   height:400px;
}

.request-demo-cta-cm .content-wrapper>.row-fluid{
  background-color: #1F134C;
  box-shadow: 0 14px 26px 0 rgba(31,19,76,0.29);
  padding:58px 103px 58px; 
  border-radius:8px;
  position:relative;
  z-index:1;
  display:block;
  float:left;
  margin-bottom:96px;
}

.request-demo-cta-cm .content-wrapper>.row-fluid:after{
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Go%20Ahead%20Squiggle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 1226px;
  height: 269px;
  z-index: -1;
}

.request-demo-cta-cm *{
   color:#ffffff;
}

.request-demo-cta-cm .content-wrapper>.row-fluid .right-col{
   position:relative;
}

.request-demo-cta-cm .content-wrapper>.row-fluid .right-col img{
  position: absolute;
  top: -99px;
  width: 289px !important;
  right: 10px;
}

.request-demo-cta-cm.short-height .content-wrapper>.row-fluid .right-col img{
   width:245px!important;
}

.request-demo-cta-cm.short-height .content-wrapper>.row-fluid:after{
   height:209px;
}

@media(max-width:1200px){

.request-demo-cta-cm .content-wrapper>.row-fluid{
   padding: 58px 73px 58px; 
}
  

}

@media(max-width:1150px){

.request-demo-cta-cm .content-wrapper>.row-fluid{
   padding: 58px 23px 58px; 
}
  
.request-demo-cta-cm .left-col h3{
   font-size:33px;
}
}

@media(max-width:1024px){


.request-demo-cta-cm .content-wrapper>.row-fluid .right-col img{
   top:40px;
}
  
.request-demo-cta-cm .content-wrapper>.row-fluid{
   margin-bottom:76px;
   overflow:hidden;
}
}

@media(max-width:767px){

.request-demo-cta-cm .left-col h3{
  font-size: 27px;
  letter-spacing: -0.6px;
  line-height: 36px;
}
  
.request-demo-cta-cm .content-wrapper>.row-fluid {
    padding: 32px 20px 0px;
    text-align:center;
     overflow:hidden;
    margin-bottom: 75px;
}
  
.request-demo-cta-cm .content-wrapper>.row-fluid .right-col img {
   top: 50px;
    position: relative;
    right: 0;
}
  
.request-demo-cta-cm .content-wrapper>.row-fluid .right-col {
    position: relative;
    max-width: 180px;
    margin: -16px auto 0;
    float: none;
}
  
.body-container--solution .request-demo-cta-cm .content-wrapper>.row-fluid{
    margin-bottom:0;
}
  
.body-container-product .request-demo-cta-cm .content-wrapper>.row-fluid{
   margin-bottom:70px;
}
}




/*===============================================================
          Solution Page Styling 
================================================================*/


@media(min-width:2000px){

body .row-fluid .solution-banner-cm .right-col{
    /*position: relative;
    right: 0;
    width: 35%;
    top: 66px;*/
      width: 36%;
    right: 172px;
}
  
body .row-fluid .solution-banner-cm .left-col{
   width: 62.358974%;  
}
}

.solution-banner-cm .bottom-slant .slant-cont{
   bottom:0;
   top:-80px;
}

@media(min-width:1600px){

body .solution-banner-cm .right-col {
    position: absolute;
    right: -5%;
    width: 41%;
    top: 66px;
}
}
.solution-banner-cm{
   padding:86px 0 85px;
   position:relative;
   z-index:1;
}
.solution-banner-cm .inner-page h1{
  max-width: 858px;
}

.solution-banner-cm:before{
   position:absolute;
   right:0;
   top:120px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Solution%20Single.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:758px;
   height:323px;
   z-index:-1;
}

.solution-banner-cm .cta-container{
   margin-top:45px;
}

.solution-banner-cm .right-col{
  position: absolute;
  right: -14%;
  width: 45%;
  top: 66px;
  max-width: 660px;
}

.solution-banner-cm .right-col img{
   /*box-shadow: inset 0 0 2px 0 #DCE1E3, 0 11px 11px 0 rgba(82,83,85,0.11), 0 19px 20px 0 #C7C7CD;*/
   border-radius: 0 0 7px 7px;
}

@media(max-width:1250px){

.solution-banner-cm .left-col{
   width: 69.309392%;
   padding-right: 40px;  
}
}

@media(max-width:1024px){

.solution-banner-cm .right-col{
   right: -14%;
    width: 51%;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;  
}
}


@media(max-width:767px){

.solution-banner-cm .left-col{
   width:100%;
   padding-right:0;
}
  
.solution-banner-cm{
   padding: 66px 0 265px;
}
  
.solution-banner-cm .cta-container {
    margin-top: 30px;
}
  
.solution-banner-cm:before {
    top: auto;
    width: 100%;
    height: 150px;
    bottom: -90px;
}
  
.solution-banner-cm .right-col {
    right: -20px;
    width: 100%;
    top: auto;
    bottom: 0;
}
  
.solution-banner-cm .right-col img{
   max-width: 380px!important; 
}
}


/************** Solution Two Col Content Cm Styling ******************/


.solution-two-col-content-cm{
   padding:87px 0 45px;
}

.solution-two-col-content-cm .heading-container{
   max-width:1133px;
   margin-bottom:64px;
}

.solution-two-col-content-cm .two-col-container span{
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
}

.solution-two-col-content-cm .two-col-container span>.hs_cos_wrapper{
   width:48%;
   margin-right:2%;
   margin-bottom:37px;
}

.solution-two-col-content-cm .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.solution-two-col-content-cm .two-col-container .icon img{
   max-width:40px!important;
}

.solution-two-col-content-cm .two-col-container .icon{
   margin-bottom:10px;
}

@media(max-width:1024px){

.solution-two-col-content-cm{
   padding: 67px 0 15px;  
}
}

@media(max-width:767px){

.solution-two-col-content-cm {
    padding: 97px 0 5px;
}
  
.solution-two-col-content-cm .two-col-container span>.hs_cos_wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 17px;
}
  
.solution-two-col-content-cm .heading-container {
    margin-bottom: 35px;
}
}

/***************** Image Video Reversible Cm Styling ******************/

.image-video-reversible-cm{
   position:relative;
   z-index:1;
}

.image-video-reversible-cm .top-slant{
   position:absolute;
   top:0;
}

.body-container--industry .image-video-reversible-cm .top-slant .slant-cont{
   bottom: 1px;
   transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: -77px;
}

.body-container--industry .image-video-reversible-cm{
   z-index:1;
}

.body-container--industry .image-video-reversible-cm .bottom-slant .slant-cont {
    border-top: 80px solid #ffffff;
    bottom: -80px;
    transform: rotate(0deg);
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    z-index: 1;
}

.image-video-reversible-cm .top-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: 1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: 40px;
}

.image-video-reversible-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.image-video-reversible-cm .bottom-slant .slant-cont{
   border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.image-video-reversible-cm.align-left .squiggle{
   left:0;
}

.image-video-reversible-cm .squiggle{
   position:absolute;
   bottom:70px;
   z-index:-1;
}

.image-video-reversible-cm .heading-container{
   text-align:center;
   max-width:815px;
   margin:0 auto 60px;
   float:none;
}

.image-video-reversible-cm .two-col-container{
   display:flex;
   flex-wrap:wrap;
   align-items:center;
}

.image-video-reversible-cm .two-col-container .left-col{
   width:50%;
   padding-right:50px;
   position:relative;
   top:-40px;
}

.image-video-reversible-cm .two-col-container .image-container img{
   /*box-shadow: inset 0 0 2px 0 #DCE1E3, 0 10px 10px 0 rgba(82,83,85,0.11), 0 16px 17px 0 #C7C7CD;*/
   border-radius: 0 0 5.94px 5.94px;
}

.image-video-reversible-cm .two-col-container .left-col.choose-video .image-container{
   display:none;
}

.image-video-reversible-cm .two-col-container .left-col.choose-image .video-container{
   display:none;
}

.image-video-reversible-cm .two-col-container .right-col{
   width:50%;
}

.image-video-reversible-cm .two-col-container .right-col h4{
   margin-bottom:10px;
}

.image-video-reversible-cm .two-col-container .right-col span>.hs_cos_wrapper{
   margin-bottom:30px;
}

.image-video-reversible-cm .two-col-container.column-reverse{
   flex-direction:row-reverse;
}

.image-video-reversible-cm .two-col-container.column-reverse .left-col{
   padding-right:0;
   padding-left:50px;
}

.image-video-reversible-cm.align-right .squiggle{
   right:0;
   bottom:110px;
}


@media(max-width:1024px){

.image-video-reversible-cm.align-left .squiggle {
    width: 50%;
    bottom: auto;
    top: 50%;
}
  
.image-video-reversible-cm.align-right .squiggle {
    right: 0;
    bottom: auto;
    top: 50%;
    width: 60%;
}
  
.row-fluid-wrapper.row-depth-1.row-number-5.dnd-row .image-video-reversible-cm{
    padding-top: 50px!important;
    padding-bottom: 15px!important; 
}
  
.row-fluid-wrapper.row-depth-1.row-number-6.dnd-row .image-video-reversible-cm{
    padding-top: 50px!important;
    padding-bottom: 54px!important; 
}
  
.row-fluid-wrapper.row-depth-1.row-number-9.dnd-row .image-video-reversible-cm{
    padding-top: 60px!important;
    padding-bottom: 24px!important; 
}
  
.row-fluid-wrapper.row-depth-1.row-number-10.dnd-row .image-video-reversible-cm{
    padding-top: 43px!important;
    padding-bottom: 24px!important; 
}
  
.row-fluid-wrapper.row-depth-1.row-number-11.dnd-row .image-video-reversible-cm{
    padding-top: 114px!important;
    padding-bottom: 105px!important; 
}
  
.row-fluid-wrapper.row-depth-1.row-number-12.dnd-row .image-video-reversible-cm{
    padding-top: 54px!important;
    padding-bottom: 60px!important; 
}
}

@media(max-width:767px){

.image-video-reversible-cm .two-col-container{
   display:block;
}
  
.image-video-reversible-cm .two-col-container .left-col {
    width: 100%;
    padding-right: 0;
    position: relative;
    top: 0;
}
  
.image-video-reversible-cm .two-col-container .right-col {
    width: 100%;
    margin-top: 40px;
}
  
.image-video-reversible-cm .heading-container{
  margin: 0 auto 30px;
}
  
.image-video-reversible-cm.align-left .squiggle {
    width: 90%;
    bottom: auto;
    top: 20%;
}
  
.image-video-reversible-cm .two-col-container.column-reverse .left-col {
    padding-right: 0;
    padding-left: 0;
}
  
.image-video-reversible-cm.align-right .squiggle {
    right: 0;
    bottom: auto;
    top: 20%;
    width: 100%;
}
  
.row-fluid-wrapper.row-depth-1.row-number-4.dnd-row .image-video-reversible-cm{
   padding-top: 114px!important;
   padding-bottom: 74px!important;  
}
  
.row-fluid-wrapper.row-depth-1.row-number-5.dnd-row .image-video-reversible-cm {
    padding-top: 40px !important;
    padding-bottom: 15px !important;
}
  
.row-fluid-wrapper.row-depth-1.row-number-6.dnd-row .image-video-reversible-cm {
    padding-top: 30px !important;
    padding-bottom: 4px !important;
}
  
.row-fluid-wrapper.row-depth-1.row-number-8.dnd-row .image-video-reversible-cm {
    padding-top: 32px !important;
    padding-bottom: 76px !important;
}
  
.row-fluid-wrapper.row-depth-1.row-number-9.dnd-row .image-video-reversible-cm {
    padding-top: 60px !important;
    padding-bottom: 14px !important;
}
  
.row-fluid-wrapper.row-depth-1.row-number-10.dnd-row .image-video-reversible-cm {
    padding-top: 43px !important;
    padding-bottom: 14px !important;
}
  
.row-fluid-wrapper.row-depth-1.row-number-12.dnd-row .image-video-reversible-cm {
    padding-top: 34px !important;
    padding-bottom: 40px !important;
}
}

/****************** Features Hubdb Cm Styling ******************/

.body-container--platform .features-hubdb-cm{
   overflow:hidden;
}

.features-hubdb-cm{
   padding:96px 0 127px;
   position:relative;
   z-index:1;
}

.features-hubdb-cm:after{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:-380px;
   content:'';
   z-index:-2;
   width:100%;
   height:auto;
}

.features-hubdb-cm:before{
  position: absolute;
  right: 0;
  top: -120px;
  content: '';
  background: url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Features%20Squiggle.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 946px;
  height: 414px;
  z-index: -1;
}

.features-hubdb-cm .heading-container{
   text-align:center;
   max-width:815px;
   margin:0 auto 40px;
   float:none;
}

.features-hubdb-cm .tabber-section ul{
   padding-left:0;
   text-align:center;
   border-bottom: 2px solid rgb(183,183,183,39%);
   margin-bottom: 34px;
   margin-top: 5px;
}

.features-hubdb-cm .tabber-section ul li{
  display:inline-block;
  list-style:none;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.44px;
  line-height: 32px;
  color: #3C3B44;
  padding-right:50px;
  position:relative;
  cursor:pointer;
}

.features-hubdb-cm .tabber-section ul li.active h5{
   color: #EA0052;
   font-weight:500;
}

.features-hubdb-cm .tabber-section ul li.active:after{
  position: absolute;
  left: 0;
  right: 50px;
  bottom: -1px;
  content: '';
  background: #ea0052;
  width: auto;
  height: 5px;
}

.features-hubdb-cm .tabber-section ul li:last-child.active:after{
   right:0;
}

.features-hubdb-cm .tabber-section ul li:last-child{
   padding-right:0;
}

.features-hubdb-cm .card-listing .tabber-text.event1{
   display:block;
}

.features-hubdb-cm .tabber-container{
  border: 2px solid #F2F2F3;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 30px 29px 15px;
}

.features-hubdb-cm .card-listing{
  display: flex;
  flex-wrap: wrap;
  margin-right: -1%;
}

.features-hubdb-cm .card-listing .tabber-text{
  width: 24%;
  margin-right: 1%;
  border: 2px solid #f2f2f3;
  border-radius: 8px;
  background-color: #fff;
  padding: 18px 19px 19px;
  margin-bottom: 16px;
  transition:0.3s all ease-in;
  position:relative;
}

.features-hubdb-cm .card-listing .tabber-text:hover{
   background-color: #EEF2F6;
   transition:0.3s all ease-in;
}

.features-hubdb-cm .card-listing .card-item .inner-container{
   display:flex;
   align-items:center;
}

.features-hubdb-cm .card-listing .card-item .inner-container .icon img{ 
   width:100%;
   max-width:35px!important;
}

.features-hubdb-cm .card-listing .card-item .inner-container .heading h5{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 25px;
  margin-bottom:0;
}

.features-hubdb-cm .card-listing .card-item .inner-container .heading{
   padding-left:14px;
}

.features-hubdb-cm .tabber-section .mobile-dropdown{
   display:none;
}

.features-hubdb-cm .card-listing .tabber-text .link-cont{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
}

.features-hubdb-cm .card-listing .tabber-text a[href=""]{
   display:none;
}


@media(max-width:1024px){

.features-hubdb-cm .card-listing .tabber-text{
   width: 32.3%;  
}
  
.features-hubdb-cm .card-listing .card-item .inner-container .heading h5{
   font-size:16px;
}
  
.features-hubdb-cm .tabber-section ul li{
   margin-bottom:30px;
}
  
.features-hubdb-cm:before {
    top: -190px;
    width: 90%;
    height: 414px;
}
  
.features-hubdb-cm {
    padding: 96px 0 87px;
}
}


@media(max-width:767px){

.features-hubdb-cm .card-listing .tabber-text {
    margin-right: 0;
    width: 100%;
}
  
.features-hubdb-cm ul li:not(.init) {
    display: none;
}
  
.features-hubdb-cm ul { 
    height: 100%;
    width: 100%;
    border: 2px solid rgb(183,183,183,39%);
    display: block;
    justify-content: end;
    padding: 10px 15px!important;
    text-align: left!important;
}
  
.features-hubdb-cm .tabber-section ul li { 
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  padding: 0;
  display:block;
  width:100%;
  padding-bottom:10px;
}
  
.features-hubdb-cm ul li h5{
   margin-bottom:0;
}
.features-hubdb-cm ul li:not(.init) {
  float: left;
  display: none;
}

.features-hubdb-cm ul li.init { 
  cursor: pointer;
  display:block!important;
  padding-bottom:0;
}
  
.features-hubdb-cm ul li:nth-child(2){
   margin-top:15px;
}
  
.features-hubdb-cm .tabber-section .mobile-dropdown{
   display:block;
   width: 100%;
   float: left;
}
  
.features-hubdb-cm .tabber-section .desktop-cont{
   display:none;
}
  
.features-hubdb-cm .tabber-container {
    padding: 30px 20px 15px;
}
  
.features-hubdb-cm ul li.init{
   position:relative;
}
  
.features-hubdb-cm ul li.init:before{
    position: absolute;
    right: 0;
    top: 5px;
    content: '';
    background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Button%20Arrow%20Red.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 10px;
    height: 15px;
    transform: rotate(90deg);
}
  
.features-hubdb-cm .tabber-section ul li.active:after{
   display:none;
}
  
.features-hubdb-cm:before {
    top: -110px;
    width: 160%;
    height: 274px;
}
  
.features-hubdb-cm {
    padding: 96px 0 67px;
}

}




/*==================================================================
     Product Feature Page Styling 
==================================================================*/


/************** Product Feature Banner Styling ********************/

.product-feature-banner{
   padding:74px 0 81px;
   position:relative;
   z-index:1;
}

.product-feature-banner:before{
   position:absolute;
   left:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Banner%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:435px;
   height:392px;
   z-index:-1;
}

.product-feature-banner .overlay{
   position:absolute;
   left:0;
   right:0;
   top:0;
   content:'';
   width:100%;
   height:516px;
   z-index:-1;
}

.product-feature-banner .heading-container{
   text-align:center;
   margin-bottom:90px;
}

.product-feature-banner .heading-container p{
   max-width:603px;
   margin:0 auto 20px;
   float:none;
}

.product-feature-banner .icon{
  text-align:center;
  max-width:67px;
  margin:0 auto 30px;
  float:none;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
  padding:13px 13px;
  box-sizing:border-box;
  height:67px;
}

.product-feature-banner .icon img{
   max-width:40px!important;
}

.product-feature-banner .split-list ul{
  float: left;
  width:50%;
  display:flex;
  flex-wrap:wrap;
}

.product-feature-banner .split-list ul li{
   list-style:none;
   position:relative;
}

.product-feature-banner .split-list ul li:before{
  position: absolute;
  left: -25px;
  top: 15px;
  content: '';
  background: #3c3b44;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.product-feature-banner .split-list{
   display: flex;
}

.product-feature-banner .bottom-slant{
   position:absolute;
   bottom:0;
}

.product-feature-banner .bottom-slant .slant-cont{
    border-top: 80px solid #fafcfe;
    width: 0;
    height: 0;
    bottom: 158px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: 80px;
}

@media(max-width:1024px){

.product-feature-banner .split-list ul{
   padding-left:0;
   padding-right:20px;
}
  
.product-feature-banner .heading-container {
    margin-bottom: 60px;
}
}

@media(max-width:767px){

.product-feature-banner .split-list ul{
   width:100%;
   float:none; 
   display:block;
   padding-right:0;
}
  
.product-feature-banner .split-list {
    display: block;
}
  
.product-feature-banner .split-list ul li:before{
   top:12px;
}
  
.product-feature-banner .heading-container {
    margin-bottom: 40px;
}
}




/*==============================================================
        Platform Page Styling 
===============================================================*/


/***************** Platform Banner Styling *********************/


.platform-banner-cm{
   position:relative;
   z-index:1;
}

.platform-banner-cm:before{
   position:absolute;
   right:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Platform%20Banner%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1316px;
   height:631px;
   z-index:-1;
}

.platform-banner-cm .content-wrapper{
   max-width:1100px;
}

.platform-banner-cm *{
   color:#ffffff;
}

.platform-banner-cm{
   padding:66px 0 0;
}

.platform-banner-cm .heading-container{
   text-align:center;
}

.platform-banner-cm .heading-container p{
   max-width:603px;
   margin:0 auto 45px;
   float:none;
}


@media(max-width:1024px){

.platform-banner-cm .image-container{
   max-width: 650px;
   margin: 0px auto 0;  
}
}



/*************** Platform Section1 Styling ********************/


@media(min-width:1800px){

body .platform-section1 .left-col {
    width: 43%;
    left: 0%;
    /*width: 55%;
    left: -13%;*/
}
}

.platform-section1{
  padding:42px 0 87px;
  position:relative;
  z-index: 1;
  background: #ffffff;
}

.platform-section1:before{
   position:absolute;
   right:0;
   top:50px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Intro%20Squiggle%20%281%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:816px;
   height:360px;
   z-index:-1;
}

.platform-section1 .heading-container{
   max-width:1028px;
   margin-bottom:70px;
}

.platform-section1 .heading-container p{
   max-width:922px;
}

.platform-section1 .right-col .two-col-container span{
   display:flex;
   flex-wrap:wrap;
}

.platform-section1 .right-col .two-col-container span>.hs_cos_wrapper{
   width:48%;
   margin-right:4%;
   margin-bottom:30px;
}

.platform-section1 .right-col .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.platform-section1 .right-col .two-col-container .icon img{
  max-width:39px!important;
}

.platform-section1 .right-col .two-col-container .icon{
   margin-bottom:10px;
}

.platform-section1 .right-col .two-col-container .content-heading h4{
   margin-bottom:10px;
}

.platform-section1 .left-col{
   position:absolute;
   left:0;
   box-shadow: inset 0 0 3px 0 #dce1e3, 0 18px 18px 0 rgb(82 83 85 / 11%), 0 30px 31px 0 #c7c7cd;
   border-radius: 0 11.2px 11.2px 0px;
   width: 74%;
   left: -34%;
}

.platform-section1 .right-col{
   float:right;
}

.platform-section1 .top-slant{
   position:absolute;
   top:0;
}

.platform-section1 .top-slant .slant-cont{
    border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
    top: -78px;
}


@media(max-width:1024px){
.platform-section1 {
    padding: 42px 0 47px;
}

}

@media(max-width:767px){

.platform-section1 .top-slant .slant-cont{
  top: -80px;   
}
  
.platform-section1 {
    padding: 22px 0 27px;
}
  
.platform-section1 .left-col{
   width:100%;
   left:0;
   margin-bottom:40px;
   position:relative;
}
  
.platform-section1 .right-col .two-col-container span>.hs_cos_wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
  
.platform-section1 .heading-container {
    margin-bottom: 50px;
}
  
.platform-section1:before {
    width: 426px;
    height: 190px;
}
}


/**************** Simple CTA Cm Styling ********************/

.simple-cta-cm *{
   color:#ffffff;
}

.simple-cta-cm{
   padding-bottom:50px;
   position:relative;
   z-index:2;
}

.simple-cta-cm .content-wrapper>.row-fluid{
  padding: 50px 52px 43px;
  display: flex;
  align-items: center;
  position:relative;
  z-index:1;
  overflow:hidden;
}

.simple-cta-cm .content-wrapper>.row-fluid:after{
   position:absolute;
   right:0;
   top:-90px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Take%20Noggin%20for%20a%20spin%20Squiggle%20%281%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:695px;
   height:257px;
   z-index:-1;
}

.simple-cta-cm .left-col h2{
   margin-bottom: 10px;
}

.simple-cta-cm .right-col{
   text-align:right;
}

@media(max-width:1024px){

.simple-cta-cm .content-wrapper>.row-fluid{
    padding: 50px 32px 43px; 
}
  
.simple-cta-cm .content-wrapper>.row-fluid .left-col{
   width: 66.309392%;  
}
  
.simple-cta-cm .content-wrapper>.row-fluid .right-col{
   width: 36.928177%;  
}
  
}

@media(max-width:767px){

.simple-cta-cm .content-wrapper>.row-fluid .left-col {
    width: 100%;
}
  
.simple-cta-cm .content-wrapper>.row-fluid .right-col {
    width: 100%;
    text-align: center;
}
  
.simple-cta-cm .content-wrapper>.row-fluid {
    padding: 40px 32px 43px;
    display: block;
    text-align: center;
}
 
}


/**************** Image or Video Section Styling *****************/

.img-video-main-cont{
   padding:54px 0 10px;
   position:relative;
   z-index:1;
}

.img-video-main-cont:before{
  position:absolute;
  left:0;
  right:0;
  top:-170px;
  bottom:0;
  content:'';
  transform: rotate(180deg);
  background: linear-gradient(180deg, rgba(252,252,255,0) 0%, #F7F9FB 100%);
  width:100%;
  height:auto;
  z-index:-1;
}

.img-video-main-cont:after{
   position:absolute;
   right:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Intro%20Squiggle%20%282%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:816px;
   height:360px;
   z-index:-1;
}

.image-or-video-cm{
   padding:60px 0 40px;
}

.image-or-video-cm .video-section .cover {
    width: 100%;
    position: relative;
}

.image-or-video-cm .video-section .video-desktop {
    min-height: 310px;
}

.image-or-video-cm .video-section .play-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 43%;
    margin: 0 auto;
    text-align: center;
}

.image-or-video-cm .video-section video {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.image-or-video-cm .two-col-container .left-col{
   padding-right:0;
}

.image-or-video-cm .two-col-container .right-col{
   padding-right:50px;
}

.image-or-video-cm .two-col-container.column-reverse .right-col{
   padding-right:0;
   padding-left:50px;
}

.image-or-video-cm .two-col-container.column-reverse .left-col{
   padding-left:0;
}

.image-or-video-cm .two-col-container .right-col .cm-container{
   max-width:500px;
   margin:0 auto;
   float:none;
}


@media(max-width:1024px){

.img-video-main-cont{
    padding: 4px 0 10px; 
}
  
.image-or-video-cm {
    padding: 40px 0 0px;
}
}

@media(max-width:767px){

.image-or-video-cm .two-col-container .right-col {
    padding-right: 0;
}
  
.image-or-video-cm {
    padding: 0 0 40px;
}
  
.image-or-video-cm .two-col-container.column-reverse .right-col {
    padding-right: 0;
    padding-left: 0;
}
  
.image-or-video-cm .two-col-container .right-col .cm-container{
   max-width:100%;
}
}



/*************** Platform Content Image Cm Styling ****************/


@media(min-width:1500px){

body .platform-content-image-cm .right-col{
  right: 0;
  width: 48.618784527%;
}
}

.platform-content-image-cm{
   padding:127px 0 90px;
   position:relative;
   z-index:1;
   overflow:hidden;
}

.platform-content-image-cm .top-slant{
   position:absolute;
   top:0;
   z-index:1;
}

.platform-content-image-cm .top-slant .slant-cont{
    border-top: 80px solid #FFFFFF;
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
    top: 0px;
}

.platform-content-image-cm .bottom-slant{
   position:absolute;
   bottom:0; 
   z-index:1;
}

.platform-content-image-cm .bottom-slant .slant-cont{
    border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
    top: -80px;
}

.platform-content-image-cm .text-container{
   margin-bottom:60px;
}

.platform-content-image-cm .left-col{
   padding-right:80px;
}

.platform-content-image-cm .right-col{
   position: absolute;
    right: -20%;
    /*top: -300px;*/
    width: 70%;
}
  


@media(max-width:1024px){

.platform-content-image-cm .left-col {
    padding-right: 0;
}
  
.platform-content-image-cm {
    padding: 127px 0 60px;
}
  
.platform-content-image-cm .text-container {
    margin-bottom: 40px;
}
}

@media(max-width:767px){

.platform-content-image-cm {
    padding: 107px 0 100px;
}
  
.platform-content-image-cm .right-col {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
}



/*************** Image Or Video Reversible Cm ******************/


.img-vid-reverse-cm .heading-container{
   margin-bottom:80px;
}

.img-vid-reverse-cm:after{
   display:none;
}

.img-vid-reverse-cm{
   position:relative;
   z-index:1;
   padding: 24px 0 60px;
}

.img-vid-reverse-cm:before{
   position:absolute;
   left:0;
   top:100px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Take%20Noggin%20for%20a%20spin%20Squiggle%20%281%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:695px;
   height:257px;
   z-index:-1;
}

.img-vid-reverse-cm:after{
   position:absolute;
   right:0;
   bottom:-130px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Intro%20Squiggle%20%281%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:816px;
   height:360px;
   z-index:-1;
   display:block;
   top:auto;
}


@media(max-width:1024px){

.img-vid-reverse-cm .heading-container {
    margin-bottom: 10px;
}
}

@media(max-width:767px){

.img-vid-reverse-cm .two-col-container .right-col {
    width: 100%;
    margin-top: 10px;
}
  
.img-vid-reverse-cm {
    padding: 24px 0 40px;
}
}


/**************** Safety and Security Cm ******************/

@media(min-width:1880px){

.safety-and-security-cm .right-col{
  right: -22%;
}
}

.safety-and-security-cm{
   padding:101px 0 110px;
   position:relative;
}

.safety-and-security-cm *{
   color:#ffffff;
}

.safety-and-security-cm .heading-container{
   margin-bottom:40px;
}

.safety-and-security-cm .two-col-container span{
   display:flex;
   flex-wrap:wrap;
}

.safety-and-security-cm .two-col-container span>.hs_cos_wrapper{
   width:48%;
   margin-right:4%;
   margin-bottom:30px;
}

.safety-and-security-cm .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.safety-and-security-cm .two-col-container span>.hs_cos_wrapper h4{
   margin-bottom:13px;
}

.safety-and-security-cm .text-container h4{
   margin-bottom:13px;
}

.safety-and-security-cm .right-col{
  position: absolute;
  right: -27%;
  width: 58%;
  top: 120px;
}

.safety-and-security-cm.extra-class .right-col{
   top: 150px;
}

.safety-and-security-cm .top-slant {
    position: absolute;
    top: 0;
}

.safety-and-security-cm .top-slant .slant-cont {
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
    top: -1px;
}

.safety-and-security-cm .bottom-slant {
    position: absolute;
    bottom: 0;
    z-index:1;
}

.safety-and-security-cm .bottom-slant .slant-cont {
    border-top: 80px solid #FAFCFE;
    width: 0;
    height: 0;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
    top: -79px;
}

.safety-and-security-cm .cta-container{
   margin-top:40px;
}

.safety-and-security-cm .cta-container a.cta_button:after{
   display:none;
}

.safety-and-security-cm .cta-container a.cta_button{
   padding: 12.5px 35px 12.5px 35px;
}

.safety-and-security-cm.extra-class .bottom-slant{
   display:none;
}

.safety-and-security-cm.extra-class{
   padding: 101px 0 60px;
   overflow:hidden;
}

@media(max-width:767px){

.safety-and-security-cm .two-col-container span>.hs_cos_wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}
  
.safety-and-security-cm .right-col {
    position: relative;
    right: 0;
    width: 100%;
    top: 0;
    margin-top: 40px;
}
  
.safety-and-security-cm.extra-class .right-col {
    top: 20px;
}
}



/*==================================================================
         Industry Solution Page 
===================================================================*/


/**************** Industry Banner Cm **********************/

.industry-banner-cm{
   padding:85px 0 102px;
   position:relative;
   z-index:1;
}

.industry-banner-cm .image-container{
   position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70%;
    z-index: -1;
}

.industry-banner-cm .top-slant{
   position: absolute;
   bottom: 0;
}

.industry-banner-cm .top-slant .slant-cont{
  border-top: 80px solid #fff;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  bottom: 1px;
  transform: rotate( 180deg);
  margin: auto;
  border-left: 0vw solid transparent;
  border-right: 100vw solid transparent;
  top: -77px;
}

.industry-banner-cm:after{
  position: absolute;
  right: 0;
  bottom: -100px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Industry%20Solution%20Squiggle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 622px;
  height: 371px;
  z-index: 0;
}

.industry-banner-cm .overlay{
  position: absolute;
  right: 0;
  left: 0;
  content: '';
  width: 100%;
  height: auto;
  z-index: -1;
  top: 0;
  bottom: 0;
}

.industry-banner-cm *{
   color:#ffffff;
}

.industry-banner-cm .description{
   max-width:816px;
}

@media(max-width:1024px){

.industry-banner-cm:after {
    bottom: -100px;
    width: 382px;
    height: 261px;
}
}


@media(max-width:767px){

.industry-banner-cm:before{
  width: 100%;
  left:0;
  right:0;
  top:0;
  bottom:0;
  position:absolute;
  content:'';
  background:#1F134C;
  z-index:-1;
}
  
.industry-banner-cm .image-container{
   z-index:-2;
}
  
.industry-banner-cm {
    padding: 65px 0 92px;
}
  
.body-container--industry .row-fluid-wrapper.row-depth-1.row-number-4.dnd-row .image-video-reversible-cm {
    padding-top: 64px !important;
    padding-bottom: 4px !important;
}
}



/*=============================================================
        Integration Page Styling 
==============================================================*/

/************ Integration Filter Cm Styling ********************/


.integration-filter-cm{
   padding:86px 0 98px;
   position:relative;
   z-index:1;
}

.integration-filter-cm:before{
  position: absolute;
  left: -70px;
  top: 50px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Integrations%20Banner%20Squiggle.svg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 604px;
  height: 432px;
  z-index: -1;
}

.integration-filter-cm .heading-container{
   text-align:center;
   margin-bottom:100px;
}

.integration-filter-cm .heading-container p{
   max-width:815px;
   margin:0 auto 20px;
   float:none;
}

.integration-filter-cm .overlay{
   position:absolute;
   left:0;
   right:0;
   top:0;
   content:'';
   background: linear-gradient(180deg, #ECEFF1 0%, rgba(252,252,255,0) 100%);
   width:100%;
   height:516px;
   z-index:-1;
}

.integration-filter-cm .left-col h5{
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  position:relative;
  padding-bottom:10px;
  padding-left:12px;
  margin-bottom:10px;
}

.integration-filter-cm .left-col h5:after{
   position:absolute;
   left:0;
   right:0;
   bottom:0;
   content:'';
   background:#F2F2F3;
   width:auto;
   height:2px;
}

.integration-filter-cm .left-col .filter-button-group ul li{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  list-style:none;
  margin-left:0;
  margin-bottom:0px;
  padding:8px 13px 8px;
  cursor:pointer;
}

.integration-filter-cm .left-col .filter-button-group ul li.active{
   background-color: #EEF2F6;
   border-radius: 8px;
}

.integration-filter-cm .left-col .filter-button-group ul{
   padding-left:0;
}

.integration-filter-cm .right-col .card-listing{
   display:flex;
   flex-wrap:wrap;
   margin-left:-2%;
   justify-content:flex-start;
}

.integration-filter-cm .right-col .card-listing .grid-item{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  width:30%;
  margin-right:3%;
  padding:16px 22px 55px;
  margin-bottom:32px;
  display:flex;
  justify-content:flex-start;
  cursor:pointer;
}

.integration-filter-cm .right-col .card-listing .grid-item:hover{
   box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
   transition:0.3s all ease-in;
}

.integration-filter-cm .right-col .card-listing .grid-item:hover .cta-text{
   color:#EA0052;
   text-decoration:underline;
}

.integration-filter-cm .right-col .card-listing .grid-item .logo img{
   max-width:154px;
   height:auto;
}

.integration-filter-cm .right-col .card-listing .grid-item .logo{
  min-height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 7px;
}

.integration-filter-cm .left-col{
   padding-right:10px;
}

.integration-filter-cm .right-col .card-listing .grid-item .link-container{
   position:absolute;
   bottom:20px;
}

.integration-filter-cm .form-container .form-heading{
   text-align:center;
   margin-bottom:30px;
}

.integration-filter-cm .form-container .form-heading h3{
   margin-bottom:10px;
   font-weight:500;
}

.integration-filter-cm .form-container form .actions{
   text-align:center;
}

.integration-filter-cm .left-col .mobile-list{
   display:none;
}

.integration-filter-cm .modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 120px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(31,19,76,92%);
    overflow:hidden;
    overflow-y:scroll;
}

/* Modal Content */
.integration-filter-cm .modal-content {
    position: relative;
    background-color: #ffffff;
    margin: auto;
    width: 100%;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    max-width: 605px;
    padding: 22px 32.5px;
    border-radius: 8px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from { opacity:0} 
    to { opacity:1}
}

@keyframes animatetop {
    from { opacity:0}
    to { opacity:1}
}

/* The Close Button */
.integration-filter-cm .close {
  color: #ffffff;
  float: right;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  position: absolute;
  right: 40px;
  top: 40px;
}

.integration-filter-cm .close img{
     vertical-align:middle;
     position: relative;
      top: -2px;
      padding-right: 2px;
}

body.open-popup{
   overflow:hidden;
}

.integration-filter-cm .popUpBtn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media(max-width:1270px){


.integration-filter-cm .right-col .card-listing .grid-item .description{
   min-height:230px;
}

}


@media(max-width:767px){

.integration-filter-cm .modal{
   overflow-y:scroll;
   padding: 90px 20px 50px;
}
  
.integration-filter-cm .modal-content{
   padding:22px 20px;
}
}



@media(max-width:1024px){

.integration-filter-cm .right-col .card-listing .grid-item{
   width:47%;
}
  
.integration-filter-cm .right-col .card-listing .grid-item .description{
     min-height:220px;
  }
}


@media(max-width:767px){
 
  
.integration-filter-cm {
    padding: 66px 0 60px;
}
  
.integration-filter-cm .left-col .filter-button-group ul li.active{
   background-color: transparent;
   border-radius: 0px;
}
  
.integration-filter-cm .right-col .card-listing .grid-item {
    width: 100%;
    margin-right: 0;
    margin-bottom:20px;
    padding: 26px 22px 25px;
}
  
.integration-filter-cm .right-col .card-listing .grid-item .description {
    min-height: auto;
}
  
.integration-filter-cm .right-col .card-listing .grid-item .logo {
    min-height: auto;
    margin-bottom: 17px;
    margin-top: 3px;
}
  
.integration-filter-cm .heading-container {
    margin-bottom: 50px;
}
  
.integration-filter-cm .select li {
  display: none;
  cursor: pointer;
  padding: 5px 10px;
  border-top: 1px solid #D9E2EB;
  min-width: 150px;
}

.integration-filter-cm .select li:first-child {
  display: block;
  border-top: 0px;
}

.integration-filter-cm .select {
  border: 1px solid #D9E2EB;
  display: inline-block;
  padding: 0;
  border-radius: 4px;
  position: relative;
  width:100%;
  background:#ffffff;
}

.integration-filter-cm .select.open li {
  display: block;
}

.integration-filter-cm .left-col .mobile-list{
   display:block;
   margin-top:15px;
}
  
.integration-filter-cm .left-col .desktop-list{
   display:none;
}
  
.integration-filter-cm .left-col .filter-button-group ul li:hover{
   background:transparent;
   border-radius:0;
}
  
.integration-filter-cm .left-col {
    padding-right: 0;
}
  
.integration-filter-cm .select:before {
  position: absolute;
  top: 16px;
  right: 15px;
  content: "";
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/down-arrow-of-angle.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center center;
  width: 15px;
  height: 13px; 
}
  
.integration-filter-cm .right-col .card-listing .grid-item .link-container{
   position:relative;
   bottom:0;
}
  
  
}


/*==========================================================
       Request Demo Page Styling 
===========================================================*/


.request-demo-cm{
   position:relative;
   border-bottom:6px solid #EA0052;
   border-top: 1px solid #F2F2F3;
}

.request-demo-cm>.row-fluid{
   display:flex;
}

.request-demo-cm .left-col{
  background: #180e3d;
  top: 0;
  bottom: 0;
  padding: 72px 40px 114px 0px;
  width: 34.2%;
}

.request-demo-cm .right-col{
  float: right;
  padding: 98px 0 102px;
  width: 65.8%;
  margin-left: 0;
  display:flex;
  justify-content:center;
  align-items:center;
}

.request-demo-cm .form-container{
   max-width:600px;
   margin:0 auto;
   float:none;
}

.request-demo-cm .form-container .form-heading{
   text-align:center;
   margin-bottom:25px;
}

.request-demo-cm .form-container .form-heading h3{
   margin-bottom:10px;
}

.request-demo-cm .left-col *{
   color:#ffffff;
}

.request-demo-cm .left-col .blockquote p strong{
   font-weight:500;
}

.request-demo-cm .left-col .quote p{
   font-style:italic;
}

.request-demo-cm .left-col .image-container{
  margin-bottom: 26px;
  position: relative;
  left: 0;
  max-width: 560px;
}

.request-demo-cm .left-col .star-image{
   margin-bottom:20px;
}

.request-demo-cm .left-col .blockquote{
   padding:0 10px 0 79px;
}

@media(max-width:1300px){

.request-demo-cm .left-col .blockquote {
    padding: 0 10px 0 35px;
}
}

@media(max-width:1024px){

.request-demo-cm .right-col {
    padding: 98px 40px 102px;
}
}

@media(max-width:767px){

.request-demo-cm>.row-fluid{
   display:flex;
   flex-direction:column-reverse;
}

.request-demo-cm .left-col{
   width:100%;
   padding: 52px 20px 44px 0px;
}
  
.request-demo-cm .right-col{
   width:100%;
   padding: 58px 30px 72px;
}
  
.request-demo-cm .left-col .blockquote {
    padding: 0 10px 0 25px;
}
  
.request-demo-cm .left-col .image-container {
    margin-bottom: 10px;
    max-width: 500px;
}
}



/*=====================================================
           Resources Page Styling 
=======================================================*/


/*************** Resources Banner Styling *******************/


.resources-banner-cm{
   padding:92px 0 50px;
}

.resources-banner-cm .overlay{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:160px;
   content:'';
   z-index:-1;
   width:100%;
   height:auto;
}

.resources-banner-cm .heading-container{
   margin-bottom:58px;
}

.resources-banner-cm .heading-container p{
   font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
}

.resources-banner-cm .cm-container{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:33px 32px 37px;
  box-sizing:border-box;
}

.resources-banner-cm .cm-container>.row-fluid{
   display:flex;
   align-items:center;
}

.resources-banner-cm .cm-container .left-col{
  border-radius:13px;
  height: 363px;
  max-width: 546px;
  width: 47.717949%;
}

.resources-banner-cm .cm-container .right-col{
   width: 49.717949%;
   padding-left: 10px;
}

.resources-banner-cm .cm-container .right-col .tag{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  text-align: center;
  color: #81BA32;
  border: 1px solid #8DC63F;
  border-radius: 18px;
  background-color: #F8FCF4;
  display: inline-block;
  padding: 4px 12px;
  margin-bottom:20px;
}

.resources-banner-cm .cm-container .content-heading h2{
   font-size: 41px;
  font-weight: 500;
  letter-spacing: -0.91px;
  line-height: 49px;
}

.resources-banner-cm .cm-container .cta-container{
   margin-top:20px;
}

.resources-banner-cm .cm-container .cta-container a{
   color:#3C3B44;
   transition:0.3s all ease-in;
}

.resources-banner-cm .cm-container .cta-container a:hover{
   color: #ea0052;
}

@media(max-width:1024px){

.resources-banner-cm .cm-container .left-col{
   height: 293px;  
}
  
.resources-banner-cm .cm-container .content-heading h2 {
    font-size: 32px;
    line-height: 43px;
}
  
.resources-banner-cm .heading-container {
    max-width: 580px;
    margin: 0 auto 40px;
}
  
.resources-banner-cm {
    padding: 62px 0 30px;
}
}

@media(max-width:767px){

.resources-banner-cm .cm-container>.row-fluid{
   display:block;  
}
  
.resources-banner-cm .cm-container .left-col {
    height: 223px;
    width: 100%;
}
  
.resources-banner-cm .cm-container .right-col {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
}
  
.resources-banner-cm .cm-container {
    padding: 20px 20px 27px;
}
  
.resources-banner-cm .cm-container .content-heading h2 {
    font-size: 28px;
    line-height: 36px;
}
  
.resources-banner-cm .cm-container .cta-container {
    margin-top: 10px;
}
}


/************ Filter Resources Cm Styling *****************/


.filter-resources-cm{
   padding:35px 0 110px;
}

.filter-resources-cm .filter-label-container{
   text-align:center;
   margin-bottom:35px;
}

.filter-resources-cm .filter-label-container .second-label{
   margin-right: 14px;
}

.filter-resources-cm .filter-label-container select{
  border: 1.28px solid #D9E2EB;
  border-radius: 25px;
  background-color: #FFFFFF;
  width:288px;
  height:50px;
  border-radius:25px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 25px;
  padding:12px 16px;
  appearance:none;
  -webkit-appearance:none;
  background: #fff url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/down-arrow-of-angle.png);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 93%;
  cursor:pointer;
  margin-right:30px;
}

.filter-resources-cm .search-container input{
   border: 1.28px solid #D9E2EB;
  border-radius: 25px;
  background-color: #FFFFFF;
  width:288px;
  height:50px;
  border-radius:25px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 25px;
  padding:12px 16px;
  cursor:pointer;
}

.filter-resources-cm .container{
   display:flex;
   justify-content:center;
}

.filter-resources-cm .search-container input:focus{
   outline:none;
}

.filter-resources-cm .search-container{
   float: left;
}

.filter-resources-cm .filter-label-container{
   display: flex;
   justify-content: center;
}

.filter-resources-cm .filter-label-container label{
   margin-right:30px;
   float:left;
}

.filter-resources-cm .filter-label-container .button--reset{
  background:transparent;
  color: #6F6F75;
  font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 23px;
  border-radius:0;
  box-shadow:none;
  padding:0;
  border:none;
}

.filter-resources-cm .filter-label-container .button--reset:after{
   display:none;
}

.filter-resources-cm .filter-label-container select:focus{
   outline:none;
}

.filter-resources-cm .grid{
   display:flex;
   flex-wrap:wrap;
   margin-right:-2.3%;
   height:100%!important;
}

.filter-resources-cm .grid .element-item{
  width:31%;
  margin-right:2.3%;
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:31px 30px 55px;
  box-sizing:border-box;
  float:left;
  margin-bottom:35px;
  transition:0.3s all ease-in;
  transform: none!important;
  left: 0!important;
  top: 0!important;
  position:relative!important;
}

.filter-resources-cm .grid .element-item .link-container{
   position: absolute;
   bottom: 27px;
}

.filter-resources-cm .grid .element-item:hover{
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
}

.filter-resources-cm .grid .element-item:hover .cta-text{
   color: #EA0052;
   text-decoration:underline;
}

.filter-resources-cm .grid .element-item .image-container{
   height:223px;
   border-radius:8px;
   margin-bottom:29px;
}

.filter-resources-cm .grid .element-item .image-container img{
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
}

.filter-resources-cm .grid .element-item .tag{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  color: #81BA32;
  text-align: center;
  border: 1px solid #8DC63F;
  border-radius: 18px;
  background-color: #F8FCF4;
  padding:4.5px 14px;
  display:inline-block;
  margin-bottom:14.5px;
}

.filter-resources-cm .grid .element-item .content-heading h4{
   font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.49px;
  line-height: 29px;
}

@media(max-width:1024px){

.filter-resources-cm .grid .element-item .image-container{
   height: 153px;  
}
  
.filter-resources-cm .grid .element-item .content-heading h4 {
    font-size: 20px;
    line-height: 27px;
}
  
.filter-resources-cm .grid .element-item{
   padding: 21px 20px 75px;  
}
  
.filter-resources-cm .filter-label-container label {
    margin-right: 20px;
}
  
.filter-resources-cm {
    padding: 35px 0 50px;
}
}


@media(max-width:767px){

.filter-resources-cm .filter-label-container label {
    margin-right: 0;
    margin-bottom: 15px;
    display: block;
}
  
.filter-resources-cm .filter-label-container select{
   width:100%;
}
  
.filter-resources-cm .filter-label-container .second-label {
    margin-right: 0px;
}
  
.filter-resources-cm .filter-label-container .button--reset{
   margin-top:10px;
   font-size:22px;
}
  
.filter-resources-cm .grid .element-item{
   width:100%;
   margin-right:0;
}
  
.filter-resources-cm .grid{
   margin-right:0;
}
  
.filter-resources-cm .grid .element-item .content-heading h4{
   height:auto!important;
}
  
.filter-resources-cm .grid .element-item .image-container {
    height: 203px;
}
  
.filter-resources-cm .grid .element-item .link-container{
   margin-top: 20px;  
}
  
.filter-resources-cm {
    padding: 35px 0 30px;
}
  
.filter-resources-cm .filter-label-container{
   display:block;
   margin-bottom: 10px;
}
  
.filter-resources-cm .search-container {
    float: none;
}
  
.filter-resources-cm .container{
   display:block;
   margin-bottom:35px;
}
  
.filter-resources-cm .filter-label-container .ui-group{
   margin-bottom:10px;
}
  
.filter-resources-cm .search-container input{
   width:100%!important;
}
}


/*========================================================
         Resource Download Page Styling 
==========================================================*/


/**************** Resource Download Banner **********************/

.resource-download-banner{
   padding:69px 0 287px;
   position:relative;
   z-index:1;
}

.resource-download-banner .overlay{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  content:'';
  z-index:-1;
  width:100%;
  height:auto;
}

.resource-download-banner .heading-container{
   max-width:962px;
   margin:0 auto;
   float:none;
}

.resource-download-banner .logo{
   margin-bottom:33px;
}

.resource-download-banner .bottom-slant{
   position:absolute;
   bottom:0;
}

.resource-download-banner .bottom-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
}

.resource-download-banner.move-down{
   padding-bottom:178px;
}


@media(max-width:1024px){

.resource-download-banner {
    padding: 69px 0 257px;
}
  
.resource-download-form-cm .right-col .form-container {
    padding: 29px 24px 41px;
}
}

@media(max-width:767px){

.resource-download-banner {
    padding: 69px 0 227px;
}
}

/*************** Resource Download Form Cm Styling *****************/


.resource-download-form-cm{
   margin-top:-210px;
   position:relative;
   z-index:2;
   padding-bottom:124px;
}

.resource-download-form-cm.move-down{
   margin-top:0px;
}

.resource-download-form-cm.move-down .form-container{
   margin-top:-120px;
}

.resource-download-form-cm:before{
   position:absolute;
   left:0;
   top:150px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Resource%20feature%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   width:674px;
   height:224px;
   z-index:-1;
}

.resource-download-form-cm.move-down:before{
   top:-190px;
}

.resource-download-form-cm .right-col .form-container{
  border: 1px solid #EA0052;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
  padding:29px 34px 41px;
}

.resource-download-form-cm .right-col .form-container form .actions{
   margin-top:10px;
}

.resource-download-form-cm .left-col{
   padding-right:40px;
}

body .container-fluid .row-fluid .resource-download-form-cm .right-col .form-container form input[type="checkbox"]{
   top:0;
}

.resource-download-form-cm .left-col .image-container{
   margin-bottom:20px;
}


@media(max-width:1200px){

.resource-download-form-cm .left-col {
    padding-right: 20px;
}
}

@media(max-width:1024px){

.resource-download-form-cm:before{
   top: 0;
}
  
.resource-download-form-cm {
    padding-bottom: 74px;
}

}

@media(max-width:767px){
 
.resource-download-form-cm .left-col {
    padding-right: 0;
}
  
.resource-download-form-cm .right-col{
   margin-top:40px;
}
  
.resource-download-form-cm .right-col .form-container {
    padding: 29px 20px 41px;
}
  
.resource-download-form-cm .right-col .form-container{
   margin-top:0px;
}
}


/******************* Footer Lp Cm Styling ******************/


.footer-lp-cm{
   background-color: #180E3D;
   padding:28px 0 28px;
}

.footer-lp-cm .content-wrapper>.row-fluid{
   display:flex;
   align-items:center;
}

.footer-lp-cm .right-col{
   text-align:right;
}

.footer-lp-cm .right-col p{
   margin-bottom:0;
   color:#ffffff;
   opacity:0.64;
}


@media(max-width:767px){

.footer-lp-cm .content-wrapper>.row-fluid {
    display: block;
    text-align:center;
}
  
.footer-lp-cm .right-col {
    text-align: center;
    margin-top: 20px;
}
}



/*=======================================================
             Contact Page Styling 
=========================================================*/


/************* Contact Banner Styling ******************/


.contact-banner-cm{
   padding:63px 0 125px;
   position:relative;
   z-index:1;
}

.contact-banner-cm:before{
   position:absolute;
   bottom:-100px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Contact%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1437px;
   height:601px;
   z-index:0;
}

.contact-banner-cm .bottom-slant{
   position:absolute;
   bottom:0;
   z-index:-1;
}

.contact-banner-cm .bottom-slant .slant-cont{
  border-top: 80px solid #fff;
  width: 0;
  height: 0;
  bottom: -1px;
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  transform: rotate(180deg);
  margin: auto;
  border-right: 0vw solid transparent;
  border-left: 100vw solid transparent;
}

.contact-banner-cm .right-col .form-container{
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
  padding:38px 34px 43px;
  box-sizing:border-box;
  position: absolute;
  left: 0;
  right: 0;
}

.contact-banner-cm .left-col .text-container p{
   max-width:499px;
}

.contact-banner-cm .left-col{
   padding-right:20px;
}

body .container-fluid .row-fluid .contact-banner-cm form input[type="checkbox"]{
   top:1px;
}

.contact-banner-cm .right-col{
   position:relative;
}

@media(max-width:1200px){

.contact-banner-cm {
    padding: 53px 0 105px;
}
}

@media(max-width:1024px){

.contact-banner-cm .right-col .form-container {
    padding: 38px 20px 43px;
}
}

@media(max-width:767px){

.contact-banner-cm .right-col .form-container {
    padding: 38px 20px 43px;
    position:relative;
}
  
.contact-banner-cm .right-col {
    margin-top: 40px;
}
  
.contact-banner-cm:before {
    bottom: -40px;
    width: 807px;
    height: 341px;
}
  
.contact-banner-cm .bottom-slant .slant-cont{
   display:none;
}
  
.contact-banner-cm {
    padding: 53px 0 65px;
}
  
.contact-banner-cm .left-col .text-container p {
    max-width: 100%;
}
}

/************** Contact Details Cm *****************/


.contact-details-cm{
   padding:10px 0 50px;
   position: relative;
   z-index: 0;
}

.contact-details-cm ul li a{
   color: #3C3B44;
  font-size: 20.8px;
  font-weight: 500;
  letter-spacing: -0.46px;
  line-height: 27.2px;
  display:flex;
  align-items:center;
}

.contact-details-cm ul li a span.icon{
   padding-right:10px;
   max-width:49px;
}

.contact-details-cm ul li a span.icon img{
   vertical-align:middle;
}

.contact-details-cm ul li{
   list-style:none;
   margin-bottom:6px;
}

.contact-details-cm ul{
   padding-left:0;
}

@media(max-width:767px){

.contact-details-cm {
    padding: 50px 0 30px;
}
}

/************************* FAQ CM Styling ********************/

.faq-cm{
   padding:170px 0 150px;
   position:relative;
   z-index:0;
}

.faq-cm:before{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   content:'';
   background: linear-gradient(180deg, rgba(252,252,255,0) 0%, #F7F9FB 100%);
   width:100%;
   height:auto;
   z-index:-1;
   transform: rotate(180deg);
}

.faq-cm .accordion_group{
   border-bottom: 2px solid #F2F2F3;
   padding:20px 0 20px;
   cursor:pointer;
}

.faq-cm .accordion_group:last-child{
   border-bottom:none;
}

.faq-cm .accordion_group .accordion_header h4{
   margin-bottom:0;
   padding-left:28px;
   position:relative;
}

.faq-cm .accordion_group .accordion_header h4:before{
   position:absolute;
   left:0;
   top:8px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Accordian%20Arrow.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:14px;
   height:19px;
}

.faq-cm .accordion_content{
   padding-top:20px;
   padding-left:30px;
}

.faq-cm .right-col{
   padding-left: 20px;
}

@media(max-width:1200px){
 
.faq-cm {
    padding: 90px 0 110px;
}
  
.faq-cm .right-col {
    padding-left: 0;
}
}

@media(max-width:1024px){

.faq-cm {
    padding: 90px 0 70px;
}
}

@media(max-width:767px){

.faq-cm {
    padding: 70px 0 40px;
}
}


/****************** Support Banner Cm Styling ******************/


.support-banner-cm{
   padding:92px 0 140px;
   position:relative;
   z-index:1;
}

.support-banner-cm:before{
   position:absolute;
   right:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Support%20Banner%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1400px;
   height:388px;
   z-index:-1;
}

.support-banner-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.support-banner-cm .bottom-slant .slant-cont{
  border-top: 80px solid #fff;
  width: 0;
  height: 0;
  bottom: -1px;
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  transform: rotate(180deg);
  margin: auto;
  border-right: 0vw solid transparent;
  border-left: 100vw solid transparent;
}

@media(max-width:1024px){

.support-banner-cm {
    padding: 72px 0 120px;
}
}

@media(max-width:767px){

.support-banner-cm .bottom-slant .slant-cont{
   display:none;
}
  
.support-banner-cm {
    padding: 62px 0 40px;
}
  
.support-banner-cm:before {
    top: auto;
    width: 400px;
    height: 208px;
    bottom: 0;
}
}


/***************** Support Contact Details Cm *******************/


.support-contact-detail-cm{
    padding: 10px 0 98px;
} 

.support-contact-detail-cm .right-col .email-group a{
  font-size: 20.8px;
  font-weight: 500;
  letter-spacing: -0.46px;
  line-height: 27.2px;
  color: #EA0052;
  text-decoration:underline;
}

.support-contact-detail-cm .right-col .email-group h5{
   margin-bottom:4px;
}

.support-contact-detail-cm .right-col .email-group{
   margin-bottom:33px;
}

.support-contact-detail-cm .right-col{
   position:relative;
   padding-left:100px;
}

.support-contact-detail-cm .left-col{
   position:relative;
}

.support-contact-detail-cm .left-col:before{
  position: absolute;
  right: -10px;
  top: -20px;
  bottom: 0;
  content: '';
  background: #f2f2f3;
  width: 2px;
  height: auto;
}

.support-contact-detail-cm .heading{
   margin-bottom: 30px;
}

.support-contact-detail-cm .bottom-row{
   background-color: #1F134C;
   padding:26px 60px 31px;
   display:flex;
   align-items:center;
   border-left:10px solid #EA0052;
   margin-top:68px;
}

.support-contact-detail-cm .bottom-row *{
   color:#ffffff;
}

.support-contact-detail-cm .bottom-row .right-column{
   text-align:right;
}

.support-contact-detail-cm .bottom-row h3{
   margin-bottom:0;
   max-width:704px;
}

@media(max-width:1100px){

.support-contact-detail-cm .left-col:before{
   right: -40px;
}
}


@media(max-width:1024px){

.support-contact-detail-cm .bottom-row {
    padding: 26px 30px 31px;
   margin-top:48px;
}
  
.support-contact-detail-cm .bottom-row .right-column {
    width: 42.491713%;
}
  
.support-contact-detail-cm .bottom-row .left-column{
   width: 58.745856%;
}
  
.support-contact-detail-cm {
    padding: 10px 0 78px;
}
}

@media(max-width:767px){

.support-contact-detail-cm {
    padding: 50px 0 68px;
}
  
.support-contact-detail-cm .right-col {
    padding-left: 0;
    margin-top: 30px;
}
  
.support-contact-detail-cm .heading {
    margin-bottom: 10px;
}
  
.support-contact-detail-cm .left-col:before{
   display:none;
}
  
.support-contact-detail-cm .bottom-row {
    padding: 26px 20px 31px;
    margin-top: 28px;
    display: block;
}
  
.support-contact-detail-cm .bottom-row .left-column {
    width: 100%;
    margin-bottom: 30px;
    text-align:center;
}
  
.support-contact-detail-cm .bottom-row .right-column {
    width: 100%;
    text-align: center;
}
}




/*============================================================
              Career Page Styling 
==============================================================*/



.career-banner-cm{
   padding:89px 0 88px;
   position:relative;
   z-index:1;
}

.career-banner-cm:after{
   position:absolute;
   right:0;
   bottom:-200px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Video%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:930px;
   height:479px;
   z-index:-1;
}

.career-banner-cm .overlay{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   content:'';
   z-index:-1;
   width:100%;
   height:auto;
}

.career-banner-cm .video-section .cover {
    width: 100%;
    position: relative;
}

.career-banner-cm .video-section .video-desktop {
    min-height: 340px;
}

.career-banner-cm .video-section .play-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 43%;
    margin: 0 auto;
    text-align: center;
}

.career-banner-cm .left-col p{
   max-width:488px;
}

.career-banner-cm .video-section video {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.career-banner-cm .cta-container{
   margin-top:35px;
}


@media(max-width:1024px){

.career-banner-cm:after {
    bottom: -100px;
    width: 650px;
    height: 349px;
}
  
.career-banner-cm {
    padding: 69px 0 48px;
}
}

@media(max-width:767px){

.career-banner-cm {
    padding: 49px 0 28px;
}
  
.career-banner-cm .left-col{
   margin-bottom:40px;
}
  
.career-banner-cm .video-section .video-desktop {
    min-height: 290px;
}
  
.career-banner-cm .video-section .play-icon {
    top: 40%;
    max-width: 60px;
}
  
.career-banner-cm:after {
    width: 520px;
    height: 249px;
}
}

/******************* Career Popup Video Cm ********************/


.fancybox-slide>*{
   background:transparent!important;
}


.fancybox-content {
    width: 800px!important;
    height: 600px;
    max-width: 80%;
    max-height: 80%;
    margin: 0 auto;
}
.fancybox-content iframe{
    width: 100%;
    max-width: 1120px;
    height: 500px!important;
    position: relative;
    top: 110px;
  	border:0;
}

.fancybox-container {
    background: #000000a8;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 92;
}
.fancybox-container:focus {
    outline: none;
}

.fancybox-container button.fancybox-button.fancybox-close-small {
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 0px;
}

.fancybox-container .fancybox-navigation {
    display: none;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button {
    background: #000;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-video{
   width:100%!important;
   height:100%!important;
}

.fancybox-button:focus{
	outline:none;
}

.fancybox-toolbar.compensate-for-scrollbar {
    display: none;
}

body.page.fancybox-active {
    margin-right: 0;
}

.fancybox-button svg path {
    fill: #fff;
}

.fancybox-infobar{
   display:none!important;
}

.fancybox-container button.fancybox-button{
    position: absolute;
    top: 0px;
    cursor: pointer;
    right: 0px;
}

.fancybox-inner{
   display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.career-popup-video-cm{
   padding:53px 0 86px;
   margin-left:0!important;
}

.career-popup-video-cm .right-col{
   padding-left:40px;
}

.career-popup-video-cm .video-container .video-text{
   display:flex;
   align-items:center;
   margin-top:30px;
}

.career-popup-video-cm .video-container .video-text .text{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3C3B44;
  padding-left:13px;
}

.career-popup-video-cm .video-container .video-text .play-icon img{
   max-width:36px!important;
   height:36px;
   vertical-align:middle;
   position:relative;
   top:3px;
}


@media(max-width:1024px){

.career-popup-video-cm .right-col {
    padding-left: 20px;
}
  
.career-popup-video-cm {
    padding: 43px 0 60px;
}
}

@media(max-width:767px){

.career-popup-video-cm .right-col {
    padding-left: 0;
    margin-top: 30px;
}
  
.career-popup-video-cm {
    padding: 33px 0 40px;
}
}

/***************** Full Width Image Cm *********************/

.full-width-image-cm{
   height:401px;
   position:relative;
   z-index:2;
}

@media(max-width:1024px){

.full-width-image-cm {
    height: 350px;
}
}

@media(max-width:767px){

.full-width-image-cm {
    height: 220px;
}
}


/********************* Our Teams Tabber Cm Styling ********************/


.our-teams-tabber-cm{
   padding:89px 0 60px;
   position:relative;
   z-index:1;
}

.our-teams-tabber-cm .overlay{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 130px;
  content: '';
  z-index: -2;
  width: 100%;
  height: auto;
}

.our-teams-tabber-cm:before{
   position:absolute;
   right:0;
   top:-180px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Our%20Teams%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:2070px;
   height:508px;
   z-index:-1;
}

.our-teams-tabber-cm .heading-container{
   text-align:center;
   margin-bottom:40px;
}

.our-teams-tabber-cm .heading-container *{
   color:#ffffff;
}

.our-teams-tabber-cm .tabber-container>.row-fluid{
   display:flex;
}

.our-teams-tabber-cm .tabber-container{
  border: 2px solid #E5E9EE;
  border-radius: 8px;
  background-color: #EEF2F6;
}

.our-teams-tabber-cm .tabber-container .left-col{
   background-color: #EEF2F6;
   width:32.3%;
   padding:14px 14px 14px;
}

.our-teams-tabber-cm .tabber-container .right-col{
   background:#ffffff;
   width:67.7%;
   margin-left:0;
   padding:45.5px 74px 93px;
}

.our-teams-tabber-cm .tabber-container .left-col li{
   list-style:none;
   background:#ffffff;
   border-radius:8px;
   margin-bottom:10px;
   padding:22px 17px 21px;
   position:relative;
   z-index:1;
   cursor:pointer;
}

.our-teams-tabber-cm .tabber-container .left-col li .inner-wrap{
   display:flex;
   align-items:center;
}

.our-teams-tabber-cm .tabber-container .left-col li.active:after{
   position:absolute;
   right:-20px;
   top:0;
   bottom:0;
   content:'';
   background:#ffffff;
   width:20px;
   height:auto;
   z-index:-1;
}

.our-teams-tabber-cm .tabber-container .left-col li:last-child{
   margin-bottom:0;
}

.our-teams-tabber-cm .tabber-container .left-col li a{
   display:flex; 
   width:100%;
   align-items:center;
}

.our-teams-tabber-cm .tabber-container .left-col li a img{
   max-width:40px!important;
}

.our-teams-tabber-cm .tabber-container .left-col li .tab-label{
   padding-left:20px;
}

.our-teams-tabber-cm .tabber-container .left-col li .tab-label h4{
   margin-bottom:0;
}

.our-teams-tabber-cm .tabber-container .left-col{
   margin-bottom:0;
   margin:0;
}

.our-teams-tabber-cm .tabber-container .right-col .icon-text-cont{
   display:flex;
   align-items:center;
   margin-bottom:33px;
}

.our-teams-tabber-cm .tabber-container .right-col .icon-text-cont img{
   max-width:58px!important;
   vertical-align:middle;
}

.our-teams-tabber-cm .tabber-container .right-col .icon-text-cont .tab-heading h3{
   margin-bottom:0;
}

.our-teams-tabber-cm .tabber-container .right-col .icon-text-cont .tab-heading{
   padding-left:20px;
}

.our-teams-tabber-cm .dropdown-wrapper{
   display:none;
}
  

@media(max-width:1200px){

.our-teams-tabber-cm .tabber-container .left-col{
   width: 35.3%;  
}
}

@media(max-width:1024px){

.our-teams-tabber-cm {
    padding: 69px 0 60px;
}
  
.our-teams-tabber-cm .tabber-container .left-col {
    width: 55.3%;
}
  
.our-teams-tabber-cm .tabber-container .right-col {
    padding: 35.5px 34px 23px;
}
  
.our-teams-tabber-cm:before {
    top: -180px;
    width: 720px;
    height: 458px;
}
}

@media(max-width:767px){

.our-teams-tabber-cm .tabber-container>.row-fluid {
    display: block;
}
  
.our-teams-tabber-cm .tabber-container .left-col {
  width: 100%;
  float: none;
  display: block;
  background:transparent;
}
  
.our-teams-tabber-cm .tabber-container .right-col {
    padding: 35.5px 20px 23px;
    width: 100%;
}
  
.our-teams-tabber-cm:before {
    top: -110px;
    width: 340px;
    height: 318px;
}
  
.our-teams-tabber-cm {
    padding: 59px 0 30px;
}
  
.our-teams-tabber-cm .dropdown-wrapper{
   display:block;
}
  
.our-teams-tabber-cm .desktop-tab{
   display:none;  
}
  
  
.our-teams-tabber-cm ul { 
    display: block;
    width: 100%;
    padding: 12px 20px 10px;
    cursor: pointer;
    border: 1px solid #e5e5eb;
    background-color: #fff;
    box-shadow: 0 6px 11px 0 rgb(200 203 216 / 31%);
    box-sizing: border-box;
    position: relative;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    min-height: 48px;
}
  
.our-teams-tabber-cm ul li{
  width:100%;  
}
  
.our-teams-tabber-cm .tabber-container .left-col li:not(.init) { float: left; display: none;  }
.our-teams-tabber-cm .tabber-container .left-col li.init { cursor: pointer;display:block;position:relative; }

.our-teams-tabber-cm .tabber-container .right-col{
   float:left;
}
  
.our-teams-tabber-cm .tabber-container .left-col li.active:after{
   display:none;
}
  
  .our-teams-tabber-cm .tabber-container .left-col li.init:before{
     position: absolute;
    right: 14px;
    top: 43px;
    content: '';
    background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/down-arrow-of-angle.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    width: 16px;
    height: 16px;
  }


}

/********************* Testimonial Cm Styling *************************/



.testimonial-slider .slick-slide:focus{
  outline:0;
}

.testimonial-slider .slick-initialized .slick-slide{
  display:block;
}

.testimonial-slider .slick-dots li.slick-active button:focus{
  outline:0;
}

.testimonial-slider .slick-dots li {
  margin: 0;
  display: inline-block;
  line-height:10px;
  margin-left:11px;
}

.testimonial-slider{
  position:relative;
  z-index:1;
}

.testimonial-slider .slick-next:after{
  position: absolute;
  content: '';
  width:53px;
  height: 53px;
  top: 44%;
  right: -105px;
  background: #ffffff url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20Right%20Grey.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center center;
  z-index: 1;
  cursor: pointer;
  border: 2px solid #6CD5E5;
  background-color: #FFFFFF;
  box-shadow: 0 6px 6px 0 rgba(203,212,222,0.35);
  border-radius:50%;
}

.testimonial-slider .slick-prev:after{
    position: absolute;
    content: '';
    width: 53px;
    height: 53px;
    top: 44%;
    left: -106px;
    background: #fff url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Arrow%20Right%20Grey.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center center;
    z-index: 1;
    cursor: pointer;
    border: 2px solid #6cd5e5;
    background-color: #fff;
    box-shadow: 0 6px 6px 0 rgb(203 212 222 / 35%);
    border-radius: 50%;
    transform: rotate(180deg);
}

.testimonial-slider .slick-prev:hover:after{
  background:#ffffff url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Blue%20Arrow.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center center;
  transform:rotate(180deg);
}

.testimonial-slider .slick-next:hover:after{
  background:#ffffff url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Blue%20Arrow.svg');
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center center;
}

.testimonial-cm .testimonial-container{
  border-radius: 0 8px 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
  padding:33px 78px 35px;
}

.testimonial-cm .heading-container{
   text-align:center;
   margin-bottom:41px;
}

.testimonial-cm .testimonial-container .left-col .image-container{
   height:265px;
   border-radius:8px;
   margin-bottom:21px;
}
.testimonial-cm{
   padding:47px 0 70px;
   position:relative;
   z-index:2;
}

.testimonial-cm .testimonial-container .left-col .info h3{
   color: #EA0052;
   margin-bottom:5px;
}

.testimonial-cm .testimonial-container .left-col .info h5{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 24px;
}

.testimonial-cm .testimonial-container .left-col{
   width:27%;
}

.testimonial-cm .testimonial-container .right-col{
   width:70.4%;
}

.testimonial-cm .testimonial-container .right-col .description{
   margin-top: 45px;
   position: relative;
}

.testimonial-cm .testimonial-container .right-col .description:before{
   position:absolute;
   top:-44px;
   content:'';
   left:0;
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Quote%20Icon.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:33px;
   height:26px;
}

@media(max-width:1200px){

.testimonial-cm .slick-slide {
    padding: 0 20px;
}
  
.testimonial-cm .testimonial-container .right-col {
    width: 70.2%;
}
  
.testimonial-cm .testimonial-container {
    padding: 33px 30px 35px;
}
}


@media(max-width:1024px){

.testimonial-cm {
    padding: 27px 0 100px;
}
  
.testimonial-cm .testimonial-container .right-col {
    width: 59.2%;
    padding-left: 20px;
}
  
.testimonial-cm .testimonial-container .left-col {
    width: 38%;
}
  
.testimonial-slider .slick-next:after {
    top: auto;
    right: 40%;
    bottom: -120px;
}
  
.testimonial-slider .slick-prev:after {
    top: auto;
    left: 40%;
    bottom: -123px;
}
}

@media(max-width:767px){

.testimonial-cm .testimonial-container .left-col {
    width: 100%;
}
  
.testimonial-cm .testimonial-container .right-col {
    width: 100%;
    padding-left: 0;
    margin-top:70px;
}
  
.testimonial-cm .slick-slide {
    padding: 0;
}
  
.testimonial-cm .testimonial-container {
    padding: 33px 20px 35px;
}
  
.testimonial-slider .slick-prev:after {
    left: 30%;
}
  
.testimonial-slider .slick-next:after {
    right: 30%;
}
}

/****************** How We Hire Cm *****************/


.how-we-hire-cm{
   padding:48px 0 172px;
   position:relative;
   z-index:1;
}

.how-we-hire-cm:before{
   position:absolute;
   left:0;
   top:-90px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/How%20We%20Hire%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:1166px;
   height:607px;
   z-index:-1;
}

.how-we-hire-cm .text-container p{
   max-width:711px;
   margin:0 auto 20px;
   float:none;
}

.how-we-hire-cm .cta-container{
   margin-top:30px;
}

.how-we-hire-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.how-we-hire-cm .bottom-slant .slant-cont{
  border-top: 80px solid #FAFCFE;
  width: 0;
  height: 0;
  bottom: -1px;
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  transform: rotate(180deg);
  margin: auto;
  border-right: 0vw solid transparent;
  border-left: 100vw solid transparent;
}

@media(max-width:1024px){
.how-we-hire-cm:before {
    top: -90px;
    width: 676px;
    height: 297px;
}
  
.how-we-hire-cm {
    padding: 48px 0 132px;
}
}

@media(max-width:767px){

.how-we-hire-cm:before {
    top: -100px;
    width: 376px;
    height: 147px;
}
  
.how-we-hire-cm {
    padding: 38px 0 122px;
}
}

/********************* Job Opportunities Cm Styling *********************/


.job-opportunities-cm{
   padding:59px 0 93px;
   position:relative;
   z-index:2;
}

.job-opportunities-cm .heading-container{
   margin-bottom:44px;
}

.job-opportunities-cm .card-listing{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  margin-bottom:21px;
  padding:24px 21px 25px;
}

.job-opportunities-cm .card-listing:empty{
   display:none;
}

.job-opportunities-cm .card-listing .card-item h3{
   display:none;
}

.job-opportunities-cm .card-listing .card-item:nth-child(1) h3{
   display:block;
   margin-bottom:30px;
}

.job-opportunities-cm .card-listing .card-item .col-heading p{
   display:none;
}

.job-opportunities-cm .card-listing .card-item:first-child .col-heading p{
   display:block;
   margin-bottom:3px;
}

.job-opportunities-cm .card-listing .card-item .col-heading{
   display:flex;
}

.job-opportunities-cm .card-listing .card-item .col-heading p{
   font-size: 15px;
  letter-spacing: -0.33px;
  line-height: 22px;
  color: #3C3B44;
}

.job-opportunities-cm .card-listing .card-item h4{
  font-size: 22px;
  letter-spacing: -0.49px;
  line-height: 27px;
  margin-bottom:0;
}

.job-opportunities-cm .card-listing .card-item .col-1{
   width:45%;
}

.job-opportunities-cm .card-listing .card-item .col-2{
   width:35%;
}

.job-opportunities-cm .card-listing .card-item .col-3{
   width:20%;
   text-align:right;
   display:flex;
   justify-content:flex-end;
} 

.job-opportunities-cm .card-listing .card-item .col-3 a{
   padding: 8.5px 34px 8.5px 21px;
}

.job-opportunities-cm .card-listing .card-item .col-3 a:after{
   right: 20px;
   top: 15px;
}

.job-opportunities-cm .card-listing .card-item .col-content{
   display:flex;
   align-items:center;
   border-bottom: 2px solid #F2F2F3;
   padding:7px 0 7px;
}

.job-opportunities-cm .card-listing .card-item .col-content .col-1{
   width:45%;
}

.job-opportunities-cm .card-listing .card-item .col-content .col-2{
   width:35%;
}

.job-opportunities-cm .card-listing .card-item .col-content .col-3{
   width:20%;
}

.job-opportunities-cm .card-listing .card-item .col-content .col-2 h4{
   position:relative;
   padding-left:22px;
}

.job-opportunities-cm .card-listing .card-item .col-content .col-2 h4:before{
   position:absolute;
   left:0;
   top: 6px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Location%20Pin.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:12px;
   height:17px;
}

.job-opportunities-cm .form-container{
   border: 2px solid #EA0052;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:42px 40px 43px;
}

.job-opportunities-cm .form-container .form-heading{
   max-width:786px;
   margin:0 auto 30px;
   text-align:center;
   float:none;
}

.job-opportunities-cm .form-container .form-heading h3{
   margin-bottom:17px;
}

body .row-fluid .job-opportunities-cm .form-container form{
   max-width:606px;
   margin:0 auto;
   float:none;
}

body .container-fluid .row-fluid .job-opportunities-cm .form-container form input[type="checkbox"]{
   top:1px;
}

body .row-fluid .job-opportunities-cm .form-container form .hs-button{
   margin-top:10px;
}

.job-opportunities-cm .card-listing .card-item .col-content .hide-desktop{
    display:none; 
}

@media(max-width:1024px){

.job-opportunities-cm {
    padding: 39px 0 83px;
}
  
.job-opportunities-cm .card-listing .card-item .col-content .col-1 {
    width: 42%;
    padding-right:20px;
} 
  
.job-opportunities-cm .card-listing .card-item .col-content .col-2 {
    width: 38%;
}
  
.job-opportunities-cm .card-listing .card-item .col-content .col-3 {
    width: 23%;
}
  
.job-opportunities-cm .card-listing .card-item .col-3 a:after {
    top: 16px;
}
  
.job-opportunities-cm .card-listing .card-item .col-3 a {
    padding: 8.5px 37px 8.5px 18px;
}
}

@media(max-width:767px){

.job-opportunities-cm {
    padding: 15px 0 65px;
}

.job-opportunities-cm .card-listing .card-item h4{
  font-size: 20px;
  }
  
.job-opportunities-cm .card-listing .card-item .col-heading {
    display: block;
}
  
.job-opportunities-cm .card-listing .card-item .col-content {
    display: block;
    padding: 13px 0 13px;
}
  
.job-opportunities-cm .card-listing .card-item .col-content .col-1 {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
}
  
.job-opportunities-cm .card-listing .card-item .col-content .col-2 {
    width: 100%;
}
  
.job-opportunities-cm .card-listing .card-item .col-content .col-3 {
    width: 100%;
    text-align: left;
    display: block;
    margin-top: 20px;
}
  
.job-opportunities-cm .card-listing .card-item .col-heading{
    display:none;
}
  
.job-opportunities-cm .card-listing .card-item .col-content .hide-desktop{
    display:block; 
}
  
.job-opportunities-cm .card-listing .card-item:nth-child(1) h3 {
    margin-bottom: 0px;
    font-size:28px;
}
  
.job-opportunities-cm .card-listing .card-item .col-content .hide-desktop {
    margin-bottom: 5px;
}
  
.job-opportunities-cm .form-container {
    padding: 25px 20px 33px;
}
  
.job-opportunities-cm .form-container .form-heading {
    margin: 0 auto 20px;
}
}



/*=======================================================
       Who We Are Page Styling 
========================================================*/


.who-we-are-banner{
   padding:89px 0 240px;
   position:relative;
   z-index:1;
}

.who-we-are-banner:before{
   position:absolute;
   right:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Who%20we%20are%20banner%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:654px;
   height:363px;
   z-index:-1;
}

.who-we-are-banner .content-wrapper{
   position:relative;
}

.who-we-are-banner .bottom-slant{
   position:absolute;
   bottom:0;
}

.who-we-are-banner .bottom-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.who-we-are-banner .heading-container p{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
  max-width:816px;
  margin:0 auto 20px;
  float:none;
}

.who-we-are-banner .image-container{
  height: 401px;
  position: absolute;
  left: 0;
  right: 0;
  top: 250px;
}

.who-we-are-banner .heading-container{
   margin-bottom:0px;
}

@media(max-width:1400px){

.who-we-are-banner .image-container{
   margin: 0 30px;  
}
}

@media(max-width:1024px){

.who-we-are-banner .image-container{
   height: 330px; 
   top: 220px;
}
  
.who-we-are-banner {
    padding: 79px 0 140px;
}
}

@media(max-width:767px){

.who-we-are-banner .image-container {
    height: 270px;
    top: 0;
    margin: 40px 0px 0;
    position: relative;
}
  
.who-we-are-banner {
    padding: 60px 0 70px;
}
  
.who-we-are-banner .bottom-slant{
   display:none;
}
  

}


/*************** Who We Are Content Cm **********************/


.who-we-are-content-cm{
   padding:296px 0 20px;
   overflow:hidden;
}

.who-we-are-content-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.who-we-are-content-cm .bottom-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.who-we-are-content-cm .content-container{
   max-width:830px;
   margin:0 auto;
   float:none;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:45px;
  position:relative;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper:after{
  position: absolute;
  left: 14px;
  bottom: -70px;
  content: '';
  border-right: 2px dashed #ea0052;
  width: 1px;
  height: auto;
  right: auto;
  top: 0px;
  z-index: -1;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper .number{
   width:10%;
   position:relative;
   top:-5px;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper .number svg{
  position: absolute;
  top: 10px;
  left: -13px;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper .content{
   width:90%;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper .content h3{
   margin-bottom:15px;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper .number h2{
   color:#EA0052;
   background:#ffffff;
}

.who-we-are-content-cm .content-container span>.hs_cos_wrapper:last-child:after{
   display:none;
}


@media(max-width:1024px){

.who-we-are-content-cm .content-container span>.hs_cos_wrapper{
   margin: 0 30px 25px;
}
}

@media(max-width:767px){

.who-we-are-content-cm {
   padding: 66px 0 10px;
}
  
.who-we-are-content-cm .content-container span>.hs_cos_wrapper {
    margin: 0 10px 15px;
}
  
.who-we-are-content-cm .content-container span>.hs_cos_wrapper .content {
    width: 88%;
    padding-left: 20px;
}
  
.who-we-are-content-cm .content-container span>.hs_cos_wrapper .number svg {
    top: 0px;
}
  
.who-we-are-content-cm .content-container span>.hs_cos_wrapper:after{
   bottom:-40px;
}
}

/***************** Core Value Cm Styling *****************/


.core-value-cm{
   padding:146px 0 110px;
   position:relative;
   z-index:1;
}

.core-value-cm .content-wrapper{
   position:relative;
   z-index:2;
}

.core-value-cm:after{
   position:absolute;
   right:0;
   top:-160px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Our%20Values%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:642px;
   height:451px;
   z-index:0;
}

.core-value-cm .top-slant{
   position:absolute;
   top:0;
   z-index:-1;
}

.body-container--manifesto .core-value-cm .bottom-slant{
   display:none!important;
}

.body-container--manifesto .core-value-cm{
   padding: 146px 0 150px;
}

.core-value-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.core-value-cm .bottom-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.core-value-cm .top-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: -80px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.core-value-cm .heading-container{
   margin-bottom:40px;
}

.core-value-cm .accordion_group{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  margin-bottom:19px;
  padding: 25px 35px 23px;
}

.core-value-cm .accordion_group:last-child{
   border-bottom: 2px solid #F2F2F3;
}

.core-value-cm .left-col{
   padding-right: 50px;
}

.core-value-cm .main-cont{
   display:flex;
   align-items:center;
}

.core-value-cm .right-col{
   padding-left:0;
}


@media(max-width:1024px){

.core-value-cm .left-col {
    padding-right: 20px;
}
  
.core-value-cm:after {
    top: -110px;
    width: 532px;
    height: 311px;
}
  
.body-container--manifesto .core-value-cm{
   padding: 146px 0 80px;  
}
}

@media(max-width:767px){

.core-value-cm:after {
    top: -70px;
    width: 302px;
    height: 201px;
}
  
.core-value-cm {
    padding: 116px 0 100px;
}
  
.core-value-cm .main-cont {
    display: block;
}
  
.core-value-cm .left-col {
    padding-right: 0;
    margin-bottom: 30px;
}
  
.core-value-cm .accordion_group {
    padding: 25px 20px 13px;
}
  
.core-value-cm .accordion_content {
    padding-top: 10px;
}
}

/****************** Leadership Team Cm ********************/


.leadership-team-cm{
   padding: 60px 0 155px;
}

.leadership-team-cm .heading-container h3{
   margin-bottom:10px;
}

.leadership-team-cm .heading-container{
   margin-bottom:40px;
}

.leadership-team-cm .heading-container h2{
   margin-bottom:10px;
}

.leadership-team-cm .three-col-container span{
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
}

.leadership-team-cm .three-col-container span>.hs_cos_wrapper{
   width:32%;
   margin-right:2%;
}

.leadership-team-cm .three-col-container span>.hs_cos_wrapper:nth-child(3n){
   margin-right:0;
}

.leadership-team-cm .three-col-container .image-container{
   height:362px;
   border-radius:8px;
   margin-bottom:24px;
   position:relative;
}

.leadership-team-cm .three-col-container .linkedin-cont{
  position: absolute;
  bottom: 10px;
  left: 16px;
}

.leadership-team-cm .three-col-container .info h3{
   margin-bottom:9px;
}

.leadership-team-cm .three-col-container .info p{
   font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 24px;
  color: #3C3B44;
}

@media(max-width:1024px){

.leadership-team-cm {
    padding: 50px 0 65px;
}
  
.leadership-team-cm .three-col-container .image-container {
    height: 272px;
}
}

@media(max-width:767px){

.leadership-team-cm {
    padding: 40px 0 25px;
}
  
.leadership-team-cm .three-col-container span>.hs_cos_wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
}



/*===========================================================
       How We Hire Page Styling 
=============================================================*/


/******************* How We Hire Banner **************************/


.how-we-hire-banner{
   padding:100px 0 200px;
   position:relative;
   z-index:1;
}

.how-we-hire-banner:before{
   position:absolute;
   right:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Squiggle%20%284%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:642px;
   height:451px;
   z-index:-1;
}

.how-we-hire-banner .heading-container p{
   font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
   max-width:816px;
   margin:0 auto;
   float:none;
}

.how-we-hire-banner .bottom-slant{
   position:absolute;
   bottom:0;
}

.how-we-hire-banner .bottom-slant .slant-cont{
   border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
}


@media(max-width:1024px){

.how-we-hire-banner {
    padding: 80px 0 150px;
}
}

@media(max-width:767px){

.how-we-hire-banner .bottom-slant{
   display:none;
}
  
.how-we-hire-banner {
    padding: 60px 0 60px;
}
}

/***************** Two Col Image Content Cm *******************/

.two-col-image-content-cm{
  padding: 30px 0 83px;
  margin-top: -130px;
  position: relative;
  z-index: 2;
}

.two-col-image-content-cm .image-container{
   height:494px;
   border-radius:8px;
}

.two-col-image-content-cm .right-col{
   padding-left:30px;
}

.two-col-image-content-cm .cm-cont{
  margin-bottom:110px;
  display: flex;
  align-items: center;
}

.two-col-image-content-cm .cm-cont.col-reverse{
   flex-direction:row-reverse;
}

.two-col-image-content-cm .cm-cont.col-reverse .right-col{
   margin-left:0;
   padding-left:0;
   padding-right:30px;
   margin-right: 2.564102564%;
}

.two-col-image-content-cm .cm-cont:nth-child(1) .left-col{
   position: relative;
   top: 60px;
}

.two-col-image-content-cm .cm-cont:last-child{
   margin-bottom:0;
}

@media(max-width:1024px){

.two-col-image-content-cm .image-container {
    height: 394px;
}
  
.two-col-image-content-cm {
    margin-top: 0;
    padding: 30px 0 63px;
}
  
.two-col-image-content-cm .cm-cont:nth-child(1) .left-col {
    top: 0;
}
  
.two-col-image-content-cm .cm-cont {
    margin-bottom: 30px;
}
}

@media(max-width:767px){

.two-col-image-content-cm {
    padding: 55px 0 73px;
}
  
.two-col-image-content-cm .cm-cont {
    margin-bottom: 30px;
    display: block;
}
  
.two-col-image-content-cm .cm-cont .left-col{
   margin-bottom:40px;
}
  
.two-col-image-content-cm .right-col {
    padding-left: 0;
}
  
.two-col-image-content-cm .image-container {
    height: 274px;
}
  
.two-col-image-content-cm .cm-cont.col-reverse .right-col {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 40px;
}
}

/****************** Content Three Col Image Cm *********************/


.content-three-col-image-cm{
   padding:85px 0 50px;
   position:relative;
   z-index:1;
}

.content-three-col-image-cm:after{
   position:absolute;
   right:0;
   top:-110px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/How%20We%20Hire%20Squiggle%20%281%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:654px;
   height:363px;
   z-index:-1;
}

.content-three-col-image-cm .two-col-container span{
   display:flex;
   flex-wrap:wrap;
}

.content-three-col-image-cm .two-col-container span>.hs_cos_wrapper{
   width:48%;
   margin-right:4%;
   margin-bottom:63px;
}

.content-three-col-image-cm .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.content-three-col-image-cm .content-image-container .right-col .image-container{
   height:262px;
   border-radius:8px;
}

.content-three-col-image-cm .content-image-container{
   display:flex;
   align-items:center;
}

.content-three-col-image-cm .content-image-container .left-col{
   padding-right:20px;
}

.content-three-col-image-cm .content-image-container .right-col{
   padding-left: 30px;
}

@media(max-width:1024px){

.content-three-col-image-cm {
    padding: 70px 0 30px;
}
  
.content-three-col-image-cm .two-col-container span>.hs_cos_wrapper {
    margin-bottom: 33px;
}
}

@media(max-width:767px){

.content-three-col-image-cm .two-col-container span>.hs_cos_wrapper {
    margin-bottom: 13px;
    width: 100%;
    margin-right: 0;
}
  
.content-three-col-image-cm .content-image-container {
    display: block;
}
  
.content-three-col-image-cm .content-image-container .left-col {
    padding-right: 0;
    margin-bottom: 40px;
}
  
.content-three-col-image-cm .content-image-container .right-col {
    padding-left: 0;
}
  
.content-three-col-image-cm {
    padding: 60px 0 50px;
}
  
.content-three-col-image-cm:after {
    top: -20px;
    width: 294px;
    height: 203px;
}
}


/**************** How We Hire Content Cm ********************/


.how-we-hire-content-cm{
   padding:140px 0 74px;
   position:relative;
   z-index:1;
}

.how-we-hire-content-cm .top-slant{
   position:absolute;
   top:0;
}

.how-we-hire-content-cm .top-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: -80px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.how-we-hire-content-cm .description h3 a{
   color: #3C3B44;
   text-decoration:underline;
}

.how-we-hire-content-cm .description{
   max-width:1028px;
   margin:0 auto 55px;
   float:none;
}

.how-we-hire-content-cm .cta-container a{
   padding: 10.5px 55px 12.5px 42px;
}

.how-we-hire-content-cm .cta-container a:after{
   right: 37px;
   top: 19px;
}

@media(max-width:767px){

.how-we-hire-content-cm {
    padding: 120px 0 74px;
}
  
.how-we-hire-content-cm .description {
    margin: 0 auto 25px;
}
}



/*==========================================================
              Manifesto Page Styling 
============================================================*/


/*************** Manifesto Banner Styling ******************/


.manifesto-banner-cm{
   padding:85px 0 86px;
   position:relative;
   z-index:1;
}

.manifesto-banner-cm .overlay{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   width:100%;
   height:auto;
   z-index:-1;
}

body .row-fluid .manifesto-banner-cm .heading-container{
   max-width:815px;
   margin:0 auto;
   float:none;
}

.manifesto-banner-cm .heading-container p{
   font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
}

.manifesto-banner-cm:before{
   position:absolute;
   right:0;
   bottom:-140px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Manifesto%20banner%20Squiggle%20%281%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:619px;
   height:402px;
   z-index:0;
}


@media(max-width:1024px){

.manifesto-banner-cm:before{
   width: 389px;
   height: 262px;  
}
}

@media(max-width:767px){

.manifesto-banner-cm{
   padding: 65px 0 56px;  
}
  
.manifesto-banner-cm:before {
    width: 299px;
    height: 222px;
}
}


/***************** Manifesto Content Cm Styling *******************/


.manifesto-content-cm{
   padding:103px 0 80px;
}

.manifesto-content-cm .two-col-container>span{
   display:flex;
   flex-wrap:wrap;
}

.manifesto-content-cm .two-col-container span>.hs_cos_wrapper{
  width: 48.5%;
  margin-right: 3%;
  border-bottom: 1px solid rgb(130,130,136,15%);
  margin-bottom:63px;
  padding-bottom:20px;
}

.manifesto-content-cm .two-col-container span>.hs_cos_wrapper h4 span{
   color: #ea0052;
   position:relative;
}

.manifesto-content-cm .two-col-container span>.hs_cos_wrapper h4 span:before{
   position:absolute;
   left:0;
   bottom:0;
   content:'';
   background:#ea0052;
   width:100%;
   height:2px;
}

.manifesto-content-cm .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.manifesto-content-cm .content-image-container{
   display:flex;
}

.manifesto-content-cm .content-image-container .right-col{
   height:auto;
   border-radius:8px;
}

.manifesto-content-cm .content-image-container .left-col span{
   color: #ea0052;
   position:relative;
   z-index:1;
}

.manifesto-content-cm .content-image-container .left-col h4 span:before{
   position:absolute;
   left:0;
   bottom:0;
   content:'';
   background:#ea0052;
   width:100%;
   height:2px;
}

.manifesto-content-cm .content-image-container .left-col span>.hs_cos_wrapper{
  margin-bottom: 40px;
  border-bottom: 1px solid rgb(130,130,136,15%);
  padding-bottom: 15px;
}

.manifesto-content-cm .content-image-container .left-col span>.hs_cos_wrapper:last-child{
   margin-bottom:0;
}

.manifesto-content-cm .cm-container{
   margin-bottom:63px;
}

.manifesto-content-cm .cm-container.row-reverse{
   display: flex;
   flex-direction: column-reverse;
   margin-bottom:33px;
}

.manifesto-content-cm .cm-container.row-reverse .two-col-container{
   margin-top:63px;
}

.manifesto-content-cm .cm-container.row-reverse .content-image-container {
    display: flex;
    flex-direction:row-reverse;
}

.manifesto-content-cm .cm-container.row-reverse .content-image-container .right-col{
   margin-left: 0;
   margin-right:2.564102564%;
}

.manifesto-content-cm .last-col{
   max-width:816px;
   margin:0 auto;
   float:none;
   border-bottom: 1px solid rgb(130,130,136,15%);
   padding-bottom:10px;
}

.manifesto-content-cm .last-col h2 span{
   color: #ea0052;
   position: relative;
}

.manifesto-content-cm .last-col h2{
   margin-bottom:15px;
}

.manifesto-content-cm .last-col h2 span:before{
   position:absolute;
   left:0;
   bottom:0;
   content:'';
   background:#ea0052;
   width:100%;
   height:2px;
}


@media(max-width:1024px){

.manifesto-content-cm {
    padding: 83px 0 60px;
}
  
.manifesto-content-cm .cm-container.row-reverse {
    margin-bottom: 13px;
}
}

@media(max-width:767px){

.manifesto-content-cm .two-col-container span>.hs_cos_wrapper{
    width: 100%;
    margin-right: 0;
    margin-bottom: 33px;
    padding-bottom: 20px;  
}
  
.manifesto-content-cm .cm-container {
    margin-bottom: 43px;
}
  
.manifesto-content-cm .cm-container.row-reverse .two-col-container {
    margin-top: 43px;
}
  
.manifesto-content-cm .cm-container.row-reverse .content-image-container .right-col {
    margin-left: 0;
    margin-right: 0;
}
  
.manifesto-content-cm .content-image-container{
   display:block;
}
  
.manifesto-content-cm .content-image-container .right-col {
    height: 300px;
}
  
.manifesto-content-cm .cm-container.row-reverse .content-image-container {
    display: block;
}
}



/*======================================================
         Partner Page Styling 
========================================================*/


/*************** Partner Banner Styling ********************/

.partner-banner-cm{
   padding:81px 0 119px;
   position:relative;
   z-index:1;
}

.partner-banner-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.partner-banner-cm .bottom-slant .slant-cont{
   border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: -1px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
}

.partner-banner-cm .heading-container p{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  max-width:815px;
  margin:0 auto 30px;
  float:none;
}

.partner-banner-cm:before{
   position: absolute;
    right: 0;
    top: -100px;
    content: '';
    background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Partners%20Squiggle.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 1216px;
    height: 566px;
    z-index: -1;
}


@media(max-width:1024px){

.partner-banner-cm:before{
   width: 806px;
   height: 566px;  
   top: -100px;
}
  
.partner-banner-cm {
    padding: 71px 0 119px;
}
}

@media(max-width:767px){

.partner-banner-cm .bottom-slant{
   display:none;
}
  
.partner-banner-cm {
    padding: 61px 0 69px;
}
  
.partner-banner-cm:before {
    width: 100%;
    height: 486px;
    top: auto;
    bottom: 0;
}
}

/********************* Partner With Noggin Cm ***********************/


.partner-with-noggin-cm{
   padding: 46px 0 30px;
   position:relative;
   z-index:1;
}

.partner-with-noggin-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.partner-with-noggin-cm .bottom-slant .slant-cont{
    border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    bottom: -80px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.partner-with-noggin-cm .heading-container{
   max-width:815px;
   margin:0 auto 65px;
   float:none;
}

.partner-with-noggin-cm .heading-container h2{
   margin-bottom:15px;
}

.partner-with-noggin-cm .two-col-container{
   display:flex; 
   align-items:center;
}

.partner-with-noggin-cm .two-col-container .right-col{
   padding-left:20px;
}

.partner-with-noggin-cm .two-col-container .left-col{
   height:507px;
   border-radius:8px;
}

.partner-with-noggin-cm .two-col-container .right-col h4{
   margin-bottom:7px;
}

.partner-with-noggin-cm .two-col-container .right-col>.hs_cos_wrapper{
   margin-bottom:30px;
}


@media(max-width:1024px){

.partner-with-noggin-cm .two-col-container .left-col {
    height: 437px;
}
  
.partner-with-noggin-cm .heading-container {
    margin: 0 auto 55px;
}
}

@media(max-width:767px){

.partner-with-noggin-cm {
    padding: 56px 0 10px;
}
  
.partner-with-noggin-cm .two-col-container .right-col {
    padding-left: 0;
}
  
.partner-with-noggin-cm .two-col-container .left-col {
    height: 320px;
    width: 100%;
   margin-bottom:30px;
}
  
.partner-with-noggin-cm .two-col-container {
    display: block;
}
  
.partner-with-noggin-cm .heading-container {
    margin: 0 auto 45px;
}
}


/******************* Partnership Type Cm Styling ***********************/


.partnership-type-cm{
   padding:142px 0 116px;
   position:relative;
   z-index:1;
}

.partnership-type-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.partnership-type-cm .bottom-slant .slant-cont{
    border-top: 80px solid #fff;
    width: 0;
    height: 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
}

.partnership-type-cm .heading-container{
   max-width:815px;
   margin:0 auto 30px;
   float:none;
}

.partnership-type-cm .heading-container h3{
   margin-bottom:10px;
}

.partnership-type-cm .two-col-container span{
   display:flex;
   flex-wrap:wrap;
}

.partnership-type-cm .two-col-container span>.hs_cos_wrapper{
   width:48%;
   margin-right:2%;
}

.partnership-type-cm .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.partnership-type-cm .two-col-container span>.hs_cos_wrapper .number{
   position:relative;
   z-index:1;
}

.partnership-type-cm .two-col-container span>.hs_cos_wrapper .number h3{
   color:#ea0052;
   margin-bottom:8px;
   position:relative;
   font-size: 34px;
   font-weight: bold;
}

.partnership-type-cm .two-col-container span>.hs_cos_wrapper .number img{
   position: absolute;
    top: 4px;
    z-index: -1;
    left: -3px;
    right: 0;
    margin: 0 auto;
    width: 50px;
}

.partnership-type-cm .two-col-container span>.hs_cos_wrapper h4{
   margin-bottom:15px;
}

.partnership-type-cm .two-col-container{
  max-width: 1030px;
  margin: 50px auto 0;
  float: none;
}


@media(max-width:1024px){

.partnership-type-cm{
   padding: 132px 0 116px;  
}
}

@media(max-width:767px){

.partnership-type-cm .two-col-container span>.hs_cos_wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
  
.partnership-type-cm .two-col-container {
    margin: 30px auto 0;
}
  
.partnership-type-cm {
    padding: 122px 0 86px;
}
}


/******************** Partnership Form Cm Styling ***********************/


.partnership-form-cm{
   padding:60px 0 163px;
   position:relative;
   z-index:1;
}

.partnership-form-cm:after{
  position: absolute;
  right: 0;
  top: 8%;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Form%20Squiggle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 1440px;
  height: 764px;
  z-index: -1;
}

.partnership-form-cm .form-container{
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
  max-width:815px;
  margin:0 auto;
  float:none;
  box-sizing:border-box;
  padding:33px 47px 44px;
}

.partnership-form-cm .form-container .form-heading h3{
   margin-bottom:13px;
}

.partnership-form-cm .form-container .form-heading{
   max-width:537px;
   margin:0 auto 20px;
   float:none;
}

.partnership-form-cm .form-container form .hs-fieldtype-checkbox label{
   margin-bottom:0;
}

.partnership-form-cm .form-container form ul.multi-container{
   width:100%;
   float:left;
   margin:10px 0 10px;
}

.partnership-form-cm .form-container form ul.multi-container li{
  display: flex;
  width: 38%;
  float: left;
  align-items: center;
  margin-top: 0;
  margin-bottom: 14px;
}

.partnership-form-cm .form-container form ul.multi-container label{
   margin-bottom:0;
}

.partnership-form-cm .form-container form ul.multi-container li input{
  border: 1.28px solid #D9E2EB;
  border-radius: 5px;
  background-color: #FFFFFF;
  width:25px!important;
  height:25px!important;
  border-radius:5px;
  top:0;
}

.partnership-form-cm .form-container form ul.multi-container li span{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 25px;
  color: #3C3B44;
  padding-left:5px;
}

.partnership-form-cm .form-container ul.multi-container .hs-error-msgs{
   width:100%;
   float:left;
}

.partnership-form-cm .form-container form .hs-button{
   margin-top:10px;
}

@media(max-width:1024px){

.partnership-form-cm {
    padding: 60px 0 103px;
}
  
.partnership-form-cm .form-container form ul.multi-container li{
   width: 44%;  
}
}

@media(max-width:767px){

.partnership-form-cm {
    padding: 50px 0 73px;
}
  
.partnership-form-cm .form-container {
    padding: 33px 20px 44px;
}
  
.partnership-form-cm .form-container form ul.multi-container li {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}
  
.partnership-form-cm:after {
    width: 100%;
    height: 400px;
}
}


/*======================================================
         Privacy Policy Banner Styling 
=========================================================*/


/******************* Privacy Policy Banner *********************/


.privacy-policy-banner{
   padding:95px 0 75px;
}


@media(max-width:767px){

.privacy-policy-banner {
    padding: 65px 0 45px;
}
}


/*************** Privacy Policy Content Cm ***********************/

.privacy-policy-content-cm{
   padding:54px 0 93px;
}

.privacy-policy-content-cm .text-container{
   max-width:817px;
   margin:0 auto;
   float:none;
}

.privacy-policy-content-cm .text-container h2{
   margin-bottom:10px;
}

.privacy-policy-content-cm .text-container h3{
   margin-top: 48px;
   margin-bottom: 16px;
}

.privacy-policy-content-cm .text-container h4{
   margin-top: 33px;
   margin-bottom: 16px;
}

.privacy-policy-content-cm .text-container ul li{
   font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:20px;
}

.privacy-policy-content-cm .text-container ol li{
   font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:20px;
}

.privacy-policy-content-cm .text-container ul{
   margin-bottom:33px;
   padding-left:27px;
}

@media(max-width:1024px){

.privacy-policy-content-cm {
    padding: 54px 0 53px;
}
}

@media(max-width:767px){

.privacy-policy-content-cm .text-container h3 {
    margin-top: 28px;
}
  
.privacy-policy-content-cm {
    padding: 54px 0 33px;
}
}



/*==================================================
          404 Page Styling 
===================================================*/


.error-section{
   background-color: #FAFCFE;
   padding:80px 0 107px;
}

.error-section .image-container{
   margin-bottom:38px;
}

.error-section h2{
   max-width:816px;
   margin:0 auto 10px;
   float:none;
}

.error-section h3{
   max-width:500px;
   margin:0 auto 20px;
   float:none;
}

.error-section .cta-container{
   margin-top:30px;
}

@media(max-width:767px){

.error-section {
    padding: 60px 0 77px;
}
}


/*===========================================================
        Webinar Page Styling 
============================================================*/


/*************** Webinar Banner Cm Styling *******************/

.webinar-banner-cm{
   padding:86px 0 96px;
}

.webinar-banner-cm .description{
   max-width:815px;
   margin:0 auto;
   float:none;
}

@media(max-width:1024px){

.webinar-banner-cm {
    padding: 76px 0 60px;
}
  
.webinar-banner-cm .description {
    max-width: 635px;
}
}


@media(max-width:767px){

.webinar-banner-cm {
    padding: 56px 0 40px;
}
}


/******************* Upcoming Webinar Cm Styling ***************/

.upcoming-webinar-cm{
   padding:52px 0 16px;
   position:relative;
   z-index:1;
}

.upcoming-webinar-cm:before{
   position:absolute;
   right:0;
   bottom:-190px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Stay%20in%20the%20loop%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:549px;
   height:349px;
   z-index:-1;
}

.upcoming-webinar-cm .heading-container{
  margin-bottom:30px;
}

.upcoming-webinar-cm .bottom-slant{
   position:absolute;
   bottom:0;
   z-index:-2;
}

.upcoming-webinar-cm .bottom-slant .slant-cont{
  border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    bottom: -80px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(0deg);
    margin: auto;
    border-right: 0vw solid transparent;
    border-left: 100vw solid transparent;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  display:flex;
  align-items:center;
  margin-bottom:18px;
  flex-wrap:wrap;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1{
   width:26%;
   display:flex;
   padding: 38px 31px 31px 38px;
   flex-wrap:wrap;
   position:relative;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1:after{
   position:absolute;
   right:0;
   top:15px;
   bottom:15px;
   content:'';
   background:#F2F2F3;
   width:2px;
   height:auto;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .left-col{
   text-align:center;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .left-col{
   width:30%;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col{
   width:70%;
   padding-left:31px;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .left-col h4{
  font-size: 20.9px;
  font-weight: 600;
  letter-spacing: -0.46px;
  line-height: 25px;
  color: #EA0052;
  margin-bottom:0;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .left-col h3{
   font-size: 53.9px;
  font-weight: 600;
  letter-spacing: -1.2px;
  line-height: 65px;
  color: #EA0052;
  margin-bottom:0;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-2{
   width:54%;
   padding: 22px 37px 22px 30px;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3{
   width:20%;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col .time{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  text-align: center;
  color: #3C3B44;
  border: 1px solid #3C3B44;
  border-radius: 18px;
  padding:2px 3px;
  margin-bottom:5px;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col .location p{
   font-size: 15px;
  letter-spacing: -0.33px;
  line-height: 22px;
  margin-bottom:0;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-2 h4{
   margin-bottom:8px;
}

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3{
   text-align:center;
   background-color: #FAFCFE;
   padding:59px 0 59px;
}

.upcoming-webinar-cm .cm-container .col-2 p{
   font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 23px;
  color: #6F6F75;
  margin-bottom:0;
}

.upcoming-webinar-cm .email-container{
   margin-top:60px;
   text-align:center;
}

.upcoming-webinar-cm .email-container h4{
   margin-bottom:30px;
}

.upcoming-webinar-cm .email-container form input{
   border-radius:25px;
}

.upcoming-webinar-cm .email-container form input[type="email"]{
   padding: 11px 26px;
   height:52px;
}

.upcoming-webinar-cm .email-container form{
   max-width:605px;
   margin:0 auto;
   float:none;
   position:relative;
}

.upcoming-webinar-cm .email-container form .hs-button{
   position:absolute;
   right:0;
   top:0;
}


@media(max-width:1200px){

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1{
   width: 33%;  
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper{
   overflow:hidden;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col {
    padding-left: 21px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-2 {
    width: 45%;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3 {
    width: 22%;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper{
   position:relative;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3{
   position:relative;
   z-index:1;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3:before{
   position:absolute;
   top:-90px;
   left:0;
   right:0;
   background:#FAFCFE;
   width:auto;
   height:100px;
   content:'';
   z-index:-1;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3:after{
   position:absolute;
   bottom:-100px;
   left:0;
   right:0;
   top:0;
   background:#FAFCFE;
   width:auto;
   height:auto;
   content:'';
   z-index:-1;
}
}


@media(max-width:1024px){

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .left-col h3 {
    font-size: 39.9px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 {
    width: 33%;
    padding: 38px 23px 31px 14px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col {
    padding-left: 4px;
}
  
.upcoming-webinar-cm .cm-container .col-3 a.cta_button{
   padding: 10.5px 29px 12.5px 22px;  
   font-size:15px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-2 {
    width: 41%;
    padding: 22px 20px 22px 20px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3 {
    width: 26%;
}
}


@media(max-width:767px){

.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper{
   display:block;  
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1{
   width:100%;
   display: block;
   align-items: center;
   padding: 38px 23px 11px 14px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-2{
   width:100%;
   padding: 0px 20px 0 20px;
   text-align:center;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3{
   width:100%;
   padding: 29px 0 29px;
    margin-top: 30px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3:before,
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-3:after{
   display:none;  
}
  
.upcoming-webinar-cm .cm-container .col-3 a.cta_button {
    padding: 10.5px 34px 10.5px 18px;
    font-size: 14.4px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .left-col h3 {
   line-height:55px;
}
  
.upcoming-webinar-cm .email-container {
    margin-top: 30px;
}
  
.upcoming-webinar-cm .email-container form .hs-button {
    position: relative;
}
  
.upcoming-webinar-cm:before {
    bottom: -130px;
    width: 379px;
    height: 259px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col .location p{
   text-align:center;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col {
    padding-left: 0px;
    width: 100%;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .left-col {
    width: 100%;
    margin-bottom: 10px;
}
  
.upcoming-webinar-cm .cm-container span>.hs_cos_wrapper .col-1 .right-col .time{
   margin-bottom:13px;
}
  

}

/******************** Past Webinar Cm Styling ********************/


.past-webinar-cm{
   padding:129px 0 77px;
}

.past-webinar-cm .heading-container{
   max-width:816px;
   margin-bottom:30px;
}

.past-webinar-cm .heading-container h2{
   margin-bottom:15px;
}

.past-webinar-cm .event-container{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:21px 24px;
}

.past-webinar-cm .event-container .content-heading{
   display:flex;
   flex-wrap:wrap;
}

.past-webinar-cm .event-container .col-1{
    width:13%;
    float:left;
}

.past-webinar-cm .event-container .col-2{
    width:21%;
    float:left;
}

.past-webinar-cm .event-container .col-3{
    width:66%;
    float:left;
}

.past-webinar-cm .event-container .content-container p{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 34px;
  color: #3C3B44;
  margin-bottom:0;
  transition:0.3s all ease-in;
}

.past-webinar-cm .event-container .content-heading p{
   font-size: 15px;
  letter-spacing: -0.33px;
  line-height: 22px;
  color: #3C3B44;
  margin-bottom:0;
}

.past-webinar-cm .event-container .event-listing .event-item{
   display:none;
   border-bottom: 2px solid #F2F2F3;
   padding:13px 0 13px;
   position:relative;
   transition:0.3s all ease-in;
}

.past-webinar-cm .event-container .event-listing .event-item:after{
   position:absolute;
   right:3px;
   top:26px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/arrow-angle-pointing-to-right.png');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:12px;
   height:12px;
   opacity:0.2;
   transition:0.3s all ease-in;
}

.past-webinar-cm .event-container .event-listing .event-item:hover:after{
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/arrow-angle-pointing-to-right%20%281%29.png');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:12px;
   height:12px;
   opacity:1;
   transition:0.3s all ease-in;
}

.past-webinar-cm .event-container .event-listing .event-item:hover .card-container p{
    color: #EA0052;
    transition:0.3s all ease-in;
}

.past-webinar-cm .event-container .event-listing .event-item:nth-child(6){
   border-bottom:none;
   padding-bottom:0;
}

.past-webinar-cm .event-container .event-listing .event-item:nth-child(1),
.past-webinar-cm .event-container .event-listing .event-item:nth-child(2),
.past-webinar-cm .event-container .event-listing .event-item:nth-child(3),
.past-webinar-cm .event-container .event-listing .event-item:nth-child(4),
.past-webinar-cm .event-container .event-listing .event-item:nth-child(5),
.past-webinar-cm .event-container .event-listing .event-item:nth-child(6){
   display:block;
}

.past-webinar-cm .cta-container{
   margin-top:30px;
}

.past-webinar-cm .event-container .event-item p.left-column{
   display:none;
}


@media(max-width:1024px){

.past-webinar-cm {
    padding: 99px 0 77px;
}
  
.past-webinar-cm .event-container .col-1 {
    width: 19%;
}
  
.past-webinar-cm .event-container .col-3 {
    width: 60%;
}
  
.past-webinar-cm .event-container .content-container p{
   line-height:24px;
}
}

@media(max-width:767px){

.past-webinar-cm .event-container .col-1 {
    width: 100%;
}
  
.past-webinar-cm .event-container .col-2 {
    width: 100%;
}
  
.past-webinar-cm .event-container .col-3 {
    width: 100%;
}
  
.past-webinar-cm .event-container .event-item .col-1{
   margin-bottom:15px;
}
  
.past-webinar-cm .event-container .event-item .col-2{
   margin-bottom:15px;
}
  
.past-webinar-cm .event-container .event-item p.left-column{
   display:block;
}
  
.past-webinar-cm .event-container .content-heading{
   display:none;
}
  
.past-webinar-cm .event-container {
    padding: 11px 20px 20px;
}
  
.past-webinar-cm {
    padding: 99px 0 67px;
}
}


/******************** Webinar Archieve Cm ********************/





.webinars-archieve-cm{
   padding:100px 0 100px;
}

.webinars-archieve-cm .heading-container{
   max-width:816px;
   margin-bottom:30px;
}

.webinars-archieve-cm .heading-container h2{
   margin-bottom:15px;
}

.webinars-archieve-cm .event-container{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:21px 24px 0px;
}

.webinars-archieve-cm .event-container .content-heading{
   display:flex;
   flex-wrap:wrap;
}

.webinars-archieve-cm .event-container .col-1{
    width:13%;
    float:left;
}

.webinars-archieve-cm .event-container .col-2{
    width:21%;
    float:left;
}

.webinars-archieve-cm .event-container .col-3{
    width:66%;
    float:left;
}

.webinars-archieve-cm .event-container .content-container p{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.36px;
  line-height: 34px;
  color: #3C3B44;
  margin-bottom:0;
  transition:0.3s all ease-in;
}

.webinars-archieve-cm .event-container .content-heading p{
   font-size: 15px;
  letter-spacing: -0.33px;
  line-height: 22px;
  color: #3C3B44;
  margin-bottom:0;
}

.webinars-archieve-cm .event-container .event-listing .event-item{
   border-top: 2px solid #F2F2F3;
   padding:13px 0 13px;
   position:relative;
   transition:0.3s all ease-in;
}

.webinars-archieve-cm .event-container .event-listing .event-item:first-child{
   border-top:none;
}

.webinars-archieve-cm .event-container .event-listing .event-item:after{
   position:absolute;
   right:3px;
   top:26px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/arrow-angle-pointing-to-right.png');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:12px;
   height:12px;
   opacity:0.2;
   transition:0.3s all ease-in;
}

.webinars-archieve-cm .event-container .event-listing .event-item:hover:after{
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/arrow-angle-pointing-to-right%20%281%29.png');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:12px;
   height:12px;
   opacity:1;
   transition:0.3s all ease-in;
}

.webinars-archieve-cm .event-container .event-listing .event-item:hover .card-container p{
    color: #EA0052;
    transition:0.3s all ease-in;
}

.webinars-archieve-cm .cta-container{
   margin-top:30px;
   text-align:center;
}

.webinars-archieve-cm .event-container .event-item p.left-column{
   display:none;
}

.content-new{
   display:none;
}

.webinars-archieve-cm #loadMore {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 25px;
    text-align: center;
    color: #3c3b44;
    border: 2px solid #ea0052;
    border-radius: 100px;
    display: inline-block;
    padding: 11.5px 31px;
    width: 100%;
    max-width: 155px;
    margin: 6px auto 0;
    transition: .3s all ease-in;
}


@media(max-width:1024px){

.webinars-archieve-cm {
    padding: 99px 0 77px;
}
  
.webinars-archieve-cm .event-container .col-1 {
    width: 19%;
}
  
.webinars-archieve-cm .event-container .col-3 {
    width: 60%;
}
  
.webinars-archieve-cm .event-container .content-container p{
   line-height:24px;
}
}

@media(max-width:767px){

.webinars-archieve-cm .event-container .col-1 {
    width: 100%;
}
  
.webinars-archieve-cm .event-container .col-2 {
    width: 100%;
}
  
.webinars-archieve-cm .event-container .col-3 {
    width: 100%;
}
  
.webinars-archieve-cm .event-container .event-item .col-1{
   margin-bottom:15px;
}
  
.webinars-archieve-cm .event-container .event-item .col-2{
   margin-bottom:15px;
}
  
.webinars-archieve-cm .event-container .event-item p.left-column{
   display:block;
}
  
.webinars-archieve-cm .event-container .content-heading{
   display:none;
}
  
.webinars-archieve-cm .event-container {
    padding: 11px 20px 20px;
}
  
.webinars-archieve-cm {
    padding: 50px 0 67px;
}
}




/*===========================================================
            Pillar Page Styling 
============================================================*/


.pillar-content-banner{
   padding:57px 0 110px;
   position:relative;
   z-index:1;
}

.pillar-content-banner .bottom-slant{
   position: absolute;
   bottom: 0;
}

.pillar-content-banner .bottom-slant .slant-cont{
   border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    bottom: 158px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: 80px;
}

.pillar-content-banner .content-wrapper>.row-fluid{
   display:flex;
   align-items:center;
}

.pillar-content-banner .right-col h1{
  font-size: 66px;
  font-weight: 600;
  letter-spacing: -1.47px;
  line-height: 76px;
}

.pillar-content-banner .left-col{
   height:421px;
   border-radius: 8px;
}

.pillar-content-banner .right-col .image-cont{
   display:none;
}

.pillar-content-banner .right-col{
   padding-left:30px;
}

.pillar-content-banner .right-col .author-container{
   display:flex;
   align-items:center;
   margin-top:60px;
}

.pillar-content-banner .right-col .author-container .author-image{
   width:30%;
   height:53px;
   max-width:53px;
   border-radius:50%;
}

.pillar-content-banner .right-col .author-container .author-content h5{
   color: #3C3B44;
   margin-bottom:0;
}

.pillar-content-banner .right-col .author-container .author-content p{
  font-size: 14.4px;
  letter-spacing: -0.32px;
  line-height: 20.8px;
  color: #6F6F75;
  margin-bottom:0;
}

.pillar-content-banner .right-col .author-container .author-content{
   width:70%;
   padding-left:11px;
}

.pillar-content-banner .right-col .publish-date p{
  font-size: 12.78px;
  letter-spacing: -0.28px;
  line-height: 18.46px;
  color: #6F6F75;
  margin-top:10px;
}


@media(max-width:1200px){

.pillar-content-banner .right-col h1{
   font-size: 56px;
   line-height: 63px;  
}
  
.pillar-content-banner .right-col{
   padding-left: 10px;  
}
}

@media(max-width:1024px){

.pillar-content-banner .right-col h1{
   font-size: 46px;
   line-height: 54px; 
}
  
.pillar-content-banner .left-col {
    height: 341px;
}
}


@media(max-width:767px){

.pillar-content-banner .right-col h1{
   font-size: 36px;
   line-height: 44px;  
}
  
.pillar-content-banner .right-col {
    padding-left: 0;
}
  
.pillar-content-banner {
    padding: 27px 0 10px;
}
  
.pillar-content-banner .right-col .author-container {
    margin-top: 20px;
}
  
.pillar-content-banner .bottom-slant{
   display:none;
}
  
.pillar-content-banner .right-col .image-cont{
   display:block;
   height:270px;
   border-radius:8px;
   margin: 30px 0 30px;
} 
  

}




/******************* Table Content Cm Styling **********************/


.table-content-cm .left-col .sidebar{
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
  box-sizing:border-box;
}

.table-content-cm .left-col{
   max-width:361px;
}

.table-content-cm .content-heading{
   padding: 14px 26px 10px;
   border-bottom: 2px solid #F2F2F3;
}

.table-content-cm .content-heading h5{
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  margin-bottom:0;
}

.table-content-cm .list-container{
   padding: 14px 26px 10px;
}

.table-content-cm .list-container ul li{
   margin-bottom:20px;
   list-style:none;
}

.table-content-cm .list-container ul li a{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  position:relative;
}

.table-content-cm .list-container ul li.current a{
   color:#ea0052;
}

.table-content-cm .list-container ul li.current a:before{
   position:absolute;
   left: -21px;
   top: 8px;
   content:'';
   background:#ea0052;
   width:8px;
   height:8px;
   border-radius:50%;
}

.table-content-cm .list-container ul{
   padding-left:20px;
}

.table-content-cm{
   margin-top:-67px;
   position:relative;
   z-index:2;
   padding-bottom:118px;
}

.table-content-cm .download-copy-text{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:14px 14px 14px;
  box-sizing:border-box;
  margin-top:10px;
}

.table-content-cm .download-copy-text p{
  position:relative;
}

.table-content-cm .download-copy-text p:after{
  position:absolute;
  right:13px;
  top:13px;
  content:'';
  background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Download.svg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  width:26px;
  height:26px;
}

.table-content-cm .download-copy-text p{
   margin-bottom:0;
}

.table-content-cm .right-col{
   margin-top:80px;
   padding-left:30px;
}

.table-content-cm .right-col .min-read-cont{
  border-bottom: 2px solid #F2F2F3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom:25px;
}

.table-content-cm .right-col .min-read-cont .min-read h4{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:0;
}

.table-content-cm .right-col .min-read-cont ul li{
   display:inline-block;
   padding-right:5px;
}

.table-content-cm .right-col .min-read-cont ul li a{
   background-color: #1F134C;
   width:28px;
   height:28px;
   border-radius:50%;
   display:block;
   line-height:28px;
   text-align:center;
   display:flex;
   justify-content:center;
}

.table-content-cm .right-col .min-read-cont ul li a img{
   max-width:14px;
}

.table-content-cm .right-col .min-read-cont .sharing-icon{
   margin-bottom:0;
}

.table-content-cm .right-col .content-container{
   margin-bottom: 37px;
}

.table-content-cm .right-col .table-content-container span>.hs_cos_wrapper{
   margin-bottom:50px;
}

.table-content-cm .right-col .table-content-container table{
   width:100%!important;
   table-layout:auto!important;
}

.table-content-cm .right-col .table-content-container h3{
   margin-bottom:10px;
   margin-top:30px;
}

.table-content-cm .right-col .table-content-container ul li{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:20px;
}

.table-content-cm .right-col .table-content-container ol li{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:20px;
}

.table-content-cm .right-col .table-content-container video{
   margin:30px 0 30px;
}

.table-content-cm .right-col .table-content-container h4{
   margin-bottom:10px;
   margin-top:30px;
}

.table-content-cm .right-col .table-content-container a.cta_button{
   padding:0;
   background:transparent; 
   border:none;
   box-shadow:none;
}

.table-content-cm .right-col .table-content-container a.cta_button:after{
   display:none;
}

.table-content-cm .right-col .cta-cm-container{
   margin-top:50px;
}

.table-content-cm .right-col .cta-cm-container a.cta_button{
   padding:0;
   background:transparent; 
   border:none;
   box-shadow:none;
}

.table-content-cm .right-col .cta-cm-container a.cta_button:after{
   display:none;
}

.table-content-cm .left-col .mobile-sidebar{
   display:none;
}


@media(max-width:1180px){

.table-content-cm .right-col{
   padding-left:0;
}
  
.table-content-cm .list-container ul {
    padding-left: 10px;
}
  
.table-content-cm .list-container ul li {
    margin-bottom: 12px;
}
  
.table-content-cm .download-copy-text p {
    margin-bottom: 0;
    padding-right: 20px;
}
}


@media(max-width:1024px){

.table-content-cm .list-container ul {
    padding-left: 10px;
}
  
.table-content-cm .right-col{
   padding-left: 10px;  
}
  
.table-content-cm {
    padding-bottom: 88px;
}
  
.about-article-cm .left-col{
   padding-right: 10px;   
}
  
.table-content-cm .list-container ul li a{
   font-size: 17px;
   line-height: 22px;  
}
}

@media(max-width:767px){

.table-content-cm .right-col {
    padding-left: 0;
    margin-top: 40px;
}
  
.table-content-cm .right-col .table-content-container video {
    margin: 20px 0 10px;
}
  
.table-content-cm .right-col .table-content-container span>.hs_cos_wrapper {
    margin-bottom: 30px;
}
  
.table-content-cm {
    padding-bottom: 68px;
    margin-top:0;
    padding-top:50px;
}
  
.table-content-cm .left-col{
   max-width:100%;
}
  
.table-content-cm .left-col .StickySidebar{
   position:relative!important;  
   width:100%!important;
   top:0!important;
   left:0!important;
}
  
.table-content-cm .left-col .mobile-sidebar{
   display:block;
}
  
.table-content-cm .left-col .desktop-sidebar{
   display:none;
}
  
.table-content-cm .mobile-sidebar {
    background-color: #fff;
    border: 2px solid #f2f2f3;
    width: 100%;
    z-index: 11;
    padding: 17px 15px;
    top: 0 !important;
}
  
.table-content-cm .mobile-sidebar.fixed{
     position:fixed;
     top:0;
     left:0;
     right:0;
}
  
.table-content-cm .left-col .accordion_group {
    display: none;
}
  
.table-content-cm .mobile-sidebar .cta-trigger {
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .21px;
    line-height: 21px;
}
  
.table-content-cm .mobile-sidebar .cta-trigger:after {
    position: absolute;
    right: 0;
    top: 3px;
    content: '';
    background: url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/down-arrow-of-angle.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 16px;
    height: 16px;
    transition: .3s all ease-in;
}
  
.table-content-cm .left-col .accordion-container .accordion_header h4 a {
    font-size: 17px;
    line-height: 21px;
    letter-spacing: .21px;
    color: #6f6f75;
}
  
.table-content-cm .left-col .accordion-container .accordion_group:first-child {
    border-top: 1px solid #f2f2f3;
    padding-top: 26px;
    margin-top: 15px;
}
}


/********************* About Article Cm Styling ********************/



.about-article-cm .left-col{
   border-right: 2px solid #F2F2F3;
   padding-top:25px;
}

.about-article-cm .right-col{
   padding-top:25px;
}

.about-article-cm .content-wrapper>.row-fluid{
   display:flex;
   border-top: 2px solid #F2F2F3;
}

.about-article-cm .left-col .heading h4{
   font-weight: 500;
   margin-bottom:12px;
}

.about-article-cm .left-col .author-container h5{
   margin-bottom:10px;
}

.about-article-cm .left-col .author-container .author-inner{
   display:flex;
   align-items:center;
}

.about-article-cm .left-col .author-container .author-inner .author-image{
   width:30%;
   max-width:66px;
   height:66px;
   border-radius:50%;
}

.about-article-cm .left-col .author-container .author-inner .author-content{
   width:70%;
   padding-left:15px;
}

.about-article-cm .left-col .author-container .author-inner .author-content p{
   margin-bottom:0;
}

.about-article-cm .left-col .author-container .author-inner .author-content h5{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:0;
}

.about-article-cm .left-col .author-container{
   margin-top: 29px;
}

.about-article-cm .left-col .social-icons ul{
   padding-left:0;
}

.about-article-cm .left-col .social-icons ul li{
   list-style:none;
   display:inline-block;
   margin-right:9px;
}

.about-article-cm .left-col .social-icons ul li a{
   width:40px;
   height:40px;
   border-radius:50%;
   line-height:40px;
   background-color: #1f134c;
   display:flex;
   justify-content:center;
   text-align:center;
}

.about-article-cm .left-col .social-icons ul li a img{
   max-width:19px!important;
}

.about-article-cm .left-col .social-icons{
   margin-top:115px;
}

.about-article-cm .right-col .recent-post-section{
   display:flex;
   flex-wrap:wrap;
}

.about-article-cm .right-col .recent-post-section .post-item-cont{
   width:47%;
   margin-right:3%;
   border-bottom: 2px solid #F2F2F3;
   margin-bottom:39px;
   transition:0.3s all ease-in;
}

.about-article-cm .right-col .recent-post-section .post-item-cont:nth-child(2n){
   margin-right:0;
}

.about-article-cm .right-col .recent-post-section .post-item-cont .text-container h4{
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.49px;
  line-height: 29px;
  color: #3C3B44;
  margin-bottom:15px;
}

.about-article-cm .right-col .recent-post-section .post-item-cont:hover .text-container h4 span.underline{
   border-bottom: 2px solid #ea0052;
}

.about-article-cm .right-col .recent-post-section .post-item-cont .topic-container p a{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  text-align: center;
  color: #0069BD;
  border: 1px solid #0069BD;
  border-radius: 18px;
  background-color: #ECF4FA;
  padding: 5.5px 10px;
}


@media(max-width:1024px){

.about-article-cm .right-col .recent-post-section .post-item-cont .text-container h4{
  font-size: 20px;
  line-height: 27px;
}
}


@media(max-width:767px){

.about-article-cm .content-wrapper>.row-fluid{
   display: block;  
}
  
.about-article-cm .left-col {
    border-right: none;
    padding-top: 25px;
    padding-right:0;
}
  
.about-article-cm .left-col .social-icons {
    margin-top: 30px;
}
  
.about-article-cm .right-col .recent-post-section .post-item-cont {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}
  
.about-article-cm .right-col {
    padding-top: 5px;
}
  
.about-article-cm{
   padding-bottom: 40px;
}
}



/*========================================================================
              News Listing Banner Styling 
==========================================================================*/


.news-listing-banner{
   padding:112px 0 103px;
}

.news-listing-banner .heading-container h2{
  font-size: 59px;
  font-weight: 600;
  letter-spacing: -1.31px;
  line-height: 65.5px;
}

.news-listing-banner .description{
   max-width:815px;
   margin:0 auto;
   float:none;
}

.news-blog .blog-index {
    padding: 70px 0 77px;
}

.news-blog .blog-index .post-listing .post-item .blog-index__post-title{
   margin-top:15px;
}

.news-blog .blog-index .post-listing .post-item .bottom-row{
   padding-top:25px;
}

.news-blog .blog-index .post-listing .post-item{
   margin-bottom:72px;
}

.news-blog .blog-index .post-listing .post-item .location-date-cont{
   display:flex;
   align-items:center;
}

.news-blog .blog-index .post-listing .post-item .location-date-cont .location-cont{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 26px;
  color: #828288;
  position: relative;
  padding-right: 17px;
}

.news-blog .blog-index .post-listing .post-item .location-date-cont .location-cont:after{
  position: absolute;
  right: 6px;
  top: 3px;
  bottom: 3px;
  content: '';
  background: #828288;
  width: 2px;
  height: auto;
}

.news-blog .blog-index .post-listing .post-item .location-date-cont .date-cont{
   font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 26px;
  color: #828288;
}


@media(max-width:1024px){

.news-listing-banner{
   padding: 82px 0 73px;  
}
  
.news-listing-banner .description {
    max-width: 625px;
}
}


@media(max-width:767px){

.news-listing-banner {
    padding: 70px 0 47px;
}
  
.news-listing-banner .heading-container h2 {
    font-size: 49px;
    line-height: 45.5px;
}
  
.news-blog .blog-index .post-listing .post-item {
    margin-bottom: 50px;
}
  
.news-blog .blog-index .post-listing .post-item .blog-index__post-title{
  height:auto!important;
}
}



/*==========================================================
         News Blog Post Page Styling 
===========================================================*/


.news-post:before{
   display:none!important;
}

.news-post-banner{
   padding:71px 0 240px;
   position:relative;
   z-index:1;
}

.news-post-banner .hs-featured-image-wrapper {
    height: 639px;
    border-radius: 8px;
    max-width: 1029px;
    margin: 0 auto;
    float: none;
}

.news-post-banner .post-header h1{
  font-size: 54px;
  font-weight: 600;
  letter-spacing: -1.2px;
  line-height: 66px;
}

.news-post-banner .post-header h1 a{
   color: #3C3B44;
}

.news-post-banner .content-wrapper>.row-fluid{
   max-width:818px;
   margin:0 auto;
   float:none;
}

.news-post-banner .location-date-cont{
  display:flex;
  margin-bottom:15px;
}

.news-post-banner .location-date-cont .location-cont{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 26px;
  color: #3C3B44;
  padding-right:20px;
  position:relative;
}

.news-post-banner .location-date-cont .location-cont:after{
   position:absolute;
   right: 8px;
   top: 4px;
   bottom: 4px;
   content:'';
   background:#3C3B44;
   width:2px;
   height:auto;
}

.news-post-banner .location-date-cont .date-cont{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 26px;
  color: #3C3B44;
}

.news-post-banner .author-container{
   margin-top:36px;
}

.news-post-banner .author-container .author-name{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  margin-bottom:10px;
}

.news-post-banner .bottom-slant{
   position:absolute;
   bottom:0;
}

.news-post-banner .bottom-slant .slant-cont{
    border-top: 80px solid #ffffff;
    width: 0;
    height: 0;
    bottom: 158px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: 80px;
}


@media(max-width:1024px){

.news-post-banner .post-header h1{
   font-size: 46px;
   line-height: 59px;  
}
}

@media(max-width:767px){

.news-post-banner .post-header h1{
   font-size: 39px;
   line-height: 47px; 
}
  
.news-post-banner {
    padding: 61px 0 160px;
}
}



/************** Blog Post Content Cm Styling *******************/


.news-post .news-blog-cont .hs-featured-image-wrapper{
  height: 639px;
  border-radius: 8px;
  max-width: 1029px;
  margin: -240px auto 73px;
}

.news-post-banner .featured-image{
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 60px;
}

.news-post .blog-post{
  position: relative;
  z-index: 2;
}

.news-post .blog-post .blog-post__body{
   max-width:817px;
   margin:0 auto;
   float:none;
}

.news-post .blog-post .blog-post__body h3{
   margin-top:40px;
   margin-bottom:10px;
}

.news-post .blog-post .blog-post__body h4{
   margin-top:40px;
   margin-bottom:10px;
}

.news-post .blog-post .blog-post__body p{
   color: #3C3B44;
}

.news-post .blog-post .blog-post__body ul li{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:17px;
}

.news-post .blog-post .blog-post__body ol li{
  font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 28px;
  color: #3C3B44;
  margin-bottom:17px;
}

.news-post .blog-post .blog-post__body video{
   margin-top:40px;
}

.news-post .blog-post .blog-post__body a.remove-styling{
   background:transparent;
   border:none;
   box-shadow:none;
   padding:0;
   margin:30px 0 30px;
}

.news-post .blog-post .blog-post__body a.remove-styling:after{
   display:none;
}


@media(max-width:1024px){

.news-post .news-blog-cont .hs-featured-image-wrapper{
   height: 459px;  
}
  
.news-post-banner .hs-featured-image-wrapper{
   height: 519px;
   max-width: 779px;
}
  
.news-post .blog-post .blog-post__body {
    margin: 0 auto;
}
}

@media(max-width:767px){

.news-post .news-blog-cont .hs-featured-image-wrapper{
   height: 300px;
   margin: -170px auto 43px;
}
  
.news-post .blog-post .blog-post__body h3 {
    margin-top: 30px;
}
  
.news-post .blog-post .blog-post__body h4 {
    margin-top: 30px;
}
  
.news-post .blog-post .blog-post__body video {
    margin-top: 20px;
}
  
.news-post .blog-post .blog-post__body ol li {
    font-size: 17px;
}
  
.news-post .blog-post .blog-post__body ul li {
    font-size: 17px;
}
  
.news-post .blog-post .blog-post__body ul{
   padding-left:15px;
}
  
.news-post .blog-post .blog-post__body ol{
   padding-left:15px;
}
  
.news-post .blog-post .blog-post__body a.remove-styling {
    margin: 10px 0 10px;
}
  
.news-post-banner .hs-featured-image-wrapper {
    height: 319px;
}
  
.news-post .blog-post .blog-post__body {
    margin: 0 auto;
}
}

/**************** News Recent Post Styling *****************/


.news-recent-post .heading-container{
  text-align: center;
  margin-bottom: 53px;
  border-top: 2px solid #F2F2F3;
  padding-top: 71px;
}

.news-recent-post{
   padding: 23px 0 17px!important;
}

@media(max-width:767px){

.news-recent-post .heading-container {
    margin-bottom: 43px;
    padding-top: 41px;
}
}



/********************* Library Cm Styling ********************/

.library-cm{
   padding:60px 0 45px;
   position:relative;
   z-index:1;
}

.library-cm:after{
  position: absolute;
  right: 0;
  top: -280px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Form%20Squiggle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 790px;
  height: 584px;
  z-index: -1;
}

.library-cm{
   padding:60px 0 45px;
   position:relative;
}

body .library-cm .heading-container{
   max-width:815px;
   margin:0 auto;
   float:none;
}

.library-cm .heading-container h1{
  font-size: 59px;
  font-weight: 600;
  letter-spacing: -1.31px;
  line-height: 65.5px;
}


@media(max-width:767px){

.library-cm .heading-container h1{
  font-size: 39px;
  letter-spacing: -0.87px;
  line-height: 47px;  
}
  
.library-cm{
   text-align:left;
   padding: 56px 0 36px;
}
  
.library-cm:after{
   right: 0;
   top: -130px;
   width: 430px;
   height: 384px;
}
  

  
  
}


/****************** Library Listing Cm Styling *****************/


.library-listing-cm{
   position:relative;
   z-index:1;
}

.library-listing-cm .left-col{
   background:#ffffff;
   border-right:2px solid #F2F2F3;
   border-left:2px solid #F2F2F3;
   padding:32px 14px;
   box-sizing:border-box;
}

.library-listing-cm .content-wrapper>.row-fluid{
   display:flex;
}

.library-listing-cm .left-col .search-container input{
  border: 1.28px solid #D9E2EB;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding:10px 37px;
  height:50px;
}

.library-listing-cm .left-col .search-container input::placeholder{
  font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 25px;
  color: rgba(130,130,136,0.71);
}

.library-listing-cm .left-col .search-container .search-input{
   position:relative;
   margin-bottom:23px;
}

.library-listing-cm .left-col .search-container .search-input:before{
  position: absolute;
  left: 12px;
  top: 15px;
  content: '';
  background: url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Search.svg');
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center center;
  width: 19px;
  height: 20px;
}

.library-listing-cm .left-col .search-container input:focus{
   outline:none;
}

.library-listing-cm .left-col .filter-container .filter-topic h5{
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  margin-bottom:18px;
  position:relative;
  cursor:pointer;
}

.library-listing-cm .left-col .filter-container .filter-topic h5:after{
   position:absolute;
   right:0;
   top:3px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/down-arrow-of-angle.png');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:16px;
   height:16px;
   transform:rotate(180deg);
}

.library-listing-cm .left-col .filter-container label{
  font-size: 19px;
  letter-spacing: -0.42px;
  line-height: 27px;
  color: #3C3B44;
  width:86%;
}

.library-listing-cm .left-col .filter-container input{
  border: 1.28px solid #D9E2EB;
  border-radius: 2px;
  background-color: #FFFFFF;
  width:19px;
  height:19px;
  appearance:none;
  position:relative;
  margin-right:10px;
  cursor:pointer;
  position: relative;
  top: 4px;
}

.library-listing-cm .left-col .filter-container input[type="checkbox"]:checked:after {
  content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    top: -1px;
    left: 0;
    border:none;
    border-top: 0;
    border-right: 0;
    background:#EA0052;
}

.library-listing-cm .left-col .filter-container .input-container{
   display:flex;
   margin-bottom: 11px;
}

.library-listing-cm .right-col .all-modules-container .heading h3{
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.58px;
  line-height: 34px;
}

.library-listing-cm .right-col .all-modules-container .heading{
   margin-bottom:20px;
}

.library-listing-cm .right-col{
   padding:41px 0 62px;
   margin-left: 26px;
   width: 74.5%;
}

.library-listing-cm .right-col .all-modules-container .grid-item{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:13.5px 24px 20.5px;
  margin-right:12px;
  width:32%;
  margin-bottom:14px;
  transition:0.3s all ease-in;
  margin-left:0;
}

.library-listing-cm .right-col .all-modules-container .grid-item .heading-cont{
   display:flex;
   flex-wrap:wrap;
   margin-bottom:15px;
   min-height:44px;
}

.library-listing-cm .right-col .all-modules-container .grid-item .heading-cont .icon img{
   max-width:26px!important;
}

.library-listing-cm .right-col .all-modules-container .grid-item .heading-cont .icon{
  width: 14%;
  position: relative;
  top: 2px;
}

.library-listing-cm .right-col .all-modules-container .grid-item .heading-cont .content{
   width: 86%;
}

.library-listing-cm .right-col .all-modules-container .grid-item .heading-cont .content h4{
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.42px;
  line-height: 22px;
  margin-bottom:0;
  min-height:66px;
}

.library-listing-cm .right-col .all-modules-container .grid-item .content-description p{
  font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 23px;
  min-height:69px;
}

.library-listing-cm .right-col .all-modules-container .grid-item .cta-cont{
   font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  padding-right:15px;
  position:relative;
  color: #3C3B44;
  transition:0.3s all ease-in;
}

.library-listing-cm .right-col .all-modules-container .grid-item .cta-cont:after{
   position:absolute;
   right:0;
   top:9px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/arrow-angle-pointing-to-right%20%281%29.png');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:10px;
   height:10px;
}

.library-listing-cm .right-col .all-modules-container .grid-item:hover .cta-cont{
   color: #EA0052;
   text-decoration:underline;
   transition:0.3s all ease-in;
}

.library-listing-cm .right-col .all-modules-container .grid-item .cta-cont{
   text-align:right;
}

.library-listing-cm .right-col .all-modules-container .grid-item .content-description{
   margin-bottom:30px;
}

.library-listing-cm .filter-container .filter-topic{
   overflow: hidden;
  position: relative;
}

.library-listing-cm .dropdown-cont{
   transition: margin-top 0.5s ease;
   margin-bottom:40px;
}

.library-listing-cm .toggle.active{
   display:block;
}

.library-listing-cm .right-col .featured-module-container .two-col-container span{
   display:flex;
   flex-wrap:wrap;
}

.library-listing-cm .right-col .featured-module-container .two-col-container span>.hs_cos_wrapper{
  width:49%;
  margin-right:1.5%;
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding:20.5px 24px 45px;
  margin-left:0;
  margin-bottom:14px;
  transition: .3s all ease-in;
  position:relative;
}

.library-listing-cm .right-col .featured-module-container .two-col-container span>.hs_cos_wrapper:hover .cta-cont{
  color: #ea0052;
  text-decoration: underline;
  transition: .3s all ease-in;
}

.library-listing-cm .right-col .featured-module-container .two-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}

.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont{
  display:flex;
  flex-wrap:wrap;
  align-items: flex-start;
  margin-bottom: 7px;
  min-height: 44px;
}

.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont .icon{
   width:9%;
}

.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont .icon img{
  max-width:29px!important;
  vertical-align: middle;
  position: relative;
  top: 3px;
}

.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont .content{
   width:91%;
   padding-left:2px;
}

.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont .content h4{
   margin-bottom:0;
}

.library-listing-cm .right-col .featured-module-container .two-col-container .cta-cont{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3C3B44;
  position:absolute;
  padding-right:15px;
  text-align:right;
  margin-top:25px;
  bottom: 20px;
  right: 24px;
}

.library-listing-cm .right-col .featured-module-container .two-col-container .cta-cont:after{
  position: absolute;
  right: 0;
  top: 8px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/arrow-angle-pointing-to-right%20%281%29.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 10px;
  height: 10px;
}

.library-listing-cm .right-col .featured-module-container .content-description p{
  font-size: 16px;
  letter-spacing: -0.36px;
  line-height: 23px;
  color: #6F6F75;
}

.library-listing-cm .right-col .featured-module-container{
   margin-bottom: 46px;
}

.library-listing-cm #search-clear{
    position: absolute;
    right: 10px; 
}

.library-listing-cm .filter-chips .chip{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  color: #0069bd;
  border: 1px solid #0069bd;
  border-radius: 18px;
  background-color: #ecf4fa;
  padding: 4px 19px 4px 14.31px;
  box-sizing: border-box;
  margin-right:10px;
  margin-left:0!important;
  width:auto;
  margin-bottom:10px;
}

.library-listing-cm .filter-chips .chip img{
  vertical-align: middle;
  position: relative;
  top: -1px;
  right: -3px;
}

.library-listing-cm .filter-select-cont{
   margin-bottom: 25px;
}

.library-listing-cm .filter-select-cont #clear-all-filter{
  font-size: 14px;
  letter-spacing: -0.31px;
  line-height: 27px;
  color: #3C3B44;
  background:transparent;
  border:none;
  padding:0;
}

.library-listing-cm .right-col{
   position:relative;
}

.library-listing-cm #load-more{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3c3b44;
  border: 2px solid #ea0052;
  border-radius: 22.5px;
  background: transparent;
  padding: 11.5px 31px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 155px;
  margin: 50px auto 0;
  transition:0.2s all ease-in;
  position: relative;
  bottom: 9%;
  left: 0;
  right: 0;
}

.library-listing-cm #load-more:hover{
   color:#ffffff;
   background:#ea0052;
   transition:0.2s all ease-in;
}

.library-listing-cm .left-col .search-container .open-filter{
   display:none;
}






@media(max-width:1260px){

.library-listing-cm .right-col .all-modules-container .grid-item{
   width: 31.6%;  
   padding: 13.5px 20px 20.5px;
}
  
.library-listing-cm .right-col .all-modules-container .grid-item .heading-cont .content{
   padding-left:10px;
}
  
.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont .content h4{
   font-size:22px;  
}
  
.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont .content {
    padding-left: 12px;
}
  
.library-listing-cm .right-col .featured-module-container .two-col-container span>.hs_cos_wrapper{
   padding: 20.5px 20px 45px;   
}
  
.library-listing-cm .right-col .all-modules-container .grid-item .content-description{
  min-height:92px;
}
}


@media(max-width:1024px){

.library-listing-cm .left-col .filter-container label{
   font-size: 17px;
   line-height: 21px;
   width:82%;
}
  
.library-listing-cm .right-col {
    margin-left: 16px;
    width: 72.5%;
}
  
.library-listing-cm .left-col{
   padding: 32px 14px;
    width: 25%;  
}
  
.library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont{
   min-height:74px;
}
  
.library-listing-cm .right-col .featured-module-container {
    margin-bottom: 30px;
}
  
.library-listing-cm .right-col .all-modules-container .grid-item{
   width:47.7%;
   padding: 13.5px 15px 20.5px;
}
  
.library-listing-cm .left-col .filter-container input{
   top:3px;
}
  

}


@media(max-width:767px){

body .library-listing-cm .content-wrapper>.row-fluid{
     display:block;
}
  
.library-listing-cm .right-col .all-modules-container .grid-item{
   padding: 13.5px 20px 20.5px;
}
  
body .library-listing-cm .left-col{
   width:100%;
   padding: 22px 22px;
}
  
body .library-listing-cm .right-col {
    margin-left: 0;
    width: 100%;
}
  
body .library-listing-cm .right-col .featured-module-container .two-col-container span>.hs_cos_wrapper{
   width:100%;
   margin-right:0;
   margin-bottom:22px;
}
  
body .library-listing-cm .right-col .featured-module-container .two-col-container .heading-cont {
   min-height: auto;
   margin-bottom:17px;
}
  
body .library-listing-cm .right-col .featured-module-container .two-col-container .cta-cont{
   margin-top:5px;
}
  
.library-listing-cm .right-col .featured-module-container .heading{
   margin-bottom:22px;   
}
  
body .library-listing-cm .right-col .all-modules-container .heading h3{
   font-size: 22px;
   letter-spacing: -0.49px;
   line-height: 29px;  
}
  
body .library-listing-cm .right-col .featured-module-container {
    margin-bottom: 15px;
}
  
body .library-listing-cm .right-col .all-modules-container .grid-item {
    width: 100%;
    margin-right: 0;
    margin-bottom:12px!important;
    padding: 20.5px 20px 20.5px;
    margin-top:0!important;
}
  
body .library-listing-cm .right-col .all-modules-container .grid-item .content-description {
    margin-bottom: 21px;
}
  
body .library-listing-cm .right-col .all-modules-container .grid-item .cta-cont {
    margin-top: 0px;
}
  
body .library-listing-cm .right-col .all-modules-container .grid-item .heading-cont .icon {
    width: 11%;
    max-width: 26px;
}
  
body .library-listing-cm .right-col .all-modules-container .grid-item .heading-cont{
   margin-bottom: 17px;
   min-height: 100%;  
}
  
body .library-listing-cm .left-col{
   border:none;
   position:relative;
}
  
body .library-listing-cm .content-wrapper{
   padding:0;
}
  
body .library-listing-cm .right-col{
   padding:0 20px;
   margin-top:30px;
}
  
.library-listing-cm .left-col .search-container .open-filter{
   display:block;
   width: 12%;
}
  
.library-listing-cm .left-col .search-container{
   display:flex;
   align-items:center;
   margin-bottom:0px;
}
  
.library-listing-cm .left-col .search-container .search-input{
   width:88%;
   margin-bottom:0;
}
  
.library-listing-cm .left-col .filter-container{
  display:none; 
  margin-top: 30px;
  position: absolute;
  top: 64px;
  background: #ffffff;
  box-shadow: 0 6px 26px 0 rgb(203 212 222 / 65%);
  z-index: 11;
  left: 0;
  right: 0;
  padding: 20px 20px 0;
}
  
.library-listing-cm .left-col .filter-container input[type="checkbox"]:checked:after{
   top:-1px;
}
  
.library-listing-cm .filter-select-cont #clear-all-filter{
   padding: 0;
   margin-top: 20px;   
}
  
.library-listing-cm .filter-chips .chip{
   display:inline-block;
   margin-bottom:10px;
}
  
.library-listing-cm{
   padding-bottom:56px;
}
  
.library-listing-cm #load-more{
   margin: 32px auto 0;  
}
  
.library-listing-cm .right-col .all-modules-container .grid-item .heading-cont .content h4{
   min-height:auto;
}
  
.library-listing-cm .right-col .all-modules-container .grid-item .content-description{
   min-height:auto;
}
  
.library-listing-cm .right-col .all-modules-container .grid-item .content-description p{
   min-height:auto;
}
  

}



/******************* Library Inner Cm Styling ***************/


.library-inner-cm{
   padding:32px 0 70px;
}

.library-inner-cm a.back-button{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3C3B44;
  padding-left: 18px;
  position:relative;
}

.library-inner-cm a.back-button:before{
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/arrow-angle-pointing-to-right%20%281%29.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 8px;
    height: 8px;
    transform: rotate(180deg);
}

.library-inner-cm .heading-container .icon-container{
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 6px 26px 0 rgba(203,212,222,0.65);
  width:100%;
  max-width:71px;
  height:71px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 25px;
  float:none;
}

.library-inner-cm .heading-container h1{
  font-size: 59px;
  font-weight: 600;
  letter-spacing: -1.31px;
  line-height: 65.5px;
}

.library-inner-cm .text-container{
  border: 2px solid #F2F2F3;
  border-radius: 8px;
  background-color: #FFFFFF;
  display:flex;
}

.library-inner-cm .text-container .left-cont{
   width:65%;
   padding:57px 51px 48px;
   box-sizing:border-box;
}

.library-inner-cm .text-container .right-cont{
   width:35%;
   border-left: 2px solid #F2F2F3;
}

.library-inner-cm .left-cont .overview-container h3{
   font-weight: 500;
   margin-bottom:15px;
}

.library-inner-cm .left-cont .overview-container{
   margin-bottom: 43px;
}

.library-inner-cm .left-cont .features-container h3{
   font-weight: 500;
}

.library-inner-cm .left-cont .features-container ul li{
   font-size: 18px;
  letter-spacing: -0.4px;
  line-height: 26px;
  margin-bottom:20px;
}

.library-inner-cm .left-cont .features-container ul{
   padding-left: 26px;
}

.library-inner-cm .left-cont .how-to-use{
   margin-top:40px;
   margin-bottom:40px;
}

.library-inner-cm .left-cont .how-to-use h3{
   margin-bottom:15px;
}

.library-inner-cm .left-cont .cta-container{
   display:flex;
}

.library-inner-cm .left-cont .cta-container .cta-2{
   padding-left:38px;
}

.library-inner-cm .left-cont .cta-container .cta-2 a.cta_button{
  background-color: #eef2f6;
  border-radius: 22.5px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3c3b44;
  padding: 12.5px 20px 12.5px 64px;
  position: relative;
  border: 0;
  box-shadow: none;
}

.library-inner-cm .left-cont .cta-container .cta-2 a.cta_button:after{
   display:none;
}

.library-inner-cm .left-cont .cta-container .cta-2 a.cta_button:before{
  position: absolute;
  left: 23px;
  top: 8px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/login.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 34px;
  height: 34px;
}

.library-inner-cm .left-cont .cta-container{
   margin-bottom:91px;
}

.library-inner-cm .left-cont .request-demo-container{
  background-color: #1F134C;
  box-shadow: 0 14px 26px 0 rgba(31,19,76,0.29);
  padding:24px 46px 34px;
  box-sizing:border-box;
  border-radius:10px;
}

.library-inner-cm .left-cont .request-demo-container h3{
   font-weight:500;
   color:#ffffff;
}

.library-inner-cm .left-cont .request-demo-container .border-cta a.cta_button{
   color:#ffffff;
}

.library-inner-cm .heading-container{
   margin-bottom:50px;
}

.library-inner-cm .right-cont .access-library h4{
   margin-bottom:15px;
}

.library-inner-cm .right-cont .access-library{
   border-bottom:2px solid #F2F2F3;
   padding-bottom:50px;
   padding:57px 63px 49px;
}

.library-inner-cm .right-cont .access-library a.cta_button{
  background-color: #eef2f6;
  border-radius: 22.5px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 25px;
  color: #3c3b44;
  padding: 12.5px 20px 12.5px 64px;
  position: relative;
  border: 0;
  box-shadow: none;
}

.library-inner-cm .right-cont .access-library a.cta_button:after{
   display:none;
}

.library-inner-cm .right-cont .access-library a.cta_button:before{
   position: absolute;
  left: 23px;
  top: 8px;
  content: '';
  background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/login.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 34px;
  height: 34px;
}

.library-inner-cm .right-cont .module-contains{
   padding:56px 68px;
}

.library-inner-cm .right-cont .module-contains h4{
   margin-bottom:25px;
}

.library-inner-cm .right-cont .module-contains .content-cont{
   display:flex;
   align-items:center;
   margin-bottom:12px;
}

.library-inner-cm .right-cont .module-contains .content-cont .content h5{
   margin-bottom:0;
}

.library-inner-cm .right-cont .module-contains .content-cont .content{
   width:90%;
   padding-left:10px;
}

.library-inner-cm .right-cont .module-contains .content-cont .icon{
   width:10%;
}

/********************* Sticky CTA Popup Section Styling ***************************/




.sticky-button-popup .cta-container{
  position: fixed;
  bottom: 0;
  z-index: 11;
  border-bottom: 12px solid #00376F;
  width: 100%;
  left: 0;
  right: 0;
}

.sticky-button-popup .popup-container{
  position: fixed !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  max-height: 100vh;   
  overflow-y: auto;
  width: 100%;
  padding: 0 20px;
/*   overflow-x: auto; */
}

.sticky-button-popup .popup-container.come-down{
  visibility: visible;  
  opacity: 1;
}  

.sticky-button-popup .row-fluid .form-container{
  border: none;
  border-radius: 8px;
  background-color: #fff;
  max-width: 605px;
  padding: 29px 34px 39px 34px;
  margin: 40px auto 65px auto;
  z-index: 2;
  float: none;
  box-shadow: none;
  position: relative;
}

.sticky-button-popup .row-fluid .form-container .form-heading{
   text-align:center;
   margin-bottom: 30px;
}

body .container-fluid .sticky-button-popup .row-fluid .form-container{
  min-height: 528px;
}

.sticky-button-popup .form-container .close-btn{
  display: inline;  
  float: right;
  position: relative;   
  top: -48px;   
  right: -78px;
}

.sticky-button-popup .form-container .close-btn img{
  float: right;
  cursor: pointer;
}

body.show-popup{
  position: relative;
  overflow-y: hidden;
}

body.show-popup:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.91;
  transform: scaleY(-1);
  background-color: rgba(15,15,15,0.44);
  z-index: 3;
}   

.sticky-button-popup .row-fluid .form-container form .hs-richtext.hs-main-font-element p{
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.31px;
  line-height: 20px;
  color: #3C3B44;
}

.sticky-button-popup .row-fluid .form-container form .hs-richtext.hs-main-font-element{
   margin-bottom:0;
}

.sticky-button-popup .row-fluid .form-container form .hs-richtext.hs-main-font-element p{
   margin-bottom:5px;
}

.sticky-button-popup .row-fluid .form-container form input[type="checkbox"]{
   top:0;
}

.sticky-button-popup .row-fluid .form-container form .hs-richtext.hs-main-font-element p a{
   text-decoration:underline;
}

.sticky-button-popup .row-fluid .form-container form .hs-button{
   margin-top:20px;
}



@media(max-width:1180px){

.library-inner-cm .text-container .left-cont{
  padding: 37px 21px 48px;   
}
  
.library-inner-cm .right-cont .access-library {
    padding: 47px 20px 49px;
}
  
.library-inner-cm .right-cont .module-contains {
    padding: 36px 21px;
}
  
.library-inner-cm .left-cont .request-demo-container {
    padding: 24px 26px 34px;
}
  
.library-inner-cm .left-cont .cta-container {
    margin-bottom: 50px;
}
}


@media(max-width:1024px){

.library-inner-cm .heading-container h1{
  font-size: 52px;
  line-height: 55.5px;
}
  
.library-inner-cm .left-cont .cta-container{
   display:block;
}
  
.library-inner-cm .left-cont .cta-container .cta-2 {
    padding-left: 0;
    margin-top: 30px;
}
  
.library-inner-cm .right-cont .access-library a.cta_button{
   padding: 12.5px 14px 12.5px 50px;
}
  
.library-inner-cm .right-cont .access-library a.cta_button:before {
    left: 19px;
    top: 14px;
    width: 24px;
    height: 24px;
}
  
.library-inner-cm .right-cont .access-library {
    padding: 37px 20px 39px;
}
 
}


@media(max-width:767px){

.library-inner-cm .heading-container h1 {
    font-size: 39px;
    line-height: 47px;
}
  
.library-inner-cm .heading-container {
    margin-bottom: 40px;
    margin-top: 45px;
}
  
.library-inner-cm .heading-container .icon-container{
   margin: 0 auto 15px;  
}
  
.library-inner-cm .text-container{
   display:block;
   border:none;
   border-radius:0;
}
  
.library-inner-cm .text-container .left-cont{
   width:100%;
}
  
.library-inner-cm .text-container .right-cont {
    width: 100%;
}
  
.library-inner-cm .text-container .left-cont {
    padding: 37px 20px 18px;
}
  
.library-inner-cm .left-cont .overview-container {
    margin-bottom: 40px;
}
  
.library-inner-cm .left-cont .how-to-use {
    margin-top: 40px;
    margin-bottom: 40px;
}
  
.library-inner-cm .left-cont .request-demo-container {
    padding: 24px 20px 34px;
}
  
.library-inner-cm .text-container .right-cont{
   border-left:none;
   margin-top: 30px;
}
  
.library-inner-cm .right-cont .access-library {
    padding: 27px 20px 39px;
    border-top:none;
}
  
.library-inner-cm .right-cont .module-contains {
    padding: 26px 20px 40px;
    border-bottom: 2px solid #F2F2F3;  
}
  
.library-inner-cm .right-cont .module-contains .content-cont .icon{
   max-width: 30px;  
}
  
.library-inner-cm .heading-container{
   text-align:left;
}
  
.library-inner-cm .heading-container .icon-container{
   margin: 0 0 18px;  
}
  
.library-inner-cm .content-wrapper{
   padding:0;  
}
  
.library-inner-cm .back-button{
   padding:0 20px;  
}
  
.library-inner-cm .heading-container{
   padding:0 20px;  
}
  
.library-inner-cm .text-container{
   display: flex;
   flex-direction: column-reverse;   
}
  
.library-inner-cm .right-cont .access-library {
    padding: 7px 20px 19px;
    border-top: 0;
    border-bottom: none;
}
  
.library-inner-cm .left-cont .cta-container .cta-2{
   margin-top:20px;
}
  
.library-inner-cm .left-cont .cta-container {
    margin-bottom: 65px;
}
  
.library-inner-cm {
    padding: 32px 0 50px;
}
  
  
  
  
  
}


@media(max-width: 767px){ 
  .sticky-button-popup .form-container .row-fluid .close-btn{
    right: -36px; 
    top: -46px;
  }
  
  .sticky-button-popup .row-fluid .form-container{
    margin: 40px auto 20px auto;
  }
  
.sticky-button-popup .cta-container{
  display:none;
}

body .sticky-button-popup .cta-container a.cta_button[title]{
  display:none;
}
  
.sticky-button-popup .popup-container{
   padding: 0 0px;  
}
  
.sticky-button-popup .form-container .close-btn {
    top: -54px;
    right: -30px;
}
  
.sticky-button-popup .form-container form .hs-form-booleancheckbox label{
   display:flex;  
}
  
.sticky-button-popup .row-fluid .form-container form input[type="checkbox"] {
    top: 6px;
}
}



@media(max-width: 480px){
  .sticky-button-popup .row-fluid .form-container{
    padding: 24px 20px 25px 20px;
  }
}



/**************** AWS Banner Cm Styling ********************/


.aws-banner-cm{
   padding:90px 0 145px;
   position:relative;
   z-index:1;
}

.aws-banner-cm .bottom-slant{
   position: absolute;
    bottom: 0;
}

.aws-banner-cm .bottom-slant .slant-cont{
   border-top: 80px solid #fafcfe;
    width: 0;
    height: 0;
    bottom: 158px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw  solid transparent;
    border-right: 100vw solid transparent;
    top: 80px;
}

.aws-banner-cm:after{
   position:absolute;
   right:0;
   top:0;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Squiggle%20%286%29.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:930px;
   height:573px;
   z-index:-1;
}

.aws-banner-cm .text-container{
   max-width:815px;
}

.aws-banner-cm .cta-container.cta-2{
   margin-top:25px;
}

.aws-banner-cm .cta-container.cta-1 a.cta_button{
   background:transparent;
   border:none;
   box-shadow:none;
   padding:0;
}

.aws-banner-cm .cta-container.cta-1 a.cta_button:after{
   display:none;
}

.aws-banner-cm .text-container h1{
  font-size: 59px;
  font-weight: 600;
  letter-spacing: -1.31px;
  line-height: 65.5px;
}

.aws-banner-cm .cta-container{
   margin-top:40px;
}


@media(max-width:1024px){

.aws-banner-cm .text-container h1{
   font-size: 49px;
   line-height: 61.5px;
}
  
.aws-banner-cm {
    padding: 90px 0 115px;
}
}

@media(max-width:767px){

.aws-banner-cm .text-container h1{
  font-size: 36px;
  line-height: 48.5px;  
}
  
.aws-banner-cm {
    padding: 60px 0 115px;
}
  
.aws-banner-cm:after{
   top: 160px;  
   width: 510px;
   height: 313px;
}
}


/***************** AWS Section4 Cm *****************/


.aws-section4-cm{
   padding:86px 0 125px;
   position:relative;
   z-index:1;
}

.aws-section4-cm .cta-container.cta-text a:after{
   display:none;
}

.aws-section4-cm .text-cont{
   margin-top:30px;
}

.aws-section4-cm .text-cont h4{
   margin-bottom:0;
}

.aws-section4-cm:before{
   position:absolute;
   left:0;
   top:90px;
   content:'';
   background:url('https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/AWS%20Partner%20Squiggle.svg');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center center;
   width:850px;
   height:595px;
   z-index:-1;
}

.aws-section4-cm .right-col *{
   color:#ffffff;
}

.aws-section4-cm .description{
   max-width:592px;
}

.aws-section4-cm .heading-container{
   max-width:669px;
}

.aws-section4-cm .cta-container a.cta_button{
   background:transparent;
   border:none;
   padding:0;
   box-shadow:none;
}

.aws-section4-cm .cta-container{
   margin-top:20px;
}

.aws-section4-cm .left-col .image-container{
   text-align:left;
}

.aws-section4-cm .right-col{
   padding-left:70px;
}


@media(max-width:1024px){

.aws-section4-cm .right-col{
   padding-left: 20px;   
}
  
.aws-section4-cm {
    padding: 66px 0 95px;
}
}


@media(max-width:767px){

.aws-section4-cm{
   padding: 47px 0 70px;  
}
  
.aws-section4-cm .right-col{
  padding-left: 0;
  margin-top: 50px;  
}
  
.aws-section4-cm .left-col {
    text-align: left;
}
}

/***************** AWS Section3 Cm *******************/


.aws-section3-cm{
   padding:93px 0 172px;
   position:relative;
}

.aws-section3-cm .bottom-slant{
   position:absolute;
   bottom:0;
}

.aws-section3-cm .bottom-slant .slant-cont{
   border-top: 80px solid #23184F;
    width: 0;
    height: 0;
    bottom: 158px;
    content: "";
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    transform: rotate(180deg);
    margin: auto;
    border-left: 0vw solid transparent;
    border-right: 100vw solid transparent;
    top: 80px;
}

.aws-section3-cm .heading-container{
   max-width:818px;
   margin:0 auto 40px;
   float:none;
}

.aws-section3-cm .four-col-container span{
   display:flex;
   flex-wrap:wrap;
}

.aws-section3-cm .four-col-container span>.hs_cos_wrapper{
  width:23.5%;
  margin-right:2%;
  margin-bottom:30px;
  background-color: #FFFFFF;
  border: 2px solid #F2F2F3;
  border-radius: 5.84px;
  padding:11px 13px 80px;
  position:relative;
  transition:0.3s all ease-in;
}

.aws-section3-cm .four-col-container span>.hs_cos_wrapper:hover{
   box-shadow: 0 4px 19px 0 rgba(203,212,222,0.65);
   border: 2px solid transparent;
}

.aws-section3-cm .four-col-container span>.hs_cos_wrapper:nth-child(4n){
   margin-right:0;
}

.aws-section3-cm .four-col-container .image-container{
   height:174px;
   margin-bottom:16px;
}

.aws-section3-cm .four-col-container .tag{
   font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.31px;
  line-height: 20px;
  text-align: center;
  color: #81BA32;
  border: 1px solid #8DC63F;
  border-radius: 18px;
  background-color: #F8FCF4;
  padding:5px 10px;
  width: auto;
  display: inline-block;
  margin-bottom: 16px;
}

.aws-section3-cm .four-col-container .cta-container{
   position:absolute;
   bottom:22px;
}

.aws-section3-cm .four-col-container .content-heading h4{
   font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.49px;
  line-height: 29px;
}

.aws-section3-cm .four-col-container .cta-text a{
   color: #3C3B44;
}

.aws-section3-cm .four-col-container{
   padding:0 7px;
}


@media(max-width:1024px){
  
.aws-section3-cm .four-col-container span>.hs_cos_wrapper:nth-child(2n){
   margin-right:0;
}
  
.aws-section3-cm .four-col-container span>.hs_cos_wrapper {
    width: 49%;
}
  
.aws-section3-cm {
    padding: 73px 0 122px;
}
 
}


@media(max-width:767px){

.aws-section3-cm{
   padding: 60px 0 102px;  
}
  
.aws-section3-cm .four-col-container span>.hs_cos_wrapper {
    width: 100%;
    margin-right: 0;
}
}




/*===============================================================
            Login Page Styling 
================================================================*/



.login-section{
   padding:142px 0 175px;
   background-color: #FAFCFE;
}

.login-section .systems-page h2{
   text-align:center;
   margin-bottom:10px;
}

.login-section .systems-page p{
   text-align:center;
}

.login-section .form-container{
   max-width:421px;
   margin:20px auto 29px;
   float:none;
}

.login-section .form-container form .hs-button{
   width:100%;
}

.login-section .bottom-text p{
   font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.31px;
  line-height: 25px;
  text-align:center;
  color: #3C3B44;
}

.hs-screen-reader-text{
  height:auto!important;
  width:auto!important;
  position:relative!important;
  overflow:inherit!important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.31px;
  line-height: 25px;
  color: #3C3B44;
  margin-bottom:10px;
}


@media(max-width:767px){

.login-section {
    padding: 52px 0 45px;
}
}




/******************* Table Styling *******************/

table{
   margin:40px auto 40px;
}

table tbody tr td{
   border: 1px solid #3c3b44!important;
}

table td p span {
    font-size: 16px!important;
}

table td p{
   padding-left:0!important;
}

.system-page #email-prefs-form .page-header{
  text-align:center;
  width: 100%;
  max-width: 830px;
  margin: 0 auto 50px;
}

.system-page #email-prefs-form .page-header h1{
  font-size: 62.5px;
  line-height: 65.5px;
  margin-bottom: 0;
}

.system-page #email-prefs-form{
   padding:100px 0 100px;
}

.system-page #email-prefs-form .page-header h2{
   margin-bottom:0;
}

.system-page .email-prefs{
  max-width: 800px;
  margin: 0 auto;
  float: none;
}

.email-prefs .item .item-inner.selected {
    background: #f0f7fc;
    border: 1px solid #e0e7ec;
}

.email-prefs .item .item-inner {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-transition-property: background;
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 0.15s;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    border: 1px solid #E4E4E4;
    overflow: hidden;
    margin-top: 0;
    padding: 15px;
    background: #f7f7f7;
    margin-bottom:20px;
}

.checkbox-row span.fakelabel span {
    font-weight: bold;
    vertical-align: top;
}

.email-prefs .item .item-inner * {
    color: #444;
}

.email-prefs .item .item-inner p{
   font-size:14px;
   margin-left:23px;
   margin-bottom:0;
}

.email-prefs .header{
   background:transparent;
}

.email-prefs .item .item-inner input[type=checkbox]{
    position: relative;
    top: 1px;
}

#globalunsub{
   position: relative;
    top: 3px;
}


@media(max-width:767px){

.system-page #email-prefs-form {
    padding: 60px 0 70px;
}
  
.system-page #email-prefs-form .page-header h1 {
    font-size: 48.5px;
    line-height: 51.5px;
    margin-bottom: 0;
}
  
.system-page #email-prefs-form .page-header {
    margin: 0 auto 30px;
}
}




/*======================================================================
             Resource Download V1 Styling 
=======================================================================*/



/******************* LP Header Cm Styling ***************************/


.lp-header-cm{
   position:absolute;
   left:0;
   right:0;
   top:0;
   padding:35px 0 35px;
   z-index:2;
}

.lp-header-cm .cta-container{
   text-align:right;
}

.lp-header-cm .content-wrapper>.row-fluid{
   display:flex;
   align-items:center;
}

.lp-header-cm .logo a{
   display:block;
}


@media(max-width:767px){

.lp-header-cm .logo{
   width:50%;
}
  
.lp-header-cm .cta-container{
   width:50%;   
}
}




/****************** Resource Download v1 *************************/


.resource-download-v1 .resource-download-banner{
   padding-top:107px;
}

.resource-download-v2 .resource-download-banner {
    padding-top: 67px;
}

.resource-download-v1 .resource-download-form-cm:after{
    position: absolute;
    left: 0;
    bottom: 30px;
    content: '';
    background: url(https://538402.fs1.hubspotusercontent-na1.net/hubfs/538402/Noggin%20Assets%202021/Resource%20feature%20Squiggle.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 534px;
    height: 184px;
    z-index: -1;
}


@media(max-width:1200px){

.resource-download-v1 .resource-download-form-cm:after{
   width: 394px;
   height: 124px;  
}
}


@media(max-width:767px){

.resource-download-form-cm.move-down:before {
    top: -110px;
    width: 384px;
    height: 124px;
}
  
.resource-download-v1 .resource-download-form-cm:after{
   display:none;
}
}