/*
Theme Name: FlowPages
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: A custom hand-coded theme.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: FlowPages
*/

body {
	margin: 0;
	color: #13072d;
}
img { max-width: 100%; height: auto; }
.lg-container{max-width:1400px;margin:auto;}
.btn{
	padding: 1rem 1.25rem;
	border: 1px solid;
	border-radius: .375rem;
}
.btn p, .btn span{
	font-size: 1.125rem;
	font-family: Onest, sans-serif;
	font-weight: 600;
	line-height: 1.6;
}
.btn-blue, .btn-white:hover{
	background: rgb(15, 98, 254);
	border-color: rgb(0, 67, 206);
	color: #fff;
}
a {text-decoration:none;}
.sc-padding{
	padding-top:5rem;
	padding-bottom:5rem;
}
.sc-padding-large{
	padding-top:8rem;
	padding-bottom:8rem;
}
.italic-text{
	font-family: Wittgenstein;
	font-style: italic;
}
.padding-top{
	padding-top: 11rem !important;
}
p{
	font-family: Inter, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.6;
}
.btn-white{
	background: #fff;
	color:rgb(0, 67, 206);
	border-color: #fff;
	transition: background .2s ease, color .2s ease;
}
.btn-white .btn-icon--hover { display: none; }
.btn-white:hover .btn-icon--default { display: none; }
.btn-white:hover .btn-icon--hover   { display: inline-block; }
.btn-blue:hover{
	border-color:#0043ce;
	background:#0043ce;
	color: #fff;
}
h1,h2,h3,h4,h5,h6{font-family: Onest, sans-serif;}
body.no-hero { padding-top: 70px; }

/***************************************************************************
Header 
**************************************************************************/
.fp-header {
	padding: .6rem 2rem;
	padding-top: 0;
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 1030;
	transition: background-color .3s ease, box-shadow .3s ease;
}
.navbar-nav li a {
	color: #13072d;
	padding: .5rem 1rem;
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	border: 1px solid transparent;
	line-height: 1.4;
	transition: color .3s ease, border-color .3s ease;
}
.navbar-nav li.current-menu-item a, .fp-header--transparent .navbar-nav li.current-menu-item a { color: #0082f3; }
.fp-header .nav-link { color: #0b0b0f; font-weight: 500; padding: .5rem 1rem; }
.fp-header__price { font-weight: 400; opacity: .85; }
.fp-toggler { display: none; border: none; background: none; padding: 6px; }  /* hidden on desktop */
.fp-toggler:focus { box-shadow: none; }
.fp-toggler__box { display: block; width: 26px; height: 18px; position: relative; }
.fp-toggler__bar {
	position: absolute; left: 0; width: 100%; height: 3px;
	background: #0b0b0f; border-radius: 2px; transition: .3s ease;
}
.btn-icon--hover { display: none; }
.btn-icon { transition: opacity .2s ease; }
.fp-cta-icon { transition: opacity .2s ease; }
.fp-header--transparent .btn-blue .fp-cta-icon--dark { display: none; }
.fp-header--transparent .btn-blue .fp-cta-icon--light  { display: inline-block; }
.fp-header--transparent .btn-blue:hover .fp-cta-icon--light  { display: none; }
.fp-header--transparent .btn-blue:hover .fp-cta-icon--dark { display: inline-block; }
.fp-header--solid .btn-blue .fp-cta-icon--light  { display: none; }
.fp-header--solid .btn-blue .fp-cta-icon--dark { display: inline-block; }
.fp-header--solid .btn-blue:hover .fp-cta-icon--dark { display: none; }
.fp-header--solid .btn-blue:hover .fp-cta-icon--light  { display: inline-block; }
.fp-toggler__bar:nth-child(1){ top: 0; }
.fp-toggler__bar:nth-child(2){ top: 7px; }
.fp-toggler__bar:nth-child(3){ top: 14px; }
.fp-toggler:not(.collapsed) .fp-toggler__bar:nth-child(1){ top: 7px; transform: rotate(45deg); }
.fp-toggler:not(.collapsed) .fp-toggler__bar:nth-child(2){ opacity: 0; }
.fp-toggler:not(.collapsed) .fp-toggler__bar:nth-child(3){ top: 7px; transform: rotate(-45deg); }
.fp-header--transparent { background: transparent; box-shadow: none; }
.fp-header--transparent .navbar-nav li a { color: #fff; }
.fp-header--transparent .navbar-nav li a:hover { border-color: #fff; border-radius: .375rem; }
.fp-header--transparent .fp-toggler__bar { background: #fff; }
.fp-header--transparent .btn-blue { background: #fff; color: rgb(0, 67, 206); padding: .5rem 1rem; }
.fp-header--transparent .btn-blue span{font-weight:500;}
.fp-header--transparent .btn-blue:hover{ color: #fff; background: rgb(0, 67, 206); }
.fp-header--solid { background: #fff; box-shadow: 0 2px 5px #0003; }
.fp-header--solid .btn-blue { background: #0f62fe; color: #fff; padding: .5rem 1rem; }
.fp-header--solid .btn-blue:hover{background: #fff; color: #0f62fe;}
.fp-cta-text--short { display: none; }
.fp-header--solid .fp-cta-text--full  { display: none; }
.fp-header--solid .fp-cta-text--short { display: inline; }
.fp-logo, .fp-cta-icon { transition: opacity .2s ease; }
.fp-logo--dark, .fp-cta-icon--dark { display: none; }
.fp-header--solid .fp-logo--light,
.fp-header--solid .fp-cta-icon--light { display: none; }
.fp-header--solid .fp-logo--dark,
.fp-header--solid .fp-cta-icon--dark { display: inline-block; }
.fp-mobile-head { display: none; }

/* =========================================================
MOBILE (≤991px)
========================================================= */
@media (max-width: 991.98px) {

	.fp-header { padding: .85rem 1.25rem; }
	.fp-toggler {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
	}
	.fp-header .navbar-collapse {
		display: none;
		position: fixed;
		inset: 0;
		background: #fff;
		padding: 1.25rem;
		overflow-y: auto;
		z-index: 1040;
		flex-direction: column;
	}
	.fp-header .navbar-collapse.show { display: flex; }
	.fp-header--transparent .navbar-collapse .navbar-nav li a,
	.fp-header .navbar-collapse .navbar-nav li a { color: #13072d; }
	.fp-mobile-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 1rem;
		border-bottom: 1px solid #eef0f4;
		margin-bottom: 1.5rem;
	}
	.fp-mobile-logo { height: 28px; width: auto; }
	.fp-mobile-close {
		border: none; background: none;
		font-size: 2rem; line-height: 1;
		color: #0f62fe; cursor: pointer; padding: 0 .25rem;
	}
	.fp-header .navbar-nav {
		align-items: flex-start !important;
		text-align: left !important;
		gap: .5rem;
	}
	.fp-header .navbar-nav li { width: 100%; }
	.fp-header .navbar-nav li a {
		display: block;
		width: 100%;
		border: 1px solid transparent !important;
		padding: .85rem .25rem;
		font-size: 1.15rem;
	}
	.fp-header .navbar-nav li a:hover { color: #0082f3; }
	.fp-header .fp-cta,
	.fp-header--transparent .fp-cta,
	.fp-header--solid .fp-cta {
		display: inline-flex !important;
		width: auto;
		align-self: flex-start;
		margin-top: 1.5rem;
		background: #fff !important;
		color: #0f62fe !important;
		border: 1px solid #0f62fe;
		border-radius: .5rem;
		padding: .75rem 1.25rem;
	}
	.fp-cta .fp-cta-text--full  { display: none; }
	.fp-cta .fp-cta-text--short { display: inline; }
	.fp-cta .fp-cta-icon--light { display: none; }
	.fp-cta .fp-cta-icon--dark  { display: inline-block; }
}

/***************************************************************************
Home 
**************************************************************************/

/********************* Hero *********************/
.sc-hero, .sc-testimonial__bg, .steps--work_header, .sc-cta, .sc-work__design, .sc-background{
	background-image:url(assets/img/hero-bg.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.sc-hero__main h2{
	letter-spacing: -1.28px;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.2;
}
.hero-action-card__links{
	flex-direction: row !important;
	align-items: start !important;
}
.sc-hero__datil{width: 60%;}
.action-card.action-hero__card{border-radius: 1rem 1rem 0 0; width:500px;}
.action-card.action-hero__card::after{	background: linear-gradient(150deg,rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.51) 79%, rgba(0, 0, 0, 0));}
.sc-hero::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 160px;
	background: linear-gradient(to bottom, rgba(11,31,92,0) 0%, #0b1f5c 88%);
	z-index: 3;
	pointer-events: none;   
}
.sc-action__watermark {
	position: absolute;
	right: 2.5rem;
	bottom: 1.75rem;
	display: flex;
	align-items: center;
	gap: .6rem;
	color: rgba(255,255,255,.9);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.6;
	z-index: 4;            
	pointer-events: none;
}
.action-hero__card .action-card__img {height:550px}
.sc-action__row.sc-action-hero__row{animation: sc-action-scroll 60s linear infinite;}
.hero-action-card__links .action-card__btn{border-radius:.375rem; font-size:1rem;}

/********************* why *********************/
.sc-why__box{
	padding: 3rem;
	background-color: #f1f5f9;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sc-why__box h3{
	letter-spacing: -.64px;
	margin: 0 0 1rem;
	padding: 0;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	color: #13072d;
}
.why-choose{
	letter-spacing: -1.12px;
	margin: 0 0 1rem;
	padding: 0;
	font-family: Onest, sans-serif;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.2;
	color:#13072d;
}
.why-choose span{color:#0f62fe;}

/********************* testimonial *********************/
.sc-testimonial__bg{
	padding-top: 8rem;
	padding-bottom: 8rem;
}
.testimonial__heading{
	letter-spacing: -.96px;
	margin: 1rem 0;
	padding: 0;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.3;
}
.blockquote{display: flex; flex-direction:column; gap: 1rem;}
.blockquote h4{
	letter-spacing: -.64px;
	padding: 0;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	max-width: 550px;
	width: 100%;
}
.blockquote p{
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}

/********************* steps *********************/
.steps--work_content {
	border: 1px solid #cbd5e1;
	border-radius: 1.5rem;
	overflow: hidden;
}
.steps--work_header h2 { font-size: 3rem; letter-spacing: -.96px; line-height: 1.3; }
.steps--work_body h3 {
	letter-spacing: -.64px;
	color: #13072d;
	margin: 0 0 .5rem;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
}
.steps--work_body h6 { font-size: 1.125rem; line-height: 1.4; font-weight: 600; }
.steps--work_body { border-right: 1px solid #e2e8f0; }
.steps--work_content{
	border: 1px solid #cbd5e1;
	border-radius:1.5rem;
	overflow: hidden;
}
.steps--work_header h2{font-size: 3rem;
	letter-spacing: -.96px;
	line-height: 1.3;}
.steps--work_body h3{
	letter-spacing: -.64px;
	margin: 0 0 1rem;
	color: #13072d;
	margin-bottom: .5rem;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
}
.steps--work_body h6{
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight:600;
}

/********************* See Flowpages in action *********************/
.sc-action__head { position: relative; display: inline-block; margin-bottom: 2.5rem; }
.sc-action__title {
	font-size: clamp(2.2rem, 5vw, 3.5rem);
	font-weight: 600;
	line-height: 1.1;
	color: #0f1222;
	margin: 0;
}
.italic-text { font-style: italic; color: #0f62fe; }
.sc-action__arrow {	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-30%);
	width: 90px;
	height: auto;
	margin-left: 1.5rem; }
.sc-action__scroll { overflow: hidden; padding: 1.5rem 0; -webkit-overflow-scrolling: touch; }
.sc-action__scroll::-webkit-scrollbar { height: 0; }
.sc-action__row {
	display: flex;
	gap: 3rem;
	width: max-content;
	animation: sc-action-scroll 30s linear infinite;
}
.sc-action__row:hover, .sc-action__row.sc-action-hero__row:hover { animation-play-state: paused; }  
@keyframes sc-action-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }   
}
.action-card {
	position: relative;
	flex: 0 0 auto;
	width: 550px;
	max-width: 80vw;
	border-radius: 18px;
	overflow: hidden;
	background: #f2f3f7;
}
.action-card__img { width: 100%; height: 700px; object-fit: cover; display: block;object-position: top; }
.action-card { position: relative; overflow: hidden; }
.action-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.51) 79%, rgba(0, 0, 0, 0) 100%);
	opacity: 0;
	transition: opacity .25s ease;
	pointer-events: none;   
	z-index: 1; width:100%;
}
.action-card:hover::after { opacity: 1; }
.action-card__links {
	position: absolute;
	inset: 0;                       
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;         
	gap: .9rem;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
	padding: 2rem;
}
.action-card:hover .action-card__links {
	opacity: 1;
	visibility: visible;
}
.action-card__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	padding: .9rem 1.4rem;
	border-radius: 12px;
	text-decoration: none;
	transform: translateY(8px);          
	transition: transform .25s ease;
	text-align: center;
	width: 100%;
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
}
.action-card:hover .action-card__btn { transform: translateY(0); }
.action-card__btn--figma { background: #fff; color: #0f1222; }
.action-card__btn--figma:hover { background: #fff; }
.action-card__btn--coded { background: transparent; color: #fff; border: 1px solid #fff; }

/********************* audience *********************/
.audience_heading{
	letter-spacing: -1.12px;
	margin: 0 0 1rem;
	padding: 0;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.2;
	color: #333;
}
.audience_sub-heading{margin-bottom:3rem;}
.audience_heading span {color:#0f62fe;}
.audience__detail img{margin-bottom: 2rem;
	padding: 1.25rem 1.65625rem;}
.audience__detail h3{
	letter-spacing: -.64px;
	margin: 0 0 1rem;
	padding: 0;
	font-family: Onest, sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: .5rem;
}
.audience__detail p{color:#333;}

/********************* comparison *********************/
.sc-comparison { position: relative; overflow: hidden; }
.sc-comparison__bgimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;   
	z-index: -1;
	opacity: .5;                       
}
.comparison__heading{
	letter-spacing: -1.28px;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.2;
}
.compare {
	position: relative;
	display: flex;
	background: #eef1f7;
	border-radius: 22px;
	--row-h: 84px;    
	--head-h: 116px;  
}
.compare .col { flex: 1 1 0; display: flex; flex-direction: column; }
.compare .cell {
	min-height: var(--row-h);
	box-sizing: border-box;
	margin: 0;                      
	padding: .5rem 1.75rem;         
	display: flex;
	align-items: center;
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	line-height: 1.4;
}
.compare .cell--head { min-height: var(--head-h); }
.col--fp .cell:last-child{border:none}
.compare .cell {
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;
	display: flex;
	align-items: center;
	margin: .5rem 0;
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	line-height: 1.4;
}
.compare .cell--head { padding-top: 1.75rem;padding-bottom: 1.75rem; font-weight: 700; }
.col--feature .cell {padding-left: 2rem;}
.col--alt .cell { justify-content: center; text-align: center; }
.col--feature .cell:not(:last-child),
.col--alt .cell:not(:last-child) { border-bottom: 1px solid #e1e6f0; }
.col--fp {
	flex: 1.05 1 0;
	background: #0f62fe;
	border-radius: 22px;
	margin: -22px 0;                          
	padding: 22px 0;                          
	box-shadow: 0 -10px 55px rgba(47,107,255,.40);
	z-index: 2;
}
.col--fp .cell, .col--fp .cell--head { justify-content: center; text-align: center; color: #fff; font-weight: 600; }
.col--feature .cell:not(:last-child),
.col--alt .cell:not(:last-child) { border-bottom: 1px solid #e1e6f0; }
.col--fp .cell:not(:last-child) { border-bottom: 1px solid #fff; }
.col--fp .cell:last-child { border: none; }

/********************* Benefits grid *********************/
.sc-benefit{padding-top:7rem;}
.benefit { display: flex; align-items: flex-start; gap: 1.3rem; }
.benefit__icon { flex: 0 0 auto; }
.benefit__icon img { width: 48px; height: 48px; object-fit: contain; }
.benefit__title {
	color: #0f1222;
	margin: 0 0 .35rem;
	letter-spacing: -.64px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.3;
}
.benefit__text {
	font-size: 1.125rem;
	color: #333;
	line-height: 1.6;
	margin: 0;
	max-width: 22ch;
}

/********************* Cta *********************/
.sc-cta__heading{font-size:5rem;}
.cta-pricing__box{background:#fff;
	color:#13072d;
	padding: 2rem;
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	width: 30rem;
}
.cta-pricing__box h4{
	line-height: 1;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: -.64px;
	color:#13072d;
}
.cta-pricing__box h3{
	letter-spacing: -.96px;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.3;
}
.check-list { list-style: none; padding: 0; margin: 0; }
.check-list__item {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-bottom: 1.1rem;
	font-size: 1.125rem;
	color: #13072d;
	font-family: Onest, sans-serif;
	font-weight: 400;
}
.check-list__item:last-child { margin-bottom: 0; }
.check-list__icon { flex: 0 0 auto; width: 25px; height: 25px; color: #0f62fe; }

/***************************************************************************
Our Work 
**************************************************************************/

/********************* Hero *********************/
.work-hero__heading{
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -1.28px;
}
.design-hero__heading{
	font-weight: 600;
	line-height: 1.2;
	font-size: 5rem;
}

/********************* Our Work gallery *********************/
.work-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem; margin-bottom: 3rem; }
.work-filter {
	border: 0; background: transparent; color: #0f1222;
	font-weight: 600; font-size: 1.125rem; padding: .75rem 1.25rem;
	border-radius: 10px; cursor: pointer; transition: background .15s, color .15s; font-family: Onest, sans-serif;
}
.work-filter:hover { color: #0f62fe; }
.work-filter.is-active { background: #0f62fe; color: #fff; }
.work-card__media {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	background: #f2f3f7;
	aspect-ratio: 4 / 4;
	border: 1px solid #f2f3f7;
}
.work-card__media img {
	width: 100%; height: 100%;
	object-fit: cover; object-position: top;
	display: block; transition: transform .3s ease;
}
.work-card__media::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(0deg,rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.51) 75%, rgba(0, 0, 0, 0));
	opacity: 0; transition: opacity .25s ease;
	pointer-events: none; z-index: 1;
}
.work-card__media:hover::after { opacity: 1; }
.work-card__links {
	position: absolute; inset: 0; z-index: 2;
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
	gap: 1rem; padding: 1.5rem;
	opacity: 0; visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}
.work-card__media:hover .work-card__links { opacity: 1; visibility: visible; }
.work-btn {
	display: flex; align-items: center; justify-content: center;
	gap: .5rem; width: 100%; max-width: 300px;
	padding: 1rem 1.25rem; border-radius: .375rem;
	font-weight: 700; font-size: 1.125rem; text-decoration: none; white-space: nowrap; font-family: Onest, sans-serif;
	line-height: 1.4;
}
.work-btn--figma { background: #fff; color: #0f1222; }
.work-btn--coded { background: transparent; color: #fff; border: 1.5px solid rgba(255,255,255,.55); }
.fig-icon { flex: 0 0 auto; }
.work-card__title { font-size: 1.5rem; font-weight: 700; color: #0f1222; margin: 1rem 0 0; }

/********************* Before/After comparison slider *********************/
.baslider {
	position: relative;
	margin: 0 auto;
	border-radius: 16px;
	overflow: hidden;
	user-select: none;
	background: #f2f3f7;
}
.baslider__img { display: block; width: 100%; height: auto; pointer-events: none; }
.baslider__before {
	position: absolute;
	inset: 0;
	width: 50%;              
	overflow: hidden;
}
.baslider__before .baslider__img {
	width: 1000px;           
	max-width: none;
	height: 100%;
	object-fit: cover;
	object-position: left top;
}
.baslider__label{
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
}
.baslider__divider {
	position: absolute; top: 0; bottom: 0; left: 50%;
	width: 5px; background: #0f62fe;
	transform: translateX(-50%);
	z-index: 5;
}
.baslider__handle {
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 40px; height: 40px; border-radius: 50%;
	background: #0f62fe; color: #fff; border: 0;
	cursor: ew-resize;
	display: flex; align-items: center; justify-content: center; gap: 2px;
	font-size: .8rem; line-height: 1;
}
.baslider.is-dragging { cursor: ew-resize; }


/***************************************************************************
Our Work
**************************************************************************/

/********************* project *********************/
.sc-work h2{letter-spacing: -.96px;
	margin: 1rem 0;
	padding: 0;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.3;}
/********************* figma *********************/
.sc-baslider h2{
	letter-spacing: -.96px;
	margin: 1rem 0;
	padding: 0;
	font-family: Onest, sans-serif;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.3;
	color: #13072d;
}
/********************* testimonial *********************/
.sc-quote__inner { max-width: 49.625rem; margin: 0 auto; }
.sc-quote__text {
	font-size: clamp(1.5rem, 3vw, 2.2rem);
	font-weight: 700;
	line-height: 1.35;
	color: #13072d;
	font-family: Onest, sans-serif;
}
.sc-quote__author {
	font-weight: 700;
	color: #13072d;
	margin: 0;
	font-size: 1.05rem;
}

/***************************************************************************
Abot Us
**************************************************************************/

/********************* Hero *********************/
.about-hero h2{
	letter-spacing: -1.28px;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.2;
}
.sc-about-story{
	background-image: url(assets/img/bg-about-story.webp);
	background-repeat: no-repeat;
	padding-bottom: 15rem;
	background-position: bottom;
	background-size: contain;
}
.about-story__heading{
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -1.12px;
}
.sc-about-story p{color: #333;}

/********************* Problem vs Solution *********************/
.sc-vs{padding-top: 8rem;}
.vs {
	display: grid;
	grid-template-columns: 1fr 1fr;   
	align-items: center;
} 
.vs-card--problem {
	background: #eef1f7;
	border-radius: 24px;
	padding: 3.5rem 6rem 3.5rem 3rem;    
	margin-right: -4rem;                 
	position: relative;
	z-index: 1;
}
.vs-card--solution {
	position: relative;
	z-index: 2;
	color: #fff;
	border-radius: 28px;
	padding: 3rem ;
	margin: -2.75rem 0;                  
	background-color:#0f62fe;
	box-shadow: 0 2px 18px 6px #0f62fecc;
}
.vs-card__title { font-size: 1.95rem; font-weight: 700; line-height: 1.25; margin: 0 0 1.75rem; }
.vs-card--solution .vs-card__title { font-size: 2.1rem; }
.vs-card--problem .vs-card__title { color: #0f1222; }
.vs-list { list-style: none; margin: 0; padding: 0; text-align: left; }
.vs-card--solution .vs-list { display: inline-block; margin-bottom: .5rem; }
.vs-list li { display: flex; align-items: flex-start; gap: .85rem; margin-bottom: 1.15rem; font-size: 1.125rem; line-height: 1.4; font-family: Inter, sans-serif;}
.vs-card--problem .vs-list li { color: #333; }
.vs-card--solution .vs-list li { font-weight: 600; }
.vs-ico { flex: 0 0 auto; font-weight: 700; line-height: 1.4; }
.vs-ico--x { color: #e5484d; }
.vs-ico--check { color: #fff; }
.vs-card__btn {
	display: block;              
	width: fit-content;          
	margin: 1.5rem auto 0;       
	background: #fff;
	color: #0f62fe;
	font-weight: 700;
	padding: .9rem 2.25rem;
	border-radius: 5px;
	text-decoration: none;
	transition: background .15s; border: 1px solid #fff;}
.vs-card__btn:hover { background: transparent; color: #fff; }
.vs-card__badge {
	position: absolute;
	right: -14px;
	bottom: -25px;
	width: 15%;
	height: auto;
	z-index: 3;
}

/********************* We're built for... *********************/
.sc-built{padding-top:8rem}
.sc-built__title {
	font-size: clamp(1.8rem, 4vw, 2.8rem);
	font-weight: 700;
	line-height: 1.25;
	color: #0f1222;
}
.sc-built__grid { max-width: 980px; margin: 0 auto; }
.built-item {
	display: flex;
	align-items: center;
	gap: 2rem;
}
.built-item__icon { flex: 0 0 auto; }
.built-item__icon img { width: 72px; height: 72px; object-fit: contain; }
.built-item__title {
	color: #333;
	margin: 0 0 .4rem;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -.64px;
}
.built-item__text {
	font-size: 1.05rem;
	color: #5b6473;
	line-height: 1.5;
	margin: 0;
}

/********************* Testimonials *********************/
.sc-reviews__title {
	margin-bottom: 4.5rem;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.3rem; flex-wrap: wrap;
}
.sc-reviews__title h2{
	letter-spacing: -1.12px; color: #13072d; font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.2; margin: 0;
}
.reviews {
	position: relative;
	border-radius: 28px; 
	overflow: hidden;
	color: #fff;
	padding: 8rem 0;
}
.reviews__track { display: flex; align-items: center; justify-content: center; }
.review-slide {
	display: none;
	text-align: center;
	max-width: 880px;
	margin: 0 auto;
}
.review-slide.is-active { display: block; animation: review-fade .4s ease; }
@keyframes review-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.review-slide__quote {     letter-spacing: -.96px;
	margin: 1rem 0;
	padding: 0;
	font-family: Onest, sans-serif;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.3; }
.review-slide__rating { display: flex; align-items: center; justify-content: center; gap: .15rem; margin-bottom: 1.25rem; }
.review-slide__rating .star { color: rgba(255,255,255,.3); font-size: 2.3rem; }
.review-slide__rating .star.is-on { color: #fbbc05; }
.review-slide__score { margin-left: .5rem; font-weight: 700; font-size:1.5rem; }
.review-slide__author { display: flex; align-items: center; justify-content: center; gap: .65rem; font-weight: 600; }
.review-slide__author img { width: 2.5rem; height: 2.5rem; border-radius: 50%; object-fit: cover; }
.review-slide__author span{
	letter-spacing: -.64px;
	margin: 0;
	padding: 0;
	font-family: Onest, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
}
.reviews__nav {
	position: absolute; top: 50%; transform: translateY(-50%);
	background: none; border: 0; color: rgba(255,255,255,.85);
	cursor: pointer; padding: .5rem; z-index: 2;
}
.reviews__nav:hover { color: #fff; }
.reviews__nav--prev { left: 1rem; }
.reviews__nav--next { right: 1rem; }

/********************* FAQ *********************/
.sc-faq__title {
	color: #13072d;
	letter-spacing: -1.12px;
	margin: 0 0 1rem;
	padding: 0;
	font-family: Onest, sans-serif;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.2;
}
.faq-item {
	background: #eef1f7;
	border-radius: 14px;
	margin-bottom: 1rem;
	overflow: hidden;
	padding: 15px 1.875rem;
}
.faq-q {
	width: 100%;
	background: none;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	text-align: left;
	color: #0f1222;
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
	margin: .5rem 0;
	transition: color .2s ease;
}
.faq-item.is-open .faq-q { color: #0f62fe; }
.faq-item.is-open .faq-chevron { color: #0f62fe; }
.faq-chevron {
	flex: 0 0 auto;
	color: #0f1222;
	transition: transform .25s ease;
}
.faq-item.is-open .faq-chevron { transform: rotate(180deg); }
.faq-a {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease;
}
.faq-a__inner {
	padding: .6rem 1.5rem 1.4rem 0;
	color: #333;
	font-size: 1.125rem;
	line-height: 1.6;
}

/***************************************************************************
Contact Us
**************************************************************************/

/********************* hero *********************/
.contact__title { letter-spacing: -1.28px;
	font-size: 4rem;
	font-weight: 600;
	line-height: 1.2; }
.contact__sub { color: #fff; }
.contact-card {
	background: #fff;
	border-radius: 22px;
	padding: 2.5rem;
	box-shadow: 0 2px 5px #0003;
	color: #0f1222;
	margin-bottom:-50px;
}
.contact__stack img{
	object-fit: scale-down;
	height: 380px;
	margin-top: 5rem;
}
.wpcf7-form p{margin:0;}
.contact-card__title { font-size: 1.9rem; font-weight: 700; text-align: center;  }
.field { margin-bottom: 1rem; }
.field label { font-weight: 600;
	font-size: 1rem;
	color: #13072d; }
.req { color: #e5484d;
	font-size: 1rem;
	font-weight: 600;
	font-family: Onest, sans-serif; }
.field input,
.field textarea {
	width: 100%;
	border: 1px solid #e2e8f0;
	border-radius: .5rem;
	padding: 1rem;
	font-size: 14px;
	font-family: Onest, sans-serif;
	color: #334155;
	background: #fff;
	margin-top: .5rem;
	min-height: 3.5rem;
}
.field input:focus,
.field textarea:focus { outline: none; border-color: #0f62fe; }
.field textarea { resize: vertical; }
.submit-wrap {
	position: relative;
	display: block;
	margin: 1.5rem 0;
}
.submit-wrap .contact-form__btn {
	width: 100%;
	border: 0;
	background: #0f62fe;
	color: #fff;
	font-weight: 700;
	font-size: 1.05rem;
	padding: 1rem;
	border-radius: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .75rem;
	transition: background .15s;
	margin:1.5rem 0;
}
.submit-wrap .contact-form__btn:hover { background: #1f54d6; }
.submit-wrap::after {
	content: ">";               
	position: absolute;
	top: 50%;
	left: 50%;                        
	transform: translate(4.5rem, -50%);  
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #0f62fe;
	border-radius: 7px;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1;
	pointer-events: none;   
}
.field textarea{height:100px;}
.wpcf7-spinner{display: none;}
.contact-card__note { text-align: center;
	font-weight: 500;
	color: #13072d;
	font-size: 1rem;display: block;
	font-family: Onest, sans-serif; }

/********************* Prefer direct contact *********************/
.direct__title {
	font-size: clamp(1.9rem, 3.5vw, 3.5rem);
	font-weight: 600;
	line-height: 1.2;
	color: #0f1222;
	margin: 0;
}
.direct-card {
	position: relative;
	background: #eef1f7;
	border-radius: 16px;
	padding: 1.75rem 1.75rem 2rem;
}
.direct-card__label {
	display: flex;
	align-items: center;
	gap: .5rem;
	color: #0f1222;
	margin: 0 0 .75rem;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
	font-family: Onest, sans-serif;
}
.direct-card__link {
	color: #0f62fe;
	text-decoration: none;
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
}
.direct-card__value { font-weight: 600; color: #0f1222; margin: 0; }
.direct-card__plane {
	position: absolute;
	right: -40px;
	bottom: -55px;
	width: 130px;
	height: auto;
	pointer-events: none;
}

/********************* We're real people *********************/
.sc-real {
	position: relative;
	overflow: hidden;
	padding: 8rem 0;}
.sc-real__shots { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.sc-real__shot {
	position: absolute;
	top: 0;
	bottom:0; height:100%;
}
.sc-real__shot.sc-real__shot--left{left:0;}
.sc-real__shot.sc-real__shot--right{right:0;}
.sc-real__inner { position: relative; z-index: 2; max-width: 820px; margin: 0 auto; }
.sc-real__title { margin: 0 0 1rem;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.2;
}

/***************************************************************************
Blog Detail
**************************************************************************/

/* ---- Single post ---- */
.single__title { font-size: clamp(2rem, 4.5vw, 4rem); font-weight: 600; line-height: 1.2; margin: 0 0 1rem; }
.single__excerpt {margin: 0 auto 1.75rem; }
.single__meta { display: inline-flex; align-items: center; gap: .75rem; margin-bottom: 1rem; text-align: left; }
.single__avatar { border-radius: 50%;    width: 4.75rem;
	height: 4.75rem; }
.single__author { display: block;
	font-family: Onest, sans-serif;
	color: #13072d;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4; }
.single__sub { display: block; font-weight: 400;
	line-height: 1.6;
	font-size: 1.125rem;font-family: Inter, sans-serif; }
.single__wrap { padding-top: 2.5rem; padding-bottom: 4rem; }
.single__featured img { width: 100%; border-radius: 18px; display: block; margin-bottom: 2.5rem; }
.single__content { color: #13072d;
	font-size: 1.125rem;
	line-height: 1.6;
	margin-top: 3rem;
	font-weight: 400;
	font-family: Inter, sans-serif; }
.single__content h2{font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;}
.single__content h3 {  color: #0f1222;
	scroll-margin-top: 110px;
	letter-spacing: -.64px;
	margin: 0 0 1rem;
	padding: 0;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4; }
.single__content p { margin-bottom: 1.25rem; }
.single__content img { max-width: 100%; height: auto; border-radius: 12px; }
.single__content a { color: #0f62fe; }
.single__aside { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 1.5rem; }
.aside-box { background: #f9f8f3;
	border-radius: 1rem;
	padding: 1.5rem; }
.aside-box__title {  font-weight: 600;
	color: #13072d;
	margin: .5rem 0;
	line-height: 1.4;
	font-size: 1.125rem; }
.toc { display: flex; flex-direction: column; }
.toc__link { color: #13072d;
	text-decoration: none;
	padding: 10px 10px 10px .6875rem;
	border-left: 3px solid transparent;
	font-size: 1.125rem;
	line-height: 1.4em;
	transition: color .2s, background-color .2s, color .2s; }
.toc__link:first-child{text-align: center}
.toc__link:hover { color: #0f62fe; }
.toc__link.is-active { color: #0f62fe; font-weight: 700; border-left-color: #0f62fe; }
.single__content ul{list-style:none;}
.single__content li{position:relative; padding-bottom: 10px;margin-bottom: .25rem}
.single__content li:after{
	background-image: url(assets/img/baseline-check-circle.svg);
	position: absolute;
	content: "";
	width:30px;
	height:30px;
	background-repeat: no-repeat;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
.share { display: flex; gap: 1rem; }
.share__btn { text-decoration: none;}
.share__btn.is-copied { background: #0f62fe; color: #fff; }

/***************************************************************************
Blog 
**************************************************************************/

.lc-bar { background: #0f62fe; }

.lc-bar__nav { display: flex; align-items: center; gap: 1.75rem; }
.lc-bar__link { color: #fff; text-decoration: none; font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4; }
.lc-bar__link:hover { color: #fff; }
.lc-bar__home { margin-right: .25rem; }
.lc-bar__search { position: relative; }
.lc-bar__search input {
	border: 0; border-radius: .375rem; padding: .6rem 1rem .6rem 2.4rem;
	min-width: 320px; font-size: 1rem; font-family: Onest, sans-serif; font-weight: 700; color: #334155;
}
.lc-bar__search-ico { position: absolute; left: .8rem; top: 50%; transform: translateY(-50%); }
.lc-featured { margin-bottom: 4.5rem; }
.lc-featured__media img { width: 100%; border-radius: 18px; display: block; }
.lc-featured__title { font-size: 3rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 1.25rem;text-align: center; }
.lc-featured__title a { color: #0f1222; text-decoration: none; }
.lc-featured__excerpt { color: #4b5563; font-size: 1.1rem; line-height: 1.6; margin-bottom: 1.5rem; }
.lc-featured__more { color: #0f62fe; font-weight: 700; text-decoration: none; display: inline-flex; gap: .4rem; margin-top: 1.5rem; }
.lc-meta__avatar { width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; }
.lc-card .lc-meta__avatar { width: 3rem; height: 3rem; }
.lc-meta { display: flex; align-items: center; gap: 1rem; }
.lc-meta__name { display: block; font-weight: 600; color: #334155; font-size: .875rem; line-height: 1.3; }
.lc-featured__media img { width: 100%; border-radius: 16px; display: block; margin-bottom: 1.5rem; }
.lc-left-featured__title { font-size: 1.9rem; font-weight: 700; line-height: 1.25; margin: 0 0 1.25rem; }
.lc-left-featured__title a { color: #13072d;
	text-decoration: none;
	font-family: Onest, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -.64px;
	margin: 0; }
.lc-card { display: flex; gap: 1.25rem; align-items: flex-start; margin-bottom: 2rem; }
.lc-card:last-child { margin-bottom: 0; }
.lc-card__media { flex: 0 0 auto; width: 200px; }
.lc-card__media img { width: 100%; border-radius: 12px; display: block; }
.lc-card__title { font-size: 1.2rem; font-weight: 700; line-height: 1.3; margin: 0 0 1rem; }
.lc-card__title a { color: #0f1222;
	text-decoration: none;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4; }
.lc-meta__date { display: block; color: #334155; font-size: .875rem;
	font-weight: 400;
	line-height: 1.3; }
.sc-recent__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; }
.sc-recent__title { font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 700; margin: 0; color: #0f1222; }
.sc-recent__all { color: #0f62fe; font-weight: 600; text-decoration: none; font-size: 1.125rem;}
.ra-card__media img {width: 100%;
	height: 15rem;
	object-fit: cover;
	border-radius: .5rem;
	display: block;
	margin-bottom: 0.75rem; }
.ra-card__title {     text-align: center;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
	margin: .5rem 0;
	padding: 0; }
.ra-card__title a { color: #0f1222; text-decoration: none; }
.ra-card__meta { margin-top: auto; }

/***************************************************************************
Footer 
**************************************************************************/

.site-footer__main { background: #fff; padding: 4.5rem 0 3.5rem; }
.site-footer__logo img { height: 34px; width: auto; }
.site-footer__tagline {
	margin: 1.25rem 0 1.25rem;
	color: #4b5563;
	font-size: 1.125rem;
	line-height: 1.5;
}
.site-footer__social {
	display: inline-flex;
	color: #0f1222;
	transition: color .15s;
}
.site-footer__social:hover { color: #0f62fe; }
.site-footer__heading {
	font-size: 1.5rem;
	font-weight: 700;
	color: #0f1222;
	margin-bottom: 1rem;
	line-height: 1.3;
}
.site-footer__links { list-style: none; padding: 0; margin: 0; }
.site-footer__links li { margin-bottom: 1rem; }
.site-footer__links a {
	color: #334155;
	font-size: 1rem;
	font-family: Inter, sans-serif;;
}
.site-footer__links a:hover { color: #0f62fe; }
.site-footer__bar {
	background: #f1f5f9;
	padding: 1rem 0;
}
.site-footer__bar p {     color: #334155;
	font-size: 1.125rem;
	font-family: Onest, sans-serif; font-weight: 400;
	line-height: 1.4; }

/***************************************************************************
Terms of Use
**************************************************************************/

.legal__title {     font-size: 4rem;
	font-weight: 600;
	line-height: 1.2; margin-bottom: .5rem; letter-spacing: -1.28px;}
.legal__updated { margin-bottom: 2.5rem; }
.legal__body h2 { font-size: 1.5rem; font-weight: 700; margin: 2.25rem 0 .75rem; }
.legal__toc { position: sticky;
	top: 100px;
	background: #f1f5f9;
	border-radius: 1rem;
	padding: 1.25rem;
	z-index: 10; }
.legal__toc-title {
	color: #13072d;
	font-size: .8rem;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 1rem;}
.legal__toc-link a{
	display:block;
	color:#13072d;
	padding: 10px 10px 10px .6875rem;
	font-family: Onest, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.4em;
	border-left: 1px #dbe2eb;
}
.legal__toc-body h2 {     letter-spacing: -.64px;
	font-family: Onest, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3; color: #13072d; scroll-margin-top: 100px; margin-top: 2.5rem;}
.legal__toc-body h2:first-child { margin-top: 0; }
.legal__toc-body ul li { color: #334155;
	margin-bottom: .25rem;
	font-family: Onest, sans-serif;
	font-weight: 400;
	line-height: 1.6;
	font-size: 1.125rem; }
.legal__toc-body p{color: #334155; margin-bottom: .25rem;}
.legal__toc-body a { color: #0f62fe; text-decoration: underline; }

/***************************************************************************
Media Query
**************************************************************************/
@media (max-width: 991.98px) {

	.fp-header { padding: .85rem 1.25rem; }
	.fp-header .navbar-collapse {
		display: none;
		position: fixed;
		inset: 0;
		background: #fff;
		padding: 1.25rem;
		overflow-y: auto;
		z-index: 1040;
		flex-direction: column;
	}
	.fp-header .navbar-collapse.show { display: flex; }
	.fp-header--transparent .navbar-collapse .navbar-nav li a,
	.fp-header .navbar-collapse .navbar-nav li a { color: #13072d; }
	.fp-mobile-head { display: flex; align-items: center; justify-content: space-between;
		padding-bottom: 1rem; border-bottom: 1px solid #eef0f4; margin-bottom: 1.5rem;width:100%; }
	.fp-mobile-logo { height: 28px; width: auto; }
	.fp-mobile-close { border: none; background: none; font-size: 2rem; line-height: 1;
		color: #0f62fe; cursor: pointer; padding: 0 .25rem; }
	.fp-header .navbar-nav { align-items: flex-start !important; text-align: left !important; gap: .5rem; width: 100%;}
	.fp-header .navbar-nav li a { display: block; width: 100%; border: 1px solid transparent !important; padding: .85rem .25rem; font-size: 1.15rem; }
	.fp-header .fp-cta,
	.fp-header--transparent .fp-cta,
	.fp-header--solid .fp-cta {
		display: inline-flex !important; width: auto; align-self: flex-start; margin-top: 1.5rem;
		background: #fff !important; color: #0f62fe !important; border: 1px solid #0f62fe;
		border-radius: .5rem; padding: .75rem 1.25rem;
	}
	.fp-cta .fp-cta-text--full { display: none; }
	.fp-cta .fp-cta-text--short { display: inline; }
	.fp-cta .fp-cta-icon--light { display: none; }
	.fp-cta .fp-cta-icon--dark  { display: inline-block; }
	.sc-action__arrow {
		width: 64px;
		margin-left: 1rem;
	}
}
@media (max-width: 769px) {
	body.no-hero { padding-top: 100px; }
	.sc-hero__datil{width:100%}
	.comparison__heading {
		font-size: 2rem;
		margin-bottom: 2rem !important;
		padding-bottom: 0 !important;
	}
	.compare {
		--row-h: 72px;
		--head-h: 90px;
		border-radius: 16px;
	}
	.col--feature { display: none; }
	.col--fp {
		margin: 0;
		padding: 0;
		border-radius: 16px 0 0 16px;   
		box-shadow: none;
		flex: 1.1 1 0;
	}
	.compare .cell {
		padding: .75rem .5rem !important;
		font-size: .82rem;
		text-align: center;
		justify-content: center !important;
		line-height: 1.3;
		margin: 0 !important;
	}
	.compare .cell--head {
		padding: 1rem .5rem !important;
		font-size: .9rem;
	}
	.col--feature .cell { padding-left: .5rem !important; }  
	.compare__logo { max-width: 80px; height: auto; }
	.col--alt .cell:not(:last-child) { border-bottom: 1px solid #e1e6f0; }
	.col--fp  .cell:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.35); }
	.vs { grid-template-columns: 1fr; }
	.vs-card--problem { margin-right: 0; padding: 3rem 2rem 4.5rem; margin-bottom: -2rem; }
	.vs-card--solution { margin: 0; padding: 2.5rem 1.75rem 3rem; }
	.vs-card__title, .vs-card--solution .vs-card__title { font-size: 1.6rem; }
	.vs-card__badge { width: 78px; right: 8px; bottom: -24px; }
	.reviews__track { padding: 3rem 3rem; }
	.reviews__nav--prev { left: .25rem; }
	.reviews__nav--next { right: .25rem; }
	.direct-card__plane { width: 92px; right: -10px; bottom: -40px; }
	.lc-featured__title, .review-slide__quote, .about-hero h2{font-size: 2.8rem;}
	.sc-reviews__title{flex-direction: column;gap:1rem; margin-bottom:20px;}
	.sc-reviews__title h2{font-size:2.5rem}
	.design-hero__heading {font-size: 4rem;}
	.work-hero__heading, .contact__title, .why-choose, .testimonial__heading{font-size: 3rem}
	.lc-bar__nav{gap: 1rem}
	.why-choose, .audience__detail, .sc-cta__content{text-align:center;}
	.lc.sc-padding{padding-bottom:0!important;}
	.site-footer__bar p, .footer__logo, .contact__left-content{text-align: center;}
	.lg-container{padding: 0 1.5rem;}
	.sc-direct.sc-padding{padding-top:0;}
	.sc-testimonial__bg{padding-top:1rem; padding-bottom:1rem;}
	.blockquote h4{font-size:2rem}
	.blockquote p{font-size:0.8rem;}
	.sc-padding{padding-bottom:3rem; padding-top:3rem;}
	.sc-cta__heading{font-size:4rem;}
	.hero-action-card__links{flex-direction: column!important; align-items: center!important;}
	.sc-benefit{padding-top: 3rem;}
	.steps--work_header { text-align: center; }
	.steps--work_controls { justify-content: start; margin-bottom: 1rem; }
	.steps--work_title { text-align: start !important; font-size: 2rem; }
	.steps--work_body {
		border-right: none;
		border-bottom: 1px solid #e2e8f0;
		text-align: center;
		padding: 2.5rem 1.5rem !important;
	}
	.steps--work_body img { margin-bottom: 1.5rem !important; }
	.steps--work_body h3 { font-size: 1.6rem; }
	.sc-about-story.sc-padding{padding-bottom: 6rem;}
	.sc-hero__datil {width: 90%;}
	.sc-testimonial__bg{padding-top: 3rem; padding-bottom: 5rem;}
	.sc-action__arrow {
		width: 52px;
		margin-left: .75rem;
	}
}

@media (max-width: 575.98px) {
	.lc-card__media { width: 100%; }
	.lc-featured__title, .about-hero h2, .review-slide__quote{font-size: 2rem;}
	.lc-card{flex-wrap: wrap;}
	.blockquote h4{font-size:1.4rem;}
	.design-hero__heading, .comparison__heading {font-size: 3rem;}
	.work-hero__heading, .testimonial__heading{font-size: 2rem}
	.reviews{padding: 0;}
	.sc-action__head { display: inline-block; text-align: center; }
	.sc-action__arrow { position: absolute;
		display: block;
		width: 60px;
		margin: .75rem auto 0;
		left: 75%;
		top: 25%;;   
	}
}
@media (max-width: 400px) {
	.compare .cell, .compare .cell--head { font-size: .8rem; padding: .6rem .35rem !important; }
}
@media (prefers-reduced-motion: reduce) {
  .wow, .animate__animated {
    visibility: visible !important;
    animation: none !important;
  }
}