/* Last Edited - 11:17 PM May 24, 2023 GTM 6+*/
.int-box.st-x1 .item { width: 25% }
 a.btn.btn-x1.black:hover, section.quick-start a.btn.btn-x1.black:hover { background: var(--e-global-color-2d446ab ); border-color: var(--e-global-color-2d446ab ); background-image: url(../png/home-page-button-icon.png); background-repeat: no-repeat; display: inline-block; width: auto; padding-right: 95px; display: inline-block; position: relative; background-position: 92% center; background-size: 30px; }
.right-content.full-width { flex: 1; max-width: 100%; }
body.blog {
	background-color: var( --e-global-color-5c7ccc4 );
	background-image: url("../svg/gradient-accent-2.svg");
	background-position: 50% -340px;
	background-repeat: no-repeat;
	background-size: 888px auto;
    counter-reset: myCounter;
}

.blog-section {
	background-image: url("../svg/leaf-right.svg");
	background-position: top right;
	background-repeat: no-repeat;
    padding-bottom: 60px;
}

.banner-newsletter {
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.button  {
	color: #fff;
	background-color: #35A635;
	border-radius: 100px 100px 100px 100px;
	padding: 18px 32px 18px 32px;
    border: 0;
    font-family: DM Sans;
    height: 65px;
}

input[type="email"],input[type="text"],input[type="number"],input[type="phone"]{
	padding: 24px 16px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 16px;
	margin-top: 5px;
	font-size: 1rem;
	line-height: 1.2;
	color: #293645;
    box-shadow: none;
    height: 65px;
}

.banner-newsletter .gform_wrapper {
	max-width: 575px;
	margin: 30px auto;
}
.banner-newsletter .gform_wrapper.gravity-theme .gfield.gfield--width-half {
	-ms-grid-column-span: 7;
	grid-column: span 7;
}
.banner-newsletter .gfield--type-submit{
	grid-column: span 5!important;
}

.recent-list {
	display: flex;
	border: 1px solid #0003;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}

.recent-list figure {
	margin: 0;
	flex: 0 0 160px;
	position: relative;
}

.recent-list h2 {
	font-size: 1.125rem;
	font-family: "DM Sans", Sans-serif;
	margin: 0 0 10px;
    font-weight: 500;
    line-height: 24px;
}

.list-content {padding: 16px 9px 16px 15px; background: #fff; }

.blog-section .list-content {width: calc(100% - 160px);}

.recent-list figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cat-list li {
    font-family: "DM Sans", Sans-serif;
	background-color: var( --e-global-color-55fcec6 );
	margin: 0px 08px 0px 0px;
	border-radius: 100px 100px 100px 100px;
    font-size: 0.875rem;
    letter-spacing: -0.4px;
}
.cat-list li a{
    padding: 8px 16px 8px 16px;
    display: block;
    color: #000;
}
.cat-list li:hover{
    background-color: #35A635
}

.cat-list li:hover a{color: #fff;}

.recent-post figure img, .recent-list figure img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    max-width: 100%;
}

.recent-list figure img{
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.recent-list .list-content h2, .recent-post .rc-box h2{
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cat-list { list-style: none; padding: 0; margin: 0 0 15px; position: relative; overflow: hidden; flex-wrap: initial; display: flex; white-space: nowrap; }
.cat-list:after, .filter .owl-carousel .owl-stage-outer:after {
	content: '';
	width: 60px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 88.33%);
}
.rc-box h2 {
	font-size: 1.125rem;
	font-family: "DM Sans", Sans-serif;
    margin-bottom: 26px;
}
.blog-title {
	font-family: var(--e-font-fam-s2);
	font-size: 2.5rem;
	font-weight: 400;
}
.post-date {
	color: var( --e-global-color-0e39fe0 );
	font-size: 0.875rem;
}
.recent-post {
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #00000033;
    background: #fff;
}
.rc-box {padding: 20px 25px;}

.recent-post figure {
	margin: 0 0 0.7rem;
	border-radius: 20px 20px 0px 0px;
	overflow: hidden;
}


h3.sub-title {
	font-size: 21px;
	max-width: 570px;
	font-weight: 400;
	margin-bottom: 40px;
}

.most-read {
	display: flex;
	flex-wrap: wrap;
}
.left-side {max-width: 320px;}

.left-side .recent-list {border: 0;}
.right-content {
	flex: 0 0 calc(100% - 320px);
	max-width: calc(100% - 320px);
}
.left-side .list-content {padding: 0 35px 0 0px; overflow: hidden;}

.left-side .cat-list {
	display: flex;
	white-space: nowrap;
    overflow: hidden;
    flex-wrap: initial;
}

.blog h1 {
	font-size: 40px;
	font-weight: 400;
	font-size: 56px;
	max-width: 640px;
	margin: 60px auto;
	line-height: 64px;
}

.banner-newsletter .content p {
	max-width: 660px;
	margin: 0 auto 0px;
}
.em-image {
	max-width: 545px;
	text-align: right;
	margin: 0 auto -15px;
}
.em-image img {
	transform: rotate(77deg);
}
.blog-bottom {
	padding: 110px 0 65px;
	background: #fff;
}

.blog-bottom h2.btm-title {
	font-size: 40px;
	font-family: var(--e-font-fam-s2);
	font-weight: 400;
	line-height: normal;
	margin-top: -5px;
}
.blog h2 a {color: #293645;}

.filter {display: flex;	flex-wrap: wrap; margin-bottom: 55px; overflow: hidden; }
.filter .filter-area {   flex: 0 0 59%;   max-width: calc(59% - 160px);   display: flex;   align-items: center; }
.filter .owl-nav {flex: 0 0 auto;}
.filter .filter-area .owl-nav {   position: absolute;   right: -160px;   top: 0; }
.archive.category .filter-area, .archive.category .sub-title {   display: none; }
.category-post a {   text-decoration: none; } 
.category-post a:hover {   text-decoration: underline; }

.filter .owl-carousel .owl-item strong {
	color: var( --e-global-color-f6cce95 );
	background-color: var( --e-global-color-19bf0d5 );
	padding: 8px 16px 8px 16px;
	border-radius: 100px 100px 100px 100px;
	display: block;
	margin-right: 2px;
	font-weight: 500;
    cursor: pointer;
}
.filter strong:hover, .item.active strong{
    background-color: #c3f0c8 !important;
    color: #000 !important;
}

.filter .owl-carousel .owl-nav button.owl-next, .filter .owl-carousel .owl-nav button.owl-prev {margin: 0 3px;}

.input-search {
	margin-left: auto;
	min-width: 227px;
}

.input-search input[type='text'] {
	font-family: var( --e-global-typography-02c7710-font-family ), Sans-serif;
	font-size: var( --e-global-typography-02c7710-font-size );
	font-weight: var( --e-global-typography-02c7710-font-weight );
	line-height: var( --e-global-typography-02c7710-line-height );
	letter-spacing: var( --e-global-typography-02c7710-letter-spacing );
	word-spacing: var( --e-global-typography-02c7710-word-spacing );
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #00000033;
	border-radius: 16px 16px 16px 16px;
	padding: 16px 16px 16px 45px;
}

.input-search input[type='text']{
	background: url(../svg/system-search.svg) no-repeat;
	background-position: 16px 50%;
}

.left-side .recent-list::before {
	counter-increment: myCounter;
	content: counter(myCounter);
	font-size: 1rem;
	font-weight: 500;
	color: #fff;
	background: var(--e-global-color-2d446ab);
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	flex: 0 0 24px;
	margin-right: 5px;
}

.right-content .col-6 {margin-bottom: 40px;}

.most-read .rc-box h2 {
	font-size: 1.125rem;
	font-family: "DM Sans", Sans-serif;
	margin-bottom: 30px;
    min-height: 86px;    
}
.most-read .recent-post figure {
	margin: 0 0 0.7rem;
	border-radius: 20px 20px 0px 0px;
	overflow: hidden;
	padding-bottom: 63.5%;
	position: relative;
}
.most-read .recent-post figure img {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.btn__wrapper {
	text-align: center;
	justify-content: center;
	display: flex;
	align-items: center;
	width: 100%;
}

@keyframes anmCircle {
	0% {
		opacity: 1;
		transform: rotate(0) scale(1);
	}

	100% {
		opacity: 0;
		transform: rotate(-540deg) scale(0);
	}
}

.loading + .btn__wrapper a{position: relative;}
.loading + .btn__wrapper a::after {
	animation: anmCircle 1.5s ease 0s 1 normal none;
	content: "";
	width: 20px;
	height: 20px;
	border: 2px solid #35A635;
	position: absolute;
	right: 5px;
	top: 22px;
	border-radius: 20px;
	background: #35A635;
}

.team-list-content .item{display: none; cursor: pointer; position: relative;}
.profile-link {position: absolute;bottom: 15px;right: 10px;}
.profile-content {min-height: 170px;}
.inner-item.pop-up-x1 .profile-image img { height: 250px; object-fit: cover; }

.canopy-cadence{
    height: clamp(3000px, calc(10.5rem + ((1vw - 3.2px) * 20)), 200px);
    padding: 0;
    background-color: var(--e-global-color-109f4fe );
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.postid-17266 .canopy-cadence{
    height: clamp(calc(3700px + 100vh), calc(10.5rem + ((1vw - 3.2px) * 20)), 200px);
}

.canopy-cadence .scroll-slider{padding: 40px 0;}
.canopy-cadence .container{min-height: 720px;}
.canopy-contentbox{position: relative;}

.scr-content .active p {
    display: block;
}


.scr-content p {
    display: none;
}

.error-page{
    font-family: var(--e-font-fam-s2);
    text-align: center;
    font-weight: 400;
    height: calc(100vh - 150px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.error-page h1 {
    font-size: 6vw;
    font-weight: 400;
    line-height: 1em;
}

.error-page h2{
    font-size: 3vw;
    font-weight: 400;
    line-height: 1em;
    font-family: var(--e-font-fam-s2);
}
.error-page{
    font-family: "DM Sans", Sans-serif; font-size: 24px;
}

.error-page p{margin-bottom: 30px; font-size: 24px;}

.error404{
    background-image: url(../svg/gradient-accent-2.svg);
    background-position: 146px -205px;
    background-repeat: no-repeat;
    background-size: 888px auto;
}

.single-services .canopy-cadence .scroll-slider {padding: 60px 0;}
.eml-image {
	max-width: 225px;
	text-align: right;
	position: relative;
    margin-bottom: -30px;
}
.eml-image img {
	transform: rotate(75deg);
	width: 60px;
	margin-top: -43px;
	margin-bottom: 0;
}

.swap_words_animation {
    position: absolute;
    padding: 0 10px;
}

.cookie-wrapper{
    background: #C3F0C8;
    width: 98%;
    padding: 20px 32px;
    margin:  0 auto;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 12%);
    border-radius: 16px 16px 0px 0px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}
.cli-bar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cookie-title {font-family: 'Recoleta';font-weight: 400;font-size: 24px; line-height: 1.4;color: #293645;margin-bottom: 15px;}
a.btn{display: inline-block;}
.cli-bar-message {font-size: 16px;color: #545454;margin-bottom: 0px;}
.cookie-wrapper.hide { display: none!important }

@media only screen and (max-width: 1685px){
    section.banner-s1 h2 {font-size: 60px;}
    section.banner-s1 .content p {padding-right: 115px;}
    section.section-22,.helping-great-brands,.quick-start,.fastest-growing-agency {padding-left: 15px!important; padding-right: 15px!important;}
    section.best-in-class button.owl-next {right: -120px;}
    section.best-in-class button.owl-prev {left: -120px;}
}

@media only screen and (max-width: 1360px){
    .helping-fv-logo .helping-fv-logo-single:last-child{margin-right: 0;}
    .home section.human-expert {padding: 0 15px;}
}

@media only screen and (max-width: 990px){
    .quick-start.style-x1 .container-x2 {flex-direction: column;}
    .team_main_page section.quick-start.style-x1 .container-x2 img.background {top: -66px; order: -1;}
    .team_main_page section.quick-start.style-x1 .col-6.l-content {
    	width: 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    	padding-right: 235px;
    	padding: 42px !important;
    }
   .team_main_page section.quick-start.style-x1 a.btn.btn-x2 {display: block;}
   section.banner-s1.style-x3 .content img.alignnone.size-full.wp-image-17582 {right: 260px;}
   section.banner-s1.style-x3 h1 {max-width: 550px;}
   section.service-banner.style-x4 .col-12.l-content {padding: 0 50px; text-align: center;}
   .single-services section.review .title.st-x2 {display: block;}
   .single-services section.banner-s1.style-x3 .b-image.right-data {display: block;}
   .postid-134 .row.feature-services-list{padding: 0 15px;}
   .single-case-studies section.helping-great-brands .container {padding: 20px 20px !important;}
   section.helping-great-brands .row.helping-st {text-align: center;margin-top: 0;}
   section.helping-great-brands .row.helping-st .col-3 { padding: 10px 0;; display: flex; max-width: 100%; flex: 1; }
   .postid-17189.single-case-studies span.int-counter-number {font-size: 32px !important;line-height: 1.3 !important;}
   .row.single-column.int-column{padding: 0 20px;}
   .row.double-column.int-column {padding: 10px;}
   .single-case-studies .banner-s1 .content a.btn.btn-x2{margin: auto; display: block !important; }
   .animatedSVG{padding: 0;}
   #helping_great_brands .animatedSVG svg{margin: -11px auto 0;}
   section.banner-s1.style-x3 .b-image.right-data img {min-width: 500px; margin-left: 0; }
   section.wrap-awards .int-box.st-x1 .item { width: 100%;}
   section.wrap-awards .int-box.st-x1 { gap: 0;}
   .row.feature-services-list .col-6 {margin-bottom: 15px;padding-right: 0;}
    .arrow-down-services {position: absolute;right: 100%;bottom: -53px; width: 150px;}
    img.small-icons {width: 120px;}
    .row.feature-services-list {margin-left: 20px;}
    .single-services section.banner-s1 .inner-container {align-items: center;}
}

@media only screen and (max-width: 785px){
    .fastest-growing-agency h2 br {display: none;}
    .em-image img {height: 45px;}
    .team_main_page section.quick-start.style-x1 .container-x2 img.background {top: -29px;}
    .team_main_page section.quick-start.style-x1 .col-6.l-content {padding: 25px !important;}
    section.service-banner.style-x4 .col-12.l-content {padding: 0;}
    section.helping-great-brands .row.helping-st .col-3 { padding: 20px 0 0 }
    .recent-list figure img{position: relative; height: auto !important; width: auto;}
    .recent-list figure {flex: 0 0 100%;}
    .blog-section .list-content{width: 100%;}
    section.blog-section .recent-list figure img {height: auto !important;}
    .recent-post figure img, .recent-list figure img{height: auto;}
    .blog-section .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .left-side .list-content {padding: 0px;overflow: hidden;}
    section.service-banner.style-x4{padding: 104px 15px 0px 14px;}
    section.quick-start a.btn.btn-x1.black {line-height: 1.2;}
    .row.feature-services-list { padding-left: 0;}
    .row.feature-services-list {margin-left: 0;}
    .single-services section.feature-services .row.feature-services-list .col-6 {padding-right: 20px !important;}
    section.service-banner.style-x4 .container-x2 {padding: 140px 10px 70px 10px;}
    .arrow-down-services { position: static; width: 120px;}
    .mega-menu-content {padding: 0 0;}
    .menu-open .nav-menu ul.menu .mega-menu li a {font-size: 16px;padding: 5px 5px !important;}

}

@media only screen and (max-width: 500px){
    section.banner-s1.style-x3 .b-image.right-data {overflow: hidden;}
    section.banner-s1 h3 {color: #333;}
    .tab-x2 .tab-x2-content {--columns: 1; width: calc(100% + 20px); margin: 0 -10px;}
    .single-case-studies .banner-s1 .content a.btn.btn-x2 {margin: 20px auto 0;}
    .single-services section.fastest-growing-agency.full-width .container-x2.center.blue-bg {padding: 30px 20px 0px !important;}
    section.fastest-growing-agency .container-x2.center.blue-bg {margin: 0 15px;width: auto;}
    section.fastest-growing-agency .container-x2.center.blue-bg {padding: 104px 8px 14px;}
    .single-services section.feature-services .row.feature-services-list .col-6 {padding-right: 0!important;}
    section.review .review-item .col-6.l-block img{position: relative;}
    section.review .review-item .col-6.l-block {height: auto;}
}