/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */
:root {
	--width-base: 1556px;
	--font-base: 16px;
	--color-white: #fff;
	--color-black: #000;
	--color-green: #88cc97;
	--color-dark-green: #0d3701;
	--color-medium-green: #6eb77e;
	--color-cyan: #1f9fd3;
	--color-cyan-100: #2cb9c1;
	--color-dark-cyan: #0B5F80;
	--color-yellow: #fabc33;
	--color-red: #f00;
	--color-orange: #f86039;
	--color-medium-orange: #f88739;
	--color-grey: #4a5567;
	--color-grey-100: #d5dff3;
	--color-grey-200: #c3d0eb;
	--color-grey-300: #a5b7d5;
	--color-grey-400: #dde5f5;
	--color-dark-grey: #505969;
	--color-light-blue: #ecf2fe;
	--color-medium-blue: #5e7db8;
	--color-dark-blue: #1a202c;
	--color-dakr-pink: #aa5f7c;
	--font-family-base: sans-serif;
	--font-family-icon: 'icomoon', sans-serif;
	--line-height-base: 1.75;
	--font-size-h1: 24px;
	--font-size-h2: 24px;
	--font-size-h3: 20px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--font-size-h6: 16px;
	--width: 100%;
	--height: 100%;
	--line-height-heading: 1.1;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semi-bold: 600;
	--font-weight-bold: 700;
	--font-weight-extra-bold: 800;
	--border-radius: 5px;
	--border-radius-sm: 3px;
	--duration: all 0.3s ease-in-out;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-regular); line-height: var(--line-height-base); color: var(--color-grey); background-color: var(--color-light-blue); }
input,
select,
textarea { padding: 10px 20px; width: var(--width); min-height: 48px; font-family: var(--font-family-base); font-size: var(--font-base); color: var(--color-black); border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); }
input::placeholder { color: rgba(74, 85, 103, 0.6); }
textarea { padding: 13px 20px; min-height: 144px; }
textarea::placeholder { color: rgba(74, 85, 103, 0.6); }
label { margin-bottom: 1px; display: block; font-weight: var(--font-weight-semi-bold); }
select { --webkit-appearance: none; color: rgba(74, 85, 103, 0.6); appearance: none; cursor: pointer; }
.custom-select-arrow { background: url('../images/arrow-down.svg') no-repeat center right 17px; }
img { display: block; max-width: var(--width); }
ul,
li { list-style-position: outside; }
p { margin-bottom: 20px; }
a { display: inline-block; text-decoration: none; transition: var(--duration); }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-weight: var(--font-weight-extra-bold); line-height: var(--line-height-heading); color: var(--color-dark-blue); }
h1,
.h1 { font-size: var(--font-size-h1); }
h2,
.h2 { font-size: var(--font-size-h2); }
h3,
.h3 { font-size: var(--font-size-h3); }
h4,
.h4 { font-size: var(--font-size-h4); }
h5,
.h5 { font-size: var(--font-size-h5); }
h6,
.h6 { font-size: var(--font-size-h6); }

/* ### button ### */
.button { margin-bottom: 13px; padding: 14px 20px; display: inline-flex; align-items: center; justify-content: center; width: var(--width); font-size: 14px; font-weight: var(--font-weight-semi-bold); color: var(--color-dark-blue); border-radius: 75px; background-color: var(--color-green); transition: var(--duration); }
.button i { margin-left: 10px; font-size: 11px; }
.button:focus,
.button:hover { background-color: var(--color-medium-green); }
.button-link { padding: 0; text-decoration: underline; color: var(--color-dark-blue); background-color: transparent; }
.button-link:focus,
.button-link:hover { text-decoration: none; color: var(--color-cyan); background-color: transparent; }
.button-outline { color: var(--color-dark-blue); border: solid 1px var(--color-dark-blue); background: transparent; }
.button-outline:focus,
.button-outline:hover { color: var(--color-white); background-color: var(--color-dark-blue); }
.button.white { color: var(--color-white); border: solid 1px var(--color-white); transition: var(--duration); }
.button.white:hover { color: var(--color-dark-blue); background-color: var(--color-white); }
h1 .cyan-dot,
h2 .cyan-dot,
h3 .cyan-dot,
h4 .cyan-dot,
h5 .cyan-dot { color: var(--color-cyan-100); }

/* GENERAL > Skip To Content */
#skiptocontent { padding: 8px; position: fixed; z-index: 10; display: block !important; opacity: 0; color: var(--color-white); background-color: var(--color-black); transform: translateY(-40px); transition: all 200ms ease-out; }
#skiptocontent:focus { opacity: 1; transform: translateY(0); }

.m-menu .m-menu__footer {
    top: 335px;
    position: absolute;
    width: 100%;
    padding: 0 10px;
}
.m-menu .m-menu__footer a.button {
    width: 100%;
    margin-left: 0;
}
@media(max-width: 767px) {
	.m-menu .m-menu__footer {
	    top: 325px;
	}
	.expert-image-info {
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.info-bar .info-bar-holder .info-bar-column img.icon-img {
		width: 30px !important;
		height: 30px !important;
	}
	.integration .integration-holder .integration-list .integration-item img.icon-img {
		width: 30px !important;
		height: 30px !important;
		top: -1px !important;
	}
	.method .method-holder .method-block .method-item .method-para {
		margin-top: 18px;
	}
	.expert .expert-intro h2, .cta-block .cta-block-intro h2 {
		font-size: 20px !important;
	}
}

@media only screen and (max-width: 640px) {
	#skiptocontent { display: none !important; }
}

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: 20px; padding-left: 20px; }

/* ### wrapper ### */
.wrapper { padding-top: 61px; position: relative; z-index: 9; display: block; width: var(--width); min-height: var(--height); overflow: clip; }

/* ### header ### */
.header { position: fixed; top: 0; left: 0; z-index: 9; width: var(--width); border-bottom: solid 1px var(--color-grey-100); background-color: var(--color-light-blue); transition: var(--duration); }
.header-block { padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; justify-content: space-between; transition: var(--duration); }
.header-logo { display: flex; align-items: center; font-size: 14px; font-weight: var(--font-weight-medium); color: var(--color-dark-blue); }
.header-logo img { margin-right: 6px; flex: 0 auto; width: 40px; height: auto; transition: var(--duration); }
.header-logo span { display: inline-block; line-height: normal; }
.header-logo span b { font-weight: var(--font-weight-medium); color: var(--color-medium-orange); }
.header-right { display: none; }
.header .button { margin-left: 20px; }

/* ### menu ### */
.header-menu { display: none; }
.header-menu ul { display: flex; flex-wrap: wrap; list-style: none; }
.header-menu li { padding: 10px 0; position: relative; }
.header-menu li a { font-size: 16px; font-weight: var(--font-weight-semi-bold); color: var(--color-dark-blue); transition: var(--duration); }
.header-menu li.has-child > a:after { margin-left: 5px; display: inline-block; font-family: var(--font-family-icon); font-size: 6px; color: var(--color-dark-blue); vertical-align: middle; transition: var(--duration); content: '\e902'; }
.header-menu li a:focus,
.header-menu li a:hover { color: var(--color-cyan); }
.header-menu li ul { margin: 0; padding: 15px 0; position: absolute; top: 100%; left: 0; display: block; opacity: 0; visibility: hidden; width: max-content; border-radius: 0 0 var(--border-radius) var(--border-radius); background-color: var(--color-white); transition: var(--duration); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.16); }
.header-menu li ul li { margin: 0; padding: 0; }
.header-menu li ul li a { padding: 3px 30px; display: block; font-size: 15px; text-transform: capitalize; color: var(--color-black); }
.header-menu li ul li:not(:last-child) { margin-right: 0; }
.header-menu li ul li ul { top: 0; left: 100%; }
.header-menu li:hover ul,
.header-menu li:focus ul { opacity: 1; visibility: visible; }
.header-menu li:hover ul li ul { opacity: 0; visibility: hidden; }
.header-menu li:hover ul li:hover ul { opacity: 1; visibility: visible; }
.header-menu li:hover ul li:hover ul li ul { opacity: 0; visibility: hidden; }
.header-menu li:hover ul li ul li:hover ul { opacity: 1; visibility: visible; }
nav.header-menu ul li.menu-item-has-children > a:after {
    margin-left: 6px;
    display: inline-block;
    font-family: var(--font-family-icon);
    font-size: 6px;
    color: var(--color-dark-blue);
    vertical-align: middle;
    transition: var(--duration);
    content: '\e902';
}

/* ### mobile menu ### */
.mobile-menu { position: relative; display: block; }
.mobile-menu .hamburger { display: flex; align-items: center; justify-content: center; height: 40px; cursor: pointer; }
.m-menu__checkbox { display: none; }
.m-menu__toggle { margin-left: -8px; padding-top: 4px; line-height: normal; color: var(--color-black); cursor: pointer; }
.m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background: var(--color-light-blue); box-shadow: 0 -15px 25px rgba(0, 0, 0, 0.4); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; }
.m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: var(--width); background-color: rgba(103, 103, 103, 0.5); }
.m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 62px; border-bottom: 1px solid var(--color-black); }
.m-menu__header span { width: var(--width); font-size: 20px; text-align: center; color: var(--color-black); }
.m-menu .menu-items { display: flex; align-items: center; height: 62px; border-bottom: 1px solid var(--color-black); }
.m-menu ul { height: var(--height); overflow-y: auto; }
.m-menu li { margin-right: 0 !important; position: relative; display: block !important; }
.m-menu li ul { display: block !important; }
.m-menu li a { padding: 0 15px !important; font-size: var(--font-base); font-weight: var(--font-weight-medium); text-transform: capitalize; color: var(--color-black); }
.m-menu li a:hover { text-decoration: none !important; }
.m-menu li a,
nav .m-menu li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: var(--duration); color: var(--color-black); border-bottom: 1px solid var(--color-black); cursor: pointer; }
nav .m-menu li label { border-bottom: 0; }
.m-menu li .button { text-align: center; color: var(--color-white); }
.m-menu li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--color-black); }
.m-menu li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--color-black); border-style: solid; border-width: 2px 2px 0 0; transform: rotate(45deg); content: ''; }
.m-menu li .-invisible { border-bottom: 0; }
.m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; }
.m-menu__checkbox:checked ~ .m-menu__overlay { display: block; }
.m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }
.m-menu li.btn { padding: 20px 10px 10px; }
.m-menu li.btn a { border: 0; }
.m-menu li.btn .button { margin: 0; padding: 6px 34px !important; }

/* ### hero ### */
.hero { overflow: hidden; }
.hero-holder { padding-top: 39px; padding-bottom: 116px; position: relative; }
.hero-intro { margin: 0 auto; margin-bottom: 37px; position: relative; z-index: 1; width: var(--width); max-width: 950px; text-align: center; }
.hero-intro h1 { margin-bottom: 11px; line-height: 1.4; }
.hero-intro h1 strong { padding: 0px 12px; font-weight: var(--font-weight-extra-bold); color: var(--color-white); background-color: var(--color-cyan); }
.hero-text { margin-bottom: 24px; font-size: 14px; line-height: 1.6; }
.hero .card-rating { margin: 0 auto; }
.hero-gravity,
.hero-acf,
.hero-rank,
.hero-wp { position: absolute; bottom: 176px; left: 1px; width: 60px; pointer-events: none; }
.hero-rank,
.hero-acf { bottom: 45px; left: 31px; }
.hero-rank,
.hero-gravity { right: 1px; left: inherit; }
.hero-rank { right: 31px; }
.hero-gravity-line,
.hero-wp-line { position: absolute; top: 26px; left: 17px; z-index: -1; width: 294px; }
.hero-rank-line,
.hero-acf-line { position: absolute; top: 28px; left: -41px; z-index: -1; width: 46px; }
.hero-gravity-line { right: 17px; left: inherit; }
.hero-rank-line { right: -41px; left: inherit; }
.hero-rank-line img,
.hero-gravity-line img,
.hero-acf-line img,
.hero-wp-line img { width: 100%; }

/* ### partner ### */
.partner { margin-bottom: 55px; border-top: solid 1px var(--color-grey-100); border-bottom: solid 1px var(--color-grey-100); }
.partner-holder { padding-top: 19px; padding-bottom: 18px; }
.partner-image { opacity: 0.3; }
.partner .swiper { overflow: visible; }

/* Partners Grid - Desktop */
.partners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 20px;
    align-items: center;
}

/* Mobile Slider - Lightweight */
@media (max-width: 1024px) {
    .partners-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 10px;
        margin-right: -26px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .partners-grid::-webkit-scrollbar {
        display: none;
    }
    
    .partners-grid .partner-image {
        flex: 0 0 118px;
        scroll-snap-align: start;
    }
}

@media (max-width: 768px) {
    .partners-grid .partner-image {
        flex: 0 0 100px;
    }
	.partners-grid .partner-image img {
		height: auto;
	}
}

/* ### project block ### */
.project-block { margin-bottom: 55px; }
.project-block h2 { margin-bottom: 16px; font-size: var(--font-size-h3); }
.project-block-holder { padding-bottom: 45px; border-bottom: solid 1px var(--color-grey-100); }
.project-block .swiper { margin-right: -26px; margin-bottom: 20px; }
.project-block-button { display: flex; justify-content: center; }

/* Projects Grid - Desktop */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

/* Mobile Slider - Lightweight */
@media (max-width: 1024px) {
    .projects-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 10px;
        margin-right: -26px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .projects-grid::-webkit-scrollbar {
        display: none;
    }
    
    .projects-grid .card-project {
        flex: 0 0 280px;
        scroll-snap-align: start;
    }
}

@media (max-width: 768px) {
    .projects-grid .card-project {
        flex: 0 0 240px;
    }
}

/* ### help block ### */
.help-block { margin-bottom: 58px; }
.help-block h2 { margin-bottom: 16px; font-size: var(--font-size-h3); }
.help-block-holder { padding-bottom: 59px; display: grid; gap: 20px; border-bottom: solid 1px var(--color-grey-100); }

/* ### cta block ### */
.cta-block { margin-bottom: 60px; padding-top: 54px; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; min-height: 467px; background-color: var(--color-dark-cyan); }
.cta-block h3 { margin-bottom: 14px; line-height: 1.3; color: var(--color-dark-blue); }
.cta-block-user { margin: 0 auto; position: relative; z-index: 1; order: 2; width: 346px; }
.cta-block-right { margin-bottom: 44px; position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; order: 1; }
.cta-block-intro { margin-bottom: 15px; width: 100%; line-height: 1.9; color: var(--color-white); }
.cta-block-intro p { margin-bottom: 19px; }
.cta-block-column { display: grid; gap: 18px; width: 100%; }
.cta-block-bg { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); pointer-events: none; }
.cta-block-bg img { opacity: 0.06; width: var(--width); height: var(--height); object-fit: cover; object-position: center center; }



/* ### usp ### */
.usp { margin-bottom: 40px; position: relative; z-index: 2; }
.usp-holder { padding: 29px 20px; border: 1px solid var(--color-grey-100); border-radius: 5px; background-color: var(--color-white); }
.usp-item { margin-bottom: 20px; padding-left: 43px; position: relative; font-size: 16px; }
.usp-item:last-child {margin-bottom: 10px;}
.usp-item i { position: absolute; top: 8px; left: 0; font-size: 24px; color: var(--color-yellow); }
.usp-item .icon-mediation { font-size: 32px; }
.usp-item .icon-analytics { font-size: 17px; }
.usp-item p:last-of-type { margin-bottom: 0; margin-top:3px;}
.usp.is-alt .usp-item i { top: 6px; font-size: 30px; }
.usp .usp-holder .usp-item img.icon-block {position: absolute;top: 0;left: 0;width: 35px;height: 35px;object-fit: contain;}
body.archive .usp .usp-holder .usp-item img.icon-block {top: 4px;}

/* ### breadcrumb ### */
.breadcrumb { padding-top: 33px; padding-bottom: 7px; }
.breadcrumb ul { display: flex; list-style: none; }
.breadcrumb li { font-size: 11px; font-weight: var(--font-weight-medium); }
.breadcrumb li:not(:last-child):after { margin: 0 8px; display: inline-block; content: '/'; }
.breadcrumb li a { text-decoration: underline; color: var(--color-dark-blue); }
.breadcrumb li a:focus,
.breadcrumb li a:hover { text-decoration: none; }

/* ### heading-block ### */
.heading-block { padding-top: 48px; padding-bottom: 32px; }
.heading-block h1 { margin-bottom: 17px; line-height: 1.3; }
.heading-block h1 strong { padding: 5px 3px; font-weight: var(--font-weight-extra-bold); color: var(--color-white); background-color: var(--color-cyan); }
.heading-block-holder { margin: 0 auto; max-width: 1050px; text-align: center; }
.heading-block-text { font-size: 14px; line-height: 1.6; }
.heading-block-text p:last-child { margin-bottom: 0; }

/* ### integration ### */
.integration { margin-bottom: 40px; }
.integration-screen { margin-bottom: 41px; }
.integration-screen img { width: var(--width); height: var(--height); object-fit: cover; }
.integration-info { margin-bottom: 30px; }
.integration-info h2 { margin-bottom: 30px; font-weight: var(--font-weight-extra-bold); }
.integration-info strong { font-weight: var(--font-weight-extra-bold); }
.integration-item { margin-bottom: 16px; padding-bottom: 15px; padding-left: 40px; position: relative; border-bottom: 1px solid var(--color-grey-100); }
.integration-item:before { display: none !important; position: absolute; top: -2px; left: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-family: var(--font-family-icon); font-size: 14px; color: var(--color-cyan); border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); content: '\e905'; }
.integration-item p:last-of-type { margin-bottom: 0; }
.integration-text { display: flex; align-items: center; list-style: none; }
.integration-text li:not(:last-child):after { margin: 0 4px; display: inline-block; vertical-align: middle; content: '/'; }
.integration-logo { display: flex; align-items: center; list-style: none; }
.integration-logo li { margin-top: -7px; margin-right: 10px; }
.integration-logo img { width: 40px; height: 40px; border-radius: 3px; overflow: hidden; }
.integration-link { text-decoration: underline; color: var(--color-grey); }
.integration-link:focus,
.integration-link:hover { text-decoration: none; color: var(--color-black); }
.integration .integration-holder .integration-list .integration-item img.icon-img {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: -4px;
}

/* ### method ### */
.method { margin-bottom: 50px; }
.method-holder { padding-bottom: 20px; border-bottom: 1px solid var(--color-grey-100); }
.method-heading { margin-bottom: 23px; }
.method-heading p br { display: none; }
.method-block { margin: 0 auto 32px; max-width: 1031px; }
.method-item { margin-bottom: 30px; padding-bottom: 2px; border-bottom: 1px solid var(--color-grey-100); }
.method-text { padding-left: 50px; position: relative; }
.method-text h3 { font-weight: var(--font-weight-semi-bold); }
.method-text:before { display: none !important; position: absolute; top: -8px; left: 0; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; font-family: var(--font-family-icon); font-size: 14px; color: var(--color-cyan); border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); content: '\e905'; }
.method-para { line-height: 1.8; }
.method-para:last-of-type { margin-bottom: 0; }
.method-btn { text-align: center; }
.method .method-holder .method-block .method-item .method-text img.icon-img {position: absolute;width: 35px;height: 35px;left: 0;top: 50%;transform: translateY(-50%);}
.method .method-holder .method-block .method-item .method-text h3 {margin-bottom: 0;}

/* ### plan ### */
.plan { margin-bottom: 50px; }
.plan-heading { margin: 0 auto 32px; max-width: 520px; text-align: center; }
.plan-heading br { display: none; }
.plan-holder { margin-bottom: 40px; display: grid; grid-row-gap: 20px; }
.plan-btn { padding-bottom: 40px; text-align: center; border-bottom: 1px solid var(--color-grey-100); }

/* ### process ### */
.process { margin-bottom: 50px; }
.process-holder { padding-bottom: 50px; border-bottom: 1px solid var(--color-grey-100); }
.process-info { margin-bottom: 40px; }
.process-info h2 {font-size:24px;}
.process-right { display: grid; grid-row-gap: 15px; }

/* ### connect ### */
.connect { margin-bottom: 50px; }
.connect-top { margin-bottom: 40px; display: grid; gap: 16px; }
.connect-holder { display: grid; gap: 16px; }
.connect-wrap { margin-bottom: 29px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.connect-info-title { margin-bottom: 2px; font-size: 16px; font-weight: var(--font-weight-semi-bold); color: var(--color-grey); }
.connect-info address { font-style: normal; color: var(--color-grey); }
.connect-info address em { font-size: 12px; font-style: normal; }
.connect-info ul { list-style: none; }
.connect-info li { margin-bottom: 2px; }
.connect-info li a { color: var(--color-grey); }
.connect-info li a:focus,
.connect-info li a:hover { text-decoration: underline; }
.connect-map { width: var(--width); height: 320px; border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); overflow: hidden; }
.connect-map img { width: var(--width); height: var(--height); object-fit: cover; }
.connect-holder .connect-right form, .connect-holder .connect-right form .card-form { height: 100%; }

/* ### card-form ### */
.card-form { padding: 20px; border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); }
.card-form-group { margin-bottom: 15px; }
.card-form-group.full-width { width: var(--width); }
.card-form-group span { color: var(--color-red); }
.card-form-btn { width: var(--width); }
.card-form-check input { margin-bottom: 0; padding: 0; display: none; width: initial; height: initial; cursor: pointer; }
.card-form-check label { margin-bottom: 15px; padding-top: 2px; padding-left: 30px; position: relative; font-size: 10px; font-weight: var(--font-weight-regular); cursor: pointer; }
.card-form-check label:before { padding: 9px; position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: transparent; -webkit-appearance: none; content: ''; cursor: pointer; }
.card-form-check input:checked + label:after { position: absolute; top: 3px; left: 7px; display: block; width: 4px; height: 10px; border: solid var(--color-black); border-width: 0 2px 2px 0; transform: rotate(45deg); content: ''; }
.card-form-btn .button { padding: 24px 75px; border: transparent; cursor: pointer; }

/* ### .card-caller ### */
.card-caller { padding: 25px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border: solid 1px var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); }
.card-caller-info { padding-left: 60px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: var(--width); }
.card-caller-icon { margin-right: 25px; position: absolute; top: 10px; left: 0; font-size: 30px; color: var(--color-cyan); }
.card-caller-title { padding-right: 20px; font-size: 16px; color: var(--color-grey); }
.card-caller-title strong { margin-bottom: 5px; display: block; font-size: var(--font-size-h3); font-weight: var(--font-weight-extra-bold); line-height: normal; color: var(--color-dark-blue); }
.card-caller-title span { display: block; }
.card-caller-number { color: var(--color-grey); }

/* ### card-process ### */
.card-process { padding: 26px 20px; line-height: 1.9; border: 1px solid var(--color-grey-100); border-right: 4px solid var(--color-yellow); border-radius: var(--border-radius); background-color: var(--color-white); }
.card-process p:last-of-type { margin-bottom: 0; }

/* ### card-plan ### */
.card-plan { border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); overflow: hidden; }
.card-plan-image { padding-top: 40px; padding-bottom: 40px; display: flex; align-items: center; justify-content: center; font-size: 81px; color: var(--color-white); background-color: var(--color-yellow); }
.card-plan-info { padding: 28px 20px; }
.card-plan-info p:last-of-type { margin-bottom: 0; }
.card-plan .card-plan-image img {width:auto;}

/* ### card-help ### */
.card-help { position: relative; display: block; width: var(--width); min-height: 371px; border-radius: var(--border-radius); background-color: var(--color-medium-blue); overflow: hidden; }
.card-help-image { position: absolute; bottom: 0; left: 0; opacity: 0.15; }
.card-help-image img { width: var(--width); height: var(--height); object-fit: cover; }
.card-help-info { padding: 20px 20px 7px; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-content: flex-end; width: var(--width); height: var(--height); color: var(--color-white); }
.card-help-info span { margin-bottom: 15px; display: block; font-size: var(--font-size-h5); font-weight: var(--font-weight-extra-bold); }
.card-help.dark-pink { background-color: var(--color-dakr-pink); }
.card-help.orange { background-color: var(--color-orange); }
.card-help:hover .button.white { color: var(--color-dark-blue); background-color: var(--color-white); }
.card-help.white { min-height: 307px; background-color: var(--color-white); }
.card-help.white .card-help-info { padding: 25px; color: var(--color-dark-blue); }
.card-help.white .card-help-info span { margin-bottom: 21px; line-height: normal; color: var(--color-dark-blue); }
.card-help.white:hover .button { color: var(--color-white); background-color: var(--color-dark-blue); }

/* ### card-project ### */
.card-project { position: relative; display: block; width: var(--width); border-radius: var(--border-radius); overflow: hidden; }
.card-project img { width: var(--width); height: var(--height); object-fit: cover; transition: var(--duration); }
.card-project-lead { padding: 11px 20px; position: absolute; top: 0; left: 0; z-index: 1; width: var(--width); font-size: var(--font-size-h5); font-weight: var(--font-weight-extra-bold); color: var(--color-white); }
.card-project:hover img { transform: scale(1.03); }

/* ### card-rating ### */
.card-rating { padding: 10px; position: relative; z-index: 1; display: flex; align-items: center; width: fit-content; border-radius: 75px; background-color: var(--color-grey-400); }
.card-rating img { width: 25px !important; }
.card-rating a,
.card-rating span { margin: 0 3px; display: inline-block; font-size: 13px; line-height: normal; color: var(--color-dark-blue); }
.card-rating a { text-decoration: underline; }
.card-rating a:hover { text-decoration: none; }
.card-rating ul { display: flex; list-style: none; }
.card-rating li { margin:0 1px;display:flex;align-items:center; }

/* ### info-bar ### */
.info-bar { padding-top: 47px; position: relative; z-index: 2; background-color: var(--color-light-blue); }
.info-bar-column { margin-bottom: 25px; padding-left: 40px; position: relative; }
.info-bar-column:before { display: none !important; position: absolute; top: -2px; left: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-family: var(--font-family-icon); font-size: 14px; color: var(--color-cyan); border: 1px solid var(--color-grey-100); border-radius: var(--border-radius); background-color: var(--color-white); content: '\e905'; }
.info-bar-column p:last-of-type { margin-bottom: 0; }
.info-bar-text { display: flex; align-items: center; list-style: none; }
.info-bar-text li:not(:last-child):after { margin: 0 4px; display: inline-block; vertical-align: middle; content: '/'; }
.info-bar-logo { display: flex; align-items: center; list-style: none; }
.info-bar-logo li { margin-top: 0; margin-right: 10px; }
.info-bar-logo img { width: 40px; height: 40px; border-radius: 3px; overflow: hidden; }
.info-bar-link { text-decoration: underline; color: var(--color-grey); }
.info-bar-link:focus,
.info-bar-link:hover { text-decoration: none; color: var(--color-black); }
.info-bar .info-bar-holder .info-bar-column {
    position: relative;
    display: flex;
    align-items: center;
}
.info-bar .info-bar-holder .info-bar-column img.icon-img {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* ### intro-block ### */
.intro-block { margin-top: 40px; margin-bottom: 40px; padding-top: 40px; padding-bottom: 40px; position: relative; background-color: var(--color-white); }
.intro-block-left { margin-bottom: 40px; position: relative; background-color: var(--color-dark-green); }
.intro-block-left img { height: var(--height); }
.intro-block-image { position: relative; width: var(--width); height: auto; }
.intro-block-image img { width: var(--width); height: var(--height); object-fit: cover; }
.intro-block-image .card-rating img { width: 25px; }
.intro-block-rating { position: absolute; right: 10px; bottom: 10px; }

/* ### image-block ### */
.image-block { width: var(--width); background-color: var(--color-dark-green); }
.image-block img { width: var(--width); height: var(--height); object-fit: cover; }

/* ### sticky-bar ### */
.sticky-bar { padding-top: 15px; padding-bottom: 15px; position: fixed; bottom: 0; left: 0; z-index: 9; width: var(--width); border-top: solid 1px var(--color-grey-100); background-color: var(--color-white); }
.sticky-bar .button { margin-bottom: 0; justify-content: center; width: var(--width); }

/* ### footer container ### */
.footer { overflow: hidden; width: var(--width); }
.footer-holder { padding-top: 59px; border-top: 1px solid var(--color-grey-100); border-bottom: 1px solid var(--color-grey-100); }
.footer-logo { margin-bottom: 32px; display: flex; align-items: center; font-size: 26px; font-weight: var(--font-weight-medium); color: var(--color-dark-blue); }
.footer-logo img { margin-right: 11px; width: 68px; }
.footer-logo span { display: inline-block; line-height: normal; }
.footer-logo span b { font-weight: var(--font-weight-medium); color: var(--color-medium-orange); }
.footer-info { margin-bottom: 41px; }
.footer-info address { margin-bottom: 34px; font-style: normal; color: var(--color-grey); }
.footer-info address em { font-size: 12px; font-style: normal; }
.footer-call { margin-bottom: 32px; list-style: none; }
.footer-call li { margin-bottom: 2px; }
.footer-call li a { color: var(--color-grey); }
.footer-call li a:focus,
.footer-call li a:hover { text-decoration: underline; }
.footer-social-media { display: flex; flex-wrap: wrap; list-style: none; }
.footer-social-media li { margin-bottom: 2px; position: relative; }
.footer-social-media li:not(:last-child):after { margin: 0 8px; display: inline-block; width: 1px; height: 18px; vertical-align: middle; background-color: var(--color-grey); content: ''; }
.footer-social-media li a { color: var(--color-grey); }
.footer-social-media a:focus,
.footer-social-media a:hover { text-decoration: underline; }
.footer-title { margin-bottom: 14px; font-size: 16px; font-weight: var(--font-weight-extra-bold); color: var(--color-dark-blue); }
.footer-menu { margin-bottom: 42px; }
.footer-menu ul { list-style: none; }
.footer-menu li { margin-bottom: 2px; }
.footer-menu li a { font-size: 14px; color: var(--color-grey); }
.footer-menu li a:focus,
.footer-menu li a:hover { text-decoration: underline; }
.footer-menu:last-of-type { margin-bottom: 20px; }

/* ### copyright ### */
.copyright { padding-top: 28px; padding-bottom: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.copyright-link { margin-bottom: 21px; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; }
.copyright-link li { margin-bottom: 2px; position: relative; font-size: 14px; }
.copyright-link li:not(:last-child):after { margin: 0 12px; display: inline-block; width: 1px; height: 16px; vertical-align: middle; background-color: var(--color-grey); content: ''; }
.copyright-link li a { color: var(--color-grey); }
.copyright-link li a:focus,
.copyright-link li a:hover { text-decoration: underline; }

body #junejay_footer {
    font-size: 14px ;
    color: #555555;
    text-align: center;
    width: 100%;
    padding: 6px;
    font-family: inherit;
    margin-bottom: 5px;
}

.cta-block .cta-block-intro h2 {
    color: white;
}
.cta-block .cta-block-column .card-help-info h3 {
	font-size: 18px;
}
.connect .card-form .gform_heading {
    display: none;
}

.connect .card-form label.gfield_label {
    font-size: 16px;
    font-weight: var(--font-weight-semi-bold) !important;
    color: var(--color-grey);
    margin-bottom: 5px;
}
.connect .card-form form input, .connect .card-form form textarea, .connect .card-form form select {
    padding: 10px 20px;
    width: var(--width);
    min-height: 48px;
    font-family: var(--font-family-base);
    font-size: var(--font-base);
    color: var(--color-black);
    border: 1px solid var(--color-grey-100);
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    box-shadow: none;
	outline: none;
}
.connect .card-form form input::placeholder, .connect .card-form form textarea::placeholder, .connect .card-form form select::placeholder {
    opacity: 0.5;
}
.connect .card-form form .ginput_container.ginput_container_consent input {
    padding: 0;
    min-height: unset;
}
.connect .card-form form fieldset.gfield--type-consent label.gform-field-label {
    font-size: 10px;
    display: flex;
    align-items: center;
}
.connect .card-form form fieldset.gfield--type-consent label.gform-field-label span.gfield_required.gfield_required_text {
    display: none;
}
.connect .card-form form .gfield--type-submit input {
    font-weight: var(--font-weight-semi-bold) !important;
    color: var(--color-white) !important;
    border-radius: 75px !important;
    background-color: var(--color-green) !important;
    transition: var(--duration) !important;
    padding: 24px 60px !important;
    border: transparent !important;
    cursor: pointer !important;
    font-size: 16px !important;
    margin-top: -13px !important;
	outline: none !important;
}
.connect .card-form form .gfield--type-submit input:hover {
    background: var(--color-medium-green) !important;
}
.connect .card-form form select {
    padding-top: 5px;
    padding-bottom: 5px;
}
.connect .card-form form .gform-body.gform_body .gform_fields.top_label {
    row-gap: 28px;
}

.gfield_label_before_complex {
	font-weight: var(--font-weight-semi-bold) !important;
}
.connect .card-form .gform_wrapper {
    width: 100%;
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 480px) {
	.button { width: auto; }
	.button + .button { margin-left: 15px; }
	.review-block .swiper,
	.project-block .swiper { margin-right: 0; }
}

@media only screen and (min-width: 768px) {
	:root {
		--font-size-h1: 45px;
		--font-size-h2: 40px;
		--font-size-h3: 22px;
	}
	.button { margin-bottom: 0; padding: 16px 33px; font-size: var(--font-base); }
	.button.button-link { padding: 0; }
	.wrapper { padding-top: 70px; }
	.header-logo { font-size: 20px; }
	.header-logo img { width: 50px; height: auto;}
	.m-menu__header,
	.m-menu .menu-items { height: 71px; }
	.hero-text { padding: 0 15%; font-size: var(--font-base); }
	.hero .button { margin: 0 10px; }
	.help-block-holder { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.breadcrumb li { font-size: 10px; }
	.expert { padding-top: 40px; padding-bottom: 60px; display: flex; flex-wrap: wrap; }
	.expert-lead { margin-bottom: 21px; }
	.expert-intro { margin-bottom: 0; padding-right: 3%; }
	.expert-intro h1 { margin-bottom: 13px; line-height: 1.15; }
	.expert-list { margin-right: 10px; margin-bottom: 10px; }
	.expert-logo { display: flex; justify-content: unset; }
	.expert-image { width: 52.8%; }
	.expert.is-alt { padding-top: 40px; padding-bottom: 40px; text-align: unset; }
	.expert.is-alt .expert-intro { font-size: 18px; }
	.expert.is-alt .expert-image { display: block; }
	.expert.text .expert-holder,
	.expert-holder { padding-bottom: 80px; display: flex; }
	.expert.reverse .expert-holder { flex-direction: row-reverse; }
	.expert.reverse .expert-intro { padding-left: 3%; }
	.expert.text .expert-intro { padding-left: 3%; }
	.expert-heading { width: 52.8%; }
	.expert-heading br { display: block; }
	.expert-image-info { left: 20px; bottom: 30px; }
	.photo-block .swiper-button-prev,
	.photo-block .swiper-button-next { width: 60px; }
	.usp-holder { display: grid; grid-column-gap: 50px; grid-template-columns: repeat(2, 1fr); }
	.review-block .mm-hide { display: flex; }
	.review-block-bottom { display: none; }
	.counter { margin-bottom: 80px; }
	.counter-holder { padding-bottom: 46px; grid-template-columns: repeat(4, 1fr); gap: 25px; }
	.counter-number span { font-size: 40px; }
	.counter-text { font-size: var(--font-base); line-height: normal; }
	.integration { margin-bottom: 80px; }
	.integration-holder { padding-bottom: 30px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--color-grey-100); }
	.integration-info { margin-bottom: 0; width: 49%; }
	.integration-info h2 { margin-bottom: 45px; line-height: 1.2; }
	.integration-list { padding-top: 25px; padding-left: 30px; flex: 1; }
	.integration-item { padding-left: 50px; font-weight: var(--font-weight-semi-bold); }
	.integration-item:before { top: -7px; width: 38px; height: 38px; }
	.plan { margin-bottom: 80px; margin-top: 40px; }
	.plan-heading br { display: block; }
	.plan-holder { grid-template-columns: repeat(2, 1fr); gap: 15px; }
	.plan-btn { padding-bottom: 50px; }
	.process { margin-bottom: 60px; }
	.process-holder { padding-bottom: 60px; }
	.process-right { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.connect-top { grid-template-columns: repeat(2, 1fr); }
	.method { margin-bottom: 80px; }
	.method-heading { margin: 0 auto 23px; max-width: 580px; text-align: center; }
	.method-heading p br { display: block; }
	.method-holder { padding-bottom: 78px; }
	.method-item { margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; }
	.method-text { padding-left: 52px; width: 45%; }
	.method-para { width: 54%; }
	.heading-block-text { padding: 0 16%; font-size: var(--font-base); }
	.card-process { padding: 26px 29px; }
	.cta-block-intro { margin-bottom: 25px; width: 100%; }
	.cta-block-column { grid-template-columns: repeat(2, 1fr); width: 100%; }
	.card-help-info { padding: 20px; }
	.footer-holder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.footer-info { margin-bottom: 10px; }
	.footer-menu { margin-bottom: 10px; padding-top: 22px; }
	.sticky-bar { display: none; }
	.corporate { padding-top: 100px; }
	.corporate-heading { font-size: 24px; }
	.corporate-heading h2 { font-size: 60px; }
	.corporate:after { height: 200px; }
	.info-bar { padding-bottom: 38px; }
	.info-bar-holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.info-bar-column { padding-left: 50px; width: 50%; font-weight: var(--font-weight-semi-bold); }
	.info-bar-column:before { top: -7px; width: 38px; height: 38px; }
	.intro-block { margin-top: 80px; margin-bottom: 80px; padding-top: 0; padding-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; min-height: calc(100vh - 68px); background-color: var(--color-white); overflow: hidden; }
	.intro-block-left { margin-bottom: 0; position: absolute; top: 0; left: 0; width: 56vw; height: var(--height); background-color: var(--color-dark-green); }
	.intro-block-left img { width: var(--width); object-fit: cover; }
	.intro-block-rating { position: absolute; right: 40px; bottom: 30px; }
	.intro-block-info { padding: 40px 0; width: 41%; }
	.intro-block.is-alt { flex-direction: row-reverse; }
	.intro-block.is-alt .intro-block-left { right: 0; left: unset; }
	.intro-block .button { width: var(--width); }
	.intro-block .button-link { margin-top: 15px; margin-left: 0; }
}


@media only screen and (min-width: 1025px) {
	:root {
		--font-size-h1: 60px;
	}
	.wrapper { padding-top: 100px; }
	.header { border-bottom: 0; }
	.header-block { padding-top: 20px; padding-bottom: 19px; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: solid 1px var(--color-grey-100); }
	.header-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
	.header-menu { display: block; }
	.header-menu li:not(:last-child) { margin-right: 15px; }
	body.sticky .header { border-bottom: solid 1px var(--color-grey-100); }
	body.sticky .header-block { padding-top: 8px; padding-bottom: 8px; border-bottom: none; }
	body.sticky .header-logo { font-size: 19px; }
	body.sticky .header-logo img { margin-right: 6px; width: 50px; height: auto; }
	body.sticky .header .button { padding: 10px 30px; }
	.mobile-menu { display: none; }
	.hero-holder { padding-top: 81px; padding-bottom: 20px; }
	.hero-intro { margin-bottom: 90px; }
	.hero-intro h1 { margin-bottom: 17px; line-height: 1.2; }
	.heading-block-text,
	.hero-text { margin-bottom: 29px; font-size: 18px; line-height: var(--line-height-base); }
	.hero-gravity,
	.hero-acf,
	.hero-rank,
	.hero-wp { position: absolute; bottom: 177px; left: 73px; width: 60px; pointer-events: none; }
	.hero-rank,
	.hero-acf { bottom: 46px; left: 103px; }
	.hero-rank,
	.hero-gravity { right: 83px; left: inherit; }
	.hero-rank { right: 113px; }
	.hero-gravity-line,
	.hero-wp-line { position: absolute; top: 26px; left: 17px; width: 294px; }
	.hero-rank-line,
	.hero-acf-line { position: absolute; top: 28px; left: -41px; width: 46px; }
	.hero-gravity-line { right: 17px; left: inherit; }
	.hero-rank-line { right: -41px; left: inherit; }
	.partner { margin-bottom: 66px; border-top: none; border-bottom: none; }
	.partner-holder { padding-top: 29px; padding-bottom: 27px; padding-left: 27px; border-top: solid 1px var(--color-grey-100); border-bottom: solid 1px var(--color-grey-100); }
	.partner .swiper { overflow: hidden; }
	.project-block { margin-bottom: 78px; }
	.project-block h2 { margin-bottom: 25px; }
	.project-block .swiper { margin-bottom: 40px; }
	.project-block-holder { padding-bottom: 77px; }
	.review-block .swiper { padding-bottom: 80px; }
	.review-block-border { padding-bottom: 0; }
	.help-block { margin-bottom: 65px; }
	.help-block h2 { margin-bottom: 23px; }
	.help-block-holder { padding-bottom: 81px; grid-template-columns: repeat(3, 1fr); }
	.expert { padding-bottom: 80px; }
	.expert-intro { padding-top: 18px; }
	.expert-intro h1 { font-size: var(--font-size-h2); }
	.expert.is-alt { padding-top: 70px; padding-bottom: 80px; }
	.expert-image { height: auto; }
	.expert-image-info { left: 40px; }
	.cta-block { margin-bottom: 80px; padding-top: 40px; }
	.cta-block-intro { padding-top: 33px; width: 30%; }
	.cta-block-column { width: 67%; }
	.usp-holder { grid-template-columns: repeat(3, 1fr); }
	.usp-item { margin-bottom: 0; }
	.heading-block-text { margin-bottom: 5px; }
	.review-block-title { margin-bottom: 24px; }
	.cta-block-user { margin-right: 15px; margin-left: -50px; display: none; }
	.counter-holder { gap: 50px; }
	.integration-holder { padding-bottom: 63px; }
	.integration-list { padding-left: 100px; }
	.plan-btn { padding-bottom: 80px; }
	.process-holder { padding-bottom: 82px; display: flex; align-items: center; }
	.process-info { padding-right: 30px; flex: 1; }
	.process-right { width: 52.6%; }
	.connect-holder { grid-template-columns: repeat(2, 1fr); }
	.connect-map { height: var(--height); }
	.method-text { width: 35%; }
	.method-para { width: 62%; }
	.photo-block .swiper-button-next { right: 0; }
	.card-caller { padding: 33px 40px 28px; }
	.card-caller-info { padding-left: 76px; }
	.card-caller-title strong { font-size: var(--font-size-h2); }
	.card-caller-icon { font-size: 37px; }
	.card-caller-number { font-size: 18px; }
	.card-help.white .card-help-info { padding: 20px; }
	.card-review-icon { right: 30px; }
	.card-plan { display: flex; justify-content: space-between; }
	.card-plan-image { padding-top: 0; padding-bottom: 0; width: 49%; }
	.card-plan-info { padding: 28px 29px; width: 51%; border-right: 4px solid var(--color-yellow); }
	.card-plan-info p { margin-bottom: 36px; }
	.footer-holder { padding-top: 0; padding-bottom: 62px; grid-template-columns: repeat(4, 1fr); gap: 30px; border-top: none; }
	.copyright { padding-top: 14px; padding-bottom: 14px; justify-content: space-between; }
	.copyright-link { margin-bottom: 0; }
	.corporate { padding-top: 200px; min-height: calc(100vh - 108px); display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
	.corporate:after { top: calc(100vh - 108px); height: auto; }
	.info-bar-column { width: auto; font-weight: var(--font-weight-semi-bold); }
	.intro-block .button { width: auto; }
	.intro-block .button-link { margin-top: 0; margin-left: 15px; }
}

@media only screen and (min-width: 1200px) {
	.wrapper { padding-top: 108px; }
	.header-logo { font-size: 26px; }
	.header-logo img { margin-right: 11px; width: 68px; height: auto; }
	.header-menu li a { font-size: 18px; }
	.header-menu li:not(:last-child) { margin-right: 30px; }
	.usp-holder { padding: 49px 39px 46px; grid-column-gap: 95px; }
	.usp-item { font-size: 18px; }
	.partner-holder { padding-left: 27px; }
	.expert-intro { padding-right: 6%; }
	.expert.reverse .expert-intro { padding-left: 6%; }
	.expert.text .expert-intro { padding-top: 0; padding-left: 6%; }
	.cta-block-intro { width: 36%; }
	.cta-block-column { width: 61%; }
	.footer-holder { gap: 10px; }
	.footer-social-media li:not(:last-child):after { margin: 0 15px; }
	.integration-list { padding-left: 156px; }
	.process-info { padding-right: 100px; }
	.connect-wrap { grid-template-columns: repeat(3, 1fr); }
	.connect-map { height: 521px; }
	.card-form { padding: 33px 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.card-form-group { margin-bottom: 23px; width: 48.7%; }
	.card-form-check label { margin-bottom: 0; }
	.card-form-btn { display: flex; align-items: center; justify-content: space-between; }
	.intro-block-left { width: 49.7vw; }
}

@media only screen and (min-width: 1440px) {
	.header-right { width: 71.15%; }
	.header-menu li:not(:last-child) { margin-right: 47px; }
	.expert-block { margin-bottom: 0px; display: flex; align-items: flex-start; }
	.expert-list,
	.expert-logo { margin-bottom: 0; }
	.cta-block-user { margin-right: 45px; margin-left: -102px; display: block; order: 1; }
	.cta-block-right { margin-top: 40px; flex: 1; order: 2; }
	.info-bar-holder { padding-right: 85px; padding-left: 47px; }
	.info-bar-column { margin-bottom: 0; }
}

@media only screen and (min-width: 1620px) {
	.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
	.card-help.white .card-help-info { padding: 32px 41px 40px; }
}

@media only screen and (max-width: 768px) {
	.hero-wp, .hero-acf, .hero-gravity, .hero-rank {
		display:none;
	}
	.hero-holder {
		padding-top:60px;
		padding-bottom:20px;
	}
	.hero-intro h1 strong { 
		padding: 3px 8px;
	}
	.usp .usp-holder .usp-item img.icon-block {
		margin-top:-4px;
	}
}
#gform_submit_button_4 {
	padding:16px 33px;
	background-color:var(--color-green);
	border-radius:75px;
	font-size:var(--font-base);
	color:var(--color-dark-blue);
	font-weight:var(--font-weight-semi-bold);
}
#gform_submit_button_4:hover {
	background-color:var(--color-medium-green)
}