@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
/* font-family: futura-pt,sans-serif;
font-weight: 600;
font-style: normal;

font-family: futura-pt-condensed,sans-serif;
font-weight: 500;
font-style: normal; */

<link rel="stylesheet" href="https://use.typekit.net/pfi6llt.css">

/*====== GILROY Font ======*/

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-ExtraBoldItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Black.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-BoldItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Bold.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-BlackItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-UltraLight.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Regular.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-LightItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Medium.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-RegularItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-SemiBold.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-UltraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Thin.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-HeavyItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Light.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-SemiBoldItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-MediumItalic.woff2') format('woff2'),
        url('https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Theme%202021/gilroy-fonts/Gilroy-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* 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;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*-------------Font Family------------*/






/*--------- NAVBAR COLORS ----------*/

 
 


 



/*--------- Theme Base Colors ----------*/



















body{
  font-size:16px;
  line-height:1.4;
  overflow-x:hidden;
  letter-spacing:0px;
  background:#fff;
  font-family: 'Gilroy';
  color: #2D3033;
  margin:0 auto;
  padding:0;
  position:relative;
  z-index:1;
  background-color: #f7f7f7;
  max-width: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.absolute {
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:2;
}

img{
  aspect-ratio: auto;
}

@media (min-width:1025px) and (max-width: 1300px) {
  body .container-fluid .row-fluid-wrapper .row-fluid .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  body .gigs-taber .wrapper .row-fluid-wrapper .main-top{
    max-width: 1125px;
  }
}

.row-fluid [class*="span"] .wrapper{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  float:none;
  padding-left:15px;
  padding-right:15px;
}

h1,h2,h3,h4,h5,h6{
  font-family:'Gilroy';
  font-weight:600;
}

h1,h2,h3,h4,h5,h6{
  text-transform:initial;
  text-decoration:none;
  margin:0 0 15px;
  padding:0;
  color:#000000;
}

p,a{
  text-transform:initial;
  text-decoration:none;
  margin:0 0 15px;
  padding:0;
}

.body-container-wrapper ul,.body-container-wrapper li {
  margin-bottom:15px;
}

a {
  margin-bottom:0;
  font-weight:400;
  color:#2D3033;
}

h1 {
  font-size: 57px;
  line-height: 65px;
  letter-spacing: -0.8px;
  margin-bottom:20px;
  color: #000000;
}

h2{
  font-size: 37px;
  line-height: 1.49;
  letter-spacing: 0px;

}

h3 {
  font-size:34px;
  line-height:34px;
  letter-spacing:0.05px;

}

h4 {
  font-size: 28px;
  line-height: 48px;
  letter-spacing: 0;

}

h5 {
  font-size:24px;
  letter-spacing:-0.26px;
  line-height: 32px;

}

h6 {
  font-size:20px;
  line-height:33px;
  letter-spacing:0.5px;

}

/* html .body-container-wrapper .body-container h6 {
font-weight:normal
} */

p{
  font-size:18px;
  line-height:26px;
  color:#000000;
  font-weight:normal;
  font-weight:300;
  letter-spacing: 0px;
}

.body-container-wrapper {
  background:#fff;
  overflow:hidden;
  position:relative;
  z-index:0;
}

.secondary-font h1,
.secondary-font h2,
.secondary-font h3,
.secondary-font h4,
.secondary-font h5,
.secondary-font h6,
body .container-fluid .row-fluid-wrapper .row-fluid .secondary-font a,
.secondary-font p{
  font-family: 'Gilroy';
  font-weight:300;
}

.base-color h1,
.base-color h2,
.base-color h3,
.base-color h4,
.base-color h5,
.base-color h6,
.base-color p{
  color: #2D3033;
}

.remove-octagon .body-container-wrapper{
  margin-top:136px;
}

.body-container-wrapper ul {
  text-decoration:none;
  list-style:none;
  margin:20px 0;
  padding:0;
}

.body-container-wrapper ol {
  text-decoration:none;
  margin:0 0 15px;
  padding:0;
}

.body-container-wrapper li {
  font-size:16px;
  line-height:25px;
  letter-spacing:-.1px;
  font-weight:400;
  position:relative;
  margin-left:34px;
  margin-bottom:2px;
}

.body-container-wrapper li:before {
  position:absolute;
  top:11px;
  left:-24px;
  content:'';
  width:4px;
  height:4px;
  background:;
  border-radius:50%;
}

blockquote {
  font-size:22px;
  color:#383838;
  font-weight:400;
  line-height:31px;
  letter-spacing:1px;
  position:relative;
  padding-left:32px;
  margin:0;
}

body .container-fluid .row-fluid form .hs-button,
body .container-fluid .row-fluid  a.cta_button {
  font-size:16px;
  line-height:14px;
  font-weight:600;
  background:#000000;
  font-family: 'Gilroy';
  cursor:pointer;
  text-align:center;
  display:inline-block;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  border-radius: 0px;
  margin-bottom:0;
  position:relative;
  z-index:0;
  color:#ffffff;
  letter-spacing:0px;
  border:none;
  padding: 20px 46px;
  box-sizing:border-box!important;
  top:0px;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
  letter-spacing: 0.5px;
  text-transform:uppercase;
  border-radius:8px;
}

body .container-fluid .row-fluid  a.cta_button:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  background-color: #ffffff;
  width: 0px;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
  border-radius:8px;
}

body .container-fluid .row-fluid  a.cta_button:hover:before{
  width:100%;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
}

body .container-fluid .row-fluid  a.cta_button:hover {
  color: #8154EF;
  border-radius:10px;
}

body .container-fluid .row-fluid form .hs-button:hover,
body .container-fluid .row-fluid  a.cta_button:hover {
  box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.2);
  top:0px;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
}


/*=======Transparent CTa======*/

body .container-fluid .row-fluid .transparent-cta form .hs-button,
body .container-fluid .row-fluid .transparent-cta  a.cta_button,
body .container-fluid .row-fluid a.transparent-cta.cta_button{
  font-size:16px;
  line-height:14px;
  font-weight:600;
  background: #000000;
  cursor:pointer;
  text-align:center;
  display:inline-block;
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  margin-bottom:0;
  position:relative;
  z-index:0;
  color:#8154EF;
  letter-spacing:0px;
  padding: 26px 38px;
  box-sizing:border-box!important;
  top:0px;
  border: 1px solid #ffffff;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
  border-radius: 30px;
  letter-spacing: 0.27px;
}

body .container-fluid .row-fluid .transparent-cta a.cta_button:before,
body .container-fluid .row-fluid a.transparent-cta.cta_button:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  background-color: #8154EF;
  width: 0px;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
  border-radius:30px;
}

body .container-fluid .row-fluid .transparent-cta a.cta_button:hover:before,
body .container-fluid .row-fluid a.transparent-cta.cta_button:hover:before{
  width:100%;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
}

body .container-fluid .row-fluid a.transparent-cta.cta_button:hover,
body .container-fluid .row-fluid .transparent-cta a.cta_button:hover{
  color: #ffffff;
}

body .container-fluid .row-fluid .transparent-cta form .hs-button:hover,
body .container-fluid .row-fluid .transparent-cta  a.cta_button:hover,
body .container-fluid .row-fluid a.transparent-cta.cta_button:hover {
  box-shadow: -6px 9px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: transparent;
  color: #ffffff;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
  border: 1px solid #8154EF;
}



/* ######################### Transparent WHite CTA ######################### */
body .container-fluid .row-fluid .transparent_white_cta a.cta_button{
  /*   font-size: 28px;
  font-weight: 300;
  border-radius: 15px;
  padding-top:30px;
  padding-bottom:30px; */
  cursor: pointer;
  background-color: transparent;
  border: 2px solid #ffffff;
}
/* body .container-fluid .row-fluid .transparent_white_cta a.cta_button:hover {
border-radius: 15px;
} */
@media all and (max-width: 998px){
  body .container-fluid .row-fluid .transparent_white_cta  a.cta_button{
    padding: 19px;
    line-height: 1;
  }
}
@media all and (max-width: 768px){
  body .container-fluid .row-fluid .transparent_white_cta a.cta_button {
    font-size: 16px;
    padding: 20px 25px;
  }
}

/* ######################### Transparent Dark CTA ######################### */
/* body .container-fluid .row-fluid .transparent_dark_button.full_width_btn a.cta_button{
width: 100%;
} */
body .container-fluid .row-fluid .transparent_dark_button a.cta_button{
  border: 2px solid #0E0323;
  color: #12042C;
  background-color: transparent;
  /*   padding: 19px 41px;
  font-weight: 400;
  font-size: 27px; */
  letter-spacing: 0.37px;
  /*   line-height: 33px; */
}
body .container-fluid .row-fluid .transparent_dark_button a.cta_button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #0E0323;
  width: 0px;
  transition: .3s all ease-in-out;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  border-radius: 8px;
}
body .container-fluid .row-fluid .transparent_dark_button a.cta_button:hover{
  color: white;
}
body .container-fluid .row-fluid .transparent_dark_button a.cta_button:hover:before {
  width: 100%;
  transition: .3s all ease-in-out;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
}
@media all and (max-width: 1140px){
  body .container-fluid .row-fluid .transparent_dark_button a.cta_button{
    font-size: 20px;
  }
}
@media all and (max-width: 998px){
  body .container-fluid .row-fluid .transparent_dark_button a.cta_button{
    padding: 19px;
    line-height: 1;
  }
}
@media all and (max-width: 548px){
  body .container-fluid .row-fluid .transparent_dark_button a.cta_button{
    font-size: 16px;
  }
}
/* ######################### Transparent Dark CTA ######################### */



.grey-bg{
  background-color: #000000;
}

.black-bg {
  background: #2D3033;
}

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

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

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

.float-left{
  float:left;
}

.float-right{
  float:right;
}

.overlay,.basecolor-overlay{
  position:relative;
  z-index:1;
}

.overlay:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #2D3033;
  z-index: -1;
}

.basecolor-overlay:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(72, 66, 183, 0.72);
  z-index: -1;
}

.gray-bg{
  background:#fafafa;
}

.all-text-white,
.all-text-white h1,
.all-text-white h2,
.all-text-white h3,
.all-text-white p,
.all-text-white h4,
.all-text-white h5,
.all-text-white h6,
.all-text-white li,
.all-text-white .fa,
.all-text-white a{
  color:#fff;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
}

.font-weight-normal,
.font-weight-normal h1,
.font-weight-normal h2,
.font-weight-normal h3,
.font-weight-normal p,
.font-weight-normal h4,
.font-weight-normal h5,
.font-weight-normal h6,
.font-weight-normal li,
.font-weight-normal p,
.font-weight-normal a{
  font-weight:normal;
}
.all-text-orange,
.all-text-orange a,
.all-text-orange h1,
.all-text-orange h2,
.all-text-orange h3,
.all-text-orange h4,
.all-text-orange h5,
.all-text-orange h6{
  color : #8154EF;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
}

/*=== Transition Effect ===*/

.transition-effect,
.white-label-service .hs_cos_wrapper .service-box:before,
.white-label-service .hs_cos_wrapper .service-box:hover:before,
.transition-effect:hover,
.new-footer-hub .new-menu ul li.hs-menu-item a,
.new-footer-hub .new-menu ul li.hs-menu-item a:hover,
.hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6:hover span svg,
body .row-fluid-wrapper .row-fluid .why-psdtohubspot .right-column,
.psdtohubspot-process-cm .process ul li span,
.psdtohubspot-process-cm .process ul li .number-text:after,
.bottom-two-col a span,
.bottom-two-col a:hover span,
.psdtohubspot-process-cm .process ul li span:before,
.team-module .taber-image .team-details span,
.team-module .taber-image .image,
.team-module .taber-image .team-details,
.psdtohubspot-process-cm .process ul li .number-text:before,
.psdtohubspot-process-cm .process ul li.active .number-text:before,
.row-fluid.process.highlight li:first-child:before,
.psdtohubspot-process-cm .process ul li.active span,
.progress-bar,
.psdtohubspot-process-cm .process ul li.active:nth-last-child(2) .number-text:after,
.integration-cm .three-col .main-body:before,
.career-hero .sub-heading a span,
.career-hero .sub-heading a:hover span,
.taber-section .taber-top ul li,
.taber-section .taber-body .job-description li:hover,
.taber-section .taber-body ul, 
.taber-section .taber-body ul li,
.jd-main-section .cta-module .apply-text a.all-text-orange span,
.jd-main-section .cta-module .apply-text a.all-text-orange:hover span,
.bottom-result .dwnld-cntnr .dwnld-btn,
.fixed.email-container button#dwnld-btn,
.bottom-result .dwnld-cntnr .dwnld-btn:before,
.bottom-result .dwnld-cntnr .dwnld-btn:hover,
.bottom-result .dwnld-cntnr .dwnld-btn:hover:before,
.fixed.email-container,
body.show-popup .fixed.email-container,
.fixed.email-container button#dwnld-btn:hover,
.erro-msg,
.erro-msg.show-error,
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper:hover,
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper:hover h4:before,
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper h4:before,
body .container-fluid .row-fluid .hubspot-template-call-to-action .right-button a.cta_button,
body .container-fluid .row-fluid .hubspot-template-call-to-action .right-button a.cta_button:hover,
.hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 span,
.hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 span img,
.taber-cm .taber-item ul li,
.taber-cm .taber-item ul li:first-child:after,
.taber-cm .taber-item ul li:last-child:after,
.taber-cm .taber-item ul li:last-child:hover:after,
.gigs-taber .main-filter,
.gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .right-column ul,
.gigs-taber .top-section .right-column ul,
.gigs-taber .top-section .right-column,
.gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .top-heading h1,
.gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .sub-heading,
.gigs-taber .wrapper .row-fluid-wrapper .main-top .sub-heading,
.gigs-taber .top-section .top-heading h1,
body .header-setion .logo-section,
.gigs-taber .right-column .mobile,
body .gigs-taber .top-section .right-column ul li a:hover,
body .gigs-taber .top-section .right-column ul li a,
.home-testimonial .slider .slider-box.slick-slide.slick-current.slick-active,
.home-testimonial .slider .slider-box,
.slick-disabled,
.request-quote .right-column .form .actions input.hs-button:hover:before,
.request-quote .right-column .form .actions input.hs-button:before,
body .row-fluid .already .cta a.cta_button,
.taber-content.active,
.taber-content:hover,
.taber-content,
.taber-content:hover .icon-image,
.request-quote .left-column .icon-image,
ul.slick-dots li.slick-active,
ul.slick-dots li,
slick-next.slick-arrow img,
.slick-prev.slick-arrow img,
.review-image img,
.why-choose .choose-cm .cta-section a:hover span img,
.why-choose .choose-cm .cta-section a span img,
.services-cm .right-col .link a:hover span img,
.services-cm .right-col .link a span img,
.services-cm .right-col .link a span,
.footer-bottom .right-module ul li a:hover,
.footer-bottom .right-module ul li a,
.footer-bottom p,
body .row-fluid .footer-right ul li a:hover,
body .row-fluid .footer-right ul li a,
.footer-details li a:hover,
.footer-details .footer-icon li a,
.footer-details .footer-icon li,
.footer-details .footer-contact li a, 
.footer-details .footer-contact li span,
.mega-menu-two .menu-item:hover .menu-heading h5,
.mega-menu-two .menu-item:hover .sub-heading h6,
.mega-menu-two .menu-item:hover:before,
.mega-menu-two .menu-item:hover:after,
.mega-menu-two .menu-item:before,
.mega-menu-cm,
li.hs-item-has-children.show .mega-menu-cm,
.mega-menu-cm .menu-item ul li,
.mega-menu-cm .menu-item ul li:hover,
.mega-menu-cm .menu-close-btn,
.mega-menu-cm .menu-close-btn:hover,
.mega-menu-cm .menu-close-btn:hover:before,
.mega-menu-cm .menu-close-btn:hover:after,
.mega-menu-cm .menu-close-btn:before,
.menu-close-btn:after,
.mega-menu-two .menu-item,
.header-setion .cta-section ul li:last-child a,
.header-setion .cta-section ul li:last-child a:before,
.header-setion .cta-section ul li:last-child a:hover,
.header-setion .cta-section ul li:last-child a:hover:before,
.mobile-open .mobile-trigger i:before,
.mobile-open .mobile-trigger i:after,
.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:after,
.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children.show:after,
.header-setion .menu-section .hs-menu-wrapper>ul>li>a,
.header-setion .menu-section ul li a:hover,
.header-setion .menu-section .hs-menu-wrapper>ul>li:last-child a:hover,
.header-setion .cta-section ul li a,
.header-setion .cta-section ul li a:hover,
.new-footer-hub .new-social ul li a,
.new-footer-hub .new-social ul li a:hover,
.new-footer-hub .new-copy ul li a,
.new-footer-hub .new-copy ul li a:hover{
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
  -ms-transition:.3s all ease-in-out;
  -o-transition:.3s all ease-in-out;
}

.all-text-uppercase,
.all-text-uppercase h1,
.all-text-uppercase h2,
.all-text-uppercase h3,
.all-text-uppercase h4,
.all-text-uppercase h5,
.all-text-uppercase h6,
.all-text-uppercase p,
.all-text-uppercase a {
  text-transform:uppercase;
}

.text-margin-zero h1,
.text-margin-zero h2,
.text-margin-zero h3,
.text-margin-zero p,
.text-margin-zero h4,
.text-margin-zero h5,
.text-margin-zero h6,
.text-margin-zero .fa,
.text-margin-zero a,
.text-margin-zero .widget-type-cta{
  margin:0;
}

.base-color-text h1,
.base-color-text h2,
.base-color-text h3,
.base-color-text p,cta
.base-color-text h4,
.base-color-text h5,
.base-color-text h6,
.base-color-text .fa,
.base-color-text a{
  color:#2D3033;
}
.font-weight-six,
.font-weight-six h2,
.font-weight-six h3,
.font-weight-six h4,
.font-weight-six h5,
.font-weight-six h6,
.font-weight-six p,
.font-weight-six a,
.font-weight-six li{
  font-weight: 600;
}
.font-weight-one,
.font-weight-one h1,
.font-weight-one h2,
.font-weight-one h3,
.font-weight-one h4,
.font-weight-one h5,
.font-weight-one h6,
.font-weight-one p,
.font-weight-one a,
.font-weight-one li{
  font-weight: 100;
}
.font-weight-two,
.font-weight-two h1,
.font-weight-two h2,
.font-weight-two h3,
.font-weight-two h4,
.font-weight-two h5,
.font-weight-two h6,
.font-weight-two p,
.font-weight-two a,
.font-weight-two li{
  font-weight: 200;
}
.font-weight-three,
.font-weight-three h1,
.font-weight-three h2,
.font-weight-three h3,
.font-weight-three h4,
.font-weight-three h5,
.font-weight-three h6,
.font-weight-three p,
.font-weight-three a,
.font-weight-three li{
  font-weight: 300;
}
.font-weight-four,
.font-weight-four h1,
.font-weight-four h2,
.font-weight-four h3,
.font-weight-four h4,
.font-weight-four h5,
.font-weight-four h6,
.font-weight-four p,
.font-weight-four a,
.font-weight-four li{
  font-weight: 400;
}
.font-weight-five,
.font-weight-five h1,
.font-weight-five h2,
.font-weight-five h3,
.font-weight-five h4,
.font-weight-five h5,
.font-weight-five h6,
.font-weight-five p,
.font-weight-five a,
.font-weight-five li{
  font-weight: 500;
}
.font-weight-six,
.font-weight-six h1,
.font-weight-six h2,
.font-weight-six h3,
.font-weight-six h4,
.font-weight-six h5,
.font-weight-six h6,
.font-weight-six p,
.font-weight-six a,
.font-weight-six li{
  font-weight: 600;
}
.font-weight-seven,
.font-weight-seven h1,
.font-weight-seven h2,
.font-weight-seven h3,
.font-weight-seven h4,
.font-weight-seven h5,
.font-weight-seven h6,
.font-weight-seven p,
.font-weight-seven a,
.font-weight-seven li{
  font-weight: 700;
}
.font-weight-eight,
.font-weight-eight h1,
.font-weight-eight h2,
.font-weight-eight h3,
.font-weight-eight h4,
.font-weight-eight h5,
.font-weight-eight h6,
.font-weight-eight p,
.font-weight-eight a,
.font-weight-eight li{
  font-weight: 800;
}
.font-weight-nine,
.font-weight-nine h1,
.font-weight-nine h2,
.font-weight-nine h3,
.font-weight-nine h4,
.font-weight-nine h5,
.font-weight-nine h6,
.font-weight-nine p,
.font-weight-nine a,
.font-weight-nine li{
  font-weight: 900;
}
.all-text-blue,
.all-text-blue h2,
.all-text-blue h3,
.all-text-blue h4,
.all-text-blue h5,
.all-text-blue h6,
.all-text-blue p,
.all-text-blue a,
.all-text-blue li{
  color: #000000;
}

.font-size-two-eight h1,
.font-size-two-eight h2,
.font-size-two-eight h3,
.font-size-two-eight h4,
.font-size-two-eight h5,
.font-size-two-eight h6,
.font-size-two-eight p,
.font-size-two-eight a {
  font-size:28px;
}

.base-color-text a:hover{
  color:#2D3033;
}

body .container-fluid .row-fluid [class*="span"]{
  min-height:0;
}

.section-bg{
  background-size: cover!important;
  background-position: center center!important;
  background-repeat:no-repeat !important;
}

.section-bg .bg-image{
  display:none!important;
}

.section-padding{
  padding:100px 0;
}

/* .hero-margin {
margin-top:92px;
} */

@media (min-width: 768px) {

  .equal-height-container > .row-fluid-wrapper > .row-fluid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }


  body .row-fluid .vertical-center{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  body .row-fluid .equal-height{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
  }  


}


/*========================================================
Typography Responsive Styling
========================================================*/

@media (min-width:768px) and (max-width:1024px){

  body .container-fluid .row-fluid .wrapper{
    padding-left:40px;
    padding-right:40px;
  }

  h1 {
    font-size: 45px;
    font-weight: 500;
  }

  h2{
    font-size: 38px;
    line-height: normal;

    letter-spacing: 0px;
  }

  h3 {
    font-size:26px;
    line-height:30px;
    letter-spacing:0;
  }

  h4 {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: bold;
    letter-spacing: -0.6px;
  }

  h5 {
    font-size:18px;
    line-height:1.5;
  }

  h6 {
    font-size: 20px;
    margin-bottom: 10px;
    line-height:1.5;
  }


  .section-padding {
    padding: 60px 0;
  }

  body .container-fluid .row-fluid .section-heading.align-center {
    margin-bottom: 30px;
  }



  .section-heading p {
    font-size: 18px;
  }

  body .container-fluid .row-fluid form .hs-button, 
  body .container-fluid .row-fluid a.cta_button{
    font-size: 14px;
    padding: 14px 15px;
  }  

}

@media (max-width:767px){

  body .container-fluid .row-fluid [class*="span"].wrapper{
    padding-left:20px;
    padding-right:20px;
  }

  .remove-octagon .body-container-wrapper{
    margin-top:106px;
  }

  h1 {
    font-size: 36px;
  }


  h2{
    font-size:32px;
  }  
  h4 {
    font-size:20px;
  }
  h5 {
    font-size:18px;
  }
  p{
    font-size:16px;
  }
  .section-padding {
    padding: 60px 0;
  }

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

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

  body .container-fluid .row-fluid .section-heading.align-center{
    margin-bottom: 30px;
  }



  .body-container-wrapper li {
    font-size: 14px;
    line-height: 24px;
  }

  .heading-underline {
    margin-bottom: 20px;
    padding-bottom: 2px;
  }

  body .container-fluid .row-fluid form .hs-button, body .container-fluid .row-fluid a.cta_button[title]{
    display:block;  
  }  

}


/*==================================================
Two Col Adjust 
==================================================*/


body .container-fluid .row-fluid .two-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.5%;
}

body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 47.4%;
  -webkit-flex-basis: 47.4%;
  float: left;
  margin-right: 2.43%;
  margin-top: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
}

@media (max-width:767px){


  body .container-fluid .row-fluid .two-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .two-col-adjust span>.hs_cos_wrapper {
    display: block;
    margin: 0;
    margin-top: 20px;
    max-width: 379px;
    width: 100%;
    margin: 30px auto 0;
    float: none;
  }   
}


/*==================================================
Three Col Adjust 
==================================================*/



body .container-fluid .row-fluid .three-col-adjust>span,
body .container-fluid .row-fluid .four-col-adjust>span{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.5%;
}

body .row-fluid .three-col-adjust span>.hs_cos_wrapper,
body .row-fluid .four-col-adjust span>.hs_cos_wrapper{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 30.9%;
  -webkit-flex-basis: 30.9%;
  float: left;
  margin-right: 2.43%;
  margin-top: 2.43%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
}
body .row-fluid-wrapper .row-fluid  .four-col-adjust span>.hs_cos_wrapper {
  flex-basis: 22.5%;
  -webkit-flex-basis: 22.5%;
  margin-top:4.8%;
}

@media (max-width:767px){

  body .container-fluid .row-fluid .three-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .three-col-adjust span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
    margin: 30px auto 0;
    float: none;
  }   
  body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
    margin: 30px auto 0;
    float: none;
  }   
}



/*==================================================
Four Col Adjust 
==================================================*/


body .container-fluid .row-fluid .four-col-adjust>span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-right: -2.565%;
}

body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 22.5%;
  -webkit-flex-basis: 22.5%;
  float: left;
  margin-right: 2.5%;
  margin-top: 2.43%;
  box-sizing:border-box;
  position:relative;
}

@media (max-width:767px){

  body .container-fluid .row-fluid .four-col-adjust>span {
    display: block;
    margin-right: 0;
  }

  body .row-fluid .four-col-adjust span>.hs_cos_wrapper {
    display: block;
    flex-basis: 100%;
    width:100%;
    -webkit-flex-basis: 100%;
    margin:0;
    margin-top: 20px;
  }   
}


/*=========================================================
FORM STYLING
=========================================================*/     



/*======= Placeholder Color ====*/

::-webkit-input-placeholder {
  color: #939393;
}

:-moz-placeholder {
  color:#939393;
}

::-moz-placeholder {  
  color: #939393;
}

:-ms-input-placeholder {  
  color: #939393;
}

select::-ms-expand {
  display: none;
}

.row-fluid form li{
  margin:0;
}

.row-fluid  form li:before{
  display:none;
}

.row-fluid  form input,
.row-fluid  form select,
.row-fluid  form textarea{
  font-family: 'Gilroy';
  height: 46px;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 10px;
  border-radius: 0px;
  background:#fff;
  padding: 10px 15px;
  color:#939393;
  font-weight: 400;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

.row-fluid  form input:focus,
.row-fluid  form select:focus,
.row-fluid  form textarea:focus{
  outline:0;
}

.row-fluid  form textarea{
  height:130px;    
}

.row-fluid  form .hs_file_upload input,
.row-fluid  form .hs-form-checkbox input,
.row-fluid  form .hs-form-radio input,
.row-fluid  form .hs-form-booleancheckbox input{
  height:auto;
  padding:0;
  border:0;
}

.row-fluid  form .hs-form-checkbox input,
.row-fluid  form .hs-form-radio input,
.row-fluid  form .hs-form-booleancheckbox input{
  height:auto;
  padding:0;
  border:0;
  margin-bottom:0;
}

.row-fluid form .field>label{
  font-size: 14px;
  line-height: 1;
  letter-spacing: .5px;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
  margin-top: 14px;
  //padding-left: 15px;
}

.row-fluid form .hs_submit .actions{
  text-align:left; // CTA Button Alignment
}

.row-fluid form .hs-button.primary{
  height: auto;
  margin-top: 10px;
  background:#2D3033;
  color: #fff;
  font-weight: bold;
  width:100%;
}

form .hs-error-msgs{
  margin:0;
  padding:0;
}

form .hs-error-msgs li{
  line-height: 1;
  color: red;
  font-weight: 400;
  font-size: 11px;
  position: relative;
  top: 0;
  letter-spacing: 0.5px;
}

.row-fluid .hs-form fieldset.form-columns-1 .hs-input {
  width: 100%;
}

body .row-fluid .hs-form fieldset {
  max-width: 100%;
}

form .hs-form-required{
  display:none;
}

.body-container-wrapper form ul,
.body-container-wrapper form li{
  margin:0;
  padding:0;
}

.body-container-wrapper form ul,
form ul{
  list-style:none;
}

.body-container-wrapper form li:before{
  display:none;
}

body form .hs-form-checkbox:last-child,
body form .hs-form-radio:last-child,
body form .hs-form-booleancheckbox{
  margin-bottom:20px;
}

body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
  width: 32%;
  margin-right:2%;
}

body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 48.6%;
  margin-right:2.8%;
}

body .row-fluid .hs-form fieldset .hs-form-field:last-child{
  margin-right:0;
}

body .row-fluid .hs-form fieldset.form-columns-2 .input,
body .row-fluid .hs-form fieldset.form-columns-3 .input {
  margin-right:0px;
}

body .container-fluid .row-fluid .hs-form fieldset .field:last-child .input{
  margin-right:0;
}

body .row-fluid select{
  background: #fff url(//2558854.fs1.hubspotusercontent-na1.net/hubfs/2558854/Chicago%20LP/select%20arrow.png) no-repeat;
  background-position: center right;
  -webkit-appearance: none;
}



/*=======================================================
CHECKBOX AND RADIO BUTTONS STYLING
=======================================================*/   


.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
  width:auto;
}

.row-fluid .hs-form .field .input input[type="checkbox"],
.row-fluid .hs-form .field .input  input[type="radio"]{
  padding: 0;
  border-radius: 4px;
  background: #fff;
  margin-left: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #cfd3d7;
  -webkit-appearance: none;
  border: 2px solid #ddd;
  margin-right: 8px;
  top: 2px;
  width: 20px;
  height: 20px;
}

.row-fluid .hs-form .field .input input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 5px;
  top: 3px;
  left: 2px;
  border: 3px solid #2D3033;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.row-fluid .hs-form .field .input  input[type="radio"]{
  border-radius: 50%;
}

.row-fluid .hs-form .field .input  input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 3px;
  background: #2D3033;
  left: 3px;
  border-top: 0;
  border-right: 0;
  border-radius: 50%;
}


@media (max-width:480px){

  body form.hs-form .form-columns-2 .hs-form-field .hs-input,body form.hs-form .form-columns-3 .hs-form-field .hs-input{
    width:100% !important;
  }

  body .row-fluid .hs-form fieldset .input{
    margin:0;
  }

  body .row-fluid .hs-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
    margin-right: 0;
  }

  body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    margin-right: 0;
  }

  .row-fluid form .hs_submit .actions{
    text-align:center;
  }
}
.header-setion .menu-section .hs-menu-wrapper>ul>li:last-child a {
  background:  rgb(129 84 239 / 27%) ;
  border: 1px solid  #8154EF ;
  border-radius: 2px;
  padding: 2px 15px;
  /*   margin-left: 27px; */
  margin-left:14px;
  font-size:12px;
  color: #2D3033;
}

.header-setion .menu-section .hs-menu-wrapper>ul>li:last-child a:hover {
  color: #2D3033;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
}

@media (min-width: 768px) {
  body .row-fluid-wrapper .row-fluid .header-cta a.cta_button {
    border: 1px solid #fff;
    background: transparent;
  }

  .expand-box h2.mobile-text,
  .services-cm .left-col .top-heading h2.mobile-text{
    display:none;
  }
  .taber-cm .taber-top-section .taber-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition:.2s all ease-in-out 0s;
    -webkit-transition:.2s all ease-in-out 0s;
    -moz-transition:.2s all ease-in-out 0s;
  }
  .taber-cm .taber-top-section .taber-item.fixed {
    position: fixed;
  }
  .taber-cm .taber-description {
    margin-top: 102px;
  }
  .menu-list-cm .mobileVersion {
    display:none;
  }
  .menu-list-cm ul.responsivee.desktopVersion {
    display:block !important;
  }
}


/*============================================================
* Header Responsive Styling 
* =========================================================*/




/* ==========================================================================
Custom Menu Primary
========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}

.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}

.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:1025px) {
  .custom-menu-primary .hs-menu-wrapper { 
    display:block !important;
  }
}




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


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

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

@media (max-width: 1024px){


  /* Variables
  ========================================================================== */

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

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .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:#000000;
  }


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

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

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#000000;
    background-color: #ffffff; 
    border-color: transparent;
  }


  /* 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: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color:#21333d; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* 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: #21333d; /* Icon color */
    transition:.3s all ease-in-out;
    -webkit-transition:.3s all ease-in-out;
    -moz-transition:.3s all ease-in-out;
  }

  .mobile-open .mobile-trigger i:before {
    top: 0px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
  }

  .mobile-open .mobile-trigger i {
    background:transparent;
  }

  .mobile-open .mobile-trigger i:after {
    top: 0px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
  }


  /* 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;
  }

  .child-trigger:before {
    content: '';
    position: absolute;
    top: 0;
    left: -324px;
    bottom: 0px;
    background: transparent;
    right: 40px;
  }

  .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);
  }
  .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:#000000; /* 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: absolute;
    padding-top: 0px; /* Makes room for button */
    margin: 0px 0 0px 0;
    top:81px;
    right:0px;
    left:0px;
    z-index:2;
  }

  /* 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 */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
    background: #ffffff;
    padding-bottom: 10px;
    /*     display:none !important; */
  }

  .mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper {
    opacity: 1;
  }

  .custom-menu-primary .hs-menu-wrapper{
    background-color:#ffffff; /* 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 a{
    padding: 0 10px;
    color:#000000; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#000000; /* link hover color set by global mobile-aColorHover 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 Section Styling Start Here
* ============================================================*/



.header-setion {
  padding: 22px 40px;
  background-color: #ffffff;
  /*   border-bottom: 1px solid #adb2c4; */
}


.header-setion .menu-section .mobile-cta-lets-talk {
  position: absolute;
  right: 54px;
  top: 30px;
  margin: 0;
  max-width: 83px;
  width: 100%;
}

.header-setion .menu-section .mobile-cta-lets-talk a.cta_button {
  font-size: 12px;
  padding: 8px 8px;
  background-color:transparent;
  border: 1px solid #000;
  color:#000;
}

.header-setion .menu-section .mobile-cta-lets-talk a.cta_button:hover {
  background-color:  #8154EF ;
  color:  #8154EF ;
  border:1px solid  #8154EF ;
  box-shadow:none;
}

.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:before {
  content:'';
  position:absolute;
  top:0px;
  left:0px;
  right: 0px;
  bottom:0;
  background-color: transparent;
  z-index: -1;
  height: 0px;
}

@media (min-width:993px) {
  .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:hover:before {
    height: 70px;
  }

  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    background: #f2f2f2;
    top: 67px;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
  }

  body .row-fluid-wrapper .row-fluid .header-setion {
    opacity:0;
    box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.08);
    position:fixed;
    max-width:100%;
    margin:0 auto;
    float:none;
    z-index:1;
    transition: .2s  ease-out;
    -webkit-transition: .2s  ease-out;
    -moz-transition: .2s  ease-out;
    max-height:96px;
  }

  body .row-fluid-wrapper .row-fluid .header-setion.sticky {
    position: fixed;
    z-index: 2;
    margin: 0 auto;

  }
}

.header-setion .menu-section .hs-menu-wrapper>ul {
  margin-top: 0px;
  padding-left:110px;
}

.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children {
  position:relative;
  z-index:1;
}

.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:after {
  content:'';
  position:absolute;
  top:7px;
  right:-3px;
  bottom:0;
  background-image: url('https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/arrow_image-new-black.svg');
  z-index:1;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  width: 12px;
  height: 8px;
}

.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:hover:after{
  background-image: url('https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Assets%202019/arrow_image-new.svg')
}
.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children.show:after {
  transform:rotate(-180deg);
  -webkit-transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
}

.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item a {
  padding-right: 14px;
}

.header-setion .menu-section .hs-menu-wrapper>ul>li>a {
  max-width: 500px;
  text-transform:uppercase;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size:13px;
  color: #000000;
  line-height: normal;
  padding: 3px 0px 3px 29px;
}

.header-setion .menu-section ul li a:hover {
  color: #8154EF;
}

body .row-fluid-wrapper .row-fluid li.hs-menu-item.show>a {
  color: #8154EF;
}
/*
.header-setion .menu-section .hs-menu-wrapper>ul>li:last-child a {
background:  rgb(129 84 239 / 27%) ;
border: 1px solid  #8154EF ;
border-radius: 2px;
padding: 2px 15px;
margin-left: 27px; 
margin-left:14px;
font-size:12px;
color: #2D3033;
}

.header-setion .menu-section .hs-menu-wrapper>ul>li:last-child a:hover {
color: #2D3033;
}
*/
.header-setion .cta-section ul {
  margin-bottom: 0px;
  position: relative;
}

@media (min-width:768px) {
  .header-setion .cta-section ul li:first-child {
    position: relative;
    top: 8px;
  }
  body.safari .header-setion .cta-section ul li:nth-child(2){
    position: relative;
    top:14px;
  }
}

.header-setion .cta-section ul li {
  display: inline-block;
}

.header-setion .cta-section ul li a {
  padding: 3px 25px;
  font-size: 13px;
  font-weight: 600;
  text-decoration:underline;
  text-transform:uppercase;
  color: #000000;
}

.header-setion .cta-section ul li a:hover {
  color: #8154EF;
}

.header-setion .cta-section ul li:last-child {
  position:relative;
}

.header-setion .cta-section ul li:last-child a {
  background-color: #ffffff;
  padding: 10px 25px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.27px;
  text-align:center;
  text-decoration:none;
  position:relative;
  z-index:1;
  border:1px solid #2D3033;
  border-radius:8px;
}

.header-setion .cta-section ul li:last-child a:before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:  #8154EF ;
  z-index:-1;
  width: 100%;
  opacity:0;
}

.header-setion .cta-section ul li:last-child a:hover {
  color: #ffffff;
  border:1px solid  #8154EF ;
  box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.09);
}

.header-setion .cta-section ul li:last-child a:hover:before {
  opacity:1;
}

/*
@media (min-width:1013px) and (max-width:1115px) {
.header-setion .menu-section .hs-menu-wrapper>ul {
padding-left:70px;
}

.header-setion .cta-section ul li:last-child a {
padding: 7px 9px;
}
}
*/


/*=======================================
* Mega Menu Styling start Here
* =======================================*/


.mega-menu-cm {
  padding-bottom: 0px;
  transform: translateX(-100px);
  -webkit-transform: translateX(-100px);
  -moz-transform: translateX(-100px);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  max-width: 100%;
  margin: 90px auto 0 auto;
  width: 100%;
  opacity:0;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
  z-index:-11;
  visibility:hidden;
}

li.hs-item-has-children.show .mega-menu-cm {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  opacity:1;
  z-index:1;
  visibility:visible;
}

li.hs-item-has-children.show ul.hs-menu-children-wrapper li.hs-menu-item {
  display: none;
  display:block;
}

.mega-menu-cm .menu-item ul {
  margin: 0px;
}

.mega-menu-cm .menu-item ul li {
  margin: 0;
}

.mega-menu-cm .column-one {
  flex-basis: 20%;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  margin-right: 1%;
}

.mega-menu-cm .column-two {
  flex-basis: 25.3%;
  -webkit-flex-basis: 25.3%;
  -moz-flex-basis: 25.3%;
  padding: 30px 20px 30px 20px;
  position:relative;
  z-index:1;
  transform:translate(-80px,-80px);
  -webkit-transform:translate(-80px,-80px);
  -moz-transform:translate(-80px,-80px);
  opacity:0;
}

.mega-menu-cm .column-two:before {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/HubsPot%20Assets_Dec_2019/SM_Wave_Red.svg);
  z-index:-1;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  height: 107px;
  opacity:0;
}

.mega-menu-cm .column-two .top-heading h5 {
  letter-spacing: 0.4px;
  margin: 0;
  position:relative;
  z-index:1;
  border-bottom: 1px solid #333;
  margin-bottom: 15px;
  padding-bottom: 2px;
}

.mega-menu-cm .menu-item ul li {
  margin: 0;
  margin-top: 10px;
  position: relative;
  z-index: 1;
  padding-left: 15px;
}

.mega-menu-cm .menu-item ul li:hover {
  margin-left: 10px;
}

.mega-menu-cm .menu-item ul li:before {
  content:'';
  position:absolute;
  top:8px;
  left:0;
  bottom:0;
  background-image: url('https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/HubsPot%20Assets_Dec_2019/arrow_image.svg');
  background-repeat:no-repat;
  background-position:center;
  width: 12px;
  height: 8px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  z-index:-1;
}

li.hs-item-has-children.hide-child-item ul.hs-menu-children-wrapper>li {
  display: none;
}

body .row-fluid-wrapper .row-fluid .mega-menu-cm .menu-item ul li a {
  padding: 0;
}

li.hs-item-has-children.show {
  position: relative;
  z-index: 1;
}

li.hs-item-has-children.show:before {
  content:'';
  position:absolute !important;
  top:0px;
  left:0px;
  right: 0px;
  bottom: 0px;
  position: relative;
  z-index: 1;
  background-color:transparent;
  z-index:-1;
  height:70px;
}

li.hs-item-has-children.show ul.hs-menu-children-wrapper {
  visibility: visible !important;
  opacity: 1 !important;
}

.mega-menu-cm .menu-close-btn {
  background: transparent;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index:2;
  opacity:1;
}

.mega-menu-cm .menu-close-btn:hover {
  transform: rotate(180deg) scale(1.2);
  -webkit-transform: rotate(180deg) scale(1.2);
  -moz-transform: rotate(180deg) scale(1.2);
}

.mega-menu-cm .menu-close-btn:hover:before,
.mega-menu-cm .menu-close-btn:hover:after,
{
  background-color:#ff5e00;
}

body .row-fluid-wrapper .row-fluid .mega-menu-cm .column-two .menu-item ul li a {
  padding-right: 0;
}

.mega-menu-cm .menu-close-btn:before {
  content: '';
  position: absolute;
  top: 0;
  width: 2px;
  height: 20px;
  background: #000;
  z-index: 1;
  border-radius: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  right:10px;
}

.menu-close-btn:after {
  content: '';
  position: absolute;
  top: 0;
  right:10px;
  width: 2px;
  height: 20px;
  background: #000;
  border-radius: 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

@media (max-width: 1024px) {
  body .mega-menu-cm {
    position:relative;
    margin:0px;
    padding: 0px 0px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    opacity: 1;
  }

  .header-setion .cta-section{
    opacity:0;
    visibility:hidden;
    display:none;
  }
  .custom-menu-primary .hs-menu-wrapper {
    display:none;
  }

  body.mobile-open .custom-menu-primary .hs-menu-wrapper,
  body.mobile-open .header-setion .cta-section{
    opacity:1;
    visibility:visible;
    display:block;
  }

  body .mega-menu-two .menu-item {
    padding:20px 25px;
  }

  body .mega-menu-cm .menu-close-btn {
    display:none;
  }

  .menu-section .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper .mega-menu-cm-two,
  .menu-section .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper .mega-menu-cm-one,
  .menu-section .custom-menu-primary .hs-menu-wrapper ul.hs-menu-children-wrapper .mega-menu-cm-three{
    margin: 0;
  }

  body .mega-menu-cm .column-one {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    margin-right: 0;
  }

  body .mega-menu-cm .column-two {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    margin-bottom: 10px;
  }

  .mega-menu-cm .equal-height-container > .row-fluid-wrapper > .row-fluid {
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
  }

  body .mega-menu-cm .menu-item ul li:before {
    display:none;
  }

  body .row-fluid-wrapper .row-fluid .mega-menu-cm .menu-item ul li a {
    padding-left: 0px;
    padding-top: 0px;
    text-indent:10px;
    line-height: 2.4;
  }

  body .mega-menu-cm .column-two:before {
    height: 140px;
  }

  body .mega-menu-cm .column-one .top-heading h3 {
    font-size: 20px;
    margin-bottom: 0px;
  }

  body .mega-menu-cm .column-one .description-text p {
    font-size: 16px;
  }
}

.botom-ribbon  {
  display:none;
}

@media (min-width: 1013px) {
  .botom-ribbon {
    position: absolute;
    bottom: -60px;
    right: 0;
    background-color: #000;
    padding: 6px 0px;
    max-width: 786px;
    width: 100%;
    z-index: 5;
    display:none;
  }

  .botom-ribbon h4 {
    font-size: 22px;
    letter-spacing: 0.5px;
  }

  .mega-menu-cm .equal-height-container>.row-fluid-wrapper>.row-fluid {
    position:relative;
  }

}

@media(min-width: 1024px) {

  li.hs-item-has-children.show .menu-two {
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    opacity:1;
    transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
  }

  li.hs-item-has-children.show .menu-three {
    transition: 0.8s all ease-in-out;
    -webkit-transition: 0.8s all ease-in-out;
    -moz-transition: 0.8s all ease-in-out;
    opacity:1;
    transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);

  }

  li.hs-item-has-children.show .menu-four {
    transition: 1.1s all ease-in-out;
    -webkit-transition: 1.1s all ease-in-out;
    -moz-transition: 1.1s all ease-in-out;
    opacity:1;
    transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
  }
}

.mega-menu-two .menu-item {
  position:relative;
  z-index:1;
  padding: 33px 25px;
}

.mega-menu-two .menu-item:before {
  content:'';
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  /*   background-color: #8154EF; */
  background-color: #1e252c;
  opacity:0;
  z-index:-1;
  width:100%;
}

.mega-menu-two .menu-item:hover:before,
.mega-menu-two .menu-item:hover:after{
  height:100%;
  opacity:1;
}

.mega-menu-two .menu-item .menu-heading h5,
.mega-menu-two .menu-item .sub-heading h6 {
  -webkit-transition:.4s all ease-in-out;
  -moz-transition:.4s all ease-in-out;
  -ms-transition:.4s all ease-in-out;
}

.mega-menu-two .menu-item:hover .menu-heading h5,
.mega-menu-two .menu-item:hover .sub-heading h6 {
  color:#ffffff;
}

.mega-menu-two .sub-heading h6 {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 8px;
}

.mega-menu-two .menu-item .link a {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1
}

.mega-menu-two .menu-item:nth-child(4n+1) {
  margin-left:0px;
}

.mega-menu-two.mega-menu-cm>.equal-height-container>.row-fluid-wrapper>.row-fluid {
  flex-wrap: wrap;
}

/*===========================================
* Mega Menu Styling End Here
* =========================================*/

/*===========================
* Header Tab Responsive
* =======================*/



@media (min-width: 993px) and (max-width: 1240px) {

  body .header-setion .menu-section .hs-menu-wrapper>ul>li:last-child a {
    margin-left: 5px;
  }

  body .header-setion {
    padding: 24px 40px;
  }

  body .header-setion .cta-section ul li a {
    padding: 3px 15px;
  }
}

@media (min-width: 1025px) and (max-width: 1275px) {
  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item>a {
    padding: 3px 6px 3px 6px;
    font-size: 11px;
  }
  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children>ul.hs-menu-children-wrapper a {
    font-size:14px;
  }

  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:after {
    width:10px;
    right: -1px;
  }
}

@media(min-width: 1276px) and (max-width:1470px) {
  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item>a {
    padding: 3px 12px 3px 12px;
  }

}


@media (min-width:1025px) {

  .header-setion .menu-section .mobile-cta-lets-talk {
    display:none;
  }

}


/*=============================
* Header Mobile Responsive
* ============================*/


.header-setion.equal-height-container>.row-fluid-wrapper>.row-fluid {
  width: 100%;
  max-width: 1490px;
  margin: 0 auto;
}
@media (max-width: 1024px) {

  .menu-section .custom-menu-primary .hs-menu-wrapper>ul .right-side-menu ul li:last-child {
    display: none;
  }
  .hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal {
    /*     border-top: 1px solid #2D303338; */
    margin-top:5px;
  }
  .header-setion .span5.cta-section .right-side-menu.side-bar-cta {
    display: none;
  }
  body .header-setion .menu-section .hs-menu-wrapper>ul {
    padding-left:0px;
  }

  body .row-fluid-wrapper .row-fluid .right-side-menu .hs-menu-wrapper {
    display: block !important;
  }

  body .row-fluid .right-side-menu {
    margin-left: 0;
  }
  body .row-fluid-wrapper .row-fluid .right-side-menu .hs-menu-wrapper ul li.hs-menu-item a {
    padding-left: 10px;
    margin-left: 0;
  }
  .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children ul.hs-menu-children-wrapper li a {
    padding-top: 0;
    padding-bottom: 0;
  }

  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:after {
    display:none;
  }

  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children a {
    padding-right: 0;
  }

  body .header-setion .menu-section .hs-menu-wrapper ul li a {
    padding: 15px 30px 15px 20px;
  }

  body .header-setion .menu-section .hs-menu-wrapper>ul>li:last-child a {
    padding: 10px 3px;
    border:none;
    background:transparent;
    margin-left: 18px;
  }

  body .header-setion .cta-section ul li {
    display: block;
  }

  body .header-setion .cta-section ul li a {
    padding: 10px 30px;
  }
  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children ul.hs-menu-children-wrapper li a span {
    line-height: 1;
    padding: 0;
  }
  body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children>ul.hs-menu-children-wrapper {
    padding: 10px 0 25px;
    margin-top:0px;
  }
  body .row-fluid-wrapper .row-fluid .right-side-menu .hs-menu-wrapper ul li.hs-menu-item:first-child a[role="menuitem"] {
    display: none;
  }
}

@media (max-width:767px) {

  .section-filter.hero-margin {
    margin-top: 20px;
  }
  .menu-list-cm ul.responsivee.desktopVersion {
    display:none;
  }
}

@media (min-width:768px)  and (max-width:1024px) {
  body .row-fluid .header-setion {
    padding: 20px 20px;
  }
  body .header-setion .logo-section {
    width: 200px;
  }
}

.mega-menu-two .menu-item {
  text-align: left;
}

/*============================================================
* Header Section Styling End Here
* ============================================================*/





/*============================================================
* Footer Section Styling start Here
* ============================================================*/

.footer-section {
  background-color: #000000;
  padding: 103px 0px 41px;
}

.footer-details .footer-contact ul,
.footer-details .footer-icon ul {
  list-style-type:none;
  padding-left: 0px;
  margin-top: 0px;
}

.footer-details .footer-icon {
  padding-left: 25px;
}

.footer-details {
  padding-top: 37px;
  max-width: 400px;
}

.footer-details .footer-contact ul i {
  padding-right: 8px;
  font-size: 14px;
}

.footer-details .footer-contact ul span {
  display: inline-flex;
}

.footer-details .footer-contact li a, .footer-details .footer-contact li span {
  line-height: 1.63;
  color: #2D3033;
  letter-spacing: normal;
}

.footer-details .footer-contact li {
  padding-bottom: 11px;
}

.footer-details .footer-icon li {
  display: inline-block;
  margin-right: 13px;
}

.footer-details .footer-icon li a {
  font-size: 16px;
}

.footer-details li a:hover {
  opacity: 0.7;
}

body .row-fluid .footer-right ul li a {
  line-height: 1.63;
  letter-spacing: normal;
  font-weight: normal;
  padding: 0px 0px 15px 0px;
}

body .row-fluid .footer-right ul li a:hover {
  color: #2D3033;
  letter-spacing: 0.2px;
}

@media (min-width: 992px) {
  .footer-section .footer-right {
    margin-left: 1.2%;
  }

  .footer-section .footer-right .right-menu {
    padding-left: 30px;
  }
}

.footer-bottom {
  background-color: #2D3033;
  padding: 12px 0px;
}

.footer-bottom ul,
.footer-bottom p{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.footer-bottom .right-module ul li {
  display: inline-block;
  margin-right: 15px;
}

.footer-bottom .right-module ul li a,
.footer-bottom p{
  font-size: 14px;
  line-height: 26px;
}

.footer-bottom .right-module ul li a:hover {
  opacity: .7;
}

.gigs-taber .wrapper .row-fluid-wrapper>.row-fluid.main-top.sticky:after {
  display:block;
  content:'';
  position:absolute;
  top:0px;
  left:-100%;
  right:0px;
  background: #ffffff;
  z-index:-1;
  height: 75px;
  width: 500%;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
}

/*=== New Footer ===*/

.new-footer-hub .new-menu ul li.hs-menu-item a {
  padding-left: 0;
  max-width: 100%;
  width: 100%;
  text-overflow: initial;
  white-space: normal;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  padding-bottom:5px;
  letter-spacing:0.25px;
  color:#ffffff;
}
.new-footer-hub .new-menu ul li.hs-menu-item a:hover,
.new-footer-hub .new-copy ul li a:hover{
  color: #8154EF;
}
.new-footer-hub .menu-heading h6 {
  font-size: 18px;
  position:relative;
  z-index:1;
  color:#ffffff;
}
.new-footer-hub .new-social ul,
.new-footer-hub .new-copy ul{
  padding: 0;
  list-style-type: none;
  display: none !important;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position:relative;
  z-index:1;
}
.new-footer-hub .new-social ul::before, 
.new-footer-hub .new-social ul::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index: -1;
  height: 1px;
  background: #ffffff;
  width:42%;
}
.new-footer-hub .new-social ul::before {
  left:0;
}
.new-footer-hub .new-social ul::after {
  right:0;
}
.new-footer-hub .new-social ul li {
  flex: 0 0 5%;
  -webkit-flex: 0 0 5%;
  text-align: center;
}
.new-footer-hub .new-social ul li a {
  font-size: 25px;
  color:#ffffff;
}
.new-footer-hub .new-social ul li a.facebook:hover {
  color: #8154EF;
}
.new-footer-hub .new-social ul li a.linkedin:hover {
  color: #8154EF;
}
.new-footer-hub .new-social ul li a.twitter:hover {
  color: #8154EF;
}
.new-footer-hub .new-copy p {
  color: #333;
  font-weight: 500;
  font-size: 14px;
  color:#ffffff;
}
.new-footer-hub .new-copy ul li a {
  font-weight: 500;
  text-decoration: underline;
  color:#ffffff;
}
.new-footer-hub .new-copy ul li span {
  font-weight: 600;
  padding: 0px 10px;
}
.new-footer-hub .footer-logo {
  padding: 10px 0px 10px;
}
.new-footer-hub .footer-logo img.hs-image-widget {
  max-width: 200px !important;
}
.footer-section {
  background-color: #000000;
  color: #fff;
} 

.new-copy li img {
  width: 36px;
}

.new-copy li {
  display: inline-block;
  margin-left: 10px;
}

/*============================================================
* Footer Section Styling End Here
* ============================================================*/

/*==============================================================
* Hero Section Cm Styling Start Here
* ============================================================*/


.hero-section {
  padding: 105px 0px 115px;

  /*   background-color: rgba(255,243,204,03); */
  /* background: linear-gradient(30deg,#f6fffd,#FFF9F9,#f6fbff,#FFF9F9);
  background: -webkit-linear-gradient(30deg,#f6fffd,#FFF9F9,#f6fbff,#FFF9F9);
  background-size: 800% 800%;
  -webkit-animation: AnimationName 20s ease infinite;
  -moz-animation: AnimationName 20s ease infinite;
  animation: AnimationName 20s ease infinite;*/
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}
.agency-module .wrapper.black-bg::after,
.hubspot-template-call-to-action .call-to-action-wrapper::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  z-index: -1;
}
@media (min-width: 993px) {
  /*   .hero-section {
  padding-top: 182px !important;
} */
}
.hero-section .top-heading {
  //overflow: hidden;
  vertical-align: top;
  position:relative;
  z-index:1;
}
.hero-section .top-heading .rotate-animation {
  position: absolute;
  top: 8px;
  right: -50px;
  bottom: 0;
  height: 50px;
  overflow: hidden;
}
.hero-section .top-heading .rotate-animation span {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items:center;
  -webkit-align-items:center;
  /* -webkit-animation: splash-row 16s ease infinite;
  animation: splash-row 16s ease infinite; */
  height:52px;
}
@keyframes splash-row {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }

  30% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }

  33.33% {
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
  }

  63.33% {
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
  }

  66.66% {
    -webkit-transform: translate(0,-200%);
    transform: translate(0,-200%)
  }

  96.66% {
    -webkit-transform: translate(0,-200%);
    transform: translate(0,-200%)
  }

  100% {
    -webkit-transform: translate(0,-300%);
    transform: translate(0,-300%)
  }
}

@-webkit-keyframes splash-row {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }

  30% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }

  33.33% {
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
  }

  63.33% {
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
  }

  66.66% {
    -webkit-transform: translate(0,-200%);
    transform: translate(0,-200%)
  }

  96.66% {
    -webkit-transform: translate(0,-200%);
    transform: translate(0,-200%)
  }

  100% {
    -webkit-transform: translate(0,-300%);
    transform: translate(0,-300%)
  }
}
@-moz-keyframes splash-row {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }

  30% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
  }

  33.33% {
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
  }

  63.33% {
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%)
  }

  66.66% {
    -webkit-transform: translate(0,-200%);
    transform: translate(0,-200%)
  }

  96.66% {
    -webkit-transform: translate(0,-200%);
    transform: translate(0,-200%)
  }

  100% {
    -webkit-transform: translate(0,-300%);
    transform: translate(0,-300%)
  }
}

.hero-section .top-heading .rotate-animation span img {
  max-width: 175px;
}
.hero-section .top-heading .rotate-animation span:nth-child(2) img {
  top: 5px;
  position: relative;
}

.hero-section .top-heading {
  padding-bottom: 0px;
  max-width:500px;
}

.hero-section .sub-heading {
  max-width: 680px;
}

.hero-section .sub-heading h6 {
  /*   color:#000000; */
  letter-spacing:0px;
  font-weight:normal;
}

.hero-section .right-col .expand-box .icon {
  position: absolute;
  right: -20px;
  bottom: -20px;
  cursor:pointer;
  background-color: #8154EF ;
  width:98px;
  height:98px;
  border-radius:100px;
  -webkit-animation: shadow-pulse 1.2s infinite linear;
  animation: shadow-pulse 1.2s infinite linear;
  animation-delay: .3s;
}
.hero-section .right-col .expand-box .icon,
.hero-section .right-col .expand-box.expand .icon.all-text-white.align-right,
.hero-section .right-col .expand-box .icon img.rotate,
.hero-section .right-col .expand-box .icon img{
  transition:1s all ease-in-out;
  -webkit-transition:1s all ease-in-out;
  -moz-transition:1s all ease-in-out;
}
.hero-section .right-col .expand-box.expand .icon.all-text-white.align-right {
  background: #1e252c;
}

.hero-section .right-col .expand-box .icon:before {
  content:'';
  position:absolute;
  top:0px;;
  left:0px;
  right:0;
  bottom:0;
  z-index:-1;
  border-radius:100px;
  -webkit-animation: shadow-pulse-before 1.2s infinite linear;
  animation: shadow-pulse-before 1.2s infinite linear;
  transform:translate(0, 0);
  -webkit-transform:translate(0, 0);
  -moz-transform:translate(0, 0);
  animation-delay: 1s;
}

.hero-section .right-col .expand-box .icon img.rotate {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
  -ms-transform: translate(-50%, -50%) rotate(225deg);
  transform: translate(-50%, -50%) rotate(225deg);
}

.hero-section .right-col .expand-box .icon:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  border-radius:100px;
  -webkit-animation: shadow-pulse-after 1.2s infinite linear;
  animation: shadow-pulse-after 1.2s infinite linear;
  transform:translate(0, 0);
  -webkit-transform:translate(0, 0);
  -moz-transform:translate(0, 0);
  animation-delay: 1.3s;
}

@-webkit-keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255,10%);
  }
  100% {
    box-shadow: 0 0 0 50px rgba(0,0,0,0);
  }
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255,10%);
  }
  100% {
    box-shadow: 0 0 0 50px rgba(0,0,0,0);
  }
}

@-webkit-keyframes shadow-pulse-before {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255,10%);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(0,0,0,0);
  }
}

@keyframes shadow-pulse-before {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255,10%);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(0,0,0,0);
  }
}

@-webkit-keyframes shadow-pulse-after {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255,10%);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0,0,0,0);
  }
}

@keyframes shadow-pulse-after {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255,10%);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0,0,0,0);
  }
}

.hero-section .right-col .expand-box .icon img {
  max-width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}

.hero-section .right-col .expand-box {
  background-color: #000000;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  width: 200px;
  max-width: 100%;
  min-height: 245px;
  color: #fff;
  padding: 22px 48px 67px 20px;
  display: flex;
  flex-direction: column;
  z-index: 9;
  transition: width .3s linear .6s,min-height .3s linear .6s,transform .3s ease-in .6s,padding .3s ease-in .6s,opacity .7s ease-in;
  -webkit-transition: width .3s linear .6s,min-height .3s linear .6s,transform .3s ease-in .6s,padding .3s ease-in .6s,opacity .7s ease-in;
  -moz-transition: width .3s linear .6s,min-height .3s linear .6s,transform .3s ease-in .6s,padding .3s ease-in .6s,opacity .7s ease-in;
  overflow:hidden;
}

body .row-fluid-wrapper .row-fluid .expand-text .cta a.cta_button {
  padding: 17px 60px;
  letter-spacing: 0.5px;
  font-weight: normal;
  color:  #8154EF ;  
}

.hero-section .right-col .expand-box.expand {
  transition: width .3s linear .6s,min-height .3s linear .6s,transform .3s ease-in .6s,padding .3s ease-in .6s;
  -webkit-transition: width .3s linear .6s,min-height .3s linear .6s,transform .3s ease-in .6s,padding .3s ease-in .6s;
  -moz-transition: width .3s linear .6s,min-height .3s linear .6s,transform .3s ease-in .6s,padding .3s ease-in .6s;
  width: 340px;
  min-height: 420px;
  opacity: 1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.hero-section .right-col .expand-box .top-text h2 {
  margin: 0;
  line-height:55px;
  font-weight: 300;
  opacity: 1;
  transition: opacity .6s ease-in-out .7s;
  -webkit-transition: opacity .6s ease-in-out .7s;
  -moz-transition: opacity .6s ease-in-out .7s;
  letter-spacing: -0.4px;
  margin-left:5px;
}

.hero-section .right-col .expand-box.expand .top-text h2 {
  opacity: 0;
  transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  visibility:hidden;
  height: 0px;
}

.hero-section .right-col .expand-box .icon i {
  cursor: pointer;
  font-size: 22px;
  transition:.6s all ease-in-out;
  -webkit-transition:.6s all ease-in-out;
  -moz-transition:.6s all ease-in-out;
}

.hero-section .right-col .expand-box.expand .icon i {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transition:.6s all ease-in-out;
  -webkit-transition:.6s all ease-in-out;
  -moz-transition:.6s all ease-in-out;
  opacity: 0;
}

.hero-section .right-col {
  position: relative;
  z-index: 1;
  margin-left:0px;
}

.expand-text .close-icon {
  position: absolute;
  /*   top: -58px; */
  top: -40px;
  /*   right: 13px; */
  right: 2px;
  transition:.9s all ease-in-out;
  -webkit-transition:.9s all ease-in-out;
  -moz-transition:.9s all ease-in-out;
  opacity: 0;
  cursor:pointer;
}

.expand-text .close-icon i {
  font-size:22px;
  transition:.6s all ease-in-out;
  -webkit-transition:.6s all ease-in-out;
  -moz-transition:.6s all ease-in-out;
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

.hero-section .right-col .expand-box.expand .expand-text .close-icon {
  transition:.9s all ease-in-out;
  -webkit-transition:.9s all ease-in-out;
  -moz-transition:.9s all ease-in-out;
  opacity: 1;
}

.hero-section .right-col .expand-box.expand .expand-text .close-icon i {
  transition:.6s all ease-in-out;
  -webkit-transition:.6s all ease-in-out;
  -moz-transition:.6s all ease-in-out;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
}

.expand-text {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  right: 0;
  z-index: -1;
  transition: opacity .5s ease-in-out,visibility .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out,visibility .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out,visibility .5s ease-in-out;
  right: 25px;
  left: 25px;
  visibility:hidden;
}

.expand-text .cta {
  padding-top: 40px;
}

.hero-section .right-col .expand-box.expand .expand-text {
  opacity: 1;
  max-height: 500px;
  visibility: visible;
  transition: opacity .3s ease-in .9s,visibility .5s ease-in-out;
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}

.hero-section .right-col .expand-text h5 {
  margin-bottom: 0;
  font-size: 16px;
  letter-spacing: .5px;
}

.hero-section .right-col .expand-text h6 a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}


/*==============================================================
* Hero Section Cm Styling End Here
* ============================================================*/



/*==============================================================
* HomePage Logo CM  Styling Start Here
* ============================================================*/

.lgo-cm {
  padding: 42px 0px 28px;
  position:relative;
  z-index:1;
}

.lgo-cm:before {
  content:'';
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  bottom:0;
  max-width:31px;
  width:100%;
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Assets%202019/logo_white_space.svg);
  background-position:center;
  background-size:100%;
  background-repeat:no-repeat;
  min-height:365px;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
}


.lgo-cm .logo-section.mobile {
  display:none;
}
.lgo-cm .logo-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  border-bottom:1px solid rgba(151, 151, 151, 10%);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

}

.lgo-cm .logo-section .logo-image {
  flex-basis: 15%;
  -webkit-flex-basis: 15%;
  -moz-flex-basis: 15%;
  margin-right: 1.8%;
  margin-bottom: 2.5%;
  /*   display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;
  align-items:center;
  -webkit-align-items:center;
  -moz-align-items:center; */
}

.lgo-cm .logo-section .logo-image:last-child,
.lgo-cm .logo-section .logo-image:nth-child(6n+6){
  margin-right: 0px;
}

/* .lgo-cm .logo-section .logo-image img {
max-width: 135px;
} */

/*==============================================================
* HomePage Logo CM  Styling End Here
* ============================================================*/




/*==============================================================
* Services CM  Styling Start Here
* ============================================================*/



.services-cm {
  padding: 79px 0px 50px;
  position:relative;
  z-index:1;
}

.services-cm:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 20%;
  right:0;
  bottom: 0;
  max-width: 31px;
  width: 100%;
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Assets%202019/logo_white_space.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 365px;
}

.services-cm .left-col .top-heading h2 {
  margin-bottom: 10px;
}
.services-cm .left-col .sub-heading {
  padding-bottom: 12px;
}

.services-cm .left-col .sub-heading p {
  font-size: 20px;
}

.services-cm .left-col .cta {
  display: inline-block;
}

.services-cm .left-col .cta a.cta_button {
  padding: 20px 36px;
}

.services-cm .right-col .service-details .text-body {
  padding: 44px 23px 45px;
}

.services-cm .right-col .service-detail {
  position:relative;
  z-index:1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-left: 85px;
  margin-left:0px;
}

.services-cm .right-col .service-detail .service-details:first-child {
  background-color: #F5F5F5;
}

.services-cm .right-col .service-detail .service-details:nth-child(2) {
  background-color: #F5F5F5;
  min-height:413px;
}
.services-cm .right-col .service-detail .service-details:nth-child(3) {
  background-color: #F5F5F5;
}

/* .services-cm .right-col .service-detail .service-details:nth-child(3) .text-body {
padding: 118px 23px 50px;
}

.services-cm .right-col .service-detail .service-details:nth-child(2) .text-body {
padding: 72px 23px 45px;
} */

.services-cm .right-col .service-detail .service-details:nth-child(4) {
  background-color:#F5F5F5;
}

/* .services-cm .right-col .serice-image img {
width:100%;
} */

.services-cm .right-col .link a {
  font-weight: 600;
  font-size:16px;
}

.services-cm .right-col .serice-image {
  display: inline-block;
  padding-bottom: 11px;
  max-width:100px;
  width:100%;
  position:relative;
}

/* .services-cm .right-col .serice-image img {
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
} */

.services-cm .right-col .service-heading h2 {
  margin-bottom: 8px;
  line-height:1.2;
  font-size:28px;
}

.services-cm .right-col .link a span {
  padding-left: 12px;
  position:relative;
  top: 0px;
  transform:translateX(0px);
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
}
.services-cm .right-col .link a:hover span img {
  transform:translateX(6px);
  -webkit-transform:translateX(6px);
  -moz-transform:translateX(6px);
}

.services-cm .right-col .service-details {
  flex-basis:47.3%;
  -webkit-flex-basis:47.3%;
  -moz-flex-basis:47.3%;
  margin-right: 5.4%;
  margin-bottom: 5.4%;
  position:relative;
}

.services-cm .right-col .service-heading {
  padding-top: 8px;
}

.services-cm .right-col .service-details:nth-child(2n+2),
.services-cm .right-col .service-details:last-child {
  margin-right: 0px;
}

.services-cm .right-col .service-description {
  max-width: 393px;
  padding-bottom:7px;
  padding-top:6px;
}

.services-cm .right-col .service-description p {
  font-size: 16px;
}





/*==============================================================
* Services CM  Styling End Here
* ============================================================*/


/*==============================================================
* Agency Module Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.agency-module {
  padding: 14px 0px 100px;
  position:relative;
  z-index:1;
}

.agency-module .black-bg {
  padding: 59px 0px;
}

.agency-module .text {
  padding-left: 9px;
}

.agency-module .wrapper.black-bg.all-text-white {
  max-width: 1170px;
  position:relative;
  z-index:1;
}

.agency-module .image img {
  width: 74px;
  height: 74px;
  border:2px solid #8154EF;
  border-radius:100px;
}

.agency-module .image .row-fluid {
  align-items: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.agency-module .image .agency-text {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  justify-content: center; 
  margin-left: 17px;
  position:relative;
  left: 2px;
}
.agency-module .text h5 {
  font-size: 18px;
  font-weight: normal;
  font-family: 'Gilroy';
}
body .row-fluid .agency-module .cta a.cta_button {
  padding: 20px 45px;
  background-color:  #8154EF ;
  color: #ffffff;
}

body .row-fluid .agency-module .cta a.cta_button:hover {
  color:#8154EF
}

body .row-fluid .agency-module .cta a.cta_button:before {

}

.agency-module .black-bg .image {
  align-items: center;
  -webkit-align-items:center;
  -moz-align-items:center;
  /*   padding-left:41px; */
  padding-left:47px;
}

.agency-module .text {
  /*   padding-left: 0px; */
  padding-left:75px;
}

.agency-module .wrapper.black-bg.all-text-white .cta {
  margin-left: 12px;
}


/*==============================================================
* Agency Module Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/




/*==============================================================
* Why To Choose Module Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.why-choose {
  padding: 97px 0px 97px;
  position:relative;
  z-index:1;
  background: #F5F5F5;
}
.hs-page .why-choose {
  padding-bottom: 0; 
}

.why-choose:before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 40px;
  right: -35px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  min-height: 165px;
  max-width: 175px;
  width: 100%;
  transform:translateY(-65%);
  -webkit-transform:translateY(-65%);
  -moz-transform:translateY(-65%);
}

.why-choose:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 31px;
  width: 100%;
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Assets%202019/logo_white_space.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 365px;
  transform:translateY(-13%);
  -webkit-transform:translateY(-13%);
  -moz-transform:translateY(-13%);
}

.choose-cm .top-text-image.icon-show .image img {
  width: 100%;
  margin:0 auto;
}

.why-choose .section-heading {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.choose-cm .top-text-image {
  position: relative;
  z-index:1;
  padding-bottom: 0px;
}

.service-details.icon-show .top-text-image .text {
  display: none;
}

.service-details.icon-show .top-text-image .text {
  display: none;
}

.choose-cm .top-text-image .image {
  /*   position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%); 
  opacity:0;
  z-index:-1;*/

  display:none;
}

.service-details.icon-show .top-text-image .image {
  display: block;
  max-width: 80px;
  width: 100%;
  margin: 0 auto;
}

.choose-cm .top-text-image.icon-show .image {
  opacity: 1;
  max-width:60px;
}

.choose-cm .service .description p {
  font-weight:600;
  font-family: 'Gilroy';
  color: #000000;
}

.choose-cm .top-text-image.icon-show .text {
  opacity: 0;
}

.choose-cm .service {
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-right:1px solid rgba(151, 151, 151, 10%);
  border-bottom:1px solid rgba(151, 151, 151, 10%);
  flex-basis:24%;
  -webkit-flex-basis:24%;
  -moz-flex-basis:24%;
  position:relative;
  z-index:1;
  justify-content:center;
  -webkit-justify-content:center;
}

.choose-cm .row-fluid {
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}

.choose-cm .service:nth-child(1) .service-details,
.choose-cm .service:nth-child(2) .service-details,
.choose-cm .service:nth-child(3) .service-details,
.choose-cm .service:nth-child(4) .service-details{
  padding: 56px 25px 10px 20px;
}

.choose-cm .service .service-details {
  padding: 30px 20px;
}

.choose-cm .service .description {
  margin: 0 auto;
  max-width: 203px;
  width: 100%;
  padding-top:4px;
}

.service-details.icon-show .description {
  padding-top: 15px;
}
.why-choose .choose-cm {
  padding: 60px 0px 100px;
}

.choose-cm .top-text-image .text h2 {

  margin-bottom: 0px;
  color:  #8154EF ;
  font-weight:400;
  font-family: 'Gilroy';
  letter-spacing: 0.06px;
}


/*=====Min Width 768 ===*/

@media (min-width: 768px) {

  .why-choose .section-heading h2 {
    line-height: 48px;
  }
  .new-footer-hub .new-left-col {
    //border-right: 1px solid #ffffff;
  }

  .hero-section .right-col .expand-box .top-text h2 {
    font-size:38px;
  }

  .home-testimonial .slider .top-headng {
    max-width: 220px;
    width: 100%;
  }

  .home-testimonial .slider .top-headng h2 {
    line-height: 49px;
  }
  body .header-setion .logo-section img {
    width:100% !important;
    max-width: 147px;
  }

  /*   body .row-fluid .full-width .testimonal-section .left-col {
  position:absolute !important;
  z-index:999999;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
} */

  .taber-section .taber-top ul {
    display:block !important;
  }

  .home-testimonial .top-section .client-location{
    margin: 0;
    width: 76.923076923%;
  }

  .home-testimonial .client-location .location:not(:last-child) {
    padding-right: 7px;
  }

  .home-testimonial .client-location .location:first-child {
    padding-right: 32px;
  }

  .home-testimonial .slider .slider-left {
    width: 19%;
  }

  .services-cm .right-col .mobile-cta {
    display: none;
  }

  .hero-section .left-col {
    padding-right: 50px;
  }
  .hero-section .right-col:before {
    content:'';
    position:absolute;
    top:-70px;
    right:-70px;
    bottom:0;
    background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/hero%20_white_space_new.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    z-index:-1;
    max-width:175px;
    max-height:165px;
    width:100%;
  }

  .agency-module .wrapper.black-bg.all-text-white:before {
    content:'';
    position:absolute;
    z-index:-1;
    top:-80px;
    left:-60px;
    background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/hero%20_white_space_new.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    min-height:123px;
    max-width:131px;
    width:100%;
  }
  .choose-cm .top-text-image .text h2 {
    font-size: 42px;
  }

  .choose-cm .service:nth-child(4n+4) {
    border-right: none;
  }

  .choose-cm .service:nth-last-child(2) {
    border-left: 1px solid rgba(151, 151, 151, 10%);
    //border-bottom: none;
  }

  .choose-cm .service:nth-last-child(1) {
    border-bottom: none;
    border-left:1px solid rgba(151,151,151,10%);
  }

  .choose-cm .service:nth-last-child(2) .service-details,
  .choose-cm .service:nth-last-child(1) .service-details{
    padding: 48px 20px 42px 20px;
  }

  .choose-cm .service:nth-last-child(2) .service-details .top-text-image,
  .choose-cm .service:nth-last-child(1) .service-details .top-text-image {
    padding-bottom: 1px;
  }

}

@media (min-width:1024px) {
  .home-testimonial .slider .slider-right{
    margin: 0;
    width: 80.923076923%;
  }

}

.why-choose .choose-cm .cta-section {
  padding: 87px 0px 0px;
}

.why-choose .choose-cm .cta-section a span {
  /*   padding-left: 8px; */
  padding-left: 18px;
  position: relative;
  top: 0px;
  right:-12px;
}
.why-choose .choose-cm .cta-section a:hover span img {
  transform:translateX(10px);
  -webkit-transform:translateX(10px);
  -moz-transform:translateX(10px);
}

.why-choose .choose-cm .cta-section a {
  font-weight: 600;
  letter-spacing: 0px;
}



/*==============================================================
* Why To Choose Module Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/




/*==============================================================
*Home Full Width Testimonial CM Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/


.full-width {
  background-color: #2D3033;
  box-sizing:border-box;
  overflow:hidden;
}

body .row-fluid .full-width .testimonal-section .left-col {
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  min-height: 680px;
  position:relative !important;
  z-index:999999;
}

.review-image img {
  max-width:none;
}

.home-testimonial .svg-map {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  max-width:1100px;
  margin:0 auto;
  width:100%;
}

.pulsar {
  overflow: visible;
  -webkit-transform: scale(.1);
  transform: scale(.1);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: d 3s linear infinite;
  animation: d 3s linear infinite;
}

.pulsar.second {
  fill: #f46609;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.pulsar.third {
  fill: #f7751f;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@keyframes d {
  0% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
  }
  50% {
    opacity: .2;
  }
  70% {
    opacity: .1;
  }
  100% {
    -webkit-transform: scale(4.5);
    transform: scale(4.5);
    opacity: 0;
  }
}

.full-width .testimonal-section .slide .image-slider .slick-track {
  position: static !important;
  height: 100% !important;
}

.full-width .testimonal-section .slide .image-slider .slick-list {
  position: static !important;
  height: 100% !important;
}

body .row-fluid .full-width .testimonal-section .right-col {
  position: relative;
  z-index: 1;
  margin-left: 0px;
  min-height: auto;
  padding-left: 0px;
  padding-bottom: 163px;
}


.full-width .testimonal .bor {
  position: relative;
  margin:0px;
}

.border {
  border: 1px solid rgba(151,151,151,0.45);
  height: 79px;
  border-left: none;
  border-right: none;
  position: absolute;
  width: 100%;
  top: 0;
  right:0px;
}

.border:before{
  content:'';
  position:absolute;
  top:0px;
  left:50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  right:0;
  width:1px;
  height:80px;
  background-color: rgba(151, 151, 151, 0.45);
}

.testimonal-section {
  position:relative;
  z-index:1;
  width:100%;
}

.testimonal-section .description {
  padding: 0px 60px;
}

.testimonal-section .description h6 {
  font-weight: 300;
  line-height: 32px;
  font-family: 'Gilroy';
}

.full-width .slick-prev.slick-arrow img,
.home-testimonial .slider .slick-prev.slick-arrow img{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.slick-next.slick-arrow img,
.slick-prev.slick-arrow img {
  cursor:pointer;
}

.review-image {
  display:inline-block;
  position:relative;
}

.home-testimonial .slider .top-headng {
  padding-bottom: 0px;
}

.review-image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

ul.slick-dots {
  margin: 0;
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  align-items:center;
  -webkit-align-items:center;
  -moz-align-items:center;
  position: absolute;
  left: 50%;
  bottom: 112px;
  transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}

.testimonal-section .right-col .text-section {
  padding-top: 143px;
  position:relative;
  z-index:1;
  padding-left: 0px;
  padding-right: 0px;
}

.full-width .slick-prev.slick-arrow {
  position: absolute;
  top: 40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index:5;
  left:20.5%;
}

.full-width .slick-next.slick-arrow {
  position: absolute;
  top: 40px;
  right: 20.5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index:5;
}

.full-width .slick-next.slick-arrow:before {
  content: '';
  position: absolute;
  top: -24px;
  right: 0;
  left: -142px;
  bottom: -33px;
  width: 1120%;
  cursor: pointer;
}

.full-width .slick-prev.slick-arrow:before {
  content: '';
  position: absolute;
  top: -24px;
  right: 0;
  left: -142px;
  bottom: -33px;
  width: 1120%;
  cursor: pointer;
}

ul.slick-dots li {
  margin: 0;
  display: inline-block;
  margin-right: 10px;
  background-color : #ffffff;
  width: 10px;
  height: 10px;
  border-radius:100px;
  cursor:pointer;
  position:relative;
}

ul.slick-dots li.slick-active {
  background-color:  #8154EF ;
  width: 15px;
  height:15px;
}

ul.slick-dots li button {
  background: no-repeat;
  border: none;
  opacity: 0;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  cursor:pointer;
}


/*==============================================================
*Home Full Width Testimonial CM Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/



/*==============================================================
*Request Quote CM Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.request-quote {
  padding: 170px 0px 190px;
  position:relative;
  z-index:1;
}

.request-quote:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 10px;
  right: -35px;
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/hero%20_white_space_new.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  min-height: 165px;
  max-width: 175px;
  width: 100%;
}


.request-quote .left-column .text {
  display: inline-block;
  float: left;
}

.request-quote .left-column .icon-image {
  margin-left: 100px;
  opacity:0;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
}

.taber-content:hover .icon-image {
  margin-left:75px;
  opacity:1;
}

.taber-content {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  padding: 23px 24px;
  border-bottom:.5px solid rgba(51, 51, 51, 0.31);
  position:relative;
}

.taber-content:hover {
  box-shadow: -5px 0 6px 0 rgba(0, 0, 0, 0.06);
  cursor:pointer;
  border-bottom:.5px solid transparent;
} 

.taber-content:hover h6{
  color: #fff;
}
.request-quote .left-column .icon-image img {
  position: relative;
  top: -5px;
}

/* .taber-content.active {
box-shadow: -5px 0 6px 0 rgba(0, 0, 0, 0.06);
//background-image: linear-gradient(to right, #ffffff 1%, #ffffff 91%);
cursor:pointer;
border-bottom:.5px solid transparent;
} */

/* .taber-content.active .icon-image {
opacity: 1;
margin-left: 75px;
} */

.taber-content .link a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.request-quote .left-column .text h6 {
  font-weight: normal;
  letter-spacing: -0.28px;
  line-height: 1.7;
  font-size: 20px;
}

.already .left-text h6 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0px;
  margin-top: 3px;
  padding-top: 13px;
  padding-bottom:20px;
  padding-left:25px;
  padding-left:0px;
}

.already .left-text {
  display: inline-block;
  float: left;
}

.already {
  padding-top: 5px;
}

body .row-fluid .already .cta a.cta_button {
  padding: 19px 24px;
  background: transparent;
  color:  #8154EF ;
  border:1px solid  #8154EF ;
  font-weight:normal;
  letter-spacing: 0.5px;
}

@media (min-width:1120px) {
  body .row-fluid .already .cta a.cta_button {
    padding: 19px 15px;
    margin-left:15px;
  }

  .already {
    padding-top: 30px;
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}

body .row-fluid .already .cta a.cta_button:before{
  background-color :  #8154EF ;
}

body .row-fluid .already .cta a.cta_button:hover {
  color: #ffffff;
}

.request-quote .left-column .top-heading {
  padding-bottom: 28px;
}

.request-quote .left-column .description {
  max-width: 413px;
}

.request-quote .right-column {
  padding-left: 70px;
  padding-top: 27px;
}

.request-quote .right-column .form .actions {
  display: inline-block;
  float: right;
}

.request-quote .right-column .form .actions input.hs-button {
  padding: 20px 46px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position:relative;
  z-index:0;
  margin-top: 37px;
}

.request-quote .right-column .form .actions input.hs-button:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  background-color: #ffffff;
  width: 0px;
}

.request-quote .right-column .form .actions input.hs-button:hover:before{
  width:100%;
}

.request-quote .right-column .top-heading h2 {
  letter-spacing: -0.4px;
  margin-bottom: 10px;
}

.request-quote .right-column .sub-heading h6 {
  letter-spacing: 0.5px;
}

.request-quote .right-column .form {
  padding-top: 20px;
}

.request-quote .right-column .form label {
  padding-bottom: 0px;
  margin-bottom:4px;
}

.request-quote .right-column .taber-details:not(:first-child) {
  display:none;
}

body .row-fluid .request-quote .right-column .form .hs-fieldtype-text {
  width: 47.3%;
  margin-right: 5.4%;
}

body .row-fluid .request-quote .right-column .form .hs-fieldtype-text:last-child{
  margin-right: 0%;
}
.step-form-container {
  position:relative;
  z-index:1;
}
.step-form-container .top-heading ul {
  margin: 0;
  margin-bottom:20px;
}
.request-quote textarea{
  max-width:600px;
  max-height:400px;
}
.step-form-container .top-heading ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  list-style-type: none;
  line-height: 0;
}
.step-form-container .top-heading h2 {
  margin-bottom: 4px;
}
.step-form-container .top-heading {
  padding-bottom: 20px;
}
.stepform-3 .hs_attach_any_relevant_documents_optional_ .input {
  position: relative;
}
.stepform-3 .hs_attach_any_relevant_documents_optional_ .input input {
  width: 100%;
  opacity:0;
}
.stepform-3 .hs_attach_any_relevant_documents_optional_ .input span.file-upload-button-label {
  height: 30px;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 10px;
  border-radius: 0px;
  background: #fff;
  padding: 10px 0px 10px 20px;
  color: #939393;
  font-weight: 400;
  border: 1px solid #d8d8d8;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 0;
  cursor:pointer;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox {
  width: 49.835%;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.82);
  min-height: 150px;
  position: relative;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  border-right: none;
  border-bottom: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  z-index:2;
  overflow:hidden;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display input,
.row-fluid-wrapper.stepform-4 .form-5 input.hs-input{
  visibility: hidden;
  display: none;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display span {
  text-align: left;
  font-size: 14px;
  line-height: 1.44;
  color: #000000;
  width:100%;
  padding-left:70px;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display span:before {
  content: "";
  position: relative;
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/website_icons/Hubspot.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .25s;
  cursor: pointer;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  left: 0px;
}

.row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  margin:0px;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display {
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  justify-content:center;
  -webkit-justify-content:center;
  align-items:center;
  -webkit-align-items:center;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox {
  min-height:80px;
}

.row-fluid-wrapper.stepform-2 li.hs-form-checkbox:nth-child(2) label.hs-form-checkbox-display span:before {
  background-image: url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/website_icons/Wordpress.svg);
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox:nth-child(3) label.hs-form-checkbox-display span:before {
  background-image: url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/website_icons/Woocommerce.svg);
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox:nth-child(4) label.hs-form-checkbox-display span:before {
  background-image: url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/website_icons/Shopify.svg);
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox:nth-child(5) label.hs-form-checkbox-display span:before {
  background-image: url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/website_icons/Drupal.svg);
}
.row-fluid-wrapper.stepform-4 .hs_company_size label {
  display: none;
}
.row-fluid-wrapper.stepform-4 .hs_company_size {
  position: relative;
  z-index: 1;
  margin-bottom:0px;
}
.row-fluid-wrapper.stepform-4 .hs_company_size input.hs-input {
  border: none;
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: 25px;
}
div#price-range-selector,
.row-fluid-wrapper.stepform-4 .form-5 .range-style{
  border: none;
  border-radius: 98px;
  background-color: #d8d8d8;
  height: 10px;
  max-width: 460px;
  margin: 0 auto;
}
.price_rangearea_min {
  position: absolute;
  left: -70px;
  pointer-events: none;
  top: -12px;
  font-size: 20px;
  line-height: 1.55;
  text-align: left;
  color: #d8d8d8;
}
.price_rangearea_max {
  right: -69px;
  position: absolute;
  pointer-events: none;
  top: -12px;
  font-size: 20px;
  line-height: 1.55;
  text-align: left;
  color: #d8d8d8;
}
.row-fluid-wrapper.stepform-4 .range-ui {
  padding-top: 30px;
  padding-bottom: 30px;
}
.row-fluid-wrapper.stepform-4 .range-ui .ui-slider-range.ui-corner-all.ui-widget-header {
  background-color: #8154EF;
}
.row-fluid-wrapper.stepform-4 .range-ui .ui-state-default,
.row-fluid-wrapper.stepform-4 .form-5 span.ui-slider-handle{
  border-radius: 100px;
  border: none;
  background: #000;
  cursor: grab;
  outline: none;
  width: 20px;
  height: 20px;
  top: -5px;
}
.row-fluid-wrapper.stepform-4 a.budget-range-1,
.row-fluid-wrapper.stepform-4 .form-5 a.budget-range-2{
  background-color: #fff;
  color:#000;
  padding: 12px 25px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .27px;
  text-align: center;
  text-decoration: none;
  position: relative;
  z-index: 1;
  border: 1px solid #000;
  text-transform: uppercase;
  cursor: pointer;
  transition:.3s all ease-in-out;
  -webkit-transition:.3s all ease-in-out;
  -moz-transition:.3s all ease-in-out;
}
.row-fluid-wrapper.stepform-4 a.budget-range-1:hover,
.row-fluid-wrapper.stepform-4 .form-5 a.budget-range-2:hover{
  background-color:#000;
  color:#fff;
}
.row-fluid-wrapper.stepform-4 .form-5 label span {
  font-weight: 600;
  font-size: 20px;
}
.row-fluid-wrapper.stepform-4 .form-5 label {
  padding-bottom: 30px;
}
.row-fluid-wrapper.stepform-4 .form-5 .range-style {
  max-width: 390px;
}
.row-fluid-wrapper.stepform-4 .form-5 .hs_city .range-ui3 {
  margin-bottom: 60px;
}
.row-fluid-wrapper.stepform-4 .form-5 .hs_city {
  margin-bottom: 49px;
}
.row-fluid-wrapper.stepform-4 .form-5 .range-ui1 .rangearea_max, 
.row-fluid-wrapper.stepform-4 .form-5 .range-ui2 .rangearea_max, 
.row-fluid-wrapper.stepform-4 .form-5 .range-ui3 .rangearea_max {
  position: absolute;
  right: -405px;
  width: 100%;
  top: -12px;
  line-height: 1.55;
  text-align: left;
  color: #333;
  font-size: 20px;
}
.row-fluid-wrapper.stepform-4 .form-5 .range-ui1 .rangearea_min, 
.row-fluid-wrapper.stepform-4 .form-5 .range-ui2 .rangearea_min, 
.row-fluid-wrapper.stepform-4 .form-5 .range-ui3 .rangearea_min {
  left: -104px;
  position: absolute;
  top: -12px;
  width: 100%;
  font-size: 20px;
  line-height: 1.55;
  text-align: left;
  color: #000000;
  font-weight: 400;
}
.row-fluid-wrapper.stepform-4 .form-5 {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.row-fluid-wrapper.stepform-4.show-form-5 .form-4 {
  display: none;
}
.row-fluid-wrapper.stepform-4.show-form-5 .form-5 {
  position: relative;
  display: block;
}
.row-fluid-wrapper.stepform-2 .hs_how_can_we_help_you_>label {
  display: none;
}
.row-fluid-wrapper.stepform-2 ul.inputs-list.multi-container {
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}
/*.row-fluid-wrapper.stepform-2 ul.inputs-list.multi-container::before {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-right: 1px solid #000;
top: 0;
border-bottom: 1px solid #000;
} */
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox:hover {
  background: #f5f5f5;
}
.row-fluid-wrapper.stepform-4 .form-5 .hs-form-field:not(:first-child) label {
  padding-top: 35px;
}
.page:not(.embedded) {
  background: transparent !important;
}
.page:not(.embedded) .meetings-lib,
.page:not(.embedded) .meetings-lib>div>div{
  margin: 0 !important;
}
.page:not(.embedded) .meetings-lib>div>div {
  max-width: 100%;
}
.step-form-container .top-heading ul li::after {
  content: '';
  position: absolute;
  top: -9px;
  left: -5px;
  width: 20px;
  height: 20px;
  background-image: url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/website_icons/tick.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgb(0, 0, 0,.3);
  border-radius: 100px;
}
.stepform-1 .step-form-container .top-heading ul li:nth-child(1)::after,
.stepform-2 .step-form-container .top-heading ul li:nth-child(1)::after,
.stepform-2 .step-form-container .top-heading ul li:nth-child(2)::after,
.stepform-3 .step-form-container .top-heading ul li:nth-child(1)::after,
.stepform-3 .step-form-container .top-heading ul li:nth-child(2)::after,
.stepform-3 .step-form-container .top-heading ul li:nth-child(3)::after,
.stepform-4 .step-form-container .top-heading ul li:nth-child(1)::after,
.stepform-4 .step-form-container .top-heading ul li:nth-child(2)::after,
.stepform-4 .step-form-container .top-heading ul li:nth-child(3)::after,
.stepform-4 .step-form-container .top-heading ul li:nth-child(4)::after,
.stepform-5 .step-form-container .top-heading ul li:nth-child(1)::after,
.stepform-5 .step-form-container .top-heading ul li:nth-child(2)::after,
.stepform-5 .step-form-container .top-heading ul li:nth-child(3)::after,
.stepform-5 .step-form-container .top-heading ul li:nth-child(4)::after,
.stepform-5 .step-form-container .top-heading ul li:nth-child(5)::after{
  background: #8154EF;
}
.step-form-container .top-heading ul li:nth-child(5) img {
  opacity: 0;
}
.stepform-1 .step-form-container .top-heading ul li:not(:first-child)::before,
.stepform-2 .step-form-container .top-heading ul li:nth-child(3)::before,
.stepform-2 .step-form-container .top-heading ul li:nth-child(4)::before,
.stepform-2 .step-form-container .top-heading ul li:nth-child(5)::before,
.stepform-3 .step-form-container .top-heading ul li:nth-child(4)::before,
.stepform-3 .step-form-container .top-heading ul li:nth-child(5)::before,
.stepform-4 .step-form-container .top-heading ul li:nth-child(5)::before{
  top: -2px;
  left: 1px;
  background: #8154EF;
  z-index: 5;
  width: 7px;
  height: 7px;
}
.stepform-1 .step-form-container .top-heading ul li:not(:first-child)::after,
.stepform-2 .step-form-container .top-heading ul li:nth-child(3)::after,
.stepform-2 .step-form-container .top-heading ul li:nth-child(4)::after,
.stepform-2 .step-form-container .top-heading ul li:nth-child(5)::after,
.stepform-3 .step-form-container .top-heading ul li:nth-child(4)::after,
.stepform-3 .step-form-container .top-heading ul li:nth-child(5)::after,
.stepform-4 .step-form-container .top-heading ul li:nth-child(5)::after{
  background-image: url();
}

.row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display span:after {
  content: '';
  position: absolute;
  top:0%;
  left:0%;
  right: 0;
  bottom: 0;
  background: rgb(255 111 76 / 80%);
  z-index: -1;
  width: 0%;

  transition:width .5s ease-in-out;
  -webkit-transition:width .5s ease-in-out;
  -moz-transition:width .5s ease-in-out;
}
.row-fluid-wrapper.stepform-2 li.hs-form-checkbox.active label.hs-form-checkbox-display span:after {
  width:100%;
}
.stepform-3 .actions {
  margin-top: 30px;
}

@media (min-width:1025px) and (max-width:1300px) {
  .row-fluid-wrapper.stepform-2 li.hs-form-checkbox {
    width: 49.75%;
  }
}



/*==============================================================
*Request Quote CM Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/




/*==============================================================
*=Home Page  Testimonial CM Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.home-testimonial {
  padding: 20px 0px 39px;
  position: relative;
  z-index: 1;
  margin-top: 142px;
}

.home-testimonial .slick-prev.slick-arrow {
  right: 89px;
}

.home-testimonial .slick-prev.slick-arrow {
  position: absolute;
  top: 35px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index:5;
}

.home-testimonial .slick-next.slick-arrow {
  position: absolute;
  top: 35px;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  z-index:5;
}

.home-testimonial .top-section .client .number h2 {
  color: #2D3033;
  font-size: 41px;
  letter-spacing: 0.5px;
  font-weight: bold;
  line-height: 1.17;
}

.home-testimonial .client-location .location {
  margin-bottom: 3%;
}

.home-testimonial .row-fluid {
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flexbox;
  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
}

body .row-fluid .team-image.section-bg {
  min-height: 280px;
  margin-bottom: 62px;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position: center !important;
  border-bottom:1px solid rgba(151, 151, 151, 10%);
}

.home-testimonial .slider {
  padding: 66px 0px 40px;
}


.home-testimonial .slider .slider-right {
  padding-top: 13px;
  opacity:1;
}

.slider-box .rating ul {
  margin: 0;
  padding: 0;
  position:relative;
  top:0px;
}

.slick-disabled {
  pointer-events: none;
  opacity: .5;
}

.slider-box .rating ul li {
  display: inline-block;
  margin-left: 0;
  margin-right: 2px;
}

.rating.five-star ul li {
  display: inline-block;
}

.testimonial-top .rating.four-star ul li:last-child {
  display: none;
}

.testimonial-top .rating.three-star ul li:nth-last-child(1),
.testimonial-top .rating.three-star ul li:nth-last-child(2)
{
  display: none;
}

.testimonial-top .rating.two-star ul li:nth-last-child(1),
.testimonial-top .rating.two-star ul li:nth-last-child(2),
.testimonial-top .rating.two-star ul li:nth-last-child(3)
{
  display: none;
}

.testimonial-top .rating.one-star ul li:nth-last-child(1),
.testimonial-top .rating.one-star ul li:nth-last-child(2),
.testimonial-top .rating.one-star ul li:nth-last-child(3),
.testimonial-top .rating.one-star ul li:nth-last-child(4)
{
  display: none;
}

.home-testimonial .slider .slider-box {
  background: rgba(255, 255, 255,62%);
  box-shadow: 0 2px 19px 0 rgba(255, 94, 0, 0.05);
  transform:translateY(100px);
  -webkit-transform:translateY(100px);
  -moz-transform:translateY(100px);
  margin-right:30px;
  position:relative;
  right:-28px;
  border:1px solid #EFEFEF;
  border-radius:6px;
}

.home-testimonial .slider .slider-box.slick-slide.slick-current.slick-active {
  transform:translateY(0px);
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
}

.home-testimonial .slick-list.draggable {
  padding-bottom: 100px;
}

.testimonial-text {
  margin-top: 13px;
}

.slider-box .rating ul li:last-child {
  margin-right: 0px;
}

.testimonial-top .author-ds {
  display: inline-block;
  float: left;
}

.home-testimonial .testimonial-text p {
  line-height: 1.45;
  font-size: 16px;
  font-weight: 400;
}

.home-testimonial .slider-section {
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flexbox;
  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  padding: 29px 27px 3px 25px;
}

.testimonial-top .rating {
  float: right;
}

.testimonial-top .author-ds .author-name h6 {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  color: #2D3033;
  line-height:normal;
}

.testimonial-top .author-ds .author-details h6 {
  font-size: 13px;
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 0;
  font-weight:400;
}

@media (min-width:1024px) {
  .home-testimonial .top-section .client h2 {
    letter-spacing: -0.26px;
    font-size: 28px;
    line-height: 1.34;
    margin-bottom: 13px;
    font-weight:normal;
  }

  .home-testimonial .top-section .client.left-col h2 {
    font-size: 38px;
    font-weight:600;
  }
}



/*==============================================================
*=Home Page  Testimonial CM Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/


/*================================================================
* Mobile and Tab Responsive Styling Start Here
* ===============================================================*/


.request-quote .right-column .form input,
.request-quote .right-column .form textarea,
.request-quote .right-column .form select {
  margin-top: 5px;
  color:#6E7A81;
}

body .row-fluid .expand-text .cta a.cta_button:before {
  background-color:  #8154EF ;
}

body .row-fluid .expand-text .cta a.cta_button:hover {
  border:1px solid  #8154EF ;
  color: #2D3033;
}

@media (min-width:768px) and (max-width:1010px) {
  body .hero-margin {
    margin-top: 0px;
  }
}

@media(max-width:767px){
  body .roi-two-col {
    padding: 30px 0px 50px;
  }

  .portfolio-content .equal-heught .project-details {
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .taber-content:hover,
  .taber-content.active{
    background-image: linear-gradient(to right, rgba(255,255,255,0.3) 1%, rgba(255,255,255,0.3) 91%);
  }
  .taber-content.active h6, .taber-content:hover h6 {
    color: #2D3033;
  }
  body .water-mark1 {
    width:100%;
  }
  body .hero-section .top-heading svg {
    display:none;
  }
  body .hero-section .top-heading .rotate-animation {
    top: 0px;
    right: -8px;
  }
  .new-footer-hub .menu-heading h6::before, 
  .new-footer-hub .menu-heading h6::after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 8px;
    background: #2D3033;
    transition:.3s all ease-in-out;
    -webkit-transition:.3s all ease-in-out;
    -moz-transition:.3s all ease-in-out;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
  }
  .new-footer-hub .new-menu {
    display: block;
  }
  .new-footer-hub .new-social ul li a {
    font-size: 20px;
  }
  .new-footer-hub .new-social ul li {
    flex: 0 0 12%;
    -webkit-flex: 0 0 12%;
  }
  .new-footer-hub .new-social ul::before, 
  .new-footer-hub .new-social ul::after {
    width:30%;
  }
  .new-footer-hub .menu-heading {
    padding-top: 0px !important;
  }
  .new-footer-hub .menu-heading h6::before {
    transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
  }
  .new-footer-hub .menu-heading h6::after {
    transform: rotate(-42deg);
    -webkit-transform: rotate(-42deg);
    -moz-transform: rotate(-42deg);
  }
  .new-footer-hub .menu-heading h6.active:after,
  .new-footer-hub .menu-heading h6.active:before{
    transform-origin: top;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
  }
  .new-footer-hub .new-copy ul li a {
    font-size: 12px;
  }
  body .roi-two-col .right-col img {
    width: 100%;
  }
  body .roi-two-col .right-col {
    margin-top: 50px;
  }
  body .roi-two-col .left-col .description {
    padding: 0px 0px 20px;
  }
  body .roi-two-col-text .right-col .description p {
    margin-bottom: 10px;
  }
  body .roi-two-col-text .right-col .description li:not(:nth-child(2n+2)) {
    padding-right: 0;
  }
  body .roi-two-col-text .right-col .description li {
    display:block;
  }
  body .calculator-cm .calculator-body {
    padding-top: 20px;
  }
  body .calculator-cm .result-section .result-box,
  body .bottom-result .g-box{
    width:100%;
    margin-right:0px;
    float:none;
    margin-bottom:30px;
  }
  body .bottom-result .dwnld-cntnr {
    padding:0px;
  }
  body .erro-msg {
    top:3%;
  }
  body .fixed.email-container {
    max-width: 300px;
    padding: 40px 20px;
  }
  body .calculator-cm .result-section .result-box p,
  body .bottom-result .g-box .title-cntnr{
    font-size: 18px;
  }
  body .roi-two-col-text .right-col .description ul {
    padding: 0px 0px 0px;
  }
  body .roi-two-col-text,
  body .calculator-cm,
  body .bottom-result{
    padding: 40px 0px 40px;
  }
  body .roi-two-col .left-col .description p, 
  body .roi-two-col-text .right-col .description p, 
  body .calculator-cm .description p {
    font-size: 18px;
  }

  li.hs-item-has-children.show .mega-menu-cm .wrapper {
    padding: 0;
  }

  body .footer-details .footer-icon {
    padding-left: 0;
  }

  body .home-testimonial .client-location .location:not(:last-child) {
    padding-right: 5px;
  }

  body .request-quote .right-column .top-heading h2 {
    font-weight:normal;
  }

  body .gigs-taber .top-section .sub-heading h4 {
    font-size: 18px;
  }

  body .gigs-taber .top-section .left-column .top-heading h1 {
    font-weight: normal;
  }

  body .gigs-taber .top-section .left-column {
    text-align:center;
  }

  body .row-fluid .demo-hero-section .text-module a.cta_button {
    display: inline-block;
  }

  body.book-demo .home-testimonial {
    padding-bottom: 30px;
  }

  body .home-testimonial .slider .slider-left .review-image {
    height: 52px;
    width: 190px;
    margin: 0 auto;
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    padding: 8px 8px 0px;
    margin-bottom:15px;
  }

  body.book-demo .why-choose {
    padding-top: 36px;
  }

  body .image-text-cm .text-module .cta a.cta_button {
    display: inline-block;
  }

  body .image-text-cm .text-module .top-heading {
    max-width: 175px;
    margin: 0 auto;
  }

  .image-text-cm .equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .partner-benefits .partner-heading h6 {
    font-size: 22px;
  }

  .partner-benefits .partner-heading {
    padding-top: 9px;
  }

  body .partner-benefits {
    padding: 27px 0px 0px;
  }

  body .demo-hero-section .section-description ul li {
    font-size:16px;
  }

  body .demo-hero-section .section-description h6 {
    padding-bottom: 0px;
    line-height: 26px;
  }

  .demo-hero-section .text-module h1 {
    font-weight: normal;
    margin-bottom:12px;
  }

  body .book-a-demo .icon ul li img {
    width: 35px;
  }

  body .book-a-demo .icon ul li {
    margin-bottom:10px;
    width:52px;
    height:52px;
    margin-right:13px;
  }

  body .service-icon-module {
    padding-bottom: 0px;
  }

  body .book-a-demo {
    padding-top: 7px;
    padding-bottom:22px;
  }

  body .book-a-demo .heading-text h4 {
    font-weight:500;
  }

  .demo-hero-section .equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  body .accordian-header .icon {
    top: -14px;
  }

  .customer-hero .heading h1 {
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 42px;
  }

  .customer-hero .heading {
    padding-bottom:0px;
  }

  body .process-2020 {
    padding-top:30px;
  }

  .choose-cm .service .description p {
    font-size: 16px;
    margin-top:20px;
  }

  body .lgo-cm:before,
  body .why-choose:before,
  body .why-choose:after,
  body .request-quote:before{
    display:none;
  }

  body .services-cm .right-col .service-detail {
    padding-left:0px;
  }

  body .agency-module .image .agency-text h5 {
    font-size: 24px;
  }

  body .hero-margin {
    margin-top: 0;
  }

  body .lgo-cm .logo-section.mobile {
    display:block;
    padding-bottom:15px;
  }

  .lgo-cm .logo-section.desktop {
    display:none;
  }

  body .hubspot-two-col:last-child {
    padding-bottom: 40px;
  }

  body .hubspot-two-col:first-child {
    padding-top: 40px;
  }

  .hubspot-two-col .right-col {
    margin-top: 40px;
  }

  body .why-choose .choose-cm .cta-section {
    padding: 32px 0px 0px;
  }

  body .lgo-cm .logo-section.mobile ul.slick-dots {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
  }

  .lgo-cm .logo-section .logo-image img,
  .lgo-cm .logo-section .logo-image p{
    max-width: 180px;
    width:100%;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .lgo-cm ul.slick-dots li {
    background-color:#f0f0f0;
    cursor:pointer;
  }

  .lgo-cm ul.slick-dots li.slick-active {
    background-color: #8154EF;
  }

  body .hubspot-two-col {
    padding: 0px 0px 30px;
  }

  .expand-box .top-text h2:first-child,
  .services-cm .left-col .top-heading h2:first-child{
    display: none;
  }

  body .home-testimonial .svg-map {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
  }

  body .home-testimonial .slider .slider-box {
    right:0px;
  }

  .join-team .mobile-heading {
    display:block;
    border:1px solid #000000;
    cursor:pointer;
    padding: 5px 0px;
  }

  body .jd-main-section .description .description-text {
    padding-bottom:0px;
  }

  body .jd-main-section .cta-module .apply-text {
    margin-top: 50px;
  }

  body .row-fluid-wrapper .row-fluid .requirement .application-form {
    padding-top: 30px;
  }

  body .application-form .form-title {
    padding-bottom: 20px;
  }

  body .jd-main-section {
    padding: 35px 0px 60px;
  }

  body .taber-section .taber-top ul li {
    display:block;
    margin-right:0px;
    padding: 10px 0px 10px;
    font-size:14px;
  }

  body .row-fluid .taber-section .taber-top ul li:hover {
    background: #f0f0f0;
  }

  body .taber-section .taber-top ul {
    margin:0px;
    box-shadow:0px 15px 30px rgba(0,0,0,0.1);
    padding:15px 0px 0px;
    display:none;
  }

  body .row-fluid .join-team .mobile-heading:hover {
    background-color:#000000;
    color:#ffffff;
  }

  body .row-fluid .join-team .mobile-heading:hover h6 {
    color:#ffffff;
  }

  body .taber-section .taber-top ul li.active {
    background: transparent;
    border: 1px solid transparent;
    padding: 10px 0px 10px;
  }

  .join-team .mobile-heading h6 {
    text-transform: capitalize;
  }

  body .career-hero {
    padding: 40px 0px 40px;
  }

  body .career-hero .sub-heading h6 {
    margin-bottom: 20px;
  }

  body .slider-box .slider-body .slider-image {
    top: 40px;
  }

  body .slider-box .slider-body {
    padding: 110px 28px 40px;
  }

  .taber-section .taber-body .job-description {
    padding-top: 20px;
  }

  body .career-slider .slider-section .slider-box {
    width:270px;
    margin-right:25px;
  }

  body.career .row-fluid .agency-module {
    padding-bottom: 40px;
  }

  body .taber-section .taber-body:first-child {
    padding-top: 30px;
  }

  body .taber-section .taber-body {
    padding-bottom: 10px;
  }

  body .join-team {
    padding: 40px 0px 40px;
  }

  body .career-slider {
    padding: 40px 0px 40px;
  }

  body .career-hero .sub-heading {
    padding: 0px 0px;
  }

  body .integration-cm .three-col .three-col-box {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    margin-right: 0;
  }

  body .integration-cm .three-col .main-body {
    padding: 100px 28px 40px;
  }

  body .integration-cm .three-col .main-body .image {
    top: 50px;
  }

  body .integration-cm .three-col {
    margin-top:10px;
  }

  body.integration .row-fluid .agency-module {
    padding-bottom: 50px;
  }

  body .demo-hero-section {
    padding: 30px 0px 11px;
  }

  body .integration-hero {
    padding: 30px 0px 30px;
  }

  body .image-text-cm .text-module {
    padding: 320px 0px 0px;
    text-align:center;
  }

  body .image-text-cm .text-module .top-heading h2 {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.4px;
  }

  .image-text-cm {
    padding-bottom: 2px;
  }

  body .row-fluid-wrapper .row-fluid .image-text-cm .image-module {
    position: absolute;
    min-height: 300px;
    top:0;
    left:0;
    right:0;
    bottom:auto;
  }

  body .image-text-cm .text-module .cta {
    padding-top: 0;
  }

  body .partner-module {
    padding: 35px 0px 30px;
  }

  body .partner-module .section-heading h2 {
    margin-bottom: 1px;
  }

  body .partner-benefits .four-col .four-col-cm {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 3%;
  }

  body .demo-hero-section .section-description {
    padding-bottom: 10px;
  }

  body .demo-hero-section .right-column {
    padding-left: 0;
  }

  body .psdtohubspot-process-cm .process ul li {
    padding-bottom: 112px;
    width:100%;
    float:none;
    position:relative;
  }

  body .psdtohubspot-process-cm .process ul li:nth-child(odd) p {
    position: absolute;
    top: -23px;
    left: 40px;
  }

  body .psdtohubspot-process-cm .process ul li:nth-child(even) p {
    position: absolute;
    top: -23px;
    right: 40px;
  }

  body .psdtohubspot-process-cm .process ul li:last-child {
    padding-bottom:0px;
  }

  .psdtohubspot-process-cm .process ul li:not(:last-child) span:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/psdtohubspot_2020/arrow_top.svg);
    height: 10px;
    width: 14px;
  }

  .psdtohubspot-process-cm .process ul li:not(:last-child):after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 30px;
    height:110px;
    left: 0px;
    right: 0px;
    background: repeating-linear-gradient(to bottom,transparent 0 9px,#8154EF 0px 15px) 50%/1px 100% no-repeat;
    background: -webkit-repeating-linear-gradient(to bottom,transparent 0 9px,#8154EF 0px 15px) 50%/1px 100% no-repeat;
    background-image: repeating-linear-gradient(transparent 0px,transparent 9px,#8154EF 0px,#8154EF 15px);
    background-position: 50% center;
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background: -moz-repeating-linear-gradient(to bottom,transparent 0 9px,#8154EF 0px 15px) 50%/1px 100% no-repeat;
    margin: 0 auto;
  }

  body .psdtohubspot-process-cm .process ul li:last-child {
    width: 100%;
  }

  body .why-psdtohubspot .left-column .list-item {
    padding: 0px 0px;
  }

  body .bottom-two-col .left-col:nth-child(2n+2) {
    padding-left: 0;
  }

  body .border {
    width: 100%;
    max-width: 100%;
    height:54px;
  }

  .border:before {
    height:54px;
  }

  body .psdtohubspot-process-cm .row-fluid.process:before,
  body .psdtohubspot-process-cm .row-fluid.process:after {
    display:none;
  }

  body .psdtohubspot-process-cm .process ul li:last-child span:after {
    display:none;
  }

  body .psdtohubspot-process-cm .process ul li p {
    margin-top: 15px;
    font-size:18px;
  }

  body .psdtohubspot-process-cm .process ul li .number-text:after {
    display:none;
  }

  body .psdtohubspot-process-cm .process ul li span:before {
    display:none;
  }

  body .psdtohubspot-process-cm .row-fluid.process {
    padding-top: 10px;
    overflow:unset;
  }

  body .team-module .taber-image .image {
    margin-right:6%;
  }

  body .team-module .taber-image-text .team-details h6 {
    padding-bottom: 0px;
  }

  body .team-module .taber-image-text .team-details {
    padding-top: 0;
  }

  body .team-module .taber-image {
    padding-top: 20px;
  }

  body .team-module .taber-image .image.current .team-details p,
  body .team-module .taber-image .image.current .team-details span {
    color: #8154EF;
  }

  body .team-module .taber-image .image:last-child {
    margin-right:0%;
  }

  body .val .value-details {
    padding-bottom: 5px;
  }

  body .val .value-details:first-child {
    padding-top: 0px;
  }

  body .psdtohubspot-process-cm .right-column-image {
    padding-left: 0;
    padding-top: 15px;
    top:0px;
  }

  body .bottom-two-col .left-col {
    margin-bottom: 24px;
  }

  body .bottom-two-col .description {
    padding-bottom:0px;
  }

  body .psdtohubspot-process-cm .bottom-two-col .top-heading h4 {
    margin-bottom: 2px;
  }

  body .bottom-two-col {
    margin-top: 42px;
  }

  body .value-team {
    padding: 0 0px 50px;
  }

  body .text-image .wrapper {
    padding-bottom: 0px;
  }

  body .text-module {
    margin-bottom: 30px;
  }

  body .team-module .taber-image .image .section-bg {
    min-height: 170px;
  }

  body .value-team .team-module {
    border-top: 1px solid rgba(30, 37, 44, .24);
  }

  body .value-team .team-module {
    border-top: 1px solid rgba(30, 37, 44, .24);
    padding-top: 38px;
    text-align: center;
    margin-top: 14px;
  }
  body .text-image {
    padding: 50px 0px 50px;
  }

  body .text-image .image-module {
    margin-bottom: 15px;
  }

  body .text-image .equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  body .psdtohubspot-process-cm {
    padding: 30px 0px 7px;
    text-align:center;
  }

  body .psdtohubspot-process-cm .left-column .top-heading {
    padding-bottom: 0;
  }

  .process-2020 ul li:nth-child(odd) .bg-image,
  .process-2020 .timeline ul li:nth-child(even) .bg-image{
    bottom:-7px;
  }

  .psdtohubspot-process-cm .left-column .top-heading h2 {
    margin-bottom: 6px;
  }

  body .approach-hero {
    padding: 40px 0px 40px;
  }

  .why-psdtohubspot .left-column .list-item ul li:nth-child(2n+2) {
    margin-right:0px;
  }

  body .why-psdtohubspot .left-column {
    margin-bottom: 28px;
    padding-right:0px;
  }

  body .hubspot-two-col .list-item ul {
    margin-top: 10px;
  }

  body .why-psdtohubspot .left-column .top-heading {
    padding-bottom: 0;
  }

  body .why-psdtohubspot {
    padding: 20px 0px 0px;
  }

  html body .row-fluid-wrapper .row-fluid .why-psdtohubspot .right-column:before {
    display:none;
  }

  html body .row-fluid-wrapper .row-fluid .why-psdtohubspot .right-column {
    min-height: 300px;
    margin-bottom:30px;
  }

  body .taber-bottom-section .left-col .taber-text {
    max-width: 100%;
  }

  body .row-fluid .footer-bottom .equal-height-container {
    padding-left: 45px !important;
  }

  body .gigs-taber .top-section .right-column ul li a {
    background: transparent;
    border: 0px solid #ff986600;
    display: block;
    padding: 10px 0px;
    font-size:14px;
  }

  .row-fluid.main-top.sticky .mobile.font-weight-normal.all-text-blue.align-center.text-margin-zero {
    background: #ffffff;
  }

  body .gigs-taber .top-section .right-column ul li.active a {
    background: transparent;
    border: 0px solid #ff986600;
  }

  body .gigs-taber .top-section .right-column ul li {
    display:block;
    margin-right:0px;
    margin-bottom:0px;
  }

  body .gigs-taber .top-section .right-column ul {
    margin-right:0px;
    text-align:center;
    display:none;
    padding: 7px 0px 7px;
    box-shadow:0 2px 19px 0 rgba(0,0,0,0.09);
    position:relative;
    top:37px;
    background: #fff;
    padding: 16px 0px 5px;
    z-index: 2;

  }

  .gigs-taber .right-column .mobile h5 {
    font-size: 14px;
    position:relative;
  }

  .gigs-taber .right-column .mobile h5:after {
    content: '';
    position: absolute;
    top: 45%;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/psdtohubspot_2020/orange_arrow.svg);
    width: 15px;
    height: 7px;
  }

  .gigs-taber .right-column .mobile {
    cursor:pointer;
    background: transparent;
    border:1px solid #dadada;
    padding: 1px 19px;
    position: absolute;
    left: 20px;
    right: 20px;
    text-align:left;
  }

  body .gigs-taber .main-top .top-section .right-column {
    float:none;
  }

  body .full-width .slick-next.slick-arrow:before {
    display:none;
  }

  body .full-width .slick-prev.slick-arrow:before {
    display:none;
  }

  body .hero-section .sub-heading {
    padding-bottom: 64px;
  }

  body .hero-section .right-col .expand-box .icon i:after {
    content: '';
    position: absolute;
    top: -24px;
    left: -710px;
    right: -23px;
    bottom: -22px;
    z-index: 2;
    cursor: pointer;
  }

  body .footer-right {
    padding-left: 0px;
  }

  body .home-testimonial .slider-section {
    padding: 29px 25px 29px 25px;
  }

  body .testimonal-section .description {
    padding: 0px 0px;
    /*     max-width:320px; */
    margin:0 auto;
  }

  body .container-fluid .row-fluid form .hs-button, 
  body .container-fluid .row-fluid a.cta_button {
    padding: 18px 46px;
  }

  body .row-fluid-wrapper .row-fluid .expand-text .cta a.cta_button {
    padding: 15px 60px;
  }

  body .gigs-taber .main-filter .hs_cos_wrapper .box {
    padding: 30px 20px 25px 20px;
  }

  body .row-fluid-wrapper .row-fluid .hero-section .wrapper {
    padding: 0;
  }

  body .service-box .service-description {
    padding-bottom: 0px;
  }

  body .service-box .icon-image {
    padding-bottom: 10px;
  }

  body .white-label-service .hs_cos_wrapper .service-box {
    padding: 30px 20px 30px 20px;
  }

  body .two-column .left-column, 
  body .two-column .right-column {
    padding-right: 0;
  }

  body .two-column .border-blue {
    padding-bottom: 0px;
    border:none;
  }

  body .two-column .left-column {
    border-bottom: 1px solid #bbbcbca6;
    margin-bottom:20px;
  }

  body.white-label .row-fluid .two-column .item-list {
    padding-top: 25px;
    padding-bottom: 0px;
  }

  body.white-label .row-fluid .two-column .align-center a,
  body .row-fluid-wrapper .row-fluid .start-project a.cta_button{
    display: inline-block;
  }

  body.white-label .row-fluid .two-column .align-center {
    text-align: left;
  }

  body .hero-section .right-col .expand-box .icon {
    right: 22px;
    bottom:0px;
    top:0px;
    width:auto;
    height:auto;
  }

  body .hero-section .right-col .expand-box.expand .icon,
  body .hero-section .right-col .expand-box.expand .icon:before,
  body .hero-section .right-col .expand-box.expand .icon:after {
    animation:none;
  }

  body .agency-module .wrapper.black-bg.all-text-white {
    text-align: center;
  }

  body .services-cm .right-col .mobile-cta {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }

  body .services-cm .right-col .serice-image {
    padding-bottom: 23px;
  }

  body .services-cm .right-col .mobile-cta {
    width: 100%;
    text-align: center;
  }

  body .services-cm .right-col .service-heading {
    padding-bottom: 8px;
  }

  body .hero-section .left-col {
    padding: 0px 20px 20px;
  }

  body .hero-section .right-col .expand-box .top-text h2 {
    font-size: 25px;
    min-height:55px;
  }

  body .service-module .heading-text {
    padding-bottom: 20px;
  }

  body .start-project {
    padding: 50px 0px 60px;
  }

  body.white-label .row-fluid .service-module {
    padding: 33px 0px 50px;
  }

  body.white-label .row-fluid .two-column {
    background: #000000;
    padding: 50px 0px 50px;
  }

  body .white-label-service {
    padding: 30px 0px 0px;
  }

  body .white-label-service .three-col-adjust {
    padding-top: 0;
  }

  body .two-column .left-column, .two-column .right-column {
    padding-right: 0;
  }

  body .contact-cm .three-col .contact-details {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    margin-right: 0;
    justify-content: start;
    -webkit-justify-content: start;
    -moz-justify-content: st;
    margin-bottom: 10%;
  }

  body.contact-us .row-fluid .request-quote {
    margin-top: 38px;
  }

  body .contact-cm .three-col .contact-details:first-child {
    margin-bottom: 7%;
  }

  body .taber-cm .taber-item ul {
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
  }

  body .taber-cm .taber-item ul li:first-child:after,
  body .taber-cm .taber-item ul li:last-child:after{
    display:none;
  }

  body .accordian-sec .accordian {
    max-width: 100%;
    margin-bottom:10px;
  }

  body .taber-cm .taber-item ul li {
    display: block;
    max-width: 100%;
    width: 100%;
    transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
  }

  body .taber-cm .taber-item ul li h5 {
    font-size: 25px;
    padding: 16px 0px 20px;
    transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
  }

  body .two-col .left-col .project-cta {
    padding: 0px 0px 30px;
  }

  body .two-col .right-col {
    padding-left: 0;
    text-align:center;
  }

  body .our-client .right-col .description-text,
  body .our-client .logo-section {
    padding-left: 0px;
  }

  body .two-col .right-col img {
    max-width: 100% !important;
  }

  body .two-col .left-col {
    padding-right: 0;
  }

  body .two-col .heading {
    padding-bottom: 0;
  }

  body .two-col .left-col .project-cta a.cta_button {
    padding: 20px 0px;
  }

  body .two-col .heading h2 {
    padding-bottom: 0;
  }

  body .taber-cm .taber-description {
    padding: 0px 20px;
  }

  body .home-testimonial.customer {
    padding: 40px 0px 50px;
  }

  body .our-client .logo-section .logo-image {
    flex-basis: 48%;
    -webkit-flex-basis: 48%;
    -moz-flex-basis: 48%;
    margin-right: 4%;
  }

  body .our-client .logo-section .logo-image:nth-child(2n+2) {
    margin-right: 0px;
  }

  body .taber-cm {
    padding: 50px 0px 50px;
  }

  body .our-client {
    padding: 50px 0px 50px;
    margin-bottom: 0;
  }

  body .home-testimonial.customer .slider-details .slider-box {
    margin-top: 20px;
  }

  body .taber-cm .taber-bottom-section {
    padding-top: 25px;
    padding-left: 0px;
    padding-right: 0px;
  }

  body .row-fluid-wrapper .row-fluid .gigs-taber .main-filter .hs_cos_wrapper {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    margin-right: 0%;
    margin-bottom: 6.43%;
  }

  body.iphone .testimonal-section .description h6 {
    font-size: 12px;
    line-height:20px;
  }

  body.safari.iphone .hero-section .right-col .expand-box.expand {
    transform: translate(0%,0%) !important;
    -webkit-transform: translate(0%,0%) !important;
    -moz-transform: translate(0%,0%) !important;
  }

  body .accordian-sec .accordian-header h6 {
    padding: 10px 0px 10px 38px;
    font-size:18px;
  }

  .taber-bottom-section .left-col .top-heading h2 {
    letter-spacing: -0.4px;
    margin-bottom: 9px;
    font-size: 22px;
  }

  body .testimonal-section .description h6 {
    font-size: 18px;
  }

  body .row-fluid .full-width .testimonal-section .right-col {
    min-height: auto;
    padding-bottom: 100px;
  }

  body .row-fluid .full-width ul.slick-dots {
    bottom: 35px;
  }

  body .testimonal-section .right-col .text-section {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100% !important;
  }

  body .row-fluid .full-width .testimonal-section .left-col {
    min-height: 260px;
  }

  body .row-fluid .team-image.section-bg {
    margin-bottom: 0;
    min-height: 90px;
    margin-top:20px;
  }

  body .slick-prev.slick-arrow,
  body .slick-next.slick-arrow {
    top: 30px;
  }

  body .review-image {
    padding-bottom: 0px;
  }

  body .home-testimonial .slick-list.draggable {
    padding-bottom: 0;
    margin-bottom:70px;
  }

  body .home-testimonial .slider {
    padding: 40px 0px;
  }

  body .home-testimonial .client-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  body .home-testimonial .top-section .client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  body .home-testimonial .top-section {
    padding-top: 200px;
  }

  .home-testimonial .slider .top-headng h2 {
    font-weight: normal;
    line-height:1.4;
  }

  body .home-testimonial .slider .slider-left {
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width:300px;
    margin:0 auto;
  }

  body .why-psdtohubspot>.equal-height-container>.row-fluid-wrapper>.row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  body .home-testimonial .top-section .client .number {
    margin-left: 15px;
  }
  body .home-testimonial .top-section .client .number h2,
  body .home-testimonial .top-section .client h2 {
    font-size:20px;
  }

  .home-testimonial .client-location .location h2 {
    font-size: 14px;
  }

  body .home-testimonial .client-location {
    display: flex;
    justify-content: space-between;
  }

  body.white-label .row-fluid .request-quote {
    padding: 35px 0px 30px;
  }

  body .home-testimonial {
    margin-top: 0px;
    padding-bottom: 0px;
  }

  body .home-testimonial .slider .slider-box {
    margin-right: 10px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
  }

  body .full-width .slick-next.slick-arrow,
  body .full-width .slick-prev.slick-arrow{
    top: 27px;
  }

  body .header-setion {
    padding: 20px 20px 18px;
  }
  body .header-setion .logo-section img {
    max-width: 135px;
    position:relative;
    top:2px;
  }

  body .hero-section {
    padding: 35px 0px 0px;
    margin-top: 0px;
  }

  body .hero-section .top-heading {
    padding-bottom: 0px;
    margin: 0;
    max-width: 280px;
  }
  .hero-section .top-heading .rotate-animation span img {
    max-width: 120px;
  }
  .row-fluid-wrapper.stepform-2 li.hs-form-checkbox {
    width: 100%;
  }
  .step-form-container .top-heading ul li {
    width: 18%;
  }
  body .row-fluid .step-form-container form .field>label {
    text-align:left;
  }

  body h6 {
    font-size:18px;
    font-weight:normal;
    line-height:26px;
  }

  body h1{
    line-height:44px;
  }

  body .hero-section .right-col .expand-box{
    width:100%;
    padding:2px 0px 2px 0px;
    position: absolute;
    top: unset;
    right: auto;
    left: 0;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    z-index:-1;
    min-height: 40px;
    bottom:0;
  }

  .hero-section .right-col .expand-box .icon img {
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
    transition: 1s all ease-in-out;
    -webkit-transition: 1s all ease-in-out;
    -moz-transition: 1s all ease-in-out;
    right: -10px;
    top: auto;
    left:auto;
    bottom:10px;
  }

  body .home-testimonial .slick-prev.slick-arrow {
    bottom: -50px;
    left: 34%;
    top: auto;
    right:auto;
  }
  .home-testimonial .slick-next.slick-arrow {
    top: auto;
    right:auto;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    bottom: -40px;
    left:50%;
  }

  body .hero-section .right-col .expand-box.expand img.rotate {
    transform: translate(0px, 0px) rotate(225deg);
    -webkit-transform: translate(0px, 0px) rotate(225deg);
    -moz-transform: translate(0px, 0px) rotate(225deg);
  }

  body .hero-section .right-col .expand-box.expand {
    width: 100%;
    min-height: 420px;
    opacity: 1;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -moz-transform: translate(0%,0%);
  }

  body .hero-section .right-col .expand-text h5 {
    margin-bottom: 0;
    font-size: 18px;
  }

  body .services-cm .right-col:before {
    background-position: center center;
    width: 275px;
    height: 830px;
  }

  body .expand-text .cta {
    padding-top: 15px;
  }

  body .expand-text .close-icon {
    top: -25px;
    right: -5px;
  }

  body .hero-section .right-col .expand-text h5 {
    margin-bottom: 0;
    font-size: 18px;
  }

  body .expand-text .cta {
    padding-top: 15px;
  }

  body .hero-section .right-col .expand-box .top-text {
    padding: 0px 20px;
  }

  body .lgo-cm .logo-section .logo-image {
    margin-right: 0px;
    margin-bottom:0px;
    display:block;
    text-align:center;
    position: relative;
    z-index: 1;
    height: 80px;
    outline:none;
  }

  body .services-cm {
    padding: 20px 0px 20px;
    text-align:center;
  }

  body .services-cm .left-col .cta {
    display: block;
    text-align: center;
    padding-bottom: 25px;
    display:none;
  }

  body .services-cm .left-col .top-heading {
    padding-bottom: 10px;
  }

  body .services-cm .right-col {
    padding-left:0px;
  }

  body .services-cm .right-col .service-details {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 8%;
  }

  .lgo-cm .logo-section .logo-image:last-child, .lgo-cm .logo-section .logo-image:nth-child(6n+6) {
    margin-right: 0px;
  }

  body .agency-module .black-bg {
    padding: 30px 0px;
  }

  body .agency-module .black-bg .image {
    padding-left: 0;
    padding-bottom:5px;
  }

  body .row-fluid .agency-module .cta a.cta_button {
    padding: 17px 36px;
  }

  body .agency-module .wrapper.black-bg.all-text-white .cta {
    margin-left: 0;
    display: inline-block;
  }

  body .agency-module .text {
    padding-left: 0;
    padding-bottom: 17px;
    max-width:297px;
    margin:0 auto !important;
  }

  body .agency-module .image .row-fluid {
    justify-content: unset;
    -webkit-justify-content: unset;
    justify-content: unset;
    flex-direction:column;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
  }

  body .agency-module .image .agency-text {
    margin-left:0px;
    left:0px;
    margin-top:12px;
  }

  body .why-choose {
    padding: 40px 0px !important;
  }

  body .why-choose .choose-cm {
    padding: 20px 0px 3px;
  }

  body .choose-cm .service {
    border-left:1px solid #ddd;
    border-left:none;
    border-right:none;
  }

  body .choose-cm .service:first-child {
    border-top:1px solid #ddd;
  }

  body .choose-cm .service:nth-child(1) .service-details, 
  body .choose-cm .service:nth-child(2) .service-details, 
  body .choose-cm .service:nth-child(3) .service-details, 
  body .choose-cm .service:nth-child(4) .service-details {
    padding: 22px 20px 7px 20px;
  }

  .choose-cm .top-text-image h2.counter-number {
    font-size: 30px;
    margin-bottom:0px;
  }

  body .choose-cm .top-text-image {
    padding-bottom:0px;
  }

  body .request-quote {
    padding: 40px 0px 40px;
  }

  body .request-quote .left-column .top-heading {
    padding-bottom: 0px;
  }

  body .request-quote .left-column .description {
    max-width: 100%;
    text-align:center;
  }

  body .request-quote .left-column .text h6 {
    line-height:1.3
  }

  body .taber-content {
    padding:21px 15px;
  }

  body .already .left-text {
    display: block;
    float: none;
    padding-bottom: 5px;
  }

  body .already {
    padding-top: 20px;
  }

  body .already .left-text h6 {
    max-width: 100%;
    margin-bottom: 0px;
    padding-left:16px;
    text-align:center;
    padding-bottom:10px;
    font-size:18px;
  }

  body .request-quote .already .cta {
    text-align: center;
  }

  body .request-quote .already .cta a.cta_button {
    display: inline-block;
  }

  body .already .cta.float-right {
    float: none;
    margin-bottom:30px;
  }

  body .home-testimonial .top-section .right-col .client.location h2 {
    font-size: 16px;
  }

  body .contact-cm {
    margin-bottom: 20px;
  }

  body .contact-cm .three-col {
    padding-bottom:8px;
  }

  body .request-quote .right-column .form .actions {
    float: none;
  }

  body .request-quote .right-column {
    padding-left: 0;
    text-align:center;
    padding-top:36px;
  }

  body .request-quote .right-column .taber-details .sub-heading {
    margin-bottom: 18px;
  }

  body .request-quote .right-column .taber-details .top-heading {
    padding-bottom: 5px;
  }

  body .request-quote .right-column .form label {
    text-align: left;
  }

  body .request-quote .right-column .form {
    padding-top: 0;
  }

  body .row-fluid form .field>label {
    margin-top:6px;
  }

  body .request-quote .right-column .form .actions input.hs-button {
    margin-top:15px
  }

  body .footer-section {
    padding: 50px 0px 0px;
  }

  body .footer-bottom .right-module {
    text-align: left;
  }

  body .row-fluid-wrapper .row-fluid .footer-right ul li a {
    line-height: 1;
    padding: 0px 0px 10px 0px;
  }

  body .white-label-hero {
    margin-top: 0;
    padding: 40px 0px 40px;
  }

  body .lgo-cm {
    padding: 20px 0px 28px;
  }

}

@media (max-width:787px) {

  body .taber-item .dropdown {
    display:block;
    cursor:pointer;
    background:transparent;
    border:solid 1px #dadada;
    max-width:95%;
    margin:0 auto;
    width:100%;
    position:relative;
  }

  body .taber-item .dropdown:after {
    content:'';
    position:absolute;
    top:50%;
    right:0px;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/psdtohubspot_2020/orange_arrow.svg);
    width:15px;
    height:7px;
  }

  body .taber-item .dropdown:hover,
  body .taber-item .dropdown h3,
  body .taber-item .dropdown {
    transition:.2s all ease-in-out;
    -webkkit-transition:.2s all ease-in-out;
    -moz-transition:.2s all ease-in-out;
  }
  body .taber-item .dropdown:hover{
    background: #2D3033;
  }

  body .taber-item .dropdown:hover h3 {
    color: #ffffff;
  }

  body .taber-item .dropdown h3 {
    margin: 0px;
    padding: 3px 10px;
    font-size:14px;
    text-align:left;
  }

  body .row-fluid-wrapper .row-fluid .taber-cm .taber-item ul li h5 {
    font-size: 14px;
    padding: 7px 0px;
  }

  .taber-cm .taber-item ul li:first-child:after,
  .taber-cm .taber-item ul li:last-child:after{
    display:none;
  }

  body .taber-cm .taber-item ul {
    display:none;
    max-width:95%;
    margin:0 auto;
    width:100%;
  }

  body .taber-cm .taber-item ul li {
    display: block;
    max-width: 100%;
    width: 100%;
    transform: skewX(0);
    -webkit-transform: skewX(0);
    -moz-transform: skewX(0);
  }

  body .taber-cm .taber-item ul li h5 {
    font-size: 25px;
    padding: 16px 0px 20px;
    transform: skewX(0);
    -webkit-transform: skewX(0);
    -moz-transform: skewX(0);
  }
}

@media(min-width:768px) and (max-width:1024px){
  body .roi-two-col {
    padding: 50px 0px 75px;
  }
  body .hero-section .top-heading svg {
    top: -22px;
    right: -2px;
    width: 220px;
  }
  body .portfolio-content,
  body .portfolio-details{
    padding:0px;
  }
  body .portfolio-details {
    padding-bottom:50px;
  }
  .row-fluid-wrapper.stepform-2 li.hs-form-checkbox {
    width: 49.7%;
  }
  .row-fluid-wrapper.stepform-2 li.hs-form-checkbox label.hs-form-checkbox-display span {
    padding-left:60px;
  }
  .hero-section .top-heading .rotate-animation {
    top: 4px;
    right: 30px;
  }
  .hero-section .top-heading .rotate-animation span img {
    max-width: 140px;
  }
  body .hero-section .top-heading {
    max-width: 380px;
  }
  .step-form-container .top-heading ul li {
    width: 19%;
    margin-top: 10px;
  }
  body .roi-two-col-text,
  body .calculator-cm,
  body .bottom-result{
    padding: 60px 0px 60px;
  }
  body .calculator-cm .calculator-body {
    padding-top: 50px;
  }
  body .bottom-result .dwnld-cntnr {
    padding-top: 50px;
  }
  body .bottom-result .g-box .title-cntnr {
    font-size: 18px;
  }
  body .erro-msg {
    top:20%;
  }
  body .bottom-result .g-box .content {
    padding: 0px 14px;
  }
  body .calculator-cm .result-section .result-box {
    width:48.7%;
    margin-right:10px;
    margin-bottom:10px;
  }
  body .calculator-cm .result-section .result-box p {
    font-size: 16px;
  }

  body .review-image img {
    max-width:150px;
  }

  body .agency-module .wrapper.black-bg.all-text-white:before {
    left:0px;
  }

  body .services-cm .right-col .service-detail {
    padding-left:0px;
  }

  body .demo-hero-section .right-column {
    padding-left: 30px;
  }

  body .psdtohubspot-process-cm .process ul li .number-text:after {
    right: -185px;
  }

  body .psdtohubspot-process-cm .row-fluid.process:before {
    left: -41px;
    right: 0;
    width: 61px;
    opacity: 2;
  }

  body .psdtohubspot-process-cm .row-fluid.process:after {
    right: -35px;
    opacity:1;
  }

  body .psdtohubspot-process-cm .process ul li.active .number-text:before {
    width: 177%;
  }

  body .process-2020 .timeline ul li {
    margin-bottom: 30px;
  }

  body .process-2020 .timeline:before,
  body .process-2020 .timeline .after-color{
    display:none;
  }

  body .jd-main-section {
    padding: 50px 0px 70px;
  }

  body .row-fluid-wrapper .row-fluid .requirement .application-form {
    padding-top: 40px;
  }

  body .application-form .form-title {
    padding-bottom: 20px;
  }

  body .career-hero {
    padding: 70px 0px 70px;
  }

  body .taber-section .taber-body:first-child {
    padding-top: 40px;
  }

  body.career .row-fluid .agency-module {
    padding-bottom: 70px;
  }

  body .join-team {
    padding: 70px 0px 30px;
  }

  body .career-slider .slider-section {
    width: 88vw;
  }

  body .career-slider {
    padding: 70px 0px 70px;
  }

  body.integration .row-fluid .agency-module {
    padding-bottom: 100px;
  }

  body .integration-hero {
    padding: 70px 0px 60px;
  }

  body .image-text-cm .text-module {
    padding: 70px 0px 70px;
  }

  body .image-text-cm .text-module .cta {
    padding-top: 20px;
  }

  body .demo-hero-section {
    padding: 70px 0px 70px;
  }

  body .partner-module {
    padding: 90px 0px 90px;
  }

  body .approach-hero {
    padding: 55px 0px 55px;
  }

  body .bottom-two-col .description {
    padding-right: 30px;
  }
  body .why-psdtohubspot .left-column .list-item ul li {
    width: 40%;
    margin-right:2%;
  }

  body .why-psdtohubspot {
    padding: 100px 0px 150px;
  }

  body .team-module .taber-image .image {
    max-width: 50%;
  }

  body .team-module .taber-image .image .section-bg {
    min-height: 220px;
  }

  body .val .value-details {
    max-width: 300px;
  }

  body .text-image {
    padding: 50px 0px 50px;
  }

  body .value-team {
    padding: 30px 0px 30px;
  }

  body .text-image .wrapper {
    padding-bottom: 50px;
  }

  body .bottom-two-col .left-col:nth-child(2n+2) {
    padding-left: 0;
  }

  body .row-fluid-wrapper .row-fluid .why-psdtohubspot .right-column:before {
    width:90%;
  }

  body .white-label-service .hs_cos_wrapper .service-box {
    padding: 50px 25px 40px 25px;
  }

  body .gigs-taber .top-section .right-column ul {
    margin: 0 auto;
  }

  body .accordian-sec .accordian-header h6 {
    padding: 22px 0px 22px 20px
  }

  body .request-quote .right-column {
    padding-left: 45px;
  }

  body .taber-description {
    padding-left: 20px;
    padding-right: 20px;
  }

  body .row-fluid-wrapper .row-fluid .agency-module .cta a.cta_button {
    border-radius: 0px;
    padding: 19px 26px;
  }

  body .row-fluid .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 47%;
  }

  body.white-label .row-fluid .two-column .item-list {
    padding-top: 20px;
    padding-bottom: 26px;
  }

  body .service-box .icon-image {
    padding-bottom: 38px;
  }

  body .header-setion {
    padding: 22px 20px;
  }

  body .white-label-service {
    padding: 80px 0px 30px;
  }

  body.white-label .row-fluid .service-module {
    padding: 33px 0px 87px;
  }

  body .two-column .left-column, 
  body .two-column .right-column {
    padding-right: 30px;
  }

  body .two-col .right-col {
    padding-left: 0;
  }

  body .accordian-sec {
    margin-top: 14px;
    padding-right: 26px;
  }

  body .our-client .right-col .description-text,
  body .our-client .logo-section{
    padding-left: 0px;
  }

  body .our-client {
    padding: 66px 0px 69px;
    margin-bottom: 0;
  }

  body .home-testimonial.customer {
    padding: 40px 0px 40px;
  }

  body .taber-cm .taber-bottom-section {
    padding-top: 70px;
  }

  body .taber-cm .taber-item ul li h5 {
    font-size: 20px;
  }

  body .taber-cm {
    padding: 75px 0px 0px;
  }

  body .two-col .left-col {
    padding-right: 15px;
  }

  body .two-col .right-col img {
    max-width: 340px !important;
  }

  body .request-quote {
    padding: 80px 0px 80px;
  }

  body .hero-section {
    padding: 110px 0px;
  }

  body .expand-text .cta {
    padding-top: 10px;
  }

  body .hero-section .top-heading {
    padding-bottom: 0;
  }

  body .hero-section .right-col .expand-box {
    right:0px;
    width: 170px;
  }

  body.hero-section .right-col .expand-text h5 {
    margin-bottom: 0;
    font-size: 18px;
  }

  body.expand-text .cta {
    padding-top: 20px;
  }

  body .hero-section .right-col .expand-box.expand {
    width: 250px;
    min-height: 320px;
    right:0px;
  }

  body .expand-text .close-icon {
    top: -44px;
    right: -10px;
  }

  body .row-fluid-wrapper .row-fluid .expand-text .cta a.cta_button {
    padding: 15px 40px;
  }

  body .lgo-cm .logo-section .logo-image {
    flex-basis: 25%;
    -moz-flex-basis: 25%;
    -webkit-flex-basis: 25%;
    margin-right: 5.8%;
    margin-bottom: 3.5%;
  }

  body .lgo-cm .logo-section .logo-image:nth-child(3n+3) {
    margin-right: 0;
  }

  body .services-cm {
    padding: 32px 0px 50px;
  }

  body .agency-module .black-bg .image {
    padding-left:0px;
  }

  body .agency-module .black-bg {
    padding: 29px 0px 40px;
  }

  body .why-choose {
    padding: 50px 0px;
    padding-bottom: 0;
  }

  body .why-choose .choose-cm {
    padding: 30px 0px 50px;
  }

  body .request-quote .left-column .top-heading {
    padding-bottom: 10px;
  }

  body .taber-content {
    padding:15px 18px;
  }

  body .already {
    padding-top: 10px;
  }

  body .already .left-text {
    display: block;
    float: none;
  }

  body .already .left-text h6 {
    max-width: 100%;
    margin-bottom: 0px;
    padding-left:18px;
  }

  body .already .cta.float-right {
    float: left;
  }

  body .request-quote .right-column .form {
    padding-top: 0;
  }

  body .request-quote .right-column .form .actions input.hs-button {
    margin-top:20px;
  }

  body h1 {
    font-size: 45px;
    line-height:50px;
  }

  body .footer-section {
    padding: 30px 0px 10px;
  }

  body .row-fluid-wrapper .row-fluid .footer-right ul li a{
    white-space:normal;
    line-height:1.3;
  }

  body .home-testimonial {
    margin-top: 60px;
  }

  body .home-testimonial .slick-prev.slick-arrow,
  body .home-testimonial .slick-next.slick-arrow{
    top: 0px;
  }

  body .row-fluid-wrapper .row-fluid .team-image.section-bg {
    min-height: 202px;
    margin-bottom: 0px;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .taber-description {
    padding-right: 15px;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    top: 64px;
  }
  body .career-slider .slider-section {
    width: 91vw;
  }

  body .agency-module .wrapper.black-bg.all-text-white:before {
    left:0px;
  }

  body .two-col .right-col img {
    max-width: 455px !important;
  }

  body .header-setion {
    padding: 25px 20px;
  }

  body .lgo-cm .logo-section .logo-image {
    margin-right: 3.8%;
  }

  body .full-width .testimonal-section .slide .image-slider {
    width: 55%;
  }

  body .full-width .testimonal-section .bor {
    width: 45%;
  }

  body .row-fluid-wrapper .row-fluid .full-width .testimonal-section .right-col {
    padding-bottom: 100px;
  }
}

@media(min-width: 768px) and (max-width: 992px){

  body .row-fluid .hero-section {
    margin-top: 0px;
  }

  body .row-fluid .contact-cm .three-col .contact-details {
    flex-basis: 28.4%;
    -webkit-flex-basis: 28.4%;
    -moz-flex-basis: 28.4%;
  }

  body .integration-cm .three-col .three-col-box:nth-child(2n+2),
  body .row-fluid .integration-cm .three-col .three-col-box:last-child{
    margin-right: 0;
  }

  body .integration-cm .three-col .three-col-box:nth-child(3n+3) {
    margin-right: 4.5%;
  }

  body .integration-cm .three-col .three-col-box {
    flex-basis: 47.7%;
    -webkit-flex-basis: 47.7%;
  }

  body .partner-benefits .four-col .four-col-cm {
    flex-basis: 45%;
    -webkit-flex-basis: 45%;
    -moz-flex-basis: 45%;
    -ms-flex-basis: 45%;
    margin-bottom: 3%;
  }

  body .choose-cm .service:nth-child(4) .service-details {
    padding: 27px 25px 11px 20px;
  }
  body .full-width .testimonal-section .slide .slider-sec {
    width: 100%;
    margin: 0px;
  }

  body .testimonal-section .description {
    padding: 0px 15px;
  }

  body .full-width .testimonal-section .bor {
    width: 50%;
  }

  body .white-label-hero {
    margin-top: 0;
    padding: 60px 0px 60px;
  }

  body .home-testimonial .slick-list.draggable {
    padding-top: 30px;
  }

  body .testimonal-section .right-col .text-section {
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  body .testimonal-section .right-col .text-section .top-heading h2 {
    margin-bottom: 10px;
  }

  body .full-width .testimonal-section .slide .image-slider {
    width: 50%;
    margin: 0px;
  }

  body .home-testimonial .client-location .location h2 {
    font-size: 28px;
  }

  body .home-testimonial .top-section .client h2 {
    font-size: 24px;
  }

  body .request-quote:before {
    max-width:150px;
  }

  body .hero-section .left-col {
    padding-right: 70px;
  }

  body .choose-cm .service:nth-child(1) .service-details, 
  body .choose-cm .service:nth-child(2) .service-details, 
  body .choose-cm .service:nth-child(3) .service-details {
    padding: 45px 25px 11px 20px;
  }

  body .choose-cm .service:nth-child(3n+3) {
    border-right: 0;
  }

  body .choose-cm .service:nth-child(4n+4) {
    border-right: 1px solid #ddd;
  }

  body .choose-cm .service:nth-last-child(2) {
    border-left: none;
    border-bottom: 1px solid #ddd;
  }

  body .choose-cm .service:nth-last-child(1) {
    border-left: 1px solid #ddd;
  }

  body .choose-cm .service {
    flex-basis: 33%;
    -webkit-flex-basis: 33%;
    -moz-flex-basis: 33%;
  }

  body .row-fluid .full-width .testimonal-section .left-col {
    width:100%;
    min-height:550px;
  }

  body .row-fluid .full-width .testimonal-section .right-col {
    width: 100%;
    min-height:auto;
    padding-top: 50px;
    padding-bottom: 90px;
  }

  body .full-width ul.slick-dots {
    right: auto;
    left:50%;
    bottom: 35px;
  }

}

@media(min-width: 993px) and (max-width: 1200px) {

  body .testimonal-section .right-col .text-section {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  body .full-width .testimonal-section .slide .image-slider {
    width: 50%;
  }

  body .full-width .testimonal-section .bor {
    width: 50%;
  }

  body .testimonal-section .description {
    padding: 0px 10px;
  }

  body .hero-section .left-col {
    padding-right: 70px;
  }

  body .testimonal-section ul.slick-dots {
    bottom: 50px;
  }

  body .gigs-taber .wrapper .row-fluid-wrapper .main-top {
    max-width:910px;
  }

  body .gigs-taber {
    margin-top:125px;
  }

  body .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky.sticky-top {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
  }
}

@media (min-width: 1200px) and (max-width: 1400px){

  body .testimonal-section .right-col .text-section {
    padding-top: 120px;
    padding-left: 30px;
    padding-right: 30px;
  }

  body .agency-module .wrapper.black-bg.all-text-white:before {
    left:0px;
  }

  body .career-slider .slider-section {
    width: 93vw;
  }
}

@media (min-width: 1400px) and (max-width: 1500px) {

  body .testimonal-section ul.slick-dots {
    bottom: 80px;
  }
}

@media (max-width: 993px) {

  body .row-fluid-wrapper .row-fluid .header-setion {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    position: relative;
    z-index: 100;
  }
  body .request-quote .left-column .top-heading h1 {
    font-weight: normal;
    font-size:30px;
  }

  li.hs-menu-item.show .child-trigger.child-open i:after {
    background-color: #8154EF;
  }

  /*   body .body-container-wrapper {
  position: relative;
  z-index: -1;
}
  */
  .menu-section .custom-menu-primary .hs-menu-wrapper>ul .right-side-menu {
    margin: 0;
  }

  body .gigs-taber .top-section .left-column {
    display: block;
    float: none;
    padding-bottom:20px;
  }

  body .customer-hero {
    margin-top: 0px;
    padding: 40px 0px 40px;
  }

  body .two-col {
    padding: 40px 0px 40px;
  }

  body .gigs-taber .main-filter .top-sec {
    padding-bottom: 45px;
  }

  body .gigs-taber .main-filter .top-sec .gigs-heading {
    display: block;
  }

  body .gigs-taber .main-filter .price {
    top: 5px;
    float: right;
  }

  body .gigs-taber {
    padding: 0 0px 17px;
    margin-top: 37px;
    position: relative;
  }

  .gigs-taber .main-top .top-section .right-column {
    float: left;
  }

  body .gigs-taber .main-filter {
    margin-top: 70px;
  }


  .gigs-taber .main-top.sticky .right-column .mobile {
    left: 0;
    right: 0;
    box-shadow: 0 2px 19px 0 rgba(0,0,0,0.09);
  }

  body .row-fluid.main-top.sticky .top-section .right-column.float-right {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #ffffff;
    padding: 0px 0px;
    z-index: 2;
    box-shadow:0 3px 8px 0 rgba(168,168,168,0.38);
  }

}

@media (max-width: 480px) {

  body .row-fluid .home-testimonial .slider .slider-box {
    margin-right:0px;
  }

  body .header-setion .logo-section {
    width: 200px;
  }

  body .lgo-cm .logo-section .logo-image {
    margin-right: 0px;
    margin-bottom:0px;
    display:block;
    text-align:center;
  }
  body .row-fluid-wrapper .row-fluid .request-quote .right-column .form .hs-fieldtype-text {
    width: 100%;
    margin-right: 0%;
  }


  body .why-psdtohubspot .left-column .list-item ul li {
    width: 100%;
    margin-right: 0;
  }

  body .contact-cm .three-col .contact-details .icon {
    display: block;
    float: none;
    margin-right: 0;
  }

  body .contact-cm .three-col .contact-details .address {
    margin-left: 0;
    margin-top: 16px;
  }
}

@media (min-width:430px) and (max-width:767px) {
  body .row-fluid .hero-section {
    padding: 30px 0px 0px;
  }

  body .row-fluid .expand-text .close-icon {
    top: -40px;
    right: -5px;
  }
}

@media (min-width: 993px) and (max-width:1010px) {
  body .customer-hero {
    margin-top: 84px;
  }
}

@media (min-width:768px) and (max-width:1010px) {
  body.contact-us .row-fluid .request-quote {
    margin-top: 5px;
  }

  body .contact-cm .three-col .contact-details {
    flex-basis: 30%;
    -webkit-flex-basis: 30%;
    -moz-flex-basis: 30%;
  }

}

@media (min-width:1201px) and (max-width:1400px) {
  body .full-width .testimonal-section .slide .image-slider {
    width: 60%;
  }

  body .full-width .testimonal-section .bor {
    width: 40%;
  }

  body .testimonal-section .description {
    padding: 0px 20px;
  }
}

@media (max-width:1300px) and (min-width:1200px) {
  body .psdtohubspot-process-cm .process ul li .number-text:after {
    right: -265px;
    width: 310%;
  }
}

@media (max-width:1199px) and (min-width:1100px) {
  body .psdtohubspot-process-cm .process ul li .number-text:after {
    right: -225px;
    width: 265%;
  }
}

@media (min-width:481px) and (max-width:767px) {

  body .row-fluid .hero-section .right-col .expand-box.expand {
    min-height: 370px;
  }

  .choose-cm .row-fluid {
    display:flex;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
  }

  .choose-cm .service {
    flex-basis:49%;
    -webkt-flex-basis:49%;
    -moz-flex-basis:49%;
  }

  body .choose-cm .service:first-child {
    border-top:transparent;
  }

  body .choose-cm .service:nth-last-child(1),
  body .choose-cm .service:nth-last-child(2) {
    border-bottom:none;
  }

  body .choose-cm .service:nth-child(2n+2) {
    border-right: none;
    border-left: 1px solid #ddd;
  }

  body .choose-cm .service {
    border-left:transparent;
  }
}

@media (max-width:360px) {
  body .hero-section .right-col .expand-box .icon img {
    max-width: 25px;
  }

  body .hero-section .right-col .expand-box .icon img {
    bottom:17px;
  }
}


/*===================================================================='
* Responsive Styling End Here
* ======================================================================*/


/*==========================================
* Cross Browser Css Styling Start Here
* ========================================*/


/* body.ie .hero-section .right-col .expand-box.expand {
transform:translate(25%, -50%);
-webkit-transform:translate(25%, -50%);
-moz-transform:translate(25%, -50%);
} */

body.edge .two-column .border-blue,
body.ie .two-column .border-blue{
  border-bottom: 1px solid rgba(187, 188, 188, 0.6509803921568628);
}

body.ie .row-fluid .already .cta a.cta_button {
  padding:19px 14px;
}

body.safari .mega-menu-two.mega-menu-cm>.equal-height-container>.row-fluid-wrapper>.row-fluid {
  flex-wrap: unset;
}

body.safari .process-2020 .timeline ul li .timeline-card.card-active {
  box-shadow:0 0 14px 0 rgba(191,191,191,0.2);
}

body.ie .contact-cm .three-col :first-child.contact-details .icon img {
  width: auto;
}

body.ie .psdtohubspot-process-cm .process ul {
  width:122.5%;
}

/* body.safari .hero-section .right-col .expand-box.expand {
transform:translate(25%, -20%);
-webkit-transform:translate(25%, -20%);
-moz-transform:translate(25%, -20%);
}
*/
body.safari .cta-section ul li.hs-menu-item:first-child {
  position: relative;
  top: 14px;
}

body.safari .header-setion {
  padding-bottom: 26px;
}

body.mozila .gigs-taber .main-filter .hs_cos_wrapper .box .premium::before {
  width: 33px;
  height: 32px;
}

/* body.safari .hero-section .right-col .expand-box {
transform:translateY(0%);
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
top:0px;
} */

body.safari .mega-menu-cm {
  margin: 103px auto 0 auto
}

body.safari .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky.sticky-top {
  transform: translateY(99px);
  -webkit-transform: translateY(99px);
  -moz-transform: translateY(99px);
}

body.mozila .taber-cm .taber-item ul li:first-child::after {
  left: -70px;
  width: 80px;
}
body.sidebarOpen .taber-item.font-weight-normal.all-text-blue.align-center {
  top: -50%;
}
.menu-list-cm ul.responsivee {
  text-align: center;
}
.menu-list-cm ul.responsivee li {
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0;
}
/*==========================================
* Cross Browser Css Styling End Here
* ========================================*/


/*======================================================================
* Gigs Page Styling Start Here
* ====================================================================*/

.gigs-taber {
  padding: 100px 0px 22px;
  margin-top: 155px;
  position: relative;
}
body.sidebarOpen .row-fluid-wrapper .row-fluid.main-top.sticky.sticky-top {
  transform: translateY(-90px);
}
.request-quote.hide-module {
  display: none;
}.portfolio-content .main-title {
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .gigs-taber .right-column .mobile {
    display:none;
  }

}
.section-filter.hero-margin {
  text-align: center;
}

.gigs-taber .top-section .sub-heading h4 {
  letter-spacing: -0.4px;
  line-height: 1.36;
  font-size: 28px;
  font-weight: normal;
}

.gigs-taber .top-section .top-heading h1 {
  margin-bottom: 14px;
}

.gigs-taber .top-section .left-column {
  display: inline-block;
  float: left;
}

.gigs-taber .top-section .right-column ul {
  margin: 0;
  padding: 0;
  margin-right:10px;
}

.gigs-taber .top-section .right-column ul li {
  margin: 0;
  display: inline-block;
  margin-right: 12px;
}

.gigs-taber .top-section .right-column ul li:last-child {
  margin-right: 0px;
}

.gigs-taber .top-section .right-column ul li a {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.44px;
  font-weight: normal;
  color: #2D3033;
  padding: 0px 7px;
}

.gigs-taber .top-section .right-column ul li.active a {
  background: rgba(129,84,239,27%);
  border: 1px solid #8154ef;
  border-radius: 2px;
  padding:0px 14px;
}

@media(min-width: 993px) {
  .section-filter.hero-margin {
    margin-top: 155px;
  }
  .gigs-taber .wrapper .row-fluid-wrapper .main-top {
    background: #ffffff;
    max-width: 1165px;
    margin: 0 auto;
    float: none;
    left: 0;
    right: 0;
    position:absolute;
    padding: 0px 0px 0px;
    top:0px;
  }

  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .sub-heading {
    opacity:0;
  }

  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .top-heading h1 {
    font-size: 35px;
  }

  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky {
    position: fixed;
    z-index: 2;
    top:0px;
    height: 75px;
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    background-color: #000000;
  }
  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky,
  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .right-column,
  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky.sticky-top{
    transition:.2s all ease-in-out;
    -webkit-transition:.2s all ease-in-out;
    -moz-transition:.2s all ease-in-out;
  }

  .gigs-taber .top-section .right-column {
    position: relative;
    top: 84px;
  }

  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .right-column {
    top: 20px;
  }

  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky.sticky-top {
    transform:translateY(90px);
    -webkit-transform:translateY(90px);
    -moz-transform:translateY(90px);
  }
}

@media (min-width:768px) and (max-width:992px) {
  body .row-fluid.main-top.sticky .top-section .right-column.float-right {
    padding: 25px 0px;
  }
}

/*=====Gigs Scrollbar Styling Start Here=====*/

@media (min-width: 768px) {
  .gigs-taber .top-section .right-column ul {
    /*     display:block !important; */
    display:flex !important;
    max-width: 382px;
    overflow-x: scroll;
    padding-bottom:6px;
    width:100%;
    position:relative;
    z-index:1;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
  }

  .gigs-taber .wrapper .row-fluid-wrapper .main-top.sticky .right-column ul {
    max-width: 600px;
  }

  .gigs-taber .top-section .right-column ul::-webkit-scrollbar {
    width: 50px;
    height:4px;
    cursor:pointer;
  }

  /* Track */
  .gigs-taber .top-section .right-column ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px #80808026; 
    border-radius: 10px;
    cursor:pointer;
    margin-right:4px;
  }

  /* Handle */
  .gigs-taber .top-section .right-column ul::-webkit-scrollbar-thumb {
    background: #8154EF; 
    border-radius: 10px;
    cursor:pointer;
  }
}


/*=====Gigs Scrollbar Styling End Here=====*/



.gigs-taber .main-filter {
  margin-top: 98px;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
}
.gigs-taber .main-filter .top-sec .gigs-heading {
  display: inline-block;
  /*   float: left; */
  width:200px;
}

.gigs-taber .main-filter .top-sec .gigs-heading h4 {
  margin: 0;
  font-weight: normal;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #000000;
}

.gigs-taber .main-filter .price p {
  margin: 0;
  color:  #8154EF ;
  font-size: 18px;
  font-weight:normal;
}

.gigs-taber .main-filter .price p span {
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: 1.52;
  color: #2D3033;
  padding-left: 3px;
  position:relative;
  top: 3px;
}

.gigs-taber .main-filter .price {
  position: relative;
  top: 8px;
  float: none;
  text-align: right;
}

body .row-fluid .gigs-taber .main-filter .hs_cos_wrapper {
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  flex-basis: 29.9%;
  -webkit-flex-basis: 29.9%;
  -moz-flex-basis: 29.9%;
  margin-right: 3.43%;
  margin-bottom: 3.43%;
  margin-top: 0px;
  position:relative;
  overflow:hidden;
}

.gigs-taber .main-filter .hs_cos_wrapper .box {
  padding: 43px 28px 23px 32px;
}

.gigs-taber .main-filter .top-sec {
  border-bottom: 0.5px solid #adb2c4;
  padding-bottom: 18px;
  padding-top: 23px;
  margin-bottom: 16px;
}

.gigs-taber .main-filter .hs_cos_wrapper .box .premium {
  background: #2D3033;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 18px;
  opacity:0;
}

.gigs-taber .main-filter .hs_cos_wrapper .box .premium.show {
  opacity: 1;
}

.gigs-taber .main-filter .hs_cos_wrapper .box .premium:before {
  content: '';
  position: absolute;
  top: -17px;
  left: -32px;
  background: #2D3033;
  width: 32px;
  height: 31px;
  transform: skewY(48deg);
  -webkit-transform: skewY(48deg);
  -moz-transform: skewY(48deg);
}

.gigs-taber .main-filter .hs_cos_wrapper .box .premium h6 {
  font-size: 14px;
  margin: 0;
  letter-spacing: 1px;
  line-height: 1.64;
  font-weight: normal;
}

.gigs-taber .main-filter .hs_cos_wrapper .box .logo {
  height: 60px;
  max-width:60px;
  width:100%;
  display:inline-block;
}

.gigs-taber .main-filter .hs_cos_wrapper .box .logo img {
  height: 60px;
}

/*======================================================================
* Gigs Page Styling End Here
* ====================================================================*/





/*======================================================================
* Customer Centric Page Styling Start Here
* ====================================================================*/


.customer-hero {
  background-color: #000000;
  margin-top: 90px;
  padding: 143px 0px 131px;
}

.customer-hero .heading {
  max-width: 943px;
  margin: 0 auto;
  float: none;
  display: inline-block;
  overflow: hidden;
  padding-bottom: 11px;
}

.customer-hero .sub-heading {
  max-width: 844px;
  margin: 0 auto;
  float: none;
  display: inline-block;
}

.two-col .heading h2 {
  line-height: 1.26;
  padding-bottom: 8px;
}

.two-col {
  padding: 144px 0px 110px;
}

.two-col .heading {
  padding-bottom: 16px;
}

.two-col .sub-heading {
  max-width: 572px;
  padding-bottom: 6px;
}

.two-col .left-col h5 {
  font-size: 28px;
  padding-top: 19px;
  padding-bottom: 8px;
}

.one-column .heading h2 {
  line-height: 1.26;
}

.two-col .left-col ol li {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  padding-bottom: 15px;
}

.two-col .left-col .project-cta a.cta_button {
  padding: 26px 46px;
  letter-spacing: 0.5px;
}

.two-col .left-col .project-cta {
  padding: 31px 0px;
}

.two-col .right-col img {
  box-shadow: -6px 6px 24px 0 rgba(0, 0, 0, 0.19);
  max-width: 525px !important;
}

.two-col .right-col {
  padding-left: 16px;
}

.two-col .left-col {
  padding-right: 45px;
}

.one-column .heading {
  max-width: 610px;
  margin: 0 auto;
  float: none;
  display: inline-block;
  padding-bottom: 9px;
}

.one-column .sub-heading {
  max-width: 843px;
  margin: 0 auto;
  float: none;
  display: inline-block;
}

.taber-cm {
  overflow: hidden;
  padding: 126px 0px 0px;
}

.taber-cm .taber-item ul {
  margin: 0;
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
}

.accordian-sec .accordian:last-child {
  margin-bottom: 0;
}

.taber-cm .taber-item ul li {
  margin: 0;
  display: inline-block;
  background-color: #000000;
  max-width: 25%;
  width: 100%;
  cursor:pointer;
  position:relative;
  z-index:1;
  border-right: 2px solid #ffffff;
  transform: skewX(-35deg);
  -webkit-transform: skewX(-35deg);
  -moz-transform: skewX(-35deg);
}

.taber-cm .taber-item ul li:first-child:after {
  background-color: #000000;
  right:auto;
  left: 0px;
  width: 50px;
  transform: skewX(35deg);
  -webkit-transform: skewX(35deg);
  -moz-transform: skewX(-35deg);
}

.taber-cm .taber-item ul li:last-child:after {
  background-color: #000000;
  width: 90px;
  transform: skewX(0deg);
  -webkit-transform: skewX(0deg);
  -moz-transform: skewX(0deg);
  right: -75px;
}

.taber-cm .taber-item ul li:last-child:hover:after {
  background-color: #2D3033;
}

.taber-cm .taber-item ul li.active:last-child:after {
  background-color: #2D3033;
}

.taber-cm .taber-item ul li:first-child:hover:after {
  background-color: #2D3033;
}

.taber-cm .taber-item ul li.active:first-child:after {
  background-color: #2D3033;
}

.taber-cm .taber-item ul li h5 {
  margin: 0px;
  line-height: 1.36;
  letter-spacing: -0.4px;
  font-size: 28px;
  padding: 30px 0px 34px;
  transform: skewX(35deg);
  -webkit-transform: skewX(35deg);
  -moz-transform: skewX(35deg);
}

.taber-cm .taber-item ul li:after {
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  background-color: #000000;
  background: #2D3033;
  z-index:-1;
}

.taber-cm .taber-item ul li:hover {
  background-color: #2D3033;
}

.taber-cm .taber-item ul li:hover h5 {
  color: #ffffff;
}

.taber-cm .taber-item ul li.active {
  color: #ffffff;
  background-color: #2D3033;
}

.taber-cm .taber-item ul li.active h5 {
  color: #ffffff;
}

.taber-cm .taber-bottom-section {
  overflow: hidden;
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  padding-top: 139px;
  display:none;
  padding-left: 15px;
  padding-right: 15px;
}

body .taber-cm .taber-bottom-section:first-child {
  display:block;
}

.accordian-sec .accordian {
  max-width: 516px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 32px;
  position:relative;
}

.accordian-sec .accordian-header h6 {
  font-size: 20px;
  letter-spacing: -0.28px;
  line-height: 1.7;
  color: #2D3033;
  padding: 22px 0px 22px 38px;
  margin-bottom: 0px;
}

.accordian-sec .accordion_content p {
  letter-spacing: 0.5px;
  font-size: 16px;
  line-height: 1.75;
  margin: 0px;
}

.accordian-header {
  position:relative;
  z-index:1;
  cursor:pointer;
  background-color: rgba(242, 244, 245, .3);
}

.accordian-header .icon {
  position: absolute;
  right: 0;
  top: 0;
}

.accordian-header .icon:after {
  content: '';
  position: absolute;
  top: 31px;
  right: 31px;
  width: 2px;
  height: 15px;
  background-color: #8154EF;
}

.accordian-header .icon:before {
  content:'';
  position:absolute;
  top:38px;
  right:25px;
  width: 15px;
  height:2px;
  background-color: #8154EF;
}

.accordian-header.remove .icon:after {
  opacity: 0;
}
.taber-cm .accordian-sec .accordian .accordion_content {
  display:none;
  background-color: rgba(242, 244, 245, .3);
  padding: 0px 47px 20px 42px;
}

.accordian-sec {
  margin-top: 14px;
}

.taber-cm .taber-bottom-section .top-heading {
  padding-bottom: 5px;
}

.taber-bottom-section .left-col .taber-text {
  max-width: 541px;
}

.taber-bottom-section .left-col .taber-text p {
  padding-bottom: 7px;
}

.taber-bottom-section .left-col .top-heading h2 {
  letter-spacing: -0.4px;
}

.home-testimonial.customer .slider-box {
  background: #ffffff;
}

.home-testimonial.customer {
  padding: 67px 0px 67px;
}

.home-testimonial.customer .top-headng h2 {
  letter-spacing: -0.4px;
}

.home-testimonial.customer:before {
  display: none;
}

@media (min-width: 768px) {
  /*   .home-testimonial.customer .slider-details {
  margin-left: 0;
  width: 76.923076923%;
} */

}

.our-client {
  padding: 116px 0px 69px;
}

.our-client .right-col .description-text {
  max-width: 753px;
  margin: 0 auto;
  width: 100%;
  padding-left:55px;
}

.our-client .left-column .top-heading h2 {
  letter-spacing: -0.4px;
}

.our-client .logo-section {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  max-width: 753px;
  margin: 0 auto;
  width: 100%;
  padding-left:55px;
  padding-top: 32px;
}

.our-client .logo-section .logo-image {
  flex-basis: 17%;
  -webkit-flex-basis: 17%;
  -moz-flex-basis: 17%;
  margin-right: 3.7%;
  margin-bottom: 4.4%;
  height: 52px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;
}

.our-client .logo-section .logo-image img {
  max-width:100%;
}

.our-client .logo-section .logo-image img:hover {
  -webkit-filter:brightness(0.1);
  filter:brightness(0.1);
}

.our-client .logo-section .logo-image:nth-child(5n+5),
.our-client .logo-section .logo-image:last-child {
  margin-right: 0px;
}

.taber-item .dropdown {
  display:none;
}


/*======================================================================
* Customer Centric Page Styling End Here
* ====================================================================*/


/*======================================================================
* Contact Us Page Styling Start Here
* ====================================================================*/

body.contact-us .request-quote {
  margin-top: 96px;
}
.contact-cm {
  margin-top: 100px;
}
.contact-cm .three-col {
  border-bottom: 1px solid #2D3033;
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  align-items:stretch;
  -webkit-align-items:stretch;
  -moz-align-items:stretch;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  padding-bottom: 28px;
}

.contact-cm .three-col .contact-details {
  flex-basis:32%;
  -webkit-flex-basis:32%;
  -moz-flex-basis:32%;
  margin-right:2%;
  /*   display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-moz-flex; */
  justify-content:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;
}

.contact-cm .three-col .contact-details:nth-child(3n+3),
.contact-cm .three-col .contact-details:last-child {
  margin-right: 0px;
}

.contact-cm .three-col p,
.contact-cm .three-col h6 {
  margin-bottom: 0px;
}

.contact-cm .three-col h6 {
  font-size: 20px;
  letter-spacing: -0.28px;
  line-height:1;
  margin-bottom: 5px;
}

.contact-cm .three-col .contact-details .address {
  margin-left: 67px;
}

/* .contact-cm .contact-details .icon img {
width: 50px;
} */

/* .contact-cm .three-col .contact-details:first-child .icon img {
width: 110px;
} */

.contact-cm .three-col .contact-details .icon {
  display: inline-block;
  float: left;
  margin-right: 8px;
}

.contact-cm .three-col .contact-details .icon img {
  max-width: 50px;
}

.contact-details p a:hover {
  opacity:0.5;
}

@media (min-width: 993px) {
  body.contact-us .home-testimonial {
    padding-bottom: 80px;
    /*     margin-bottom: 155px; */
  }
}


/*======================================================================
* Contact Us Page Styling End Here
* ====================================================================*/





/*==============================================================
*White Label Page Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.white-label-service {
  padding: 136px 0px 58px;
}

.white-label-hero {
  padding: 140px 0px 137px;
}

.white-label-hero .subj-heading-text {
  max-width: 888px;
  margin: 0 auto;
  display: inline-block;
  float: none;
  width: 100%;
  padding-top: 10px;
}

.white-label-hero .heading-text {
  max-width: 943px;
  margin: 0 auto;
  float: none;
  display: inline-block;
  width: 100%;
}

body.white-label .two-column {
  background: #000000;
  padding: 103px 0px 100px;
}

body.white-label .two-column h6 {
  font-size:20px;
  letter-spacing: 1px;
  color: #2D3033;
  margin: 0px;
  line-height: 1.5;
}

body.white-label .two-column h2 {
  line-height: 1.26;
  letter-spacing: -0.4px;
}

.two-column .border-blue {
  border-bottom: 1px solid #bbbcbca6;
  padding-bottom: 12px;
}

body.white-label .two-column .item-list ul {
  margin: 0;
}

body.white-label .two-column .item-list ul li {
  margin: 0;
  color: #2D3033;
  font-size: 18px;
  margin-bottom: 16px;
  padding-left: 29px;
  font-weight: 300;
}

body.white-label .two-column .item-list ul li:before {
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/tick-with-bg-2.svg);
  left: -2px;
  top: 0;
  width: 32px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
}

body.white-label .two-column .item-list {
  padding-top: 40px;
  padding-bottom: 46px;
}

.two-column .left-column,
.two-column .right-column{
  padding-right: 100px;
}

.service-box .icon-image img {
  width: 70px;
  height: 70px;
}

.service-box .heading h4 {
  font-size: 28px;
  letter-spacing: -0.4px;
  line-height: 1.36;
  margin-bottom: 12px;
}

.service-box .link a {
  font-weight: 600;
}

.service-box .link a span {
  position: relative;
  padding-left: 10px;
  top: 0px;
}

.service-box .link a:hover span {
  padding-left: 20px;
}

.service-box .icon-image {
  /*   padding-bottom: 40px; */
  padding-bottom: 20px;
}


.service-box .service-description {
  padding-bottom: 27px;
}

body.white-label .row-fluid .white-label-service .hs_cos_wrapper {
  background: #ffffff;
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  flex-basis:29.44%;
  -webkit-flex-basis:29.44%;
  -moz-flex-basis:29.44%;
  margin-right:3.89%;
  margin-bottom:3.89%;
}

.white-label-service .hs_cos_wrapper .service-box {
  padding: 69px 29px 62px 29px;
  /*   padding: 45px 29px 40px 29px; */
  position:relative;
  z-index:1;
  overflow:hidden;
}

.white-label-service .hs_cos_wrapper .service-box:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:250px;
  height:250px;
  background:rgb(129 84 239 / 27%);
  z-index:-1;
  border-radius: 150px;
  transform: rotate(-45deg) translate(0px, -320px);
  -webkit-transform: rotate(-45deg) translate(0px, -320px);
  -moz-transform: rotate(-45deg) translate(0px, -320px);
}

.white-label-service .hs_cos_wrapper .service-box:hover:before {
  transform: rotate(-45deg) translate(0px, -130px);
  -webkit-transform: rotate(-45deg) translate(0px, -130px);
  -moz-transform: rotate(-45deg) translate(0px, -130px);
}

.white-label-service .three-col-adjust {
  padding-top: 33px;
}

.service-module .heading-text {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  display: inline-block;
  padding-bottom: 80px;
}

body .row-fluid .choose-cm .cta-section a {
  font-weight: 600;
}

body.white-label .service-module {
  padding: 33px 0px 140px;
}

body.white-label .choose-cm .cta-section {
  padding-top: 60px;
}

.choose-cm .cta-section a span {
  position: relative;
  top: 0x;
  left:0px;
  padding-left: 7px;
}

.choose-cm .cta-section a:hover span {
  left: 10px;
}

.start-project {
  background: #000000;
  padding:101px 0px 102px;
}

.start-project .section-description {
  max-width: 844px;
  margin: 0 auto;
  display: inline-block;
  float: none;
  padding-top: 6px;
  padding-bottom: 20px;
}

.start-project .heading-text {
  max-width: 944px;
  margin: 0 auto;
  display: inline-block;
  float: none;
}

.submitted-message {
  font-size: 20px;
  font-weight: normal;
}

/* body .row-fluid .choose-cm .cta-section {
padding-top: 60px;
} */

.service-module .heading-text h2 {
  line-height: 1.26;
}



/*==============================================================
*White Label Page Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/




/*==============================================================
*Why PsdToHubspot Approach  Page Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.approach-hero {
  padding: 141px 0px 145px;
}

body .row-fluid .inner-hero {
  padding:95px 0px;
  /*   background: rgba(255,243,204,03); */
  //background-image: url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/Left-Corner-Blob.svg),url(https://www.faqdigital.com/hubfs/psdtohubspot_2020/Right-Corner-Blobs.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  background-position: left bottom, right bottom;
}
.hubspot-two-col .right-col img {
  width: 100%;
}

.hubspot-two-col {
  padding:40px 0px 40px;
}

.hubspot-two-col:first-child {
  padding-top: 100px;
}

.hubspot-two-col:last-child {
  padding-bottom: 150px;
}


.hubspot-two-col ul li {
  margin:15px 0px;
  margin-right:20px;
  flex:0 1 auto;
}

.hubspot-two-col .list-item ul,
.hubspot-two-col .cta-section ul{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex; 
  display: -ms-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

/* .hubspot-two-col .cta-section ul li:first-child a {
background-color:#8154EF;
color:#ffffff;
padding: 8px 8px;
border-radius: 6px;
}

.hubspot-two-col .cta-section ul li:first-child a:hover {
box-shadow:0px 0px 30px rgba(0,0,0,.2);
} */

.hubspot-two-col .top-heading {
  max-width: 350px;
}

.hubspot-two-col .description {
  max-width: 430px;
  padding-bottom:8px;
}

.hubspot-two-col .list-item ul {
  margin-top: 0;
  margin-bottom:23px;
}

.hubspot-two-col .list-item p {
  font-size: 16px;
  margin:0px;
}

.hubspot-two-col .cta-section ul {
  margin-top: 15px;
}

.hubspot-two-col .top-heading h2 {
  line-height:40px;
}

body .person-details h6 {
  font-weight: 600;
}

.hubspot-two-col.reverse-section .equal-height-container>.row-fluid-wrapper>.row-fluid {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
}

.hubspot-two-col.reverse-section .right-col {
  margin-left: 0;
  margin-right:10%;
}



.hubspot-two-col ul li img {
  width: 100%;
}

.approach-hero .section-heading {
  max-width: 940px;
  margin: 0 auto;
  float: none;
  display: inline-block;
  padding-bottom: 8px;
}

.approach-hero .section-sub-heading {
  max-width: 900px;
  margin: 0 auto;
  float: none;
  display: inline-block;
}

.why-psdtohubspot {
  padding: 158px 0px 218px;
  overflow: hidden;
}

body .row-fluid-wrapper .row-fluid .why-psdtohubspot .right-column {
  min-height:586px;
  position:relative;
}

body .row-fluid-wrapper .row-fluid .why-psdtohubspot .right-column:before {
  content:'';
  position:absolute;
  top:-75px;
  right:-75px;
  background-color:#f7f5f5;
  z-index:-1;
  width:78%;
  height:126%;
}

body .row-fluid-wrapper .row-fluid .why-psdtohubspot .right-column:after {
  content:'';
  position:absolute;
  top:0px;
  right:0px;
  background-color:#f7f5f5;
  opacity:0.5;
  left:0;

}

.why-psdtohubspot .left-column {
  padding-right: 42px;
  overflow:hidden;
}

.why-psdtohubspot .left-column .top-heading {
  padding-bottom: 4px;
}

.why-psdtohubspot .left-column .description p {
  padding-bottom: 10px;
}

.why-psdtohubspot .left-column .sub-heading h5 {
  font-size: 28px;
  letter-spacing:-0.4px;
}

.why-psdtohubspot .left-column .list-item ul {
  margin: 0;
}

.why-psdtohubspot .left-column .list-item ul li {
  margin: 0;
  font-size: 18px;
  width: 43%;
  float: left;
  margin-right: 3%;
  position: relative;
  padding-left: 20px;
  padding-bottom:10px;
}

.why-psdtohubspot .left-column .list-item ul li:before {
  content:'';
  position:absolute;
  top:5px;
  left:0;
  bottom:0;
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/tick-with-bg-2.svg);
  background-repeat:no-repeat;
  background-position:center;
  width:18px;
  height:18px;
}

.why-psdtohubspot .left-column .list-item {
  padding: 14px 0px;
}

.psdtohubspot-process-cm .process ul li span {
  background-color:  rgb(129 84 239 / 27%) ;
  border:1px solid  #8154EF ;
  width: 56px;
  height:56px;
  border-radius:100px;
  font-size:24px;
  color: #2D3033;
  padding: 12px 22px;
  position:relative;
  z-index:1;
  cursor:pointer;
}

.psdtohubspot-process-cm .number-text {
  min-width: 91px;
  position:relative;
}

.psdtohubspot-process-cm .process ul li p {
  font-size: 22px;
  font-weight: normal;
  margin-top: 28px;
  line-height: 32px;
}

.psdtohubspot-process-cm .bottom-two-col .top-heading h4 {
  margin-bottom: 12px;
}

.psdtohubspot-process-cm {
  padding: 160px 0px 70px;
}

.psdtohubspot-process-cm .left-column .top-heading {
  padding-bottom: 5px;
}

.psdtohubspot-process-cm .right-column-image {
  padding-left: 45px;
  padding-top: 0px;
  position:relative;
  top:-120px;
}

.psdtohubspot-process-cm .process ul {
  margin: 0;
  padding-top: 20px;
}

.psdtohubspot-process-cm .process ul li {
  margin:0px;
  position:relative;
}

.psdtohubspot-process-cm .row-fluid.process {
  /*   padding-top: 335px; */
  padding-top: 50px;
  position:relative;
  /*   overflow:hidden; */
}

.psdtohubspot-process-cm .row-fluid.process:before {
  content: '';
  position: absolute;
  left: -7px;
  right: 0;
  top: 0;
  width: 50px;
  background-color: #000000;
  height: 100px;
  z-index:3;
  opacity:0;
}

.psdtohubspot-process-cm .row-fluid.process:after {
  content: '';
  position: absolute;
  right: 0px;
  right: -33px;
  bottom: 0;
  width: 50px;
  background-color: #000000;
  height: 100px;
  z-index: 3;
  opacity:0;
}

.psdtohubspot-process-cm .process ul li .number-text:after {
  content: '';
  position: absolute;
  top: 13px;
  right: -273px;
  width: 317%;
  border-bottom:2px dotted  #8154EF ;
  z-index:1;
}

.bottom-two-col a {
  font-weight: 600;
  letter-spacing: 0.5px;
  position:relative;
}

.team-module .taber-image-text .team-details h6 {
  padding-bottom: 15px;
}

.bottom-two-col a span {
  position: absolute;
  right: -35px;
  top: 0px;
  bottom: 0;
}

.bottom-two-col a:hover span {
  right:-40px;
}

.bottom-two-col {
  margin-top: 30px;
}

.bottom-two-col .description {
  max-width: 510px;
  padding-bottom: 4px;
}

.bottom-two-col .left-col:nth-child(2n+1) {
  margin-left: 0;
}

.bottom-two-col .left-col {
  margin-bottom: 30px;
}

.bottom-two-col .left-col:nth-child(2n+2) {
  padding-left: 60px;
}

.psdtohubspot-process-cm .process ul li span:before {
  content:'';
  position:absolute;
  top:1px;
  left:-8px;
  bottom:0;
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/HubsPot%20Assets_Dec_2019/right-angle.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-position:center;
  width: 8px;
}

.psdtohubspot-process-cm .process ul li:last-child span:after {
  content:'';
  position:absolute;
  left:51%;
  transform:translateX(-50%) rotate(-90deg);
  -webkit-transform:translateX(-50%) rotate(-90deg);
  -moz-transform:translateX(-50%) rotate(-90deg);
  bottom:-10px;
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/HubsPot%20Assets_Dec_2019/right-angle.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-position:center;
  width: 8px;
  height:13px;
}

.psdtohubspot-process-cm .process ul li:last-child span:before {
  transform:rotate(-180deg) translateX(202px);
  -webkit-transform:rotate(-180deg) translateX(202px);
  -moz-transform:rotate(-180deg) translateX(202px);
}

.psdtohubspot-process-cm .process ul li:first-child span:before {
  display:none;
}

.text-image {
  padding: 136px 0px 50px;
}

.text-image .wrapper {
  border-bottom: 1px solid #2D3033;
  padding-bottom: 105px;
}

.column-description {
  max-width: 482px;
}

.value-details .value-heading h3 {
  letter-spacing: -0.4px;
}

.val .value-details:first-child {
  padding-top: 21px;
}

.val .value-details {
  padding-bottom: 18px;
  max-width:500px;
}

.team-module .taber-image-text .team-details {
  padding-top: 20px;
}

.team-module .taber-image {
  padding-top: 38px;
  position:relative;

}

.value-team {
  padding: 88px 0px 180px;
}

.team-module .taber-image .image .section-bg {
  min-height: 350px;
  max-width: 265px;
  border:1px solid #979797;
}

.team-module .taber-image .team-details span {
  font-size: 13px;
}

.team-module .taber-image .team-details p {
  font-weight: bold;
  margin-bottom: 0px;
  line-height:1;
}

.team-module .taber-image .image:nth-child(1){
  position:relative;
  z-index:2;
}

.team-module .taber-image.switch .image:nth-child(2) {
  pointer-events: auto;
}

.team-module .taber-image .image:nth-child(2) {
  pointer-events: none;
}

.taber-image-text .team-details:not(:first-child) {
  display: none;
}

.team-module .taber-image .image {
  max-width: 47%;
  float: left;
  width: 100%;
  cursor:pointer;
}

.team-module .taber-image .team-details {
  padding-top: 15px;
}

@media (min-width: 768px) {

  .psdtohubspot-process-cm .process ul li:last-child {
    top: -140px;
    position: absolute;
    right: 0;
    text-align:center;
    padding-right:28px;
  }

  .psdtohubspot-process-cm .process ul li .number-text:before {
    content: '';
    position: absolute;
    top: 13px;
    right: 0px;
    left:76px;
    border-bottom: 2px solid  #8154EF ;
    z-index: 1;
    width:0px;
  }

  .psdtohubspot-process-cm .process ul li.active:not(:last-child) span:after {
    content: '';
    position: absolute;
    width:100px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    height:100px;
    border-radius:50%;
    animation: pulse 1s linear;
    background-color: #8154EF ;
    z-index:-1;
    opacity:0;
  }

  .psdtohubspot-process-cm .process ul li.active:last-child span:before {
    content: '';
    position: absolute;
    width:100px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    height:100px;
    border-radius:50%;
    animation: pulse 1s linear;
    background-color:  #8154EF ;
    z-index:-1;
    opacity:0;
    display:block;
  }

  .right-column-image.rocket {
    animation: mymove 1s linear infinite ;
    position:relative;
  }

  .psdtohubspot-process-cm .process ul li.active p {
    animation: shake 1s linear ;
    color: #8154EF ;
  }

  @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }

  @-webkit-keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }

  @keyframes mymove {
    0%   {
      top: -120px;
    }
    50% {
      top: -150px;
    }

    70% {
      top: -140px;
    }

    80% {
      top: -130px;
    }

    100% {
      top: -120px;

    }
  }

  @-webkit-keyframes mymove {
    0%   {
      top: -120px;
    }
    50% {
      top: -150px;
    }

    70% {
      top: -140px;
    }

    80% {
      top: -130px;
    }

    100% {
      top: -120px;

    }
  }



  @keyframes pulse {
    0% {
      transform:translate(-50%,-50%) scale(0);
      -webkit-transform:translate(-50%,-50%) scale(0);
      opacity:1;
    }

    100% {
      transform:translate(-50%,-50%) scale(1.1);
      -webkit-transform:translate(-50%,-50%) scale(1.1);
      opacity:0;
    }
  }

  @-webkit-keyframes pulse {
    0% {
      transform:translate(-50%,-50%) scale(0);
      -webkit-transform:translate(-50%,-50%) scale(0);
      opacity:1;
    }

    100% {
      transform:translate(-50%,-50%) scale(1.1);
      -webkit-transform:translate(-50%,-50%) scale(1.1);
      opacity:0;
    }
  }

  .psdtohubspot-process-cm .process ul li.active .number-text:before {
    width:322%;
  }

  .psdtohubspot-process-cm .process ul li:nth-last-child(2) .number-text:before,

  .psdtohubspot-process-cm .process ul li:nth-last-child(1) .number-text:before {
    display:none;
  }

  .row-fluid.process.highlight li:first-child:before {
    border-left: 2px solid  #8154EF ;
    display:none;
  }

  .psdtohubspot-process-cm .process ul li.active span {
    background:  #8154EF ;
    color: #ffffff;
  } 

  .progress-bar {
    background: repeating-linear-gradient(to bottom,transparent 0 9px,#8154EF 0px 15px) 50%/1px 100% no-repeat;
    /*   width: 86%; */
    width:0px;
    height: 2px;
    position: absolute;
    bottom: 90px;
    left: 73px;
    right: 0;
    z-index: 45;
    background: #8154EF ;
  }

  .psdtohubspot-process-cm .process ul li.active:nth-last-child(2) .number-text:after {
    border: 1px solid  #8154EF ;
  }



  .psdtohubspot-process-cm .process ul li:last-child .number-text {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    align-items: flex-end;
    -webkit-align-items:flex-end;
    -moz-align-items: flex-end;
  }

  .psdtohubspot-process-cm .process ul li:last-child span {
    margin-right:5px;
    padding: 0px;
    line-height:2.2;
  }

  .psdtohubspot-process-cm .process ul li:last-child p {
    margin-top: 4px;
    margin-bottom: 13px;
  }

  .psdtohubspot-process-cm .process ul li:nth-last-child(2) {
    padding-right: 15px;
  }

  .psdtohubspot-process-cm .process ul {
    margin: 0;
    padding-top: 20px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
  }

  .psdtohubspot-process-cm .process ul li:nth-last-child(2) .number-text:after {
    top: -100px;
    right: 45px;
    width: 0%;
    border: 2px dotted  #8154EF ;
    border-left: transparent;
    border-bottom: transparent;
    border-top: transparent;
    height: 92%;
  }

  .psdtohubspot-process-cm .process ul li:first-child:before {
    position: absolute;
    top: -278px;
    left: 43px;
    width: 100%;
    height: 250%;
    border:2px dotted transparent;
    z-index: 1;
    border-radius: 0px;
    border-top: transparent;
    border-right: transparent;
    border-bottom: transparent;
    display:none;
  }

  .psdtohubspot-process-cm .process ul li:last-child .number-text:after {
    right: 64px;
    top: auto;
    bottom: 28px;
    width: 1135%;
    border: 2px dotted transparent;
    height:100%;
    border-top:transparent;
    border-left:transparent;
    border-right:transparent;
  }

  .psdtohubspot-process-cm .process ul li:last-child span:before {
    display:none;
  }

}

@media (min-width:768px) and (max-width:900px) {

  body .psdtohubspot-process-cm .right-column-image {
    padding-left: 0px;
  }

  body .psdtohubspot-process-cm .process ul li:last-child span:after {
    left: 47%;
  }

  body .psdtohubspot-process-cm .process ul li:last-child {
    padding-right:10px;
  }

  body .psdtohubspot-process-cm .process ul li:nth-last-child(2) {
    padding-right: 0px;
  }

}

@media (min-width:901px) and (max-width:1050px) {

  body .psdtohubspot-process-cm .process ul li:last-child {
    padding-right: 12px;
  }

  body .psdtohubspot-process-cm .process ul li:nth-last-child(2) {
    padding-right: 0px;
  }

}

@media (min-width:1051px) and (max-width:1150px) {

  body .psdtohubspot-process-cm .process ul li:nth-last-child(2) {
    padding-right: 2px;
  }

  body .psdtohubspot-process-cm .process ul li:last-child {
    padding-right: 13px;
  }

}

/*==============================================================
*Why PsdToHubspot Approach  Page Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/




/*==============================================================
* Book A Demo  Page Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.book-a-demo .heading-text h4 {
  font-size: 20px;
  letter-spacing: -0.28px;
  line-height: 1.7;
  margin-bottom:12px;
}

.book-a-demo .icon ul {
  margin: 0;
}

.demo-hero-section {
  padding: 140px 0px 113px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2196078431372549);
}

.book-a-demo .icon ul li {
  margin: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(0,0,0,.1);
  text-align:center;
  display:inline-block;
  margin-right:17px;
  margin-bottom:17px;
  width:67px;
  height:67px;
  position:relative;
}

.book-a-demo .icon ul li:last-child {
  margin-right:0px;
}

.book-a-demo .icon ul li img {
  width: 43px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}

.service-icon-module {
  padding-bottom: 13px;
}

.demo-hero-section .section-description {
  max-width: 468px;
  margin-top: 3px;
  padding-bottom:40px;
}

.demo-hero-section .section-description h6 {
  padding-bottom: 6px;
}

.demo-hero-section .section-description ul li {
  margin-left: 0;
  padding-left:24px;
  margin-bottom: 16px;
  font-size:18px;
  font-weight:300;
}

.book-a-demo {
  padding-top: 52px;
}

.demo-hero-section .section-description ul li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: -2px;
  bottom: 0;
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/HubsPot%20Assets_Dec_2019/tick-with-bg-1.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
}

.demo-hero-section .right-column {
  padding-left: 67px;
}

.partner-module {
  padding: 136px 0px 123px;
}

.partner-module .section-subheading {
  max-width: 869px;
  margin: 0 auto;
  display: inline-block;
  float: none;
  padding-top: 6px;
}

.image-text-cm {
  position: relative;
}

.image-text-cm .text-module {
  padding: 127px 0px 124px;
}

.image-text-cm .text-module .cta {
  padding-top: 40px;
}

body .row-fluid .image-text-cm .image-module {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  max-width:800px;
}

.image-text-cm .text-module p {
  padding-bottom: 7px;
}

.image-text-cm .text-module .top-heading {
  max-width: 230px;
  padding-bottom: 7px;
}

.image-text-cm .text-module .top-heading {
  max-width: 230px;
}

.partner-benefits .four-col {
  display: flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flexbox;
  display:-o-flex;
  justify-content:center;
  -webkit-justify-content:center;
  -moz-justify-content:center;
  align-items: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
}

.partner-benefits .four-col .four-col-cm {
  flex-basis:22%;
  -webkit-flex-basis:22%;
  -moz-flex-basis:22%;
  -ms-flex-basis:22%;
  margin-right:3%;
}

.partner-benefits .four-col .four-col-cm:last-child,
.partner-benefits .four-col .four-col-cm:nth-child(4n+4) {
  margin-right:0px;
}

.four-col-cm .description p {
  font-size: 16px;
  color: #464646;
  line-height: 1.75;
}

.partner-benefits {
  padding: 49px 0px 0px;
}

.four-col .partner-icon {
  padding-bottom: 10px;
}

.four-col-cm .description {
  max-width: 260px;
  margin: 0 auto;
  width:100%;
}

body.book-demo .home-testimonial {
  margin-top: 0;
}

/*==============================================================
*Book A Demo  Page Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/


/*==============================================================
*Integration  Page Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.integration-hero {
  padding: 140px 0px 57px;
}

.integration-hero .sub-heading {
  max-width: 888px;
  margin: 0 auto;
  display: inline-block;
  float: none;
  padding:10px 0px;
  width:100%;
}

.integration-cm .three-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-top:65px;
  z-index:1;
}

.integration-cm .three-col .main-body:before {
  content: '';
  position: absolute;
  bottom: -91px;
  left: -10px;
  right: -28px;
  height: 90px;
  background-color: #c5c5c5;
  transform: rotate3d(0,0,1,20deg);
  -webkit-transform: rotate3d(0,0,1,20deg);
  -moz-transform: rotate3d(0,0,1,20deg);
  transform-origin:0% 100%;
  -webkit-transform-origin:0% 100%;
}
.integration-cm .three-col .three-col-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-basis: 30.33%;
  -webkit-flex-basis: 30.33%;
  margin-right: 4.5%;
  margin-bottom: 4.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  overflow:hidden;
}

.integration-cm .three-col .three-col-box:hover {
  transform:translateY(-8px);
  -webkit-transform:translateY(-8px);
  -moz-transform:translateY(-8px);
  box-shadow:0px 10px 14px -6px #00000057;
}

.integration-cm .three-col .three-col-box:nth-child(3n+3),
.integration-cm .three-col .three-col-box:last-child {
  margin-right:0px;
}

.integration-cm .three-col .three-col-box .heading-text {
  padding: 38px 0px 0px;
}

.integration-cm .three-col .three-col-box .heading-text h4 {
  margin-bottom: 8px;
}

.integration-cm .three-col .main-body {
  padding: 148px 28px 87px;
  overflow:hidden;
}

.integration-cm .three-col .main-body .image {
  position: absolute;
  top: 77px;
}

body.integration .agency-module {
  padding-bottom: 140px;
}

.integration-cm .three-col-box .image img {
  max-width: 90px;
  max-height: 90px;
}

.integration-cm .three-col .main-body p {
  font-size: 16px;
  letter-spacing:0.5px;
}


/*==============================================================
*Integration  Page Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/



/*==============================================================
*Career  Page Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

.career-hero {
  padding: 140px 0px 117px;
}

.career-hero .sub-heading {
  max-width: 844px;
  margin: 0 auto;
  display: inline-block;
  float: none;
  width: 100%;
  padding:22px 0px;
}

.career-hero .sub-heading a {
  color: #8154EF;
  text-transform:uppercase;
  font-weight: 600;
}

.career-hero .sub-heading h6 {
  margin-bottom: 44px;
}

.career-hero .sub-heading a span {
  /*   top: -5px; */
  padding-left: 8px;
  position: relative;
  left: 0;
}

.career-hero .sub-heading a:hover span {
  left: 5px;
}


.career-slider .slider-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  -wevkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  margin-top:65px;
  z-index:1;
  position:relative;
}

.slick-active:focus {
  outline:none;
}

@media (min-width:768px) {

  .career-slider .slider-section {
    width:73vw;
  }
}

.career-slider .slider-section .slider-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  margin-right:55px;
  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  overflow:hidden;
  background: #ffffff;
  width:353px;
}

.career-slider .slick-list.draggable {
  padding: 10px 10px;
  position:relative;
  left:-10px;
}

.career-slider {
  padding: 98px 0px 89px;
}

.slider-box .slider-body {
  padding: 157px 28px 83px;
  overflow: hidden;
}

.slider-box .slider-body .slider-image {
  position: relative;
}

.slider-box .slider-body .slider-image img {
  position: absolute;
  bottom: 0;
}

.slider-box .slider-body .heading {
  padding: 35px 0px 0px;
}

.slider-box .slider-body .heading h4 {
  margin-bottom: 9px;
}

.career-slider .slick-arrow img {
  max-width: 40px;
  cursor: pointer;
}

.career-slider .slick-next.slick-arrow {
  position: absolute;
  top: -50px;
  right: 80px;
}

.career-slider .slick-prev.slick-arrow {
  position: absolute;
  top: -50px;
  right: 150px;
  /*   transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg); */
}

.taber-section .taber-top ul li.active {
  background: rgba(255,152,102,0.27);
  border: 1px solid #ff9866;
  border-radius: 2px;
  padding: 0px 14px;
}

.taber-section .taber-top ul li {
  margin: 0;
  display: inline-block;
  margin-right: 6px;
  cursor:pointer;
  font-size:12px;
  font-weight:normal;
  padding:0px 14px;
}

.taber-section .taber-body .job-description li:hover {
  color: #8154EF;
}

.taber-section .taber-top ul {
  margin: 15px 0px 0px;
}

.taber-section .taber-body {
  margin-left: 0;
  padding-top:26px;
  position:relative;
}

.taber-section .taber-body:after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background-color:rgba(30, 37, 44, 0.3);
  max-width:1138px;
}

.taber-section .taber-body:last-child:after {
  display:none;
}

.taber-section .taber-body ul, 
.taber-section .taber-body ul li {
  margin: 0;
  color: #2D3033;
}

.taber-section .taber-body:first-child {
  padding-top: 63px;
}

.taber-section .taber-body .job-description li {
  position: relative;
  font-size: 18px;
  line-height: 1.44;
  font-weight: 300;
  color: #2D3033;
  max-width:740px;
  margin-bottom:26px;
}

.taber-section .taber-body .job-description li a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.taber-section .taber-body .job-description li:after {
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/HubsPot%20Assets_Dec_2019/link-arrow.svg);
  background-position:center;
  background-repeat:no-repeat;
  width:25px;
}

.join-team {
  padding: 140px 0px 102px;
}

body.career .agency-module {
  padding-bottom: 140px;
}

.mobile-heading {
  display:none;
}

@media (min-width:1025px) {
  .join-team .row-fluid-wrapper>.row-fluid {
    max-width: 890px;
    margin: 0 auto;
  }
}

/*==============================================================
*Career  Page Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/


/*==============================================================
*Job decsription and Appply  Page Css Styling start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/



.jd-main-section {
  padding: 96px 0px 140px;
}

.jd-main-section .description .description-text {
  max-width: 840px;
  padding-top:5px;
  padding-bottom:22px;
}

.jd-main-section .description .description-text p {
  padding-bottom: 11px;
}

.jd-main-section .cta-module .apply-text {
  padding:31px 26px 5px;
  margin-top:80px;
}

/* .jd-main-section .cta-module .apply-text:hover {
box-shadow:0 2px 19px 0 rgba(0,0,0,0.09);
} */

.jd-main-section .cta-module .apply-text p {
  padding-bottom: 10px;
}

.jd-main-section .cta-module .apply-text a {
  display: block;
  padding-bottom:29px;
  font-size:20px;
  font-weight:300;
}

.jd-main-section .cta-module .apply-text h5{
  font-weight:normal;
  color: #000000;
  padding-bottom:10px;
}

.jd-main-section .cta-module .apply-text a.all-text-orange {
  text-transform: uppercase;
  font-weight: 600;
  font-size:16px;
}

.jd-main-section .cta-module .apply-text a.all-text-orange span {
  position: relative;
  /*   top: -4px; */
  padding-left: 10px;
}

.jd-main-section .cta-module .apply-text a.all-text-orange:hover span {
  padding-left: 15px;
}

.requirement-item-list ul,
.requirement-item-list ul li{
  margin: 0;
  font-size:18px;
  font-weight:300;
  position:relative;
}

.requirement-item-list ul {
  padding-left:20px;
  padding-top:6px;
}

.requirement-item-list ul li {
  margin-bottom:17px;
}

.requirement-item-list ul li:before {
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/psdtohubspot_2020/tick-with-bg.svg);
  background-position:center;
  background-repeat:no-repeat;
  width:18px;
  height:18px;
  top:4px;
}

body .row-fluid-wrapper .row-fluid .application-form {
  padding-top:70px;
  max-width:603px;
  margin:0 auto;
  width:100%;
  float:none;
}

.application-form .form-title{
  font-weight:normal;
  color: #000000;
  text-align:center;
  padding-bottom:44px;
}

.application-form label {
  padding-bottom: 3px;
}

.application-form form .actions {
  display: inline-block;
  float:right;
  margin-top:25px;  
}

.application-form form .actions .hs-button.primary.large {
  padding: 19px 47px;
}


/*==============================================================
*Job decsription and Apply  Page Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/



/*==============================================================
*ROI Calculatir Page Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/


.roi-two-col {
  position: relative;
  z-index: 1;
  padding: 122px 0px 125px;
}
.roi-two-col .left-col .heading,
.roi-two-col .left-col .description{
  max-width: 509px;
}
.roi-two-col .left-col .description {
  padding: 0px 0px 48px;
}
.roi-two-col .left-col .cta {
  display: inline-block;
}
.roi-two-col .left-col .cta a.cta_button,
.bottom-result .dwnld-cntnr .dwnld-btn{
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.4px;
  font-weight: 300;
  padding: 18px 38px;
}

.roi-two-col-text {
  position: relative;
  z-index: 1;
  padding: 105px 0px 77px;
}
.roi-two-col-text .left-col .heading {
  max-width: 400px;
}
.roi-two-col-text .left-col .heading h2 {
  line-height: 1.14;
}
.roi-two-col-text .right-col .description {
  max-width:645px;
}
.roi-two-col-text .right-col .description p {
  margin-bottom: 26px;
}
.roi-two-col-text .right-col .description li {
  display: inline-block;
  position:relative;
  margin-left:0px;
  padding-left:21px;
  margin-bottom:15px;
  font-size:18px;
}
.roi-two-col-text .right-col .description li:before {
  content:'';
  position:absolute;
  top:3px;
  left:0;
  bottom:0;
  right:0;
  background-image:url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/tick-with-bg-2.svg);
  background-repeat:no-repeat;
  background-position:center;
  z-index:-1;
  width:18px;
  height:18px;
}
.roi-two-col-text .right-col .description li:not(:nth-child(2n+2)) {
  padding-right: 30px;
}
.roi-two-col-text .right-col .description ul {
  padding: 15px 0px 5px;
}

@media (min-width:1025px) {
  .roi-two-col-text .left-col h2 {
    font-size:57px;
  }
}

.calculator-cm {
  position:relative;
  z-index:1;
  padding:98px 0px 98px;
}
.calculator-cm .description {
  max-width: 815px;
  margin: 0 auto;
  width: 100%;
}
.calculator-cm .form-section .form-body {
  max-width:400px;
  margin:0 auto;
  width:100%;
}
.calculator-cm .form-body .input-holder {
  padding-bottom: 20px;
}
.calculator-cm .form-body .input-holder input {
  height: 45px;
  margin-top:10px;
}
.calculator-cm .form-body .input-holder input:focus,
.fixed.email-container button#dwnld-btn:focus,
.fixed.email-container input:focus{
  outline:none;
}
.calculator-cm .form-body .input-holder label {
  font-size: 18px;
  font-weight: normal;
  font-family: 'Gilroy';
}
.calculator-cm .calculator-body {
  padding-top: 86px;
}
.calculator-cm .result-section .result-box {
  background-color: #ffffff;
  min-height: 200px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  width: 38%;
  float: left;
  margin-right: 34px;
  margin-bottom: 30px;
  opacity:92%;
}
.calculator-cm .result-section .result-box p {
  color:#232937;
}
.calculator-cm .result-section .result-box p.res-value {
  font-size: 38px;
  margin-bottom:22px;
}
.calculator-cm .result-section .result-box p {
  font-size: 20px;
}
.calculator-cm .result-section .result-box:nth-child(2n+2) {
  margin-right:0px;
}
.calculator-cm .result-section,
.bottom-result .btm-line-cntnr{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  align-items: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  margin-top:10px;
}
.fixed.email-container form .actions input {
  display: inline-block;
  width: auto;
  padding: 15px 20px;
}
.bottom-result .g-box {
  background-color: #000000;
  width: 31.7%;
  min-height: 178px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  flex-direction:column;
  -webkit-flex-direction:column;
  -moz-flex-direction:column;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin-right:2.3%;
  text-align:center;
}
.bottom-result .g-box:nth-child(3n+3) {
  margin-right:0px;
}
.bottom-result .g-box .value-cntnr {
  font-size: 38px;
}
.bottom-result .g-box .title-cntnr {
  font-size: 20px;
  font-weight: 400;
  font-family: 'Gilroy';
  padding-top:10px;
}
.bottom-result {
  padding: 100px 0px 100px;
}
.bottom-result .g-box .content {
  padding: 0px 33px;
}
.bottom-result .dwnld-cntnr {
  text-align: center;
  padding-top:82px;
}
.bottom-result .dwnld-cntnr .dwnld-btn,
.fixed.email-container button#dwnld-btn{
  line-height: 14px;
  background: #8154EF;
  font-family: 'Open Sans';
  cursor: pointer;
  text-align: center;
  display: inline-block;
  border-radius: 0px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  color: #fff;
  border: 0;
  box-sizing: border-box !important;
  top: 0px;
  letter-spacing: .5px;
}
.bottom-result .dwnld-cntnr .dwnld-btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #fff;
  width: 0px;
}
.bottom-result .dwnld-cntnr .dwnld-btn:hover {
  box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.2);
  top: 0px;
  color:#8154EF;
}
.bottom-result .dwnld-cntnr .dwnld-btn:hover:before {
  width: 100%;
}

.roi-two-col .left-col .description p,
.roi-two-col-text .right-col .description p,
.calculator-cm .description p,
.hero-section .sub-heading h6{
  font-size: 20px;
  line-height: 1.45;
  font-weight: 300;
}
.hero-section .sub-heading a.cta_button {
  margin-top: 20px;
}
.roi-two-col .left-col .description p,
.roi-two-col-text .right-col .description p,
.roi-two-col-text .right-col .description li,
.calculator-cm .description p,
.hero-section .sub-heading h6{
  font-family: 'Gilroy';
}
.fixed.email-container {
  max-width: 650px;
  margin: 0 auto;
  width: 100%;
  box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.2);
  background-color: #ffffff;
  padding:60px 30px;
  border-radius:6px;
  position: fixed;
  top: 50%;
  left: 0;
  right:0;
  transform: translateY(-50%) scale(0);
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  z-index:99;
  visibility:hidden;
  opacity:0;
}
body.show-popup .fixed.email-container {
  transform: translateY(-50%) scale(1);
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  visibility:visible;
  opacity:1;
}
.fixed.email-container input {
  padding: 11px 20px;
  margin-top:10px;
  margin-bottom:30px;
}
.fixed.email-container button#dwnld-btn {
  padding: 12px 20px;
}
.fixed.email-container button#dwnld-btn:hover {
  box-shadow: 0 10px 14px -6px #00000057;
}
.fixed.email-container h6 {
  padding-bottom: 20px;
}
.form-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  display: none;
  z-index:55;
}

body.show-popup .form-overlay {
  display:block;
}
.fixed.email-container div {
  position: relative;
}
.erro-msg {
  background: #232937;
  color: #fff;
  padding: 15px 20px;
  display: inline-block;
  border-radius: 4px;
  position: fixed;
  top: 35%;
  right: 0;
  z-index: 55;
  transform:translate3d(110%, 0px, 0px);
  -webkit-transform:translate3d(110%, 0px, 0px);
  -moz-transform:translate3d(110%, 0px, 0px);
  box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.4);
}
.erro-msg.show-error {
  transform:translate3d(0%, 0px, 0px);
  -webkit-transform:translate3d(0%, 0px, 0px);
  -moz-transform:translate3d(0%, 0px, 0px);
}
.fixed.email-container .close {
  position: fixed;
  top: 10px;
  right: 17px;
  font-size: 20px;
  cursor: pointer;
}

/*==============================================================
*ROI Calculatir Page Css Styling End Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=================*/

/*==============================================================
*Hubspot Templattes and Training Page Css Styling Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.template-banner {
  padding: 135px 0px 135px;
  padding:0px;
}
.template-banner .heading {
  max-width: 943px;
  margin: 0 auto;
  width: 100%;
}
.template-banner .sub-heading {
  max-width: 911px;
  margin: 0 auto;
  width: 100%;
  padding:11px 0px 26px;
}
.template-banner .sub-heading h6 {
  letter-spacing:0.5px;
}
body .row-fluid .template-banner .cta a.cta_button {
  font-family: 'Gilroy';
  padding:26px 74px;
  font-weight:600;
}
.training-package {
  position:relative;
  z-index:1;
  padding:96px 0px 100px;
}
.bg-color {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
}
body .row-fluid .training-package .three-col-adjust .hs_cos_wrapper {
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  flex-basis: 29.5%;
  -webkit-flex-basis: 29.5%;
  -moz-flex-basis: 29.5%;
  margin-right: 3.8%;
  margin-top: 3.8%;
}
.training-package .three-col-adjust .hs_cos_wrapper .heading {
  padding-bottom: 3px;
}
.training-package .three-col-adjust .hs_cos_wrapper .text-body p{
  font-size: 16px;
  line-height: 1.75;
}
.training-package .three-col-adjust .hs_cos_wrapper .text-body {
  padding: 45px 27px 89px;
}
.training-package .heading {
  padding-bottom: 16px;
}

.templte-two-col {
  padding:98px 0px 101px;
  position:relative;
  z-index:1;
}
.templte-two-col .two-col-adjust .hs_cos_wrapper .cta a.cta_button {
  font-weight: 600;
  padding:26px 12px;
}
.templte-two-col .two-col-adjust .hs_cos_wrapper {
  background-color: #ffffff;
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
}
.templte-two-col .hs_cos_wrapper .text-body h4 {
  line-height:38px;
}
.templte-two-col .hs_cos_wrapper .text-body .description {
  padding: 0px 0px 15px;
}
.templte-two-col .hs_cos_wrapper .text-body {
  padding: 35px 35px 46px 30px;
}
.templte-two-col .heading {
  padding-bottom: 45px;
}
@media(max-width:767px){
  .templte-two-col {
    padding: 40px 0px 35px;
  }
  body .row-fluid .inner-hero{
    padding: 50px 0px;
  }
  .templte-two-col .hs_cos_wrapper .text-body {
    padding: 35px 26px 30px 26px;
  }
  .templte-two-col .hs_cos_wrapper .text-body .description.secondary-font p{
    font-size:16px;
  }
  .templte-two-col .hs_cos_wrapper .text-body h4 {
    line-height: 30px;
    font-size: 24px;
  }

  .hs-web-development .training-package .three-col-adjust .hs_cos_wrapper .text-body {
    padding: 45px 27px 40px;
  }
  body .row-fluid .templte-two-col .two-col-adjust span>.hs_cos_wrapper{
    margin-top:20px;
  }
  .template-banner {
    padding:35px 0px 60px;
  }

  .training-package {
    padding: 35px 0px 34px;
  }
  .training-package .heading {
    padding-bottom: 1px;
  }
  .templte-two-col .heading {
    padding-bottom: 0px;
  }
  .training-package .three-col-adjust .hs_cos_wrapper .text-body {
    padding: 25px 27px 20px;
  }

  body .row-fluid .training-package .three-col-adjust .hs_cos_wrapper {
    box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
    flex-basis: 47%;
    -webkit-flex-basis:47%;
    -moz-flex-basis:47%;
    float:left;
  }
}


/*===============.training-module .four-col-adjust =============*/
.training-module {
  padding:140px 0px 50px;
  position:relative;
  z-index:1;
}
.training-module .description {
  max-width: 843px;
  margin: 0 auto;
  width: 100%;
  padding:5px 0px 20px;
}
.training-module .heading {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
.training-module .four-col-adjust .text {
  padding-top: 29px;
}
@media(max-width:767px){
  .training-module {
    padding: 60px 0px 39px;
  }
  body .container-fluid .row-fluid .training-module .four-col-adjust>span{
    display: flex!important;
    margin-right: 0;
  }
  body .container-fluid .row-fluid .training-module .four-col-adjust span>.hs_cos_wrapper {
    flex-basis: 49.9%;
    -webkit-flex-basis: 49.9%;
    margin-top: 4.8%;
    float: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
    min-height: 136px;
    margin: 0;
  }
  body .container-fluid .row-fluid .training-module .four-col-adjust span>.hs_cos_wrapper:nth-child(2n) {
    border-right: none;
    margin-right: 0;
  }
  body .container-fluid .row-fluid .training-module .four-col-adjust span>.hs_cos_wrapper:nth-last-child(2),
  body .container-fluid .row-fluid .training-module .four-col-adjust span>.hs_cos_wrapper:last-child {
    border-bottom: 0;
  }
  .training-module .four-col-adjust .image{
    padding-top: 15px;
  }
  .training-module .four-col-adjust .image img{
    max-width: 67px;
    height: auto;
  }
  .training-module .four-col-adjust .text {
    padding-top: 5px!important;
    max-width: 149px;
    margin: 0 auto;
  }

  .training-module .four-col-adjust .text h5 {
    line-height: 24px;
  }
}


/*==============================================================
*Hubspot Templattes and Training Page Css End Start Here
* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/



body .container-fluid .row-fluid .service-wrapper{
  max-width:1335px;
  margin-left:auto;
  margin-right:auto;
  float:none;
  padding-left:15px;
  padding-right:15px;
}

/*=============================================
*  Single Service Page 
=============================================*/
.font-weight-light h6{
  font-weight:300;
}
.hero-heading {
  max-width: 600px;
  margin-bottom:10px;
}
.hero-subheading{
  max-width:520px;
}

body .row-fluid .cta-style-with-arrow  a.cta_button{
  padding: 24px 62px 24px 26px;
  background-color: #fa6401;
  text-transform:uppercase;
  text-align:left;
  font-weight: 400;
}
body .row-fluid .cta-style-with-noarrow  a.cta_button{
  padding: 24px 65px 24px 26px;
  text-transform:uppercase;
  color: #2D3033;
  font-size:18px;
  font-weight:600;
  background:none;
  text-align:left;
}
.cta-style-with-arrow a.cta_button:after,
.cta-style-with-noarrow a.cta_button:after{
  content: "\f061";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 25px;
  top: 24px;
}
.hero-cta-sec {
  margin-top: 60px;
}

@media(min-width:768px){
  .hero-cta-sec .left-cta {
    width: 25%;
  }
}

/*==========================
* Single Service Left COlumn 
=============================*/
.single-service-left-col{
  position:relative;
  width: 31.623931624%;
}
.sticky-section.fixed {
  position: fixed;
  max-width: 350px;
}

@media(min-width:768px){
  .single-service-right-col {
    float: right!important;
  }
}

@media(max-width:767px){
  .sticky-section.fixed{
    position:relative;
  }
}

/*========= Service Tab ===========*/
.service-tab{
  margin-bottom:40px;
}
.service-list-cm ul{
  list-style:none;
}
.service-list-cm ul li{
  margin-left:0px;
  margin-bottom:0px;
}
.service-list-cm ul li a.active{
  font-size: 20px;
  font-weight: 600;
  color:#000000;
  border-left:2px solid #000000;
  opacity:1;
}
.service-list-cm ul li a{
  opacity: 0.25;
  font-size: 18px;
  font-weight:400;
  padding: 5px 0 7px 27px;
  margin-bottom:0px;
  margin-left:0px;
  border-left:1px solid #000000;
  display:block;
}


/*=========== What we do Section ==========*/
.what-we-do{
  padding:0px 0px 60;
}
.single-service-sec{
  padding:140px 0;
}
.section-heading {
  margin-bottom: 60px;
}
.section-heading h2{
  font-size:38px;
  line-height: 1.26;
  letter-spacing: -0.4px;
  font-weight:400;
}
.section-heading p{
  font-size:22px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

.service-grp .single-col {
  border: 1px solid #000000;
  border-bottom: 0;
  border-right: 0;
  padding:20px;
}


@media(min-width:768px){
  .service-grp .single-col {
    width: 27.9%;
    float: left;
  }
  .service-grp .single-col:nth-child(3n+3){
    border-right:1px solid #000000;
  }
  .service-grp .single-col:last-child,
  .service-grp .single-col:nth-last-of-type(2),
  .service-grp .single-col:nth-last-of-type(3){
    border-bottom: 1px solid #000000;
  }
}



/*=================== How it works ==================*/
.how-it-work-cm{
  padding:120px 0px ;
}
.how-it-work-cm .each-step {
  width: 39.2%;
  float: left;
  max-width: 398px;
  margin: 0 auto;
  padding: 34px 30px;
  margin-right:7%
}
.how-it-work-cm .each-step h6{
  font-weight:normal;
}
.how-it-work-cm .each-step:nth-child(3n+1) {
  width: 100%;
  float: none;
  padding: 34px 30px;
  clear: both;
  margin:0 auto;
}
.how-it-work-cm .each-step:nth-child(3n+3){
  margin-right:0;
}


@media(min-width:1025px){
  .how-it-work-cm .each-step:first-child,
  .how-it-work-cm .each-step:nth-child(2){
    position: relative;
  }
  .how-it-work-cm .each-step:first-child:before {
    content: "";
    left: -80px;
    background: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Assets%202019/img/dashed-line.png);
    position: absolute;
    background-size: cover;
    height: 247px;
    width: 97px;
    top: 96px;
  }
  .how-it-work-cm .each-step:nth-child(2):before {
    content: "";
    right: -61px;
    background: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Assets%202019/img/other-dashed-line.png);
    position: absolute;
    background-size: cover;
    height: 11px;
    width: 96px;
    top: 120px;
  }

  body .row-fluid .how-it-work-cm .each-step{
    margin-top:80px;
  }
}

@media(min-width:768px) and (max-width:1024px){
  body .row-fluid .how-it-work-cm .each-step{
    position:relative;
  }
  body .row-fluid .how-it-work-cm .each-step:before {
    content: "";
    position: absolute;
    background: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Assets%202019/img/other-dashed-line.png);
    width: 63px;
    height: 7px;
    transform: rotate(90deg);
    background-size: cover;
    bottom: 0px;
  }
  body .row-fluid .how-it-work-cm .each-step:last-child:before{
    display:none;
  }
}

/*===============What you you will get =============*/
.what-you-will-get-cm .get-listing .single-col.hs_cos_wrapper{
  flex-direction:column;
  margin-bottom:20px;
}
.what-you-will-get-cm .icon-text-sec {
  display: flex;
  margin-bottom:15px;

}

.what-you-will-get-cm .heading{
  font-size:22px;
  padding-left:10px;
}

/*========= Single Service FAQ Section ====================*/
.single-service-sec .accordian-sec .accordian{
  max-width:100%;
}


/*============ CLient Work COunter ===========*/
.single-service-sec .percent-client h3 {
  font-weight: 300;
  font-size: 32px;
  letter-spacing: -0.23px;
}

/*======== Testimonial Services ==========*/
.single-service-sec .home-testimonial .top-headng h2{
  font-weight:300;
  color: #333333;
}
.single-service-sec .home-testimonial.customer{
  padding:0px;
}
.single-service-sec .home-testimonial .slider{
  padding:60px 0px;
}
.single-service-sec .home-testimonial{
  margin-top:0px;
}



@media(min-width:768px) and (max-width:1024px){
  .section-heading h2 {
    font-size: 32px;
  }
  .section-heading p {
    font-size: 18px;
  }
  .hero-cta-sec .left-cta {
    width: 45%;
  }
  body .row-fluid .cta-style-with-noarrow a.cta_button {
    font-size: 14px;
  }
  .service-grp .single-col {
    width: 40.9%;
  }
  .service-list-cm ul li {
    font-size:16px;
  }
  .how-it-work-cm{
    padding:60px 0px;
  }
  .how-it-work-cm .each-step {
    margin-right:0px;
    max-width: 100%;
    width:auto;
  }
  .service-list-cm ul li a.active {
    font-size: 18px;
  }
  .how-it-work-cm .each-step:nth-child(3n+1){
    width:auto;
  }
  .sticky-section.fixed {
    max-width: 250px;
  }
  .single-service-sec .percent-client h3{
    font-size: 26px;
  }
  .single-service-sec .home-testimonial .top-headng h2 {
    font-size: 24px;
    line-height: normal;
  }
  .home-testimonial .testimonial-text p {
    font-size: 16px;
  }
  .service-grp .single-col:nth-child(2n) {
    border-right:1px solid #2D3033;
  }
  .service-grp .single-col:nth-child(3n+3) {
    border-right: 0;
  }
  .service-grp .single-col:nth-last-of-type(3) {
    border-bottom: 0;
  }
  .service-grp .single-col:last-child{
    border-right:1px solid #2D3033;
  }
}

@media(max-width:767px){
  .customer-hero{
    text-align:center;
  }
  .hero-subheading,
  .hero-heading{
    max-width:100%;
  }
  .section-heading p {
    font-size: 16px;
  }
  .section-heading h2 {
    font-size: 24px;
  }
  .section-heading{
    text-align:center;
  }
  .cta-style-with-arrow{
    margin-bottom:20px;
  }

  .single-service-sec {
    padding: 50px 0;
  }
  .how-it-work-cm .each-step {
    margin-right: 0;
    margin-bottom:30px;
    max-width: 100%;
    width:auto;
  }
  .single-service-left-col{
    margin-bottom:30px;
  }
  .service-list-cm ul li {
    font-size: 16px;
  }

  .how-it-work-cm .each-step p {
    font-size: 16px;
  }  
  .how-it-work-cm {
    padding: 60px 0px;
  }
  .how-it-work-cm .each-step{;
    padding: 25px 20px;
  }

  .service-grp .single-col{
    border-right: 1px solid #2D3033; 
  }
  .service-grp .single-col:last-child{
    border-bottom: 1px solid #2D3033; 
  }
  .percent-client,
  .client-work-counter .left-col{
    text-align: center;
  }
  .single-service-sec .percent-client h3 {
    font-size: 24px;
  }
}


.training-package .heading.hide-heading {
  display: none;
}

.training-package .bg-color.remove-bg {
  opacity: 0 !important;
}
/*==============================================*/
/*Hubspot Template Support and Training 2020*/
/*==============================================*/
/*================.connect-with-a-certified-hubspot-partner==============================*/
.connect-with-a-certified-hubspot-partner{
  padding:100px 0 88px;
}
.connect-with-a-certified-hubspot-partner .form-sec .heading {
  max-width: 943px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 10px;
}
.connect-with-a-certified-hubspot-partner .form-sec .sub-heading{
  max-width: 638px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 22px;
}
.connect-with-a-certified-hubspot-partner .form-sec .sub-heading h6{
  font-weight:300;
}
.connect-with-a-certified-hubspot-partner .form-sec .form{
  max-width: 602px;
  margin: 0 auto;
}
.connect-with-a-certified-hubspot-partner .form-sec .form .actions {
  display: inline-block;
  float: right;
}
.connect-with-a-certified-hubspot-partner .form-sec .form .actions input.hs-button {
  padding: 20px 46px;
  text-transform: uppercase;
  letter-spacing: .5px;
  position: relative;
  z-index: 0;
  margin-top:55px;
}
body .row-fluid .connect-with-a-certified-hubspot-partner .form-sec .form  .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 47.35%;
  margin-right: 5.3%;
  float:left;
}
body .row-fluid .connect-with-a-certified-hubspot-partner .form-sec .form .hs-form fieldset.form-columns-2 .hs-form-field:last-child {
  margin-right: 0;
}
.connect-with-a-certified-hubspot-partner .bottom-content{  
  max-width: 602px;
  margin: 0 auto;
  padding-top: 150px;
}
.connect-with-a-certified-hubspot-partner .bottom-content p{  
  font-size:14px;
  line-height: 1.43;
}
.connect-with-a-certified-hubspot-partner .bottom-content p a{
  color:#8154EF;
  font-weight:bold!important;
}
.row-fluid .connect-with-a-certified-hubspot-partner .form-sec form .field>label {
  font-family: 'Source Sans Pro',sans-serif;
  line-height: 1.5;
  margin-bottom: 0px;
  margin-top: 3px;
}
@media(max-width:767px){
  .connect-with-a-certified-hubspot-partner {
    padding: 35px 0 25px;
  }
  .connect-with-a-certified-hubspot-partner .form-sec .form .actions{
    float: none;
  }
  .connect-with-a-certified-hubspot-partner .hs-submit {
    text-align: center;
  }
  .connect-with-a-certified-hubspot-partner .form-sec .form .actions input.hs-button {
    margin-top: 13px;
  }
  .connect-with-a-certified-hubspot-partner .bottom-content {
    padding-top: 35px;
  }
}

@media(max-width:480px){
  body .row-fluid .connect-with-a-certified-hubspot-partner .form-sec .form .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 47.35%;
    margin-right: 5.3%;
    float: left;
  }
}
/*================.how-go-with-us-cm==============================*/
.how-go-with-us-cm{
  padding:50px 0 125px;;
}
.how-go-with-us-cm .four-col-adjust .heading h4 {
  line-height: 38px;
  font-size:25px;
}
.how-go-with-us-cm .four-col-adjust .description p {
  font-size:16px;
}
body .row-fluid-wrapper .row-fluid .how-go-with-us-cm .four-col-adjust span>.hs_cos_wrapper {
  margin-right: 3.5%;
  flex-basis: 21.5%;
  -webkit-flex-basis: 21.5%;
}
@media(max-width:767px){
  body .row-fluid-wrapper .row-fluid .how-go-with-us-cm .four-col-adjust{
    max-width:100%;
    margin: 0 auto;
  }
  body .row-fluid-wrapper .row-fluid .how-go-with-us-cm .four-col-adjust span>.hs_cos_wrapper {
    margin-right: 0%;
    margin-top: 2.5%;
  }
  .how-go-with-us-cm {
    padding: 65px 0 50px;
  }
  .how-go-with-us-cm .heading , .how-go-with-us-cm .description{
    text-align:left;
  }
  .how-go-with-us-cm .four-col-adjust .heading {
    max-width: 100%;
  }
  .how-go-with-us-cm .four-col-adjust .heading h4 {
    line-height: 28px;
    font-size: 22px;
  }
}
/*================.Hubspot-template-faq-sec==============================*/
.Hubspot-template-faq-sec {
  padding-top:125px;
  padding-bottom:88px;
}
.Hubspot-template-faq-sec .accordian-sec {
  padding: 0 24px;
}
.Hubspot-template-faq-sec .section-heading {
  margin-bottom: 100px;
}
.Hubspot-template-faq-sec .accordian-sec .accordian {
  margin-bottom: 25px;
}
.Hubspot-template-faq-sec .accordian-sec .accordian .accordion_content {
  display: none;
  background-color: rgba(242,244,245,.3);
  padding: 0px 47px 40px 42px;

  line-height: 26px;
}
body .Hubspot-template-faq-sec .accordian-sec .accordian-header h6 {
  padding-right: 53px;
}
@media(max-width:1024px) and (min-width:768px){
  .Hubspot-template-faq-sec {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media(max-width:768px){
  .Hubspot-template-faq-sec .accordian-sec .accordian {
    float: left;
    max-width:100%;
    width: 100%;
    margin-right:0%;
    margin-bottom: 25px;
  }
  .Hubspot-template-faq-sec {
    padding-top: 65px;
    padding-bottom: 0px;
  }
  .Hubspot-template-faq-sec .accordian-sec {
    padding: 0px;
  }
  body .Hubspot-template-faq-sec .accordian-sec .accordian-header h6 {
    padding-right: 53px;
  }
  .Hubspot-template-faq-sec .accordian-sec .accordian .accordion_content {
    padding: 10px 35px 40px 35px;
  }
}

/*================.hubspot-template-three-col ==============================*/
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper .three-col-card{
  padding: 32px 25px 40px;
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  border: solid 0.5px #232937;
  min-height: 120px;

}
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper:hover{
  background:transparent;
  cursor:pointer;
}
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper:hover h4{
  color:#8154EF;
}
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper:hover h4:before {
  width: 100%;
}
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper h4:before {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #8154EF;
  width: 0px;
}
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper h4:hover:before {
  width: 100%;
}
.hubspot-template-three-col .three-col-adjust .hs_cos_wrapper .heading h4{
  line-height:38px;
  display: inline-block;
  position: relative;
}
.hubspot-template-three-col .three-col-adjust .description.secondary-font p{
  font-size:16px;
}
body .row-fluid .hubspot-template-three-col .three-col-adjust span>.hs_cos_wrapper{
  flex-basis: 29.44%;
  -webkit-flex-basis: 29.44%;
  margin-right: 4.6%;
  margin-top: 2.43%;
}
body .row-fluid .hubspot-template-three-col .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){
  margin-right: 0%;
  margin-top: 2.43%;
}
@media(max-width:767px){
  body .row-fluid .hubspot-template-three-col .three-col-adjust span>.hs_cos_wrapper{
    margin-top: 4.43%;
  }
  .hubspot-template-three-col .three-col-adjust .hs_cos_wrapper .three-col-card {
    padding: 15px 15px 5px;
    text-align: left;
  }
  .hubspot-template-three-col .three-col-adjust .hs_cos_wrapper .heading h4 {
    line-height: 30px;
    font-size: 24px;
  }
}
/*================.hubspot-template-call-to-action==============================*/
.hubspot-template-call-to-action{
  padding-top:140px;
  position: relative;
  z-index: 1;
}
.hubspot-template-call-to-action .call-to-action-wrapper{
  background:#2D3033;
  padding:70px;
  position:relative;
  z-index:1;
}
.hubspot-template-call-to-action .left-text h4{
  letter-spacing: -0.4px;
  margin: 0 0 0px;
}

body .container-fluid .row-fluid .hubspot-template-call-to-action .right-button a.cta_button {
  font-size: 16px;
  line-height: 14px;
  font-weight: 600;
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  border-radius: 8px;
  margin-bottom: 0;
  position: relative;
  z-index: 0;
  color: #8154EF;
  letter-spacing: 0px;
  border: 0;
  padding: 19.5px 44px;
  box-sizing: border-box !important;
  top: 0px;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Source Sans Pro,sans-serif;

}

body .container-fluid .row-fluid .hubspot-template-call-to-action .right-button a.cta_button:hover {
  box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.2);
  top: 0px;
  color: #fff;
  background-color: #8154EF;
  border-radius: 10px;
}
body .container-fluid .row-fluid .hubspot-template-call-to-action .right-button a.cta_button:before {
  background-color: #8154EF;
  border-radius:8px;
}
.hubspot-template-call-to-action .call-to-action-wrapper:before {
  content:'';
  position:absolute;
  z-index:-1;
  top: -80px;
  left: -60px;
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/hero%20_white_space_new.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  min-height:123px;
  max-width:131px;
  width:100%;
}
@media(max-width:767px){
  .hubspot-template-call-to-action {
    padding-top: 60px;
  }
  .hubspot-template-call-to-action .left-text h4 {
    text-align: center;
  }
  .hubspot-template-call-to-action .call-to-action-wrapper .left-text{
    margin-bottom:20px;
  }
  .hubspot-template-call-to-action:before {
    display:none;
  }
  .hubspot-template-call-to-action .call-to-action-wrapper {
    padding: 57px 24px 62px;
  }
}
/*================.hubspot-template-service-three-col==============================*/
.hubspot-template-service-three-col{
  padding: 140px 0 0px;
}
.hubspot-template-service-three-col .heading{
  padding-bottom: 22px;
}
.hubspot-template-service-three-col .three-col-adjust .grey-card-sec {
  /* box-shadow: 0 3px 8px 0 rgba(219, 219, 219, 0.38);*/
  background-color: rgba(242,244,245,.3);
  padding: 27px 22px 15px 16px;
}
.hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 span {
  position: absolute;
  top: 26px;
  right: 25px;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
}
body .row-fluid .hubspot-template-service-three-col .three-col-adjust span>.hs_cos_wrapper{
  flex-basis: 30.6%;
  -webkit-flex-basis: 30.6%;
  margin-right: 3.7%;
  margin-top: 3.2%;
}
body .row-fluid .hubspot-template-service-three-col .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){
  margin-right: 0%;
}

.hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6:hover span svg{
  transform:translateX(6px);
  -webkit-transform:translateX(6px);
  -moz-transform:translateX(6px);
  fill:#8154EF;
  stroke:#8154EF;
}
.grey-card-sec:hover path {
  fill:#8154EF;
  stroke:#8154EF;
}
.hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 {
  font-size: 20px;
  line-height: 34px;
  letter-spacing: .5px;
  color: #2D3033;
  padding-right: 30px;
}
.lgo-cm .logo-section .logo-image:nth-child(1) img.transition-effect {

  height: auto;
}
.lgo-cm .logo-section .logo-image p{
  margin:0;
  font-weight:500;
}

@media(max-width:900px) and (min-width:768px){

  .hubspot-template-service-three-col .three-col-adjust .grey-card-sec {
    padding: 32px 10px 22px 10px;
  }
  .hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 span {
    top: 31px;
    right: 11px;
  }

}
@media(max-width:767px){
  .hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  } 
  .hubspot-template-service-three-col{
    padding: 50px 0;
  }
  .hubspot-template-service-three-col .three-col-adjust .grey-card-sec {
    padding: 8px 22px 8px 16px;
  }
  .hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 span {
    padding-left: 0px;
    top: 14px;
  }
}


/*==============================================*/
/*hubspot-onbording*/
/*==============================================*/

/*================.hubspot-onbording-two-col==============================*/
.hubspot-onbording-two-col .left-col .heading{
  max-width: 500px;
}
.hubspot-onbording-two-col {
  padding-top: 104px;
  padding-bottom: 83px;
}
.hubspot-onbording-two-col .left-col .heading h2 {
  font-size: 38px;
  line-height: 1.26;
  letter-spacing: 0px;
}
.hubspot-onbording-two-col .right-col .description {
  padding-top: 14px;
  max-width:500px;
}
@media(max-width:767px){
  .hubspot-onbording-two-col .left-col .heading h2 {
    font-size: 30px;
  }
  .hubspot-onbording-two-col {
    padding-top: 40px;
    padding-bottom: 17px;
  }
}
/*================inbound-matters-cm==============================*/

.inbound-matters-cm  {
  padding: 139px 0 124px;
}
.inbound-matters-cm .description{
  max-width: 843px;
  margin:0 auto;
}
.inbound-matters-cm .heading{
  padding-bottom:4px;
}
.inbound-matters-cm .four-col-adjust .inbound-card{
  padding:27px 20px 22px 26px;
}
.inbound-matters-cm .four-col-adjust .inbound-card .content{
  max-width: 218px;
  margin: 0 auto;
}
.inbound-matters-cm .four-col-adjust .inbound-card .content p {
  line-height: 1.56;
  letter-spacing: 0.41px;
}
body .row-fluid-wrapper .row-fluid .inbound-matters-cm .four-col-adjust span>.hs_cos_wrapper{
  margin-top: 3.4%; 
  flex-basis: 23%%;
  -webkit-flex-basis: 23%;
  margin-right: 1.9%;
}
body .row-fluid-wrapper .row-fluid .inbound-matters-cm .four-col-adjust span>.hs_cos_wrapper:nth-child(4n){
  margin-right:0;
}
@media(max-width:1024px) and (min-width:768px){
  .inbound-matters-cm .four-col-adjust .inbound-card {
    padding: 10px 20px;
  }
}
@media(max-width:767px){
  body .row-fluid-wrapper .row-fluid .inbound-matters-cm .four-col-adjust span>.hs_cos_wrapper{
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover!important;
    width: 49%;

  }
  body .row-fluid-wrapper .row-fluid .inbound-matters-cm .four-col-adjust span>.hs_cos_wrapper:nth-child(2n){
    margin-right:0;
  }
  .inbound-matters-cm .four-col-adjust .inbound-card{
    padding:27px 20px 22px 26px;
    min-height: 100px;
  }
  .inbound-matters-cm {
    padding: 60px 0 60px;
  }
}

/*================.onbording-service-four-col==============================*/

.onbording-service-four-col{
  position:relative;
  z-index:1;
  padding:0px 0px 140px;
}
.onbording-service-four-col .heading{
  padding-bottom: 4px;
}
body .row-fluid .onbording-service-four-col .four-col-adjust .hs_cos_wrapper {
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  margin-top: 3.8%;
}
body .row-fluid .onbording-service-four-col .four-col-adjust .hs_cos_wrapper:nth-child(4n) {
  margin-right: 0%;
}
.onbording-service-four-col .four-col-adjust .hs_cos_wrapper .heading {
  padding-bottom: 0px;
}
.onbording-service-four-col .four-col-adjust .hs_cos_wrapper .text-body{
  padding:34px 26px 12px 27px;
}
.onbording-service-four-col .four-col-adjust .hs_cos_wrapper .text-body .heading h4{
  line-height:38px;
  letter-spacing: -0.4px;
}
.onbording-service-four-col .four-col-adjust .hs_cos_wrapper .text-body .description p{
  font-size:16px;
  line-height: 28px;
  letter-spacing: 0.5px;
}
.tonbording-service-four-col .heading {
  padding-bottom: 16px;
}
.onbording-service-four-col .four-col-adjust .hs_cos_wrapper .text-body  h4 {
  font-size: 28px;
  line-height: 38px;
  letter-spacing: 0;
}
@media(max-width:1024px) and (min-width:768px){
  body .row-fluid-wrapper .row-fluid .onbording-service-four-col .four-col-adjust span>.hs_cos_wrapper {
    flex-basis: 30.8%;
    -webkit-flex-basis: 30.8%;
  }
}
@media(max-width:767px){
  body .row-fluid-wrapper .row-fluid .onbording-service-four-col .four-col-adjust span>.hs_cos_wrapper {
    margin-top: 3.3%;
  }
  .onbording-service-four-col {
    padding: 0px 0px 60px;
  }
}
/*================.onborder-what-you-get==============================*/

.onborder-what-you-get{
  padding: 98px 0 92px;
}
.onborder-what-you-get .heading-text{
  padding-bottom: 55px;
}
.onborder-what-you-get .three-col-adjust .heading h4 {
  line-height: 28px;
  font-size:20px;
}
.onborder-what-you-get .three-col-adjust .description{
  max-width: 318px;
}
.onborder-what-you-get .three-col-adjust .description p {
  font-size:18px;
}
body .row-fluid-wrapper .row-fluid .onborder-what-you-get .three-col-adjust span>.hs_cos_wrapper {
  margin-right: 3.5%;
  flex-basis: 29.5%;
  -webkit-flex-basis: 29.5%;
  margin-top: 0.3%;
}
body .row-fluid-wrapper .row-fluid .onborder-what-you-get .three-col-adjust span>.hs_cos_wrapper:nth-child(3n){
  margin-right:0%;
}
@media(max-width:767px){
  body .row-fluid-wrapper .row-fluid .onborder-what-you-get .three-col-adjust{
    max-width: 400px;
    margin: 0;
  }
  body .row-fluid-wrapper .row-fluid .onborder-what-you-get .three-col-adjust span>.hs_cos_wrapper {
    margin-right: 0%;
    margin-bottom:30px;
  }
  .onborder-what-you-get .heading-text {
    padding-bottom: 12px;
    text-align: left;
  }
  .onborder-what-you-get {
    padding: 35px 0 0px;
  }
  .onborder-what-you-get .three-col-adjust .description {
    max-width: 100%;
  }
  body .row-fluid-wrapper .row-fluid .onborder-what-you-get .three-col-adjust span>.hs_cos_wrapper .heading{
    text-align:left;
  }
  body .row-fluid-wrapper .row-fluid .onborder-what-you-get .three-col-adjust span>.hs_cos_wrapper .heading h6{
    font-size:20px;
  }
  body .row-fluid-wrapper .row-fluid .onborder-what-you-get .three-col-adjust span>.hs_cos_wrapper .description{
    text-align:left;
  }
}
/*================.workflow-two-col==============================*/

.workflow-two-col{
  padding:140px 0 135px;
}
.workflow-two-col .left-col .heading{
  max-width: 500px;
  padding-bottom: 6px;
}
.workflow-two-col .left-col{
  padding-top: 90px;
}
.workflow-two-col .section-heading{
  text-align:center;
  margin-bottom:100px;
}
.workflow-two-col .left-col  .sub-heading{
  max-width: 418px;
}
.workflow-two-col .left-col .heading h4 {
  line-height: 38px;
}
.workflow-two-col .right-col .image img {
  max-width: 439px;
  height: auto;
}
@media(max-width:767px){
  .workflow-two-col {
    padding: 40px 0;
  }
  .workflow-two-col .right-col .image img {
    width: 100%;
    height: auto;
  }
  .workflow-two-col .section-heading {
    margin-bottom: 40px;
    width: 334px;
    margin: 0 auto;
    padding-bottom: 35px;
  }
  .workflow-two-col .section-heading h2{
    font-size:30px;
  }

  .workflow-two-col .left-col h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 4px;
  }
  .workflow-two-col .left-col p {
    font-size: 16px;
    line-height: 22px;
  }
  .workflow-two-col .left-col {
    padding-top: 0px;
    width: 50%;
    float: left;
  }
  .workflow-two-col .right-col {
    width: 50%;
    float: left;
  }
}
/*================.onbording-faq ==============================*/
.onbording-faq .Hubspot-template-faq-sec {
  padding-top: 125px;
  padding-bottom:85px;
}
@media(max-width:767px){
  .onbording-faq .Hubspot-template-faq-sec {
    padding-top: 65px;
    padding-bottom: 16px;
  }
  .onbording-faq .Hubspot-template-faq-sec .accordian-sec .accordian-header h6 {
    padding: 10px 50px 10px 20px;
  }
}


/*==============================================*/
/*hubspot-web-integration*/
/*==============================================*/
/*================.web-integration-service-four-col==============================*/

.web-integration-service-four-col .onbording-service-four-col{
  padding-top:93px;
  padding-bottom:100px;
}
.web-integration-service-four-col .onbording-service-four-col .four-col-adjust .hs_cos_wrapper .text-body .description p {
  line-height: 28px;
}
.web-integration-service-four-col .onbording-service-four-col .four-col-adjust .hs_cos_wrapper .text-body {
  padding: 30px 26px 16px 27px;
}
@media(max-width:767px){
  .web-integration-service-four-col .onbording-service-four-col {
    padding-top: 36px;
    padding-bottom: 65px;
  }
}
/*================web-integration-workflow==============================*/
.web-integration-workflow .section-description{
  max-width: 843px;
  margin:0 auto 100px;
}
.web-integration-workflow .left-col {
  padding-top: 90px;
}
.web-integration-workflow .left-col .content:last-child{
  margin-bottom:0px;
}
.web-integration-workflow .left-col .content{
  margin-bottom:60px;
}

.web-integration-workflow{
  padding: 138px 0 126px;
}
.web-integration-workflow .sec-heading{
  padding-bottom: 5px;
}
.web-integration-workflow .left-col .heading{
  max-width: 500px;
}
.web-inegration-workflow .section-heading{
  text-align:center;
  margin-bottom:100px;
}
.web-integration-workflow .left-col  .sub-heading{
  max-width: 418px;
  padding-bottom:3px;
}
.web-integration-workflow .left-col .heading h4 {
  line-height: 38px;
}
.web-integration-workflow .right-col .image img {
  max-width: 439px;
  height: auto;
}
@media(max-width:1024px) and (min-width:768px){
  .web-integration-workflow .right-col .image img {
    max-width: 100%;
    height: auto;
  }
  .web-integration-workflow .left-col .content{
    margin-bottom:30px;
  }
  .web-integration-workflow{
    padding: 80px 0;
  }
}
@media(max-width:767px){

  .web-integration-workflow {
    padding: 60px 0 40px;
  }
  .web-integration-workflow .left-col {
    padding-top: 0px;
  }
  .web-integration-workflow .sec-heading {
    padding: 0 20px;
  }
  .web-integration-workflow .right-col .image img {
    display: none;
  }
  .web-integration-workflow .section-heading {
    margin-bottom: 40px;
  }
  .web-integration-workflow .left-col .heading{
    max-width: 100%;
  }
  .web-integration-workflow .left-col .content {
    margin-bottom: 0px;
  }
  .web-integration-workflow .left-col  .sub-heading{
    max-width:100%;
  }
  .web-integration-workflow .section-description {
    max-width: 100%;
    margin: 0 auto 70px;
    padding: 0 20px;
  }
}
/*================.why-integration==============================*/
.why-integration{
  padding-top: 102px;
  padding-bottom: 76px;
}
.why-integration .three-col-adjust .three-col-cm{
  max-width: 318px;
  padding-bottom: 10px;
}
.why-integration .three-col-adjust .three-col-cm .partner-heading{
  width: 256px;
}
.why-integration .three-col-adjust .three-col-cm .partner-heading h6{
  font-size:20px;
  line-height: 1.4;
}
.why-integration .three-col-adjust .three-col-cm .partner-icon{
  padding-bottom: 14px;
}
.why-integration .section-heading {
  margin-bottom:51px;
}
@media(max-width:767px){
  .why-integration  {
    padding-top: 45px;
    padding-bottom: 10px;
  }
  body .row-fluid .why-integration .three-col-adjust span>.hs_cos_wrapper {
    margin: 5px auto 0;
  }
  .why-integration .three-col-adjust .three-col-cm {
    max-width: 100%;
  }
  .why-integration .three-col-adjust .three-col-cm .partner-icon {
    padding-bottom:0px;
    display: none;
  }

  .why-integration .three-col-adjust .three-col-cm .partner-heading {
    width: 100%;
  }
  .why-integration .description{
    max-width: 500px;
  }
  .why-integration .section-heading h2 {
    font-size: 30px;
    text-align: left;
    padding: 0 20px;
  }
}
/*================.web-integration-counter=============================*/
/*.web-integration-counter{
padding: 120px 0 115px;
}
.web-integration-counter .left-col{
padding-top:20px;
}
.web-integration-counter .description{
max-width: 400px;
}
.web-integration-counter .description h2{
margin: 0 0 12px;
}
.web-integration-counter .counter1{
padding-top:40px;
max-width:325px;
}
.web-integration-counter .cm-container{
max-width: 229px;
}
.web-integration-counter .cm-container .counter-box-wd9 span{
font-size: 48px;
color:#51e3c2;
}
.web-integration-counter .cm-container .counter-box-wd9 p{
padding: 8px 24px 18px;
}
.web-integration-counter .counter1 .counter-box-wd9{
display:inline-block;
margin-bottom:35px;
}
.web-integration-counter .counter1 .counter-box-wd9:nth-child(even){
margin-left:30px
}
.web-integration-counter .counter-value{
font-size:42px;
font-weight:700;
color:#000;
}
@media(max-width:767px){
.web-integration-counter .description {
margin: 0 auto;
}
.web-integration-counter .left-col {
text-align:center
}
.web-integration-counter .cm-container {
margin: 0 auto;
}
.web-integration-counter {
padding: 90px 0;
}
}*/
/*================.web-inegration-three-col .hubspot-template-three-col=============================*/
.web-inegration-three-col .hubspot-template-three-col{
  padding-top: 25px;
}
/*================.web-integration .hubspot-template-service-three-col=============================*/
.web-integration .hubspot-template-service-three-col .heading {
  padding-bottom: 15px;
}
@media(max-width:767px){
  .hubspot-template-service-three-col .heading {
    padding-bottom: 1px;
  }
}

/*==============================================*/
/*hubspot-web-imigration*/
/*==============================================*/
/*================.migration-two-col=============================*/

.migration-two-col{
  padding: 112px 0 110px;
}
.migration-two-col .left-col .heading{
  max-width: 500px;
}
.migration-two-col .left-col .heading h2{
  font-size:38px;
  line-height: 1.26;
}
.migration-two-col .right-col .image img{
  max-width: 551px;
  height: auto;
  width: 100%;

}
.migration-two-col .left-col .content h6{
  padding-bottom: 5px;
}
.migration-two-col .left-col .content ul li {
  margin-bottom: 23px;
  line-height: 1.44;
  margin-left: 24px;
  font-weight: 300;
  font-family: 'Source Sans Pro', sans-serif;
  max-width: 523px;
  font-size: 18px;
  letter-spacing: 0;
}

.migration-two-col .left-col .content ul li:before {
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/tick-with-bg-1.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  top: 4px;
}
@media(max-width:767px){
  .migration-two-col {
    padding: 35px 0 10px;
  }
  .migration-two-col .left-col{
    padding-top: 25px;
  }
  .migration-two-col .row-fluid{
    display: flex;
    flex-direction: column-reverse;
  }
  .migration-two-col .left-col .heading h2{
    font-size:30px;
  }
  .migration-two-col .section-heading h2 {
    font-size: 32px!important;
  }
}

/*================.migration-how-we-can-help=============================*/
.migration-how-we-can-help{
  padding: 137px 0 140px;
}
.migration-how-we-can-help .subtitle{
  max-width: 843px;
  margin: 0 auto 80px;

}
body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper{
  border-left: 1px solid;
  border-top: 1px solid;
  border-right: 1px solid;
  margin-right: 0%;
  margin-top:0%;
}
body .row-fluid .migration-how-we-can-help .three-col-adjust{
  max-width:1052px;
  margin:0 auto;
  padding-left: 55px;

}
body .row-fluid .migration-how-we-can-help .three-col-adjust span{
  margin-right:0%;
}
body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-child(3n+1){
  border-right: none;
}
body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-child(3n+3){
  border-left: none;
}
body .row-fluid .migration-how-we-can-help .three-col-adjust .three-col-card{
  padding: 35px 20px 20px 24px;
}
body .row-fluid .migration-how-we-can-help .three-col-adjust .three-col-card .description {
  max-width: 284px;
}

body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-last-child(1),
body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-last-child(2),
body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-last-child(3){
  border-bottom: 1px solid;
}
body .row-fluid .migration-how-we-can-help .three-col-adjust .three-col-card .heading h6 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.45px;
  margin: 0 0 10px;
}
@media(max-width:1024px) and (min-width:768px){
  .inbound-matters-cm .four-col-adjust .inbound-card {
    padding: 10px 20px;
  }
}
@media(max-width:767px){
  body .row-fluid .migration-how-we-can-help .three-col-adjust{
    padding-left:0px;
  }
  .migration-how-we-can-help {
    padding: 60px 0 60px;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust .three-col-card {
    padding: 22px 20px 5px 20px;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper {
    text-align:left;
  }
  .migration-how-we-can-help .subtitle {
    margin: 0 auto 30px;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-child(3n+1) {
    border-right: 1px solid;
    text-align:left;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-child(3n+3){
    border-left: 1px solid;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-last-child(2){
    border-bottom: none;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-last-child(3){
    border-bottom: none;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust span>.hs_cos_wrapper:nth-last-child(1){
    border-bottom:1px solid;
  }
  .migration-how-we-can-help .subtitle , .migration-how-we-can-help .section-title{
    text-align: left;
  }
  body .row-fluid .migration-how-we-can-help .three-col-adjust .three-col-card .description {
    max-width: 100%;
  }
}
/*================web-migration-two-col-workflow =============================*/

.web-migration-two-col-workflow .left-col {
  padding-top: 85px;
}
.web-migration-two-col-workflow .left-col .content:last-child{
  margin-bottom:0px;
}
.web-migration-two-col-workflow .left-col .content{
  margin-bottom:60px;
}

.web-migration-two-col-workflow{
  padding:100px 0 85px;
}
.web-migration-two-col-workflow .left-col .heading{
  max-width: 500px;
}
.web-migration-two-col-workflow .section-heading{
  text-align:center;
  margin-bottom:95px;
}
.web-migration-two-col-workflow .left-col  .sub-heading{
  max-width: 418px;
}
.workflow-two-col .left-col .heading h4 {
  line-height: 38px;
}
.web-migration-two-col-workflow .right-col .image img {
  max-width: 439px;
  height: auto;
  width:100%
}
@media(max-width:1024px){
  .web-migration-two-col-workflow .right-col .image img {
    max-width: 100%;
    height: auto;
  }
  .web-migration-two-col-workflow .left-col .content{
    margin-bottom:40px;
  }
}
@media(max-width:767px){
  .web-migration-two-col-workflow .row-fluid {
    display: flex;
    flex-direction: column-reverse;
  }
  .web-migration-two-col-workflow {
    padding: 40px 0 25px;
  }
  .web-migration-two-col-workflow .section-heading h2 {
    font-size: 32px;
  }
  .web-migration-two-col-workflow .left-col {
    padding-top: 30px;
  }
  .web-migration-two-col-workflow .left-col .heading h4 {
    font-size: 20px;
    line-height: 28px;
  }
  .web-migration-two-col-workflow .right-col .image img {
    display: none;
  }
  .web-migration-two-col-workflow .section-heading {
    margin-bottom: 40px;
    padding:0 20px;
  }
  .web-migration-two-col-workflow .left-col .heading{
    max-width: 100%;
  }

  .web-migration-two-col-workflow .left-col .content {
    margin-bottom: 50px;
  }
  .web-migration-two-col-workflow .left-col  .sub-heading{
    max-width:100%;
  }
  .web-migration-two-col-workflow .section-description {
    margin: 0 auto 70px;
  }
  .web-migration-two-col-workflow .row-fluid{
    display: flex;
    flex-direction:column-reverse;
  }
}
/*================..migration-benefits =============================*/
.migration-benefits {
  position: relative;
  z-index: 1;
  padding: 138px 0px 140px;
}
body .row-fluid .migration-benefits .three-col-adjust .hs_cos_wrapper {
  box-shadow: 0 3px 8px 0 rgba(168, 168, 168, 0.38);
  flex-basis: 29.5%;
  -webkit-flex-basis: 29.5%;
  -moz-flex-basis: 29.5%;
  margin-right: 3.8%;
  margin-top: 3.8%;
}
.migration-benefits .three-col-adjust .hs_cos_wrapper .heading {
  padding-bottom: 3px;
}
.migration-benefits .three-col-adjust .hs_cos_wrapper .heading h4{
  line-height:38px;
}
.migration-benefits .three-col-adjust .hs_cos_wrapper .description p{
  font-size:16px;
  line-height: 1.75;
  letter-spacing: 0.5px;
}
.migration-benefits .three-col-adjust .hs_cos_wrapper .text-body {
  padding: 45px 27px 56px;
}
.migration-benefits .heading {
  padding-bottom: 13px;
}
@media(max-width:767px){
  .migration-benefits .three-col-adjust .hs_cos_wrapper .text-body {
    padding: 36px 27px 10px;
  }
  .migration-benefits .heading {
    padding-bottom: 1px;
  }
  body .row-fluid .migration-benefits .three-col-adjust .hs_cos_wrapper {
    margin-top: 4.8%;
  }
  .migration-benefits {
    padding: 65px 0px 60px;
  }
  .migration-benefits .three-col-adjust .hs_cos_wrapper .heading h4 {
    line-height: 30px;
    font-size: 24px;
  }
}
/*================..migration-why-us =============================*/
.migration-why-us {
  padding:95px 0 94px;
}
.migration-why-us .left-col-text {
  padding-top: 19px;
}
.migration-why-us .right-col-text ul li {
  margin-bottom: 20px;
  line-height: 1.44;
  margin-left: 24px;
}

.migration-why-us .right-col-text ul li:before {
  background-image: url(https://2486828.fs1.hubspotusercontent-na1.net/hubfs/2486828/Imported%20images/tick-with-bg-1.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  top: 4px;
}
@media(max-width:767px){
  .migration-why-us .left-col-text {
    padding-top: 0px;
  }
  .migration-why-us {
    padding: 40px 0 17px;
  }
}
/*================.migration-faq=============================*/
.migration-faq .Hubspot-template-faq-sec {
  padding-top: 142px;
  padding-bottom: 108px;
}
@media(max-width:767px){
  .migration-faq .Hubspot-template-faq-sec {
    padding-top: 67px;
    padding-bottom: 20px;
  }
}
/*================.migration-faq=============================*/
@media(max-width:1023px) and (min-width:768px){
  .template-banner {
    padding: 80px 0px 80px;
  }
  .training-package ,.inbound-matters-cm , .training-module , .templte-two-col ,.inbound-matters-cm ,
  body.hs-web-development .how-go-with-us-cm , .hubspot-onbording-two-col , .hubspot-onbording-two-col , .dev-approach-cm , .onborder-what-you-get ,.workflow-two-col ,
  .onbording-faq .Hubspot-template-faq-sec , .hubspot-template-service-three-col ,.hubspot-template-service-three-col ,
  .web-integration-workflow ,.web-integration-counter ,.migration-two-col ,.migration-how-we-can-help ,
  .migration-benefits ,.migration-why-us ,.how-go-with-us-cm {
    padding: 80px 0;
  }
  body .container-fluid .row-fluid .hubspot-template-call-to-action .right-button a.cta_button {
    padding: 19.5px 36px;
  }
  .Hubspot-template-faq-sec {
    padding: 80px 0!important;
  }
  .hubspot-template-service-three-col .three-col-adjust .grey-card-sec h6 {
    font-size: 16px;
  }
  .onbording-service-four-col {
    padding: 0px 0px 80px;
  }
  .hubspot-template-call-to-action .left-text {
    padding-top: 18px;
  }
  .accordian-sec .accordian-header h6 {
    font-size: 16px;
  }
}
/* body.sidebarOpen .header-setion.sticky {
z-index: 0 !important;
}
body.sidebarOpen  {
overflow:hidden;
} */

.step-form-container .top-heading p {
  max-width: 450px;
}
body .row-fluid .inner-hero h1 {
  font-size: 45px;
  line-height: 50px;
  font-weight: 400;
}
.taber-cm .taber-top-section {
  position: relative;
  z-index: 2;
}
.header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children.mouse_hover ul.hs-menu-children-wrapper {
  left: 0px;
}

@media (min-width:1025px) {
  .hero-section .top-heading .rotate-animation h2 {
    margin: 0;
    font-size: 50px;
    line-height: 1;
  }
}


.fixed.sticky-top {
  transform: translateY(96px);
  -webkit-transform: translateY(96px);
  -moz-transform: translateY(96px);
}


/*=== New header css ===*/
body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children:after {
  right: 14px;
}
body .header-setion .menu-section .hs-menu-wrapper>ul>li.hs-menu-item:nth-child(2) a {
  padding-right: 33px;
}
body .header-setion .menu-section .hs-menu-wrapper>ul li.hs-menu-item.hs-item-has-children a {
  padding-right: 33px;
}
body .header-setion .menu-section .hs-menu-wrapper>ul>li.hs-menu-item:last-child a {
  margin-left: 20px;
}
body .header-setion .cta-section ul li.hs-menu-item:first-child a {
  padding-right: 0;
}
body .row-fluid .develop-two-col {
  margin-top:0px;
}
body.contact-us .our_services_slider {
  border-bottom: 1px solid #2d3033;
}
[data-tooltip] {
  position:relative;
  z-index:1;
}
[data-tooltip]:before {
  opacity:0;
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0,0%,20%,0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
  line-height: 1.2;

}
[data-tooltip]:after {
  opacity:0;
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0,0%,20%,0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
.new-footer-hub .new-copy ul li a:hover::before,
.new-footer-hub .new-copy ul li a:hover::after{
  opacity:1;
}
@media(max-width:480px){
  [data-tooltip]:before{
    width:100px !important;
  }
}
.training-module .four-col-adjust .hs_cos_wrapper.align-center .image {
  max-width: 100px;
  margin: 0 auto;
  width: 100%;
}
.violet_cta_button a.cta_button,
.violet_cta_button input.hs-button,
.violet_cta_button input.hs-button.primary.large{
  background: #8154ef !important;
}
.partner-icon img {
  width: 90px;
  height: 90px;
}

.hs_submit.hs-submit .actions input.hs-button.primary.large:hover {
  background: #ffffff !important;
  color: #8154ef !important;
}

.hire-a-developer .form-container .hs_submit.hs-submit .actions input.hs-button.primary.large:hover{
  background-color:#8154ef !important;
  color:#fff !important;
}


@media(min-width:768px) and (max-width:1024px){

  .top-heading h1 span {
    margin-top: 40px;
    display: block;
  }

  body .hero-section .top-heading svg {
    position: absolute;
    top: 45px;
    right: auto;
    width: 260px;
    z-index: -1;
    left:auto;
    height: 65px;
    right: -35px;
    display: block;
  }

  body .hero-section .top-heading .rotate-animation {
    top: 48px;
    right: auto;
  }
}


@media(max-width:767px){

  .top-heading h1 span {
    margin-top: 45px;
    display: block;
  }

  body .hero-section .top-heading svg {
    position: absolute;
    top: 75px;
    right: auto;
    width: 210px;
    z-index: -1;
    left: -35px;
    height: 60px;
    display:block
  }
  body .hero-section .top-heading .rotate-animation {
    top: 45px;
    right: auto;
  }
}
.dnd-privacy-policy-row-2-padding {
  position: relative;
  z-index: 1;
}
.dnd-privacy-policy-row-1-padding {
  padding-right: 20px;
  padding-left: 20px;
}
.body-container-wrapper .extended-font ul li:before {
  position: absolute;
  z-index: 1;
  content: '';
  background: url(https://21040616.fs1.hubspotusercontent-na1.net/hubfs/21040616/Agency%20Atlas%20Premium/Images/path.svg);
  width: 12px;
  height: 9px;
  top: 7px;
  left: -30px;
  bottom: 0;
}
.body-container-wrapper .extended-font ol li::before {
  background: #090e1d;
  border-radius: 50%;
  color: #fff;
  content: counter(ordered);
  counter-increment: ordered;
  display: inline-block;
  font-weight: 400;
  margin-left: 0px;
  width: 20px;
  margin-top: -4px;
  padding: 1px;
  box-sizing: border-box;
  line-height: 19px;
  position: absolute;
  font-size: 14px;
  height: 20px;
  text-align: center;
}
.body-container-wrapper .extended-font  ul li {
  margin-left: 30px;
}
.body-container-wrapper .extended-font ol li {
  margin-left: 24px;
}
.extended-font ol li {
  padding-left: 10px;
}
.body-container-wrapper .extended-font ol {
  margin: 0;
  padding: 0;
  text-decoration: none;
  margin-bottom: 15px;
  list-style-type: none;
  counter-reset: ordered;
  margin-left: 0px;
}


.extended-font.extended-font-two p {
  margin-bottom: 7px;
}
.extended-font.extended-font-two h4 {
  margin-bottom: 8px;
  font-weight: 700;
}

@media(min-width:768px){
  .extended-font.extended-font-two h4 {
    font-size: 24px;
  }
}
@media(max-width:767px){
  .extended-font.extended-font-two h4 {
    font-size: 18px;
  }
}

/* .extended-font h4{
font-family:'Montserrat',sans-serif;
}
.extended-font p{
font-family: ProximaNovaRegular;
} */

/* .gradient-overlay {
position: relative;
z-index: 1;
}
.gradient-overlay:after {
position: absolute;
content: '';
background: transparent linear-gradient(
39deg, #37009C 0%, #D84517 100%) 0% 0% no-repeat padding-box;
opacity: 0.85;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
} */