/**
 * Custom Header Stylesheet
 * File: header-custom.css
 * Upload to: /wp-content/themes/twentytwentyone/assets/css/header-custom.css
 *
 * This CSS loads ONLY on pages using the custom header template.
 * It is completely isolated from TwentyTwentyOne's default styles.
 */


/* ============================================================
   RESET — Strip TwentyTwentyOne header styles completely
   ============================================================ */
#masthead.custom-site-header,
#masthead.custom-site-header *,
#masthead.custom-site-header *::before,
#masthead.custom-site-header *::after {
	box-sizing: border-box;
	
	padding: 0;
}

/* Kill any inherited TT1 header styles */
#masthead.custom-site-header {
	all: unset;
	display: grid !important;
}

/* ============================================================
   HEADER WRAPPER
   Layout: Logo LEFT | Nav TRUE-CENTER | Button RIGHT
   Uses CSS Grid 1fr | auto | 1fr for perfect centering
   ============================================================ */
#masthead.custom-site-header {
	background-color: #283540;
	width:84%;
	height: 60px;
	padding: 0 6% 0 10%;
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 99999;
	box-shadow: none;
	transition: background-color 0.35s ease,
	            box-shadow 0.35s ease,
	            border-color 0.35s ease;
}

/* Scrolled state — toggled by JS after 50px */
#masthead.custom-site-header.is-scrolled {
	background-color: #ffffff;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10);
}


/* ============================================================
   LEFT — LOGO
   ============================================================ */
#masthead.custom-site-header .custom-logo-area {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#masthead.custom-site-header .custom-logo-area a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	outline: none;
	border: none;
}

#masthead.custom-site-header .custom-logo-area img {
	max-height: 34px;
	width: auto;
	display: block;background: #3E4551;padding: 2px;border-radius: 4px;
}

/* Fallback site name (when no logo image set) */
#masthead.custom-site-header .custom-logo-area a span,
#masthead.custom-site-header .custom-logo-area a {
	color: #1a1a2e;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.3px;
	line-height: 1;
}


/* ============================================================
   CENTER — NAVIGATION
   ============================================================ */
#masthead.custom-site-header .custom-header-nav {
	display: flex;
	align-items: center;
	justify-content: center;
}
#masthead.custom-site-header.is-scrolled .custom-logo-area img{background: #fff!important}
#masthead.custom-site-header .custom-header-nav .custom-nav-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	align-items: center;
	gap: 38px;
}

#masthead.custom-site-header .custom-header-nav .custom-nav-list li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	position: relative;
}

#masthead.custom-site-header .custom-header-nav .custom-nav-list li a {
	display: inline-block;
	text-decoration: none !important;
	color: #333333;
	font-size: 15px;
	font-weight: 500;
	line-height: 70px;          /* vertically center inside header height */
	white-space: nowrap;
	border: none !important;
	outline: none;
	transition: color 0.2s ease;
	position: relative;
}

/* Animated underline on hover */


#masthead.custom-site-header .custom-header-nav .custom-nav-list li a:hover {
	color: #0073aa;
}

#masthead.custom-site-header .custom-header-nav .custom-nav-list li a:hover::after {
	width: 100%;
}

/* Active / current page link */
#masthead.custom-site-header .custom-header-nav .custom-nav-list li.current-menu-item > a,
#masthead.custom-site-header .custom-header-nav .custom-nav-list li.current_page_item > a {
	color: #0073aa;
	font-weight: 500;
}

#masthead.custom-site-header .custom-header-nav .custom-nav-list li.current-menu-item > a::after,
#masthead.custom-site-header .custom-header-nav .custom-nav-list li.current_page_item > a::after {
	width: 100%;
}


/* ============================================================
   RIGHT — BOOK A DEMO BUTTON
   ============================================================ */
#masthead.custom-site-header .custom-header-cta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
    padding-right: 60px;
}

#masthead.custom-site-header .custom-header-cta a {
	display: inline-block;
	background-color: #0073aa;
	color: #ffffff !important;
	text-decoration: none !important;
	padding: 7px 30px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	border: 2px solid transparent;
	cursor: pointer;
	transition: background-color 0.2s ease,
	            border-color 0.2s ease,
	            transform 0.15s ease,
	            box-shadow 0.2s ease;
	box-shadow: 0 2px 6px rgba(0, 115, 170, 0.30);
}

#masthead.custom-site-header .custom-header-cta a:hover {
	background-color: #005177;
	border-color: #005177;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 115, 170, 0.40);
}

#masthead.custom-site-header .custom-header-cta a:active {
	transform: translateY(0);
	box-shadow: 0 2px 4px rgba(0, 115, 170, 0.25);
}


/* ============================================================
   MOBILE — Responsive Breakpoints
   ============================================================ */

/* Tablet: 769px – 1024px */
@media (max-width: 1024px) {
	#masthead.custom-site-header {
		padding: 0 24px;
	}

	#masthead.custom-site-header .custom-header-nav .custom-nav-list {
		gap: 24px;
	}

	#masthead.custom-site-header .custom-header-nav .custom-nav-list li a {
		font-size: 14px;
	}
}

/* Mobile: up to 768px — stack nav below logo+button row */
@media (max-width: 768px) {
    .stats-wrapper{width:100%;}
    #masthead.custom-site-header .custom-header-cta{padding-right: 0px;}
	#masthead.custom-site-header {
		grid-template-columns: 1fr auto;   /* logo | button */
		grid-template-rows: 60px auto;
		height: auto;
		padding: 0 20px 10px;    width: 90%;
	}

	#masthead.custom-site-header .custom-logo-area {
		grid-column: 1;
		grid-row: 1;
		height: 60px;
	}

	#masthead.custom-site-header .custom-header-cta {
		grid-column: 2;
		grid-row: 1;
		height: 60px;
	}

	#masthead.custom-site-header .custom-header-nav {
		grid-column: 1 / -1;              /* full width */
		grid-row: 2;
		padding-bottom: 8px;
	}

	#masthead.custom-site-header .custom-header-nav .custom-nav-list {
		gap: 16px;
		flex-wrap: wrap;
		justify-content: center;
	}

	#masthead.custom-site-header .custom-header-nav .custom-nav-list li a {
		font-size: 13px;
		line-height: 1.6;
	}

	/* Hide underline animation on touch */
	#masthead.custom-site-header .custom-header-nav .custom-nav-list li a::after {
		display: none;
	}
}

/* Small mobile: up to 480px */
@media (max-width: 480px) {
	#masthead.custom-site-header .custom-header-nav .custom-nav-list {
		gap: 12px;
	}

	#masthead.custom-site-header .custom-header-cta a {
		padding: 8px 14px;
		font-size: 13px;
	}

	#masthead.custom-site-header .custom-logo-area img {
		max-height: 38px;
	}
}


/* ============================================================
   SCROLL STATE — color switches for logo, nav links, button
   Class .is-scrolled is added by JS after 50px scroll
   ============================================================ */

/* Logo text: white on dark bg → dark when scrolled */
#masthead.custom-site-header .custom-logo-area a,
#masthead.custom-site-header .custom-logo-area a span {
	color: #ffffff;
	transition: color 0.35s ease;
}
#masthead.custom-site-header.is-scrolled .custom-logo-area a,
#masthead.custom-site-header.is-scrolled .custom-logo-area a span {
	color: #1a1a2e;background: #fff;
}

/* Nav links: light on dark bg → dark when scrolled */
#masthead.custom-site-header .custom-header-nav .custom-nav-list li a {
	color: rgba(255, 255, 255, 0.85);
	transition: color 0.35s ease;
}
#masthead.custom-site-header .custom-header-nav .custom-nav-list li a:hover {
	color: #ffffff;
}

#masthead.custom-site-header.is-scrolled .custom-header-nav .custom-nav-list li a {
	color: #333333;
}
#masthead.custom-site-header.is-scrolled .custom-header-nav .custom-nav-list li a:hover {
	color:#39B27E;
}

/* Active link: white on dark → blue when scrolled */
#masthead.custom-site-header .custom-header-nav .custom-nav-list li.current-menu-item > a,
#masthead.custom-site-header .custom-header-nav .custom-nav-list li.current_page_item > a {
	color: #d1d5dc;

}
#masthead.custom-site-header .custom-header-nav .custom-nav-list li.current-menu-item > a:hover{color:#fff;}
#masthead.custom-site-header.is-scrolled .custom-header-nav .custom-nav-list li.current-menu-item > a,
#masthead.custom-site-header.is-scrolled .custom-header-nav .custom-nav-list li.current_page_item > a {
	color:#000;
}
.custom-header-cta{position: relative}
.custom-header-cta a::after{
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 8px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.custom-header-cta:hover::after,
.custom-header-cta a:hover::after {
    transform: translateX(4px);
}
/* Underline: white on dark → blue when scrolled */


/* Button: outlined style on dark bg → solid fill when scrolled */
#masthead.custom-site-header .custom-header-cta a {
	background-color: #39B27E;
	color: #ffffff !important;
	border: 2px solid #2E9C6A;
	box-shadow: none;
	transition: background-color 0.35s ease,
	            border-color 0.35s ease,
	            color 0.35s ease,
	            box-shadow 0.35s ease,
	            transform 0.15s ease;
}
#masthead.custom-site-header .custom-header-cta a:hover {
	background-color:#2E9C6A;
	border-color: #2E9C6A;
	transform: translateY(-1px);
	box-shadow: none;
}
#masthead.custom-site-header.is-scrolled .custom-header-cta a {
	background-color: #3BB17D;
	color: #ffffff !important;
	border-color: transparent;
	box-shadow: 0 0px 12px rgba(0, 115, 170, 0.30);
}
#masthead.custom-site-header.is-scrolled .custom-header-cta a:hover {
	background-color:#2E9C6A;
	border-color: transparent;
	box-shadow: 0 4px 12px rgba(0, 115, 170, 0.40);
}
 .elementor-button {
    transition: transform 0.4s ease;
}

 .elementor-button:hover {
    transform: translateY(-5px);
}

/**
 * Custom Footer Stylesheet
 * File: footer-custom.css
 * Upload to: /wp-content/themes/twentytwentyone/assets/css/footer-custom.css
 *
 * Matches the design: dark bg #283540, logo+tagline left, nav right,
 * divider, copyright left + legal links right.
 */


/* ============================================================
   RESET — isolate from TwentyTwentyOne completely
   ============================================================ */
#custom-colophon.custom-site-footer,
#custom-colophon.custom-site-footer * {
	box-sizing: border-box;
}
#custom-colophon.custom-site-footer ul,
#custom-colophon.custom-site-footer li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* ============================================================
   FOOTER WRAPPER
   ============================================================ */
#custom-colophon.custom-site-footer {
	background-color: #1F2530;
	width: 100%;
	padding: 46px 80px 0;
	font-family: inherit;
}


/* ============================================================
   TOP ROW — Logo+Tagline LEFT | Nav RIGHT
   ============================================================ */
#custom-colophon.custom-site-footer .cft-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom:28px;
	gap: 40px;
}
#custom-colophon.custom-site-footer .footer-container{max-width: 78rem;margin: 0px auto;}

/* ---- BRAND (left) ---- */
#custom-colophon.custom-site-footer .cft-brand {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 420px;
}

/* Logo image */
#custom-colophon.custom-site-footer .cft-logo img {
	max-height: 28px;
	width: auto;
	display: block;
}

/* Logo fallback text */
#custom-colophon.custom-site-footer .cft-logo a {
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
}

/* Tagline */
#custom-colophon.custom-site-footer .cft-tagline {
	color:#6a7282;
	font-size: 0.875rem;
	line-height: 1.7;
	margin: 0;
}


/* ---- NAV (right) ---- */
#custom-colophon.custom-site-footer .cft-nav {
	display: flex;
	align-items: flex-start;
	padding-top: 20px;     /* optical alignment with logo */
}

#custom-colophon.custom-site-footer .cft-nav .cft-nav-list {
	display: flex;
	flex-direction: row;
	gap: 40px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#custom-colophon.custom-site-footer .cft-nav .cft-nav-list li a {
	color: #99a1af;
	font-size:0.875rem;
	font-weight: 400;
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.2s ease;
}

#custom-colophon.custom-site-footer .cft-nav .cft-nav-list li a:hover {
	color: #ffffff;
}


/* ============================================================
   DIVIDER
   ============================================================ */
#custom-colophon.custom-site-footer .cft-divider {
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.12);
}


/* ============================================================
   BOTTOM BAR — Copyright LEFT | Legal Links RIGHT
   ============================================================ */
#custom-colophon.custom-site-footer .cft-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0 36px;
	gap: 20px;
	flex-wrap: wrap;
}

/* Copyright text */
#custom-colophon.custom-site-footer .cft-copyright {
	color: #4a5565;
	font-size: 12px;
	margin: 0;
	line-height: 1.5;
}

/* Legal nav links */
#custom-colophon.custom-site-footer .cft-legal-nav .cft-legal-list {
	display: flex;
	flex-direction: row;
	gap: 24px;
}

#custom-colophon.custom-site-footer .cft-legal-nav .cft-legal-list li a {
	color: #4a5565;
	font-size:.75rem;
	text-decoration: none;
	transition: color 0.2s ease;
	white-space: nowrap;
}

#custom-colophon.custom-site-footer .cft-legal-nav .cft-legal-list li a:hover {
	color: rgba(255, 255, 255, 0.85);
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Tablet */
@media (max-width: 1024px) {
	#custom-colophon.custom-site-footer {
		padding: 44px 40px 0;
	}
	#custom-colophon.custom-site-footer .cft-nav .cft-nav-list {
		gap: 28px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	#custom-colophon.custom-site-footer {
		padding: 36px 24px 0;
	}
	#custom-colophon.custom-site-footer .cft-top {
		flex-direction: column;
		gap: 32px;
		padding-bottom: 36px;
	}
	#custom-colophon.custom-site-footer .cft-nav {
		width: 100%;
		padding-top: 0;
	}
	#custom-colophon.custom-site-footer .cft-nav .cft-nav-list {
		justify-content: flex-start;
		gap: 20px;
	}
	#custom-colophon.custom-site-footer .cft-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding-bottom: 28px;
	}
}

/* Small mobile */
@media (max-width: 480px) {
	#custom-colophon.custom-site-footer .cft-nav .cft-nav-list {
		flex-direction: column;
		gap: 14px;
	}
	#custom-colophon.custom-site-footer .cft-legal-nav .cft-legal-list {
		flex-direction: column;
		gap: 10px;
	}
}
.page-template-page-custom-layout .site-content{margin:0px!important}
.client-logo img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
  
}
.swiper-slide-image, .client-logo img{  object-fit: cover!important}
.client-logo img:hover {
    filter: grayscale(0%);
    opacity: 1;
}
.stats-wrapper{
    display:flex;
    flex-direction:column;
    gap:20px;    width: 92%;
}
.stats-card::after{
    content:"";
    position:absolute;
    left:0px;
    top:0px;
    transform:translateY(-50%);
    width:14px;
    height:5px;
    z-index:5;
}

.stats-card.red::after{ background:#EF4444; }
.stats-card.orange::after{ background:#ff7a00; }
.stats-card.gray::after{ background:#6f7785; }
.stats-card{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:15px;
    padding:12px;
    border-radius:24px;
    background:#fff;   
    box-shadow:0 2px 10px rgba(0,0,0,.03);
}
    
.stats-card.red{ border:1px solid #FFE5E5;}
.stats-card.orange{ border:1px solid #FFF0CF;}
.stats-card.gray{ border:1px solid #F2F4F8;}
    .stats-card.red .icon-box{position: relative}
    .stats-card.red .icon-box:after{background:#EF4444;}  
    .stats-card.orange .icon-box:after{background:#F97316;}  
    .stats-card.gray .icon-box:after{background:#6B7280;}  
    .stats-card.red .icon-box:after, .stats-card.orange .icon-box:after, .stats-card.gray .icon-box:after{ content:"";
    position:absolute;
    left:-11px;
    bottom:-18px;
    transform:translateY(-50%);
    width:14px;
    height:5px;
    z-index:5;}
.stats-card::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:5px;
    border-radius:10px;
}

.red::before{
    background:#EF4444;
}

.orange::before{
    background:#F97316;
}

.gray::before{
    background:#6B7280;
}

.icon-box{
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;position: relative
}

.icon-box img{
    width:60px;
}

.content-box{
    flex:1;
}

.label{
    display:block;
    font-size:10px;
    letter-spacing:3px;
    font-weight:600;
    color:#8d96a8;
    margin-bottom:10px;
}

.content-box h2{
    font-size:30px;
    line-height:1;
    margin:0;
    font-weight:700;
}

.red h2{
    color:#EF4444;
}

.orange h2{
    color:#D97706;
}

.gray h2{
    color:#1F2937;
}

.content-box p{
    margin-top:12px;
    color:#5d6677;
    font-size:11px;
}

.badge{
    padding: 3px 15px;
  border-radius: 999px;
  font-size: 10px;
  white-space: nowrap;
  font-weight: 600;
}

.red .badge{
    background:#FEE2E2;
    color:#EF4444;
}

.orange .badge{
    background:#FEF3C7;
    color:#D97706;
}

.gray .badge{
    background:#F3F4F6;
    color:#6B7280;
}
@media(max-width:767px){
    .label{letter-spacing: 0}
.stats-card{
    flex-direction:column;
    align-items:flex-start;
    padding:0px 12px 12px 12px;
}
    .stats-card{gap:0;}
.icon-box{
    width:70px;
    height:70px;
}

.content-box h2{
    font-size:1.3rem;
}

.content-box p{
    font-size:12px;
}

.badge{
    margin-top:10px;
}
}
.old-way-badge{
   display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #FFE2E2;
  color: #E7000B;
  padding: 10px 17px;
  border-radius: 40px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.tool-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.tool-item{
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ffd3d3;
    border-radius:9px;
    padding: 2px 22px;
    background: #fff;
    font-size: 15px;
    color:#4a5565;
    font-weight: 500;
    transition: all .3s ease;
}

.tool-item:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.06);
}

.tool-item .icon{
    color:#ff5a5a;
    font-size:18px;
    font-weight:700;
    min-width:20px;
}
.custom-logo-link{padding:2px;border-radius:8px;}
/* ============================================================
   FIXED BOTTOM STRIP
   Hidden by default, slides up after 200px scroll via JS
   ============================================================ */

.cft-sticky-strip {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99998;               /* just below header (99999) */
	background-color: #2f3b45;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding: 14px 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	/* Hidden state — translated off bottom */
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1),
	            opacity   0.38s ease,
	            visibility 0.38s ease;
}

/* Visible state — added by JS after 200px scroll */
.cft-sticky-strip.is-visible {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

/* Strip text */
.cft-sticky-strip .cft-strip-text {
	color: rgba(255, 255, 255, 0.90);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	white-space: nowrap;
}

/* Strip button */
.cft-sticky-strip .cft-strip-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: #2ecc71;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 22px;
	border-radius: 6px;
	white-space: nowrap;
	flex-shrink: 0;
	transition: background-color 0.2s ease,
	            transform 0.15s ease,
	            box-shadow 0.2s ease;
	box-shadow: 0 2px 8px rgba(46, 204, 113, 0.35);
}

.cft-sticky-strip .cft-strip-btn:hover {
	background-color: #27ae60;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(46, 204, 113, 0.45);
}

.cft-sticky-strip .cft-strip-btn:active {
	transform: translateY(0);
}

.cft-sticky-strip .cft-strip-btn svg {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.cft-sticky-strip .cft-strip-btn:hover svg {
	transform: translateX(3px);
}

/* ── Responsive ── */
@media (max-width: 1024px) {
	.cft-sticky-strip {
		padding: 14px 40px;
	}
}

@media (max-width: 768px) {
	.cft-sticky-strip {
		padding: 14px 20px;
		gap: 14px;
	}
	.cft-sticky-strip .cft-strip-text {
		font-size: 13px;
		white-space: normal;   /* allow wrapping on small screens */
	}
	.cft-sticky-strip .cft-strip-btn {
		padding: 9px 16px;
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.cft-sticky-strip {
		flex-direction: column;
		align-items: flex-start;
		padding: 16px 20px 20px;
		gap: 12px;
	}
	.cft-sticky-strip .cft-strip-btn {
		width: 100%;
		justify-content: center;
	}
}
.platform-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 17px;
    background: #EBF7F2;
    color:#39B27E;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 800;
    border-radius: 50px;
    transition: all 0.3s ease;
}

.platform-cta::before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-weight: 900;
    margin-right: 0px;
}

.platform-cta:hover {
    transform: translateY(-2px);
}
.platform-list span{color:#28303d;font-weight:bold;}
.record-box .elementor-widget-wrap:hover{box-shadow:0px 14px 10px #c2c2c25c;}
.sideline .elementor-heading-title{position:relative;}
.sideline .elementor-heading-title:before{position: absolute;
  content: '';
  width: 4px;
  height: 50px;
  background: #39b27e;
  border-radius: 0px 6px 6px 0px;
  left: -33px;
}
.built-box .elementor-heading-title{display: flex;align-items: center;}
.built-box span{color:#d1d5dc;font-size:.875rem;font-weight:400;text-transform:uppercase;line-height: 20px;margin-left: 20px;}
.handriser .elementor-widget-container{display: inline;
  padding: 8px 20px;}
.ai-feature-box{
    display:flex;
 
    gap:24px;
    padding:25px;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    transition:all 0.3s ease;
}


.ai-feature-box:hover{
    box-shadow:
       0 8px 20px 0px rgb(165 171 167 / 12%), 0 0px 6px rgba(0, 0, 0, 0.08)
}
.tick-circle{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#EBF7F2;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ai-feature-icon{
    min-width:36px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#f4f7f6;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#22c55e;
    font-size:18px;
    font-weight:700;
}

.ai-feature-content h3{
    margin:0;
    color:#1f365c;
    font-size:1.25rem;
    font-weight:700;
    line-height:1.2;
}

.ai-feature-content p{
    margin:8px 0 0;
    color:#6a7282;
    font-size:16px;
    line-height:1.4;
}


/* Mobile */
@media (max-width:767px){

    .ai-feature-box{
        padding:20px;
        gap:15px;
    }

    .ai-feature-icon{
        width:45px;
        height:45px;
        min-width:45px;
        font-size:20px;
    }

    .ai-feature-content h3{
        font-size:22px;
    }

    .ai-feature-content p{
        font-size:15px;
    }

}
.crm-card{
    background:#273244;
    border-radius:20px;
    padding:24px;
    max-width:380px;
    min-height:750px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,.05);
    margin: 2px;
}

/* Top Badge */
.product-badge-wrap{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.arrow-icon{
    width:20px;
    height:20px;
    border-radius:50%;
    background:#25d08f;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

.product-badge{
    background:#293D43;
    color:#39b27e;
    padding:2px 10px;
    border-radius:30px;
    font-size:0.75rem;
    font-weight:700;
    letter-spacing:1px;
}

/* Heading */
.crm-card h5{
    margin:0;
    color:#fff;
    font-size:1.875rem;
    line-height:1.1;
    font-weight:700;
}

.crm-card h3{
    margin:12px 0 18px;
    color:#39b27e;
    font-size:0.99rem;
    font-weight:600;
}

.crm-desc{
    color:#99a1af;
    font-size:0.875rem;
    line-height:1.7;
    margin-bottom:20px;
}

/* Feature List */
.crm-features{
    list-style:none;
    padding:0;
    margin:0;
}

.crm-features li{
    background:#3D4A5C;
    color:#d1d5dc;
    padding:5px 18px;
    border-radius:6px;
    margin-bottom:10px;
    font-size:0.875rem;
    font-weight:500;
    position:relative;
    padding-left:34px;
}

.arrow-icon i{font-size: 10px!important}

/* Custom Tick Icon */
.crm-features li::before{
    content:"";
    position:absolute;
    left:15px;
    top:50%;
    width:10px;
    height:6px;
    border-left:2px solid #24d08d;
    border-bottom:2px solid #24d08d;
    transform:translateY(-65%) rotate(-45deg);
}

/* Bottom Link */
.crm-link{
    margin-top:auto;
    color:#39b27e;
    text-decoration:none;
    font-size:0.875rem;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:.3s;
}

.crm-link:hover{
    transform:translateX(5px);
    color:#39b27e
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

/* CARD */
.testimonial-card{
    background:#f5f6f7;
    border-radius:22px;
    padding:32px;
    min-height:500px;
    display:flex;
    flex-direction:column;
    border-top:4px solid #b8dfcf;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    transition:all .35s ease;
}

/* Hover Effect */
.testimonial-card:hover{
    border-top-color:#35c48a;
    transform:translateY(-6px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* Active Card */
.testimonial-card.active{
    background:#253145;
    border-top:4px solid #35c48a;
}

.testimonial-card.active .testimonial-text,
.testimonial-card.active h4{
    color:#e0e5eb;
}

.testimonial-card.active span{
    color:#c9d3df;
}

.testimonial-card.active .avatar{
    background:rgba(53,196,138,.15);
    color:#35c48a;
}

/* Quote */
.quote-mark{
    font-size:70px;
    line-height:1;
    color:#39b27e4d;
    font-family:  Georgia, "serif";
}



/* Text */
.testimonial-text{
    font-size:0.99rem;
    line-height:1.6;
    font-style:italic;
    color:#4a5565;
    margin:0;min-height: 325px;
}

/* Footer */
.testimonial-footer{
    margin-top:auto;
    padding-top:30px;
    border-top:1px solid rgba(0,0,0,.08);
    display:flex;
    align-items:center;
    gap:15px;
}

.testimonial-card.active .testimonial-footer{
    border-top:1px solid rgba(255,255,255,.1);
}

.avatar{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#e3e6ea;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:15px;
    color:#22324a;
}

.testimonial-footer h4{
    margin:0;
    color:#22324a;
    font-size:18px;
    font-weight:700;
}

.testimonial-footer span{
    color:#5f7390;
    font-size:12px;
}

/* Mobile */
@media(max-width:991px){

    .testimonial-grid{
        grid-template-columns:1fr;
    }

    .testimonial-card{
        min-height:auto;
    }

}
.trusted-section{
    text-align:center;
    padding:20px 20px 50px 20px;
}

.trusted-title{
    margin:0 0 40px;
    color:#99a1af;
    font-size:0.75rem;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.trusted-logos{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    max-width:1400px;
    margin:auto;
}

.logo-pill{
    background:#fff;
    color:#6a7282;
    border:1px solid #e3e7ed;
    border-radius:50px;
    padding:6px 16px;
    transition:all .3s ease;
    font-size: 0.875rem;font-weight: 600;
}

.logo-pill:hover{
    border-color:#39B27E;
    color:#000;
    transform:translateY(-2px);
    box-shadow:none;
}
.success-bar {
   
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.success-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
    min-width: 280px;
}
.success-text {
    color: #99a1af;
    font-size: 0.875rem;
    line-height: 1.4;
    font-weight: 400;text-align: center;
}
/* Exact-style Tick */
.success-check {
    width: 14px;
    height: 14px;
    position: relative;
    flex-shrink: 0;
    margin-top: 4px;
}
.success-check::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 3px;
    width: 8px;
    height: 4px;
    border-left: 2px solid #2EDB9A;
    border-bottom: 2px solid #2EDB9A;
    transform: rotate(-45deg);
}
/* Divider */
.success-divider {
    width: 1px;
    height: 22px;
    background: rgba(120,140,170,.4);
}

/* Tablet */
@media (max-width:1024px) {
.success-bar {
    gap: 20px;
}
.success-item {
    min-width: 220px;
}
}

/* Mobile */
@media (max-width:767px) {
.success-bar {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 18px;
}
.success-divider {
    display: none;
}
.success-item {
    width: 100%;
    min-width: 100%;
}
.success-text {
    font-size: 15px;
}
}
.feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.feature-card {
    background: #F7F9FC;
    border: 1px solid #F2F2F2;
    border-radius: 15px;
    padding:30px;
    display: flex;
    align-items: flex-start;
    gap: 24px;
    transition: box-shadow .3s ease;
}
.feature-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,.08);
}
/* Icon Box */
.feature-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    background: #ffffff; /* White by default */
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    transition: background-color .3s ease;
}
/* Change icon background on card hover */
.feature-card:hover .feature-icon {
    background: #E4F2EF;
}
/* Icon Color */
.feature-icon svg {
    width: 28px;
    height: 28px;
    stroke: #39B27E;
}
.feature-content h3 {
    margin: 0 0 12px;
    color: #28303d;
    font-size:1.125rem;
    font-weight: 700;
}
.feature-content p {
    margin: 0;
    color: #5D6E8A;
    font-size: 0.85rem;
    line-height: 1.6;
}

/* Tablet */
@media (max-width:1024px) {
.feature-grid {
    gap: 25px;
}
.feature-card {
    padding: 25px;
}
}

/* Mobile */
@media (max-width:767px) {
.feature-grid {
    grid-template-columns: 1fr;
    gap: 20px;
}
.feature-card {
    padding: 22px;
    gap: 18px;
}
.feature-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
}
.feature-icon i {
    font-size: 24px;
}
.feature-content h3 {
    font-size: 18px;
}
.feature-content p {
    font-size: 15px;
    line-height: 1.7;
}
}
.page-id-6597 .cft-sticky-strip, .page-id-6776 .cft-sticky-strip, .page-id-6773 .cft-sticky-strip{display:none!important}
.crm-testimonial{
    background:#F7F9FC;
    border-radius:20px;
    padding:25px 38px;
    height:100%;
    border:1px solid #eef2f6;
    transition:box-shadow .3s ease;
}

.crm-testimonial:hover{
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.crm-quote{
    color:#d8efe5;
    font-size:52px;
    line-height:1;
    font-weight:700;
  
}

.crm-testimonial-content{
    color:#4a5565;
    font-size:0.99rem;
    line-height:1.7;
    font-weight:400;margin-top: -25px;min-height: 188px;
}

.crm-divider{
    margin:28px 0 22px;
    border-top:1px solid #e4e9ef;
}

.crm-author h4{
    margin:0px;padding: 0px;
    color:#28303d;
    font-size:1rem;
    font-weight:700;
    line-height:1.2;
}

.crm-author span{
    color:#39b27e;
    font-size:0.875rem;
    font-weight:500;
}

/* Tablet */
@media (max-width:1024px){

    .crm-testimonial{
        padding:30px;
    }

    .crm-author h4{
        font-size:1.35rem;
    }

    .crm-author span{
        font-size:1rem;
    }
}

/* Mobile */
@media (max-width:767px){

    .crm-testimonial{
        padding:25px;
        border-radius:16px;
    }

    .crm-quote{
        font-size:40px;
    }

    .crm-testimonial-content{
        font-size:0.95rem;
        line-height:1.8;
    }

    .crm-author h4{
        font-size:1.2rem;
    }

    .crm-author span{
        font-size:0.95rem;
    }
}
.elementor-heading-title{    font-family: "Poppins", Sans-serif!important;}
.avatar2{display:flex;gap:20px;background:#D1EBE3;color:#48B27E;
width: 46px;
    height: 46px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;}