:root {
		--site-primary-color: #b2a37b;
		 --site-primary-btn-color: #b2a37b;
		 --site-primary-btn-hover-color: #b2a37b; 
		 --site-font-family: "Inter", sans-serif; 
		 --site-text-color: #1c1c1c;
	}
	
	*, :after, :before {
    box-sizing: border-box !important;
}
	@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@500;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Caveat&text=LearnMore&display=swap'); .fr-view h1 {
		font-size: clamp(36px, 5.5vw, 43px); line-height: 1.1; font-weight: 900; text-transform: uppercase; margin-block: 16px 10px;
	}
	
	body {
		margin: 0px;
		overflow-x: hidden;
	}

	/* Custom branded scrollbar + smooth scrolling */
	html {
		scrollbar-width: thin;
		scrollbar-color: var(--site-primary-color) #f0ede4;
		scroll-behavior: smooth;
		overflow-x: hidden;
	}
	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	::-webkit-scrollbar-track {
		background: #f0ede4;
	}
	::-webkit-scrollbar-thumb {
		background-color: var(--site-primary-color);
		border-radius: 10px;
		border: 2px solid #f0ede4;
	}
	::-webkit-scrollbar-thumb:hover {
		background-color: #998c66;
	}
	img {
    display: block;
    max-width: 100%;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 68%);
    z-index: 999999999999 !important;
    display: flex;            
    justify-content: center;  
    align-items: center;     
}

.mask__loader {
    position: relative;
    width: 60px;
    height: 60px; /* ensure parent height */
}

.mask__caption {
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mask .circular {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    animation: rotate 2s linear infinite;
}

.mask .path {
    stroke: var(--site-primary-color);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate{
100% {
    transform: rotate(360deg);
}
}
@keyframes dash{
0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
}
100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
}
}

	.footer .fr-wrapper a {
		color: var(--site-primary-color);
	}
	.solution-list {
    list-style: none;
    padding-left: 0;
    margin: 1.75rem 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.solution-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 14px;
    background: #faf8f3;
    border: 1px solid #ece6d8;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.solution-list li:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(178, 163, 123, 0.18);
    border-color: var(--site-primary-color);
}

.solution-list .check-icon {
    width: 26px;
    height: 26px;
    background: var(--site-primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
    box-shadow: 0 3px 8px rgba(178, 163, 123, 0.4);
}

.solution-list .check-icon::after {
    content: "";
    width: 11px;
    height: 9px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10" fill="none"%3E%3Cpath d="M1 5L4.5 8.5L11 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}

.solution-list .solution-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.solution-list .solution-text strong {
    font-size: 16px;
    font-weight: 700;
    color: var(--site-text-color);
    letter-spacing: 0.2px;
}

.solution-list .solution-text span {
    font-size: 14.5px;
    line-height: 1.55;
    color: #5a5a5a;
}
	
	.fr-view h2 {
		font-size: clamp(28px, 4.5vw, 44px); color: var(--site-text-color); font-weight: 900; line-height: 1.2; text-transform: uppercase; margin-block: 0 1rem;
	}
	
	#scrollToTop {
		cursor: pointer
	}
	
	.fr-view h3 {
		color: var(--site-text-color); font-weight: 700; line-height: 1.2; margin: 0 0 .5em;
	}
	
	.fr-view {
		background: #F8F8F8;
	}
	
	body .fr-view {
		font-family: var(--site-font-family); font-size: clamp(16px, 1.8vw, 18px); font-weight: 500;
	}
	
	.fr-view p {
		font-size: clamp(16px, 1.8vw, 18px); margin-bottom: 1.25rem;
	}
	
	.fr-view .tagline {
		color: #cfcfcf;
	}
	
	.fr-view .pb {
		padding-bottom: clamp(88px, 12vw, 120px);
	}
	
	.fr-view .pt {
		padding-top: clamp(80px, 12vw, 120px);
	}
	
	.mx-container {
		max-width: calc(1200px + 40px); width: 100%; margin-inline: auto; padding-inline: 20px;
	}
	
	.flex-col {
		display: flex; align-items: center; justify-content: space-between; gap: clamp(40px, 6vw, 60px);
	}
	
	.flex {
		display: flex; align-items: center; gap: 6px;
	}
	
	.flex>div,
	.flex-col>div {
		flex: 1
	}
	
	.nav-cta-wrap.flex {
		gap: 8px;
	}
	
	.tag {
		background: #c48c0c40; padding: 9px 18px; border-radius: 40px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 16px; font-size: 12px;
	}
	
	.tag-alt {
		border: 1px solid; font-size: clamp(10px, 1.1vw, 11px); font-weight: 700; padding: clamp(7px, 0.9vw, 9px) clamp(11px, 1.4vw, 14px); border-radius: 20px; line-height: 1; text-transform: uppercase;
	}
	
	.fr-view img.fr-dib,
	.fr-view img.fr-dii {
		max-width: 100%; margin-inline: 0;
	}
	
	.fr-view .mb-0 {
		margin-bottom: 0
	}
	
	.fr-view .mt {
		margin-top: 1rem;
	}
	
	.fr-view .mt-half {
		margin-top: 0.5rem;
	}
	
	.fr-view .text-center {
		text-align: center
	}
	
	.fr-view .text-color {
		color: #707070 !important;
	}
	
	.brick-alt {
		gap: 20px; align-items: flex-start; margin-bottom: 5px;
	}
	
	.fr-view h4 {
		color: inherit; font-size: clamp(21px, 2.5vw, 24px); font-weight: 700; margin-bottom: 0.5rem;
	}
	
	.brick-alt h3 {
		margin-bottom: 0.5rem;
	}
	
	.brick-alt p {
		font-weight: 400;
	}
	
	.fr-view .brick-alt-icon {
		display: inline-flex; height: clamp(65px, 6.5vw, 75px); background: #FFE4E4; align-items: center; justify-content: center; border-radius: 50%; flex: 0 1 clamp(65px, 6.5vw, 75px);
	}
	
	.fr-view .brick-alt-icon img {
		margin: 0
	}
	
	.btn {
		text-transform: uppercase; font-size: 16px; font-weight: 700; border: 1px solid; padding: 17px 24px 15px; border-radius: 800px; text-decoration: none !important; display: inline-flex; line-height: 1; min-height: auto; min-width: auto; position: relative; overflow: hidden; justify-content: center; cursor: pointer;
	}
	
	.btn:before,
	.btn:after {
		box-shadow: none !important;
	}
	
	a.btn.btn-primary,
	.btn.btn-primary {
		background: var(--site-primary-btn-color); border-color: var(--site-primary-btn-color); color: #fff;
	}
	
	a.btn.btn-secondary,
	.btn.btn-secondary {
		background: transparent; color: #fff;
	}
	
	a.btn.btn-secondary:hover,
	.btn.btn-secondary:hover {
		background: var(--site-primary-btn-color) !important; color: #fff !important; border-color: var(--site-primary-btn-color) !important;
	}
	
	a.btn.btn-primary:hover,
	.btn.btn-primary:hover {
		color: #fff !important; background: var(--site-primary-btn-hover-color); border-color: var(--site-primary-btn-hover-color);
	}
	
	.btn.btn-alt.btn-secondary {
		color: var(--site-primary-btn-color);
	}
	
	.btn:before {
		background: linear-gradient(45deg, transparent, rgba(255, 255, 255, .3), transparent); transform: rotate(45deg); animation: buttonshimmer 3s infinite; content: ""; position: absolute; opacity: 0; width: 100%; height: 100%; max-width: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: auto;
	}
	
	.btn:hover:before {
		animation: none;
	}
	
	.fr-view .text-sm {
		font-size: 12px;
	}
	
	.fr-view .text-md {
		font-size: 14px; --site-text-color: #707070;
	}
	
	.fr-view .text-xl {
		font-size: clamp(20px, 2.8vw, 26px); line-height: 1.4;
	}
	
	.relative {
		position: relative; z-index: 1
	}
	
	body .fr-view .highlight {
		color: var(--site-primary-color)
	}
	
	body .fr-view .text-lg {
		font-size: 20px
	}
	
	.bg-circle {
		background: var(--site-primary-color); width: 52px; height: 52px; justify-content: center; border-radius: 50%;
	}
	
	.fr-view .list-none {
		padding: 0; margin: 0; list-style: none;
	}
	/* Header - Simplified for conversion */
	
	header {
		position: absolute; top: 0; left: 0; width: 100%; z-index: 10; padding-block: 20px; transition: background-color 0.4s;
	}
	
	header .mx-container {
		display: flex; gap: 26px; align-items: center; justify-content: space-between; max-width: calc(1460px + 40px);
	}
	
	header.sticky {
		backdrop-filter: blur(50px); background: #000000d4;
	}
	
	.btn.nav-btn {
		padding: 11px 16px; font-weight: 600; text-transform: capitalize;
	}
	
	.btn.nav-btn.btn-primary {
		background: #fff; border-color: #fff; color: var(--site-primary-btn-color);
	}
	
	.btn.nav-btn.btn-primary:hover {
		color: var(--site-primary-btn-color) !important; background: #fff; border-color: #fff;
	}
	
	.btn.nav-btn:before {
		animation: none; content: none; background: transparent;
	}
	
	.contact-toggle {
		width: 42px; height: 42px; border: 2px solid #fff; color: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.3s;
	}
	
	.icon--phone {
		background-repeat: no-repeat; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14" fill="none"%3E%3Cpath d="M0.00718705 3.92214C-0.313299 7.90779 4.54683 13.6122 8.52726 13.9322C9.39847 14.0023 10.2387 13.7391 10.8869 13.1874L11.4568 12.6294C12.1106 12.0729 12.1798 11.5387 11.5994 10.8567C11.585 10.8398 10.4053 9.77358 10.4053 9.77358C9.82711 9.12853 8.92825 9.2402 8.25963 9.785L7.2778 10.5092C5.66547 9.66548 3.75912 7.30239 3.13631 5.51438L3.9738 4.62631C4.62365 4.05375 5.19905 3.26696 4.64904 2.59792C4.64904 2.59792 4.033 1.45781 4.01861 1.4409C3.43813 0.758905 2.41563 0.676686 1.73364 1.25716L1.1477 1.68785C0.47176 2.25831 0.0776604 3.04571 0.00760653 3.91692L0.00718705 3.92214Z" fill="currentColor"/%3E%3C/svg%3E'); filter: invert(1); width: 17px; height: 17px; background-size: contain;
	}
	/* Contact dropdown */
	
	.contact-dropdown-wrapper {
		position: relative;
	}
	
	.dropdown-wrapper {
		position: absolute; background: #fff; min-width: 275px; display: flex; flex-direction: column; border-radius: 20px; box-shadow: 0px 5px 30px 0px #00000026; padding: 20px 18px; transform: translateX(-130px) translateY(20px); opacity: 0; visibility: hidden;
	}
	
	.dropdown-info {
		display: grid; grid-template-columns: 57px 1fr; gap: 14px; margin-bottom: 0.5rem;
	}
	
	.dropdown-wrapper .dropdown-info-head {
		font-weight: 600; 
		margin-bottom: 0px;
		 line-height: 1;
		 margin-top: 0px;
	}
	
	.dropdown-wrapper .dropdown-info-content {
		font-size: 12px; line-height: 1.4; color: #5B5B5B; margin: 1px 0 0;
	}
	
	.dropdown-wrapper .dropdown-info-content+.dropdown-info-content {
		font-size: 11px;
	}
	
	.dropdown-wrapper .dropdown-extra-info {
		display: grid; grid-template-columns: 15px 1fr; gap: 10px; font-size: 14px; font-weight: 600; color: var(--site-text-color) !important; margin-top: 8px; align-items: center; padding-left: 6px; transition: 0.3s;
	}
	
	.dropdown-wrapper .icon--phone {
		filter: none; width: 13px; height: 13px; transform: translateX(1px);
	}
	
	.dropdown-wrapper .dropdown-extra-info:hover {
		text-decoration: none !important; color: var(--site-primary-color) !important;
	}
	
	.icon-svg.icon--mail {
		background-repeat: no-repeat; width: 15px; height: 12px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2213%22%20viewBox%3D%220%200%2016%2013%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M12.6641%200.420898H3.91406C3.08557%200.421759%202.29129%200.707376%201.70545%201.2151C1.11961%201.72283%200.790055%202.4112%200.789063%203.12923L0.789062%209.62923C0.790055%2010.3473%201.11961%2011.0356%201.70545%2011.5434C2.29129%2012.0511%203.08557%2012.3367%203.91406%2012.3376H12.6641C13.4926%2012.3367%2014.2868%2012.0511%2014.8727%2011.5434C15.4585%2011.0356%2015.7881%2010.3473%2015.7891%209.62923V3.12923C15.7881%202.4112%2015.4585%201.72283%2014.8727%201.2151C14.2868%200.707376%2013.4926%200.421759%2012.6641%200.420898ZM3.91406%201.50423H12.6641C13.0383%201.50487%2013.4038%201.60255%2013.7134%201.78471C14.0231%201.96687%2014.2627%202.22516%2014.4016%202.52636L9.61531%206.67498C9.26308%206.97903%208.7862%207.14973%208.28906%207.14973C7.79193%207.14973%207.31504%206.97903%206.96281%206.67498L2.17656%202.52636C2.31541%202.22516%202.55507%201.96687%202.86472%201.78471C3.17436%201.60255%203.53982%201.50487%203.91406%201.50423ZM12.6641%2011.2542H3.91406C3.41678%2011.2542%202.93987%2011.083%202.58824%2010.7783C2.23661%2010.4735%202.03906%2010.0602%202.03906%209.62923V3.94173L6.07906%207.4409C6.6657%207.94804%207.46047%208.23284%208.28906%208.23284C9.11765%208.23284%209.91242%207.94804%2010.4991%207.4409L14.5391%203.94173V9.62923C14.5391%2010.0602%2014.3415%2010.4735%2013.9899%2010.7783C13.6383%2011.083%2013.1613%2011.2542%2012.6641%2011.2542Z%22%20fill%3D%22black%22/%3E%0A%3C/svg%3E%0A");
	}
	
	.contact-dropdown-wrapper:hover .dropdown-wrapper {
		opacity: 1; visibility: visible;
	}
	
	.contact-dropdown-wrapper:hover .contact-toggle {
		background: #404040;
	}
	
	.contact-dropdown-wrapper:before {
		content: " "; position: absolute; top: 100%; left: 50%; margin-left: -20px; border-width: 20px; border-style: solid; border-color: #ffffff #ffffff #ffffff00 #ffffff; cursor: pointer; opacity: 0; visibility: hidden;
	}
	/* Hero Section */
	
	.hero-section {
		background-color: var(--site-text-color); position: relative; background-size: cover; padding-top: clamp(100px, 12vw, 120px); 
	    background-image: radial-gradient(ellipse 480px 420px at 58% 42%, rgb(46 43 4 / 92%) 0%, rgba(6, 6, 4, 0) 70%), linear-gradient(135deg, rgb(58, 52, 33) 0%, rgb(30, 27, 19) 45%, rgb(48 40 12) 70%, rgb(46, 41, 27) 100%);
}
	
	.hero-section div>* {
		color: #fff; --site-text-color: #fff;
	}
	
	.hero-section .mx-container {
		position: relative; z-index: 1; display: grid; grid-template-columns: 55% 45%; gap: 28px;max-width: calc(1460px + 40px);
	}
	
	.hero-section .left-col {
		padding-bottom: 60px; max-width: 620px; align-self: center;
	}
	
	.hero-section .right-col {
		align-self: flex-end; margin-right: -15px;
	}
	
	.hero-subtitle {
		font-size: clamp(18px, 2vw, 22px); line-height: 1.5; margin-bottom: 24px; font-weight: 400; opacity: 0.95;
	}
	
	.hero-cta-wrap {
		background: rgba(0, 0, 0, 0.43); border-radius: 20px; display: flex; flex-direction: column; gap: 16px; position: relative; margin-block: 24px; padding: 28px 26px; max-width: 520px;
	}
	
	.hero-cta-wrap h3 {
		font-size: clamp(18px, 2.2vw, 22px); line-height: 1.2; margin: 0; font-weight: 600; color: #fff;
	}
	
	.participation-paths {
		display: flex; flex-direction: column; gap: 10px;
	}
	
	.participation-paths .path-item {
		display: flex; align-items: center; gap: 12px; font-size: clamp(14px, 1.6vw, 16px); color: rgba(255, 255, 255, 0.9);
	}
	
	.participation-paths .path-number {
		background: var(--site-primary-color); color: #fff; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0;
	}
	
	.hero-cta-wrap .btn {
		min-height: clamp(50px, 6vw, 57px); display: inline-flex; align-items: center; justify-content: center; width: 100%; font-size: clamp(14px, 1.6vw, 16px);
	}
	
	.video-toggle-wrap {
		position: absolute; left: -115px; bottom: 60px; gap: 20px; align-items: flex-end; display: flex;
	}
	
	.video-toggle {
		width: 120px; height: 120px; display: inline-flex; font-size: 0; cursor: pointer; background: #fff; border-radius: 50%; align-items: center; justify-content: center; position: relative;
	}
	
	.video-toggle::before {
		content: ""; position: absolute; border-radius: 50%; background: #FFFFFF; transition: 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); width: 125%; height: 125%; opacity: 0; visibility: hidden;
	}
	
	.video-toggle:hover::before {
		width: 150%; height: 150%; opacity: 0.1; visibility: visible;
	}
	
	.play-icon {
		background-image: url('../images/play-icon.png'); background-repeat: no-repeat; width: 34px; height: 42px; background-size: cover;
	}
	
	.special-txt {
		font-family: "Caveat", cursive; font-size: 38px; font-weight: 400; line-height: 90%; margin-bottom: 12px;
	}
	
	.special-txt:after {
		content: ""; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="57" height="24" viewBox="0 0 57 24" fill="none"><path d="M51.0797 9.20068C49.2897 13.8705 47.5067 18.5371 45.7167 23.2069C45.886 23.3484 46.0482 23.4931 46.2205 23.6417C46.9928 22.8383 48.0402 22.1688 48.4846 21.2056C51.2188 15.3687 53.867 9.48735 56.4353 3.57575C57.3967 1.36715 56.8748 0.240814 54.7318 0.16821C50.1204 0.00712674 45.4863 0.0875748 40.8564 0.217129C40.1931 0.234162 39.087 0.923111 38.9598 1.47042C38.6537 2.7777 39.8162 3.08666 40.8102 3.177C42.6224 3.33876 44.4511 3.38163 46.2731 3.48759C47.4415 3.55462 48.616 3.63581 49.9861 4.39237C48.2034 5.6769 46.5216 7.17817 44.6191 8.22078C34.4291 13.7909 25.2873 17.0007 13.9016 17.444C7.47973 16.7477 4.19417 12.623 0.901781 10.5613C0.8676 13.0969 4.47107 16.4981 6.70601 18.2177C9.88153 19.687 11.149 20.4845 13.9051 20.4615C25.9737 20.3421 36.6317 16.6191 47.3093 10.5607C48.3768 9.95836 49.4263 9.31337 50.4778 8.6931C50.6761 8.86335 50.8774 9.04082 51.0827 9.2078L51.0797 9.20068Z" fill="%23ffffff"/></svg>'); width: 60px; height: 24px; position: absolute; background-repeat: no-repeat; bottom: -5px; right: 85px;
	}
	/* Section Base Styles - Tighter spacing */
	
	.site-section {
		padding: clamp(40px, 5vw, 60px) 0;
	}
	
	.site-section .left-col>img,
	.site-section .right-col>img {
		border-radius: 20px; box-shadow: 0px 4px 30px 0px #0000001A;
	}
	
	.fr-view div,
	.fr-view p {
		color: var(--site-text-color);
	}
	/* SECTION 1: Problem/Empathy Section */
	
	.problem-section {
		background: #fff; padding: clamp(40px, 5vw, 60px) 0;
	}
	
	.problem-section .mx-container {
		display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 80px); align-items: center;
	}
	
	.problem-section .content-col {
		max-width: 520px;
	}
	
	.problem-section .image-col img {
		border-radius: 20px; box-shadow: 0px 4px 30px 0px #0000001A; width: 100%;
	}
	
	.belief-quote {
		background: #FFF5F5; border-left: 4px solid var(--site-primary-color); padding: 20px 24px; margin: 1.5rem 0;
	}
	
	.belief-quote p {
		font-size: clamp(16px, 1.8vw, 18px); margin: 0; font-style: italic; color: #333;
	}
	/* SECTION 2: Solution Section */
	
	.solution-section {
		background: #F8F8F8; padding: clamp(40px, 5vw, 60px) 0;
	}
	
	.solution-section .mx-container {
		display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 80px); align-items: center;
	}
	
	.solution-section .image-col {
		order: -1;
	}
	
	.solution-section .image-col img {
		border-radius: 20px; box-shadow: 0px 4px 30px 0px #0000001A; width: 100%;
	}
	
	.solution-section .content-col {
		max-width: 520px;
	}
	
	/* Animated SVG icons — path-card and objection-item icons */

	.animated-icon path,
	.animated-icon circle,
	.animated-icon ellipse {
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
		transition: stroke-dashoffset 1.1s ease;
	}

	.animated-icon.is-drawn path,
	.animated-icon.is-drawn circle,
	.animated-icon.is-drawn ellipse {
		stroke-dashoffset: 0;
	}

	.card-icon, .obj-icon {
		transition: transform 0.25s ease;
	}

	.path-card:hover .card-icon,
	.objection-item:hover .obj-icon {
		transform: scale(1.08);
	}

	/* Continuous idle motion, started once the draw-in entrance finishes */

	.icon-search.is-drawn .icon-motion {
		transform-box: fill-box;
		transform-origin: center;
		animation: iconSearchScan 3.2s ease-in-out 1.1s infinite;
	}
	@keyframes iconSearchScan {
		0%, 100% { transform: translate(0, 0) rotate(0deg); }
		25%      { transform: translate(-1.2px, 0.6px) rotate(-6deg); }
		75%      { transform: translate(1px, -0.4px) rotate(5deg); }
	}

	.icon-megaphone.is-drawn .icon-wave-1 {
		animation: iconWavePulse 1.6s ease-in-out 1.1s infinite;
	}
	.icon-megaphone.is-drawn .icon-wave-2 {
		animation: iconWavePulse 1.6s ease-in-out 1.35s infinite;
	}
	@keyframes iconWavePulse {
		0%, 100% { opacity: 0.35; }
		50%      { opacity: 1; }
	}

	.icon-handshake.is-drawn .icon-arm-left {
		transform-box: fill-box;
		transform-origin: 0% 24%;
		animation: iconArmLeft 2.6s ease-in-out 1.1s infinite;
	}
	.icon-handshake.is-drawn .icon-arm-right {
		transform-box: fill-box;
		transform-origin: 100% 24%;
		animation: iconArmRight 2.6s ease-in-out 1.1s infinite;
	}
	@keyframes iconArmLeft {
		0%, 100% { transform: rotate(0deg); }
		50%      { transform: rotate(3deg); }
	}
	@keyframes iconArmRight {
		0%, 100% { transform: rotate(0deg); }
		50%      { transform: rotate(-3deg); }
	}

	.icon-shield.is-drawn .icon-motion {
		transform-box: fill-box;
		transform-origin: center;
		animation: iconCheckPulse 2.2s ease-in-out 1.1s infinite;
	}
	@keyframes iconCheckPulse {
		0%, 100% { transform: scale(1); }
		50%      { transform: scale(1.18); }
	}

	.icon-bubble.is-drawn .icon-motion {
		transform-box: fill-box;
		transform-origin: center;
		animation: iconBubbleBob 2.8s ease-in-out 1.1s infinite;
	}
	@keyframes iconBubbleBob {
		0%, 100% { transform: translateY(0); }
		50%      { transform: translateY(-1.4px); }
	}

	.icon-clock.is-drawn .icon-clock-hand {
		transform-box: fill-box;
		transform-origin: 0% 70%;
		animation: iconClockTick 6s linear 1.1s infinite;
	}
	@keyframes iconClockTick {
		from { transform: rotate(0deg); }
		to   { transform: rotate(360deg); }
	}

	/* SECTION 3: How It Works - Three Paths */
	
	.how-it-works-section {
		background: #fff; padding: clamp(40px, 5vw, 60px) 0;
	}
	
	.how-it-works-section .section-header {
		text-align: center; max-width: 700px; margin: 0 auto clamp(24px, 3vw, 40px);
	}
	
	.how-it-works-section .section-header p {
		color: #666;
	}
	
	.path-cards {
		display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
	}
	
	.path-card {
		background: #F8F8F8; border-radius: 20px; padding: clamp(28px, 4vw, 40px) clamp(24px, 3vw, 32px); text-align: center; transition: transform 0.3s, box-shadow 0.3s; position: relative;
	}
	
	.path-card:hover {
		transform: translateY(-5px); box-shadow: 0px 8px 40px 0px #00000015;
	}
	
	.path-card .step-number {
		position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--site-primary-color); color: #fff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700;
	}
	
	.path-card .card-icon {
		width: 70px; height: 70px; background: #f5ecc1; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 10px auto 20px;
	}
	.path-card .card-icon svg {
		width: 32px; height: 32px;
	}
	
	.path-card h3 {
		font-size: clamp(17px, 1.9vw, 20px); margin-bottom: 10px; color: var(--site-text-color);
	}
	
	.path-card p {
		font-size: clamp(14px, 1.4vw, 15px); color: #666; line-height: 1.5; margin-bottom: 0;
	}
	
	.section-cta {
		text-align: center; margin-top: clamp(20px, 3vw, 30px);
	}
	/* SECTION 4: Social Proof */
	
	.social-proof-section {
		background: #222628; padding: clamp(30px, 4vw, 50px) 0;
	}
	
	.social-proof-section .mx-container {
		display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center;
	}
	
	.proof-stat {
		color: #fff;
	}
	
	.proof-stat .stat-number {
		font-size: clamp(36px, 4.5vw, 52px); font-weight: 900; line-height: 1; margin-bottom: 8px;
	}
	
	.proof-stat .stat-number .highlight {
		color: var(--site-primary-color);
	}
	
	.proof-stat .stat-label {
		font-size: clamp(13px, 1.4vw, 15px); color: #b0b0b0; text-transform: uppercase; letter-spacing: 0.5px;
	}
	/* SECTION 5: Overcome Objections */
	
	.objections-section {
		background: #F8F8F8; padding: clamp(40px, 5vw, 60px) 0;
	}
	
	.objections-section .mx-container {
		max-width: 900px; text-align: center;
	}
	
	.objection-grid {
		display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: clamp(20px, 3vw, 30px);
	}
	
	.objection-item {
		display: flex; flex-direction: column; align-items: center; gap: 12px;
	}
	
	.objection-item .obj-icon {
		width: 60px; height: 60px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 20px 0px #0000000D;
	}
	
	.objection-item .obj-icon svg {
		width: 26px; height: 26px;
	}
	
	.objection-item h4 {
		font-size: clamp(16px, 1.7vw, 18px); margin: 0; color: var(--site-text-color);
	}
	
	.objection-item p {
		font-size: clamp(13px, 1.4vw, 14px); color: #666; margin: 0;
	}
	/* SECTION 6: Form Section */
	
	.form-section {
		background: #fff; padding: clamp(40px, 5vw, 60px) 0;
	}
	
	.form-section .mx-container {
		max-width: 800px;
	}
	
	.form-section .section-header {
		text-align: center; margin-bottom: clamp(16px, 2vw, 24px);
	}
	
	.form-section .section-header p {
		color: #666; max-width: 500px; margin: 0 auto;
	}
	
	.form-wrapper {
		background: #F8F8F8; border-radius: 20px; padding: clamp(30px, 5vw, 50px);
	}
	
	.form-trust-badges {
		display: flex; justify-content: center; gap: 30px; margin-top: 24px; flex-wrap: wrap;
	}
	
	.trust-badge {
		display: flex; align-items: center; gap: 8px; font-size: 13px; color: #707070;
	}
	
	.trust-badge img {
		width: 18px; height: 18px;
	}
	/* SECTION 7: Final Reassurance / About */
	
	.about-section {
		background: #F8F8F8; padding: clamp(40px, 5vw, 60px) 0;
	}
	
	.about-section .mx-container {
		display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(40px, 6vw, 80px); align-items: center;
	}
	
	.about-section .image-col img {
		border-radius: 20px; box-shadow: 0px 4px 30px 0px #0000001A; width: 100%;
	}
	
	.about-section .content-col {
		max-width: 520px;
	}
	/* Final CTA Banner */
	
	.final-cta-section {
		background: linear-gradient(135deg, var(--site-primary-color) 0%, #2a2c2b 100%); padding: clamp(30px, 4vw, 50px) 0; text-align: center;
	}
	
	.final-cta-section h2 {
		color: #fff; margin-bottom: 8px;
	}
	
	.final-cta-section p {
		color: rgba(255, 255, 255, 0.9); margin-bottom: 24px;
	}
	
	.final-cta-section .btn {
		background: #fff; color: var(--site-primary-color); border-color: #fff; padding: 18px 36px;
	}
	
	.final-cta-section .btn:hover {
		background: #f0f0f0 !important; color: var(--site-primary-color) !important; border-color: #f0f0f0 !important;
	}
	/* Footer Styles */
	
	.fr-view .site-footer>div a,
	.fr-view .site-footer div,
	.fr-view .site-footer {
		color: #d3d3d3; --site-text-color: #d3d3d3;
	}
	
	.fr-view .site-footer a {
		text-decoration: underline;
	}
	
	.fr-view .site-footer a:hover {
		color: #d3d3d3 !important;
	}
	
	.site-footer {
		font-size: 12px; padding-top: 66px; font-weight: 400;
	}
	
	.site-footer .footer-tagline h2,
	.site-footer .footer-tagline div,
	.site-footer .footer-tagline p {
		color: #fff; --site-text-color: #fff;
	}
	
	.site-footer .footer-tagline h2 {
		font-size: clamp(36px, 5vw, 68px);
	}
	
	.section-dark {
		background: #222628;
	}
	
	.section-dark>h2 {
		color: #fff;
	}
	
	.section-dark>* {
		color: #fff; --site-text-color: #fff;
	}
	
	.section-dark .tag {
		background: #373B3D;
	}
	
	.site-footer .product-head {
		font-size: 30px; font-weight: 900;
	}
	
	.site-footer .footer-tagline {
		display: grid; grid-template-columns: 1fr 1.4fr; margin-block: 32px clamp(60px, 10vw, 90px); gap: 34px;
	}
	
	.simple-grid-cards {
		display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 18px 16px; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	}
	
	.simple-grid-cards li {
		padding: 26px 12px 20px 24px; border-radius: 20px; background: linear-gradient(95.77deg, rgba(66, 66, 67, 0.5) -1.62%, rgba(66, 66, 66, 0.5) 90.19%); backdrop-filter: blur(2px); display: flex; flex-direction: column; gap: 10px; justify-content: center; color: #fff; text-transform: uppercase; min-height: 125px;
	}
	
	.simple-grid-cards li h3 {
		margin: 2px 0 0; line-height: 1.2; font-size: clamp(24px, 3vw, 30px); font-weight: 900; color: inherit;
	}
	
	.simple-grid-cards li p,
	.simple-grid-cards li {
		margin: 0; line-height: 1.2; font-size: clamp(18px, 2vw, 20px); font-weight: 500;
	}
	/* Reviews Slide Controls */
	
	.fr-view .slide-custom-toggle {
		flex-grow: 0; margin-left: auto; gap: 16px;
	}
	
	.slide-review {
		border: 1.57px solid #BFBFBF; width: 68px; height: 68px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; transition: 0.3s; user-select: none;
	}
	
	.slide-review:hover {
		background: var(--site-text-color);
	}
	
	.slide-review:hover img {
		filter: brightness(0) invert(1);
	}
	/* Responsive Styles */
	
	@media (min-width: 1025px) {
		.dropdown-wrapper {
			transition: 0.25s ease-in-out; transform: translateX(-130px) translateY(20px) scale(0.9);
		}
		.contact-dropdown-wrapper:hover .dropdown-wrapper {
			transform: translateX(-130px) translateY(20px) scale(1);
		}
	}
	.video-toggle-wrap {
			display: none;
		}
	@media (max-width: 1000px) {
		.hero-section .mx-container {
			grid-template-columns: 1fr;
		}
		.right-col img{
    width: 550px;
}
.hero-section .left-col {
    padding-bottom: 0px;
}
		.hero-section .left-col {
			max-width: 100%; text-align: center;
		}
		
		.tag-alt-wrap {
			justify-content: center;
		}
		.right-col img{
    margin: auto;
}
.hero-section .right-col{
	margin-right: 0px;
}
		.hero-cta-wrap {
			margin-left: auto; margin-right: auto;
		}
		.problem-section .mx-container,
		.solution-section .mx-container,
		.about-section .mx-container {
			grid-template-columns: 1fr;
		}
		.solution-section .image-col {
			order: 0;
		}
		.problem-section .content-col,
		.solution-section .content-col,
		.about-section .content-col {
			max-width: 100%;
		}
		.path-cards {
			grid-template-columns: 1fr; max-width: 400px; margin: 0 auto;
		}
		.social-proof-section .mx-container {
			grid-template-columns: repeat(2, 1fr);
		}
		.objection-grid {
			grid-template-columns: 1fr; max-width: 300px; margin-left: auto; margin-right: auto;
		}
		.site-footer .footer-tagline {
			grid-template-columns: 1fr; text-align: center;
		}
	}
	
	@media (max-width: 600px) {
		.social-proof-section .mx-container {
			grid-template-columns: 1fr 1fr; gap: 30px 20px;
		}
	}
	
	@keyframes buttonshimmer {
		0% {
			transform: translateX(-100%) rotate(45deg); opacity: 1
		}
		100% {
			transform: translateX(100%) rotate(45deg); opacity: 0
		}
	}
	/* Lightbox Modal Styles */
	
	.popup {
		display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 9999; align-items: center; justify-content: center; padding: 0;
	}
	
	.popup.active {
		display: flex;
	}
	
	.popup-content {
		position: relative; width: 100%; max-width: 100%; height: 100%; background: #fff; border-radius: 0; overflow: hidden;
	}
	
	.popup-content iframe {
		width: 100%; height: 100%; border: none;
	}
	
	.popup-close {
		position: fixed; top: 15px; right: 20px; font-size: 28px; color: #333; cursor: pointer; z-index: 10001; line-height: 1; transition: all 0.3s; background: #fff; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); border: none; padding-bottom: 3px;
	}
	
	.popup-close:hover {
		background: #f0f0f0; transform: scale(1.05);
	}



	/**Full Width Template*/
.riq-canvas-template .container, 
.riq-canvas-template .canvas-content,
.riq-canvas-template .funnel,
.footer_inner .footer__holder {
    max-width: 100%;
  	padding-inline: 0;
    margin-inline: 0
} 
/**Template Style: Out of the content editor*/
#site-header {position: fixed}
.expand-content-wrap { overflow: hidden;
            transition: height 0.5s ease-in-out;
            height: 0;}
.eapps-widget-toolbar {
    display: none !important;
}
/**popup lightbox modal style*/

.popup-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.popup-close {
    position: absolute;
    top: 3px;
    right: 20px;
    font-size: 24px;
    line-height: 38px;
     width: 26px;
    height: 26px;
    text-align: center;
    font-weight: 100;
    color: #fff;
    background: #bcaf8a;
    border-radius: 500px;
    cursor: pointer;
    opacity: 1;
  font-weight: 600;
}
.fr-view .popup-close:hover {
    color: #000;
}

/* Lead-form popup: centered floating card (matches the two-panel form design) */
#lightboxPopup .popup-content {
    width: 100%;
    max-width: 1040px;
    height: 640px;
    max-height: 90vh;
    border-radius: 20px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);
}
#lightboxPopup .popup-content iframe {
    border-radius: 20px;
}
/* The form has its own close button (top-right, inside the card) */
#lightboxPopup .popup-close {
    display: none;
}
@media (max-width: 760px) {
    #lightboxPopup .popup-content {
        width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0;
    }
    #lightboxPopup .popup-content iframe {
        border-radius: 0;
    }
}

body .popup {overflow:hidden}
body .popup.has-active {display:block}
#lightbox-modal iframe {display:none}
#lightbox-modal iframe.is-active {display:block}

#video-lightbox-modal .popup-content {
    padding: 54px;
}
#video-lightbox-modal {
    background: rgb(0, 0, 0, 0.66);
    backdrop-filter: blur(100px);
}
#video-lightbox-modal .popup-close {
    background: #fff;
    color: #000;
    right: 38px;
}
.fr-view #video-lightbox-modal .popup-close:hover {color: #000;}
#video-lightbox-modal iframe {
    border-radius: 16px;
     aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    max-height: calc(100% - 54px);
}

#video-lightbox-modal .hero-cta-wrap h2, #video-lightbox-modal .hero-cta-wrap .text-sm {color: #fff;}
#video-lightbox-modal .hero-cta-wrap {
    position: absolute;
    min-height: auto;
    background: rgb(0 0 0 / 88%);
    bottom: 90px;
    right: 60px;
    margin: 0;
}

/**Terms Modal Style*/
.modal-open #modal {
    background: rgb(216 216 216 / 75%);
    backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#terms-modal {cursor:pointer;}
#modal .modal-dialog {
    max-width: 850px;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    
}
#modal .modal-content {height: auto;border: 0;}
#modal .modal-content .modal-body h2 {font-weight: 700;text-align:center;font-size: clamp(24px, 3vw, 32px);text-transform: capitalize;margin-bottom: clamp(1rem, 2vw, 1.5rem);}
#modal .modal-content .modal-body p {font-size: 15px;line-height: 1.6;}
#modal .modal-header {border: 0;    padding-bottom: 0;}
#modal .modal-header .close {font-weight: 400;top: 32px;right: -5px;font-size: 32px;position: static;
    float: none;
    transform: none;
    margin-left: auto;}
@media (min-width: 600px) {
    #modal .modal-dialog {margin-top: 4.5rem;}
    #modal .modal-content .modal-body {padding: 20px 48px 48px;}
}
@media (max-width: 768px) {
    #video-lightbox-modal .popup-content {padding: 0;flex-direction:column;gap: 20px;}
    #video-lightbox-modal .hero-cta-wrap {position: static;justify-self: flex-start;align-self: flex-start;width: 100%;/* margin-top: auto; */}
     #video-lightbox-modal .hero-cta-wrap .btn-wrap {flex-direction: column;width: 100%;}
 #video-lightbox-modal .hero-cta-wrap .btn {width: 100%;}
    #video-lightbox-modal iframe {border-radius: 0;/* margin-block: auto; */}
    #video-lightbox-modal .popup-close {right: 13px}
}

/**Animation style*/
.fade-left, .fade-right {opacity: 0}
.fade-left {
  transform: translateX(-100px);
}

.fade-right {
  transform: translateX(100px);
}
/**mobile menu style*/
.nav-toggle {display:none}
.mobile-menu-open #scrollToTop {
  max-width: 125px;
}
#site-header::after {
  content: "";
  transition: 0.25s;
}
.mobile-menu-open #site-header::after {
  backdrop-filter: blur(20px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  height: 100%;
  z-index: -1;
  background: #121611e3;
  filter: blur(3px);
}

.mobile-menu-open nav.navigation-wrapper ul a {
  font-size: 28px;
  font-weight: 900;
}

body.mobile-menu-open .nav-cta-wrap {
  /* display: none; */
  position: fixed;
  top: 540px;
  flex-direction: column-reverse;
  align-items: flex-start;
  width: 100%;
  left: 0;
  padding-inline: 16px;
  gap: 16px;
  max-width: 500px;
}



body.mobile-menu-open .nav-cta-wrap .nav-btn {
    min-height: 56px;
    align-items: center;
    width: 100%;
    justify-content: center;
    font-size: 20px;
}

body.mobile-menu-open {
    overflow: hidden;
}

.mobile-menu-open .contact-toggle {
    display: none;
}

.mobile-menu-open .contact-dropdown-wrapper .dropdown-wrapper {
    opacity: 1;
    visibility: visible;
    position: relative;
    transform: none;
    background: transparent;
    box-shadow: none;
    max-width: 100%;
    min-width: auto;
    left: 0;
    padding: 0;
    width: 100%;
}

.mobile-menu-open .contact-dropdown-wrapper .dropdown-info, .mobile-menu-open .contact-dropdown-wrapper .dropdown-extra-info:not(:last-child) {
    display: none;
}

.mobile-menu-open .contact-dropdown-wrapper .dropdown-extra-info:last-child {
    border: 1px solid;
    color: #fff !important;
    font-size: 20px;
    min-height: 56px;
    display: flex;
    justify-content: center;
    border-radius: 800px;
    margin: 0;
}

.mobile-menu-open .contact-dropdown-wrapper {
    width: 100%;
}

.mobile-menu-open .dropdown-wrapper .icon--phone {
    width: 19px;
    height: 19px;
    filter: invert(1);
}

body.mobile-menu-open .nav-cta-wrap .nav-btn.btn-primary {
    color: var(--site-text-color);
}

body.mobile-menu-open .nav-cta-wrap .nav-btn span {
    display: inline;
}
/**END mobile menu style*/

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(20px);
  }
  60% {
    transform: translateX(10px);
  }
}
/**Responsive style*/
@media (min-width: 769px) {
  .btn-wrap .btn.btn-secondary:before {
	animation-delay: 0.8s;
  }
  
  .gqFuKR, .eA-DcpX {
  margin: 0 auto 0 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  .fr-view .d-none--sm {display: none;}
}
@media (max-width: 1024px) {
  body .fr-wrapper {
    padding: 0 !important;
  }
  
	/**Mobile Menu Style*/
  img#scrollToTop {
	  max-width: 120px;
  }
  header#site-header .mx-container {gap: 16px}
  .mobile-menu-open header#site-header {transition: none;}
  header#site-header .nav-cta-wrap .nav-btn {transition: none}
  .navigation-wrapper {
    position: fixed;
    top: 96px;
    width: 100%;
    left: 0;
    padding-inline: 16px;
    visibility: hidden;
    opacity: 0;
  }
  .mobile-menu-open header.sticky {
    backdrop-filter: none;
  }
  
  .navigation-wrapper ul {
    flex-direction: column;
  }
  .navigation-wrapper ul a {
	display: inline-block;
	/*opacity: 0;*/
  }
  .mobile-menu-open .navigation-wrapper {
    opacity: 1;
    visibility: visible;
  }
  .nav-cta-wrap .btn.nav-btn {
    font-size: 13px;
    padding: 12px 11px;
  }
  .contact-dropdown-wrapper .contact-toggle {
    width: 32px;
    height: 32px;
  }
  .contact-dropdown-wrapper .contact-toggle .icon--phone {width: 12px; height: 12px;}
  .nav-cta-wrap {
    margin-left: auto;
  }
  /**Header Nav toggle*/
  .nav-toggle {
    width: 18px;
    height: 18px;
    position: relative;
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0 0;
    color: inherit;
    display: block;
  }
  
  .nav-toggle div {
    display: block;
    position: absolute;
    height: 2.2px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: 0.4s ease-in-out;
    color: #fff;
    transition: 0.25s;
  }
  
  .nav-toggle div:nth-child(2) {
    top: 8px;
    width: 75%;
    left: 25%;
  }
  
  .nav-toggle div:nth-child(3) {
    top: 16px;
  }
  body.mobile-menu-open .nav-toggle {margin-left: auto;width: 24px;}
  body.mobile-menu-open .nav-toggle div:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  
  body.mobile-menu-open .nav-toggle div:nth-child(2) {
    opacity: 0;
    display: none;
    left: -100%;
  }
  
  body.mobile-menu-open .nav-toggle div:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  /** //END Mobile Menu Style*/
}
/**Template Responsive Style, seperated from content editor*/
@media (max-width: 1024px) {
    body {
        .site-section {
            padding-top: 88px;
        }
        .flex-col {
        	flex-direction: column;
            align-items: flex-start;
            &.reverse-reponsive {
                flex-direction: column-reverse;
            }
        }
	   
        .video-toggle-wrap {
            left: unset;
            right: 8%;
            bottom: 25%;
        }
        
        .fr-view .brick-alt-icon {padding: 18px;}
        .site-footer .footer-tagline {
          gap: 20px;
        }
    }

}
@media (max-width: 999px) {
  body {
	.hero-section .mx-container{display:block;}
  	.hero-section .right-col {
            justify-self: center;
        }
  }
}
/**Template Style*/
@media (max-width: 768px) {
    body {
        .tag-alt-wrap img {
            max-width: 34px;
        }
        .fr-view .tagline {
            font-size: 13px;
        }
        .hero-cta-wrap {margin-block: 18px;padding: 21px 17px;gap: 14px;}
        .hero-section .btn-wrap {flex-direction: column;align-items: stretch;text-align:center;gap: 12px;}
        .special-txt {font-size: 26px;}
        .special-txt:after{width: 40px;height: 16px;background-size: contain;right: 77px;}
        .btn {
            padding-block: 15px 14px;
        }
        .fr-view .text-sm {
            font-size: 9px;
        }
        .fr-view .review-rating .text-sm {font-size: 12px;}
        .video-toggle {width: 85px;height:85px}
        .play-icon {width: 24px;height: 30px;}
        .video-toggle-wrap {gap: 16px;}
        .fr-view h3 {font-size: 20px}
        .bg-circle {
            width: 46px;
            height: 46px;
            padding: 10px;
        }
    }
}
@media only screen and (max-width: 767px) {
  body {
      .popup-close {
        top: 11px;
        right: 18px;
        }
        .compact-container {
            border-radius: 0;
            padding: 20px 20px 28px;
            padding-top: 50%;
        }
        .compact-container::before {
            border-radius: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 7.61%, #1B1B1B 52.29%);
            width: 100%;
            height: 70%;
            bottom: 0;
            top: unset;
        }
        .compact-container .left-col {
            width: 100%;
            padding: 24px;
        }
        .compact-container > img {
            max-height: 60%;
            width: 100%;
        }
        .site-footer .footer-tagline {
          grid-template-columns: 1fr;
        }
		.fr-view .section--custom-rate {
			padding-bottom: 0;
		}

		.fr-view .section--custom-rate .compact-container {
			padding-bottom: 4rem;
		}

		.fr-view .section--custom-rate .compact-container:before {
			background: linear-gradient(180deg, rgba(0, 0, 0, 0) 7.61%, #222628 52.29%);
		  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
		}
      }
}
@media only screen and (max-width: 500px) {
  body .hero-section {
    background-image:
      radial-gradient(ellipse 320px 360px at 75% 28%, rgba(5,5,3,0.92) 0%, rgba(5,5,3,0) 70%),
      linear-gradient(160deg, rgb(30,27,19) 0%, rgb(26,23,15) 35%, rgb(40,35,23) 70%, rgb(47,42,28) 100%);
}
}

.eapps-google-reviews-8cd78a14-88e8-413d-acd8-4acf81e56245-custom-css-root .es-header-rating-reviews-count::after {
    content: " Google reviews";
        font-size: clamp(14px, 2vw, 16px);
    line-height: 1.2;
    color: rgb(112, 112, 112);
}
.eapps-google-reviews-8cd78a14-88e8-413d-acd8-4acf81e56245-custom-css-root .es-header-rating-reviews-count{
            font-size: clamp(14px, 2vw, 16px);
    line-height: 1.2;
    color: rgb(112, 112, 112);
    }
.eapps-google-reviews-8cd78a14-88e8-413d-acd8-4acf81e56245-custom-css-root .es-header-component-top .es-rating-value {
    font-size: clamp(28px, 3vw, 38px);
    
}


.eapps-google-reviews-8cd78a14-88e8-413d-acd8-4acf81e56245-custom-css-root .es-header-component-top .es-header-container {
    margin-top: 20px;
    place-items: self-start;
    justify-content: space-between !important;
}

/**Below Code is only to avoid extra font request by browser*/
body,body .funnel-iframe-inner-wrap .address-button-label,body .funnel-iframe-inner-wrap .link-ladder-item .text,body .funnel-iframe-inner-wrap .multi-check-list .fake-label,body .funnel-iframe-inner-wrap .no-result-message,body .funnel-iframe-inner-wrap .question .checkbox-button,body .funnel-iframe-inner-wrap .question .dropdown-holder .title,body .funnel-iframe-inner-wrap .question .field-opener,body .funnel-iframe-inner-wrap .question .field-opener .selected_text,body .funnel-iframe-inner-wrap .question .form-control,body .funnel-iframe-inner-wrap .question .image-answer-caption .caption-title,body .funnel-iframe-inner-wrap .question .list-options li a,body .funnel-iframe-inner-wrap .question .radio-button,body .funnel-iframe-inner-wrap .question .search-mode-area .tag-box__list .tag-text,body .funnel-iframe-inner-wrap .question .select-opener,body .funnel-iframe-inner-wrap .question .select-opener-text,body .funnel-iframe-inner-wrap .question .single-search-option-list a,body .funnel-iframe-inner-wrap .question .single-select-dropdown__title,body .funnel-iframe-inner-wrap .question .single-select-list li a,body .funnel-iframe-inner-wrap .question__title .question-description-text,body .funnel-iframe-inner-wrap .question_cityzipcode .states-box .states,body .funnel-iframe-inner-wrap .question_cityzipcode .states-box__title,body .funnel-iframe-inner-wrap .question_select-question .multi-select-area__tag,body .funnel-iframe-inner-wrap .question_select-question .multi-select-dropdown__title,body .funnel-iframe-inner-wrap .question_select-question .multi-select-opener,body .funnel-iframe-inner-wrap .question_select-question .single-select-list a,body .funnel-iframe-inner-wrap .question_slider .range-slider .current-val,body .funnel-iframe-inner-wrap .question_slider .range-slider__value,body .funnel-iframe-inner-wrap .search-mode-area .search-box__list .fake-label,body .funnel-iframe-inner-wrap .search-mode-area .search-box__title,body .funnel-iframe-inner-wrap .search-tag-text,body .lp-contact-review .info h6,body .lp-contact-review .info p,body .pac-container .pac-item,body .pac-container .pac-item-query,body .question-file-upload-block .upload-text,body .search-mode-area .form-control,body a.lp-btn__go,body a[href^="#GetStartedNow"]{font-family:var(--site-font-family)!important}

	/* =========================
   MODAL BASE
========================= */
	
	.modal {
		display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.90); z-index: 99; justify-content: center; align-items: center; padding: 80px 20px;
		/* space on smaller screens */
	}
	/* When active (JS sets display:flex) */
	
	.modal.active {
		display: flex;
	}
	/* =========================
   MODAL CONTENT
========================= */
	
	.modal-content {
		position: relative; width: 90%; max-width: 1300px;
	}
	/* Close button */
	
	.close {
		position: absolute; top: 0; right: 0; font-size: 32px; color: #fff; cursor: pointer; line-height: 1; z-index: 1; background: red; border-radius: 100px; padding: 0px 8px 5px; border: 2px solid white;
	}
	/* =========================
   VIDEO WRAPPER
========================= */
	
	.video-wrapper {
		position: relative; width: 100%; height: 85vh;
		/* desktop height */
		max-height: 1000px;
		/* optional cap */
		border-radius: 14px; overflow: hidden; background: #000;
	}
	/* YouTube iframe */
	
	.video-wrapper iframe {
		width: 100%; height: 100%; display: block; border: 0;
	}
	/* =========================
   FLOATING OVERLAY BOX
========================= */
	
	.video-overlay {
		position: absolute; bottom: 0; right: 0; background: rgb(253 253 253 / 95%); max-width: 430px; border-radius: 20px;
	}
	
	.video-overlay .hero-cta-wrap {
		margin-block: 0px !important;
	}

	#lightboxPopup {
    display: none;
    opacity: 0;
}

#lightboxPopup.active {
    display: flex;
    animation: popupFadeIn 0.3s ease forwards;
}

.popup-content {
    transform: translateY(-30px);
    animation: popupSlideDown 0.35s ease forwards;
}

@keyframes popupFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes popupSlideDown {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.reviews-section{
    display: none;
}


/* =========================================
   ALI FAQ SECTION
========================================= */

.ali-faq {
    padding: 100px 20px;
    background: #f7f8fa;
    font-family: Arial, Helvetica, sans-serif;
}

/* Intro */

.ali-faq__intro {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}


.ali-faq__intro h2 {
    margin: 0 0 18px;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: #171717;
}

.ali-faq__intro p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #666;
}

/* FAQ */

.ali-faq__list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ali-faq__item {
    overflow: hidden;
    border: 1px solid #e6e7e9;
    border-radius: 12px;
    background: #fff;
    transition: border-color 0.3s ease,
                box-shadow 0.3s ease,
                transform 0.3s ease;
}

.ali-faq__item:hover {
    border-color: #d5d6d8;
}

.ali-faq__item.active {
    border-color: var(--site-primary-color);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}

/* Question */

.ali-faq__question {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 24px 28px;
    border: 0;
    outline: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-size: 17px;
    line-height: 1.45;
    font-weight: 600;
    color: #171717;
}

.ali-faq__question span:first-child {
    padding-right: 35px;
}

/* Plus / Minus */

.ali-faq__icon {
    position: relative;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f1f2f4;
    transition: background 0.3s ease,
                transform 0.3s ease;
}

.ali-faq__icon::before,
.ali-faq__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 1.5px;
    background: #222;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

.ali-faq__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.ali-faq__item.active .ali-faq__icon {
    background: var(--site-primary-color);
    transform: rotate(180deg);
}

.ali-faq__item.active .ali-faq__icon::before,
.ali-faq__item.active .ali-faq__icon::after {
    background: #fff;
}

.ali-faq__item.active .ali-faq__icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

/* Answer */

.ali-faq__answer {
    display: none;
}

.ali-faq__answer-inner {
    padding: 0 28px 26px;
}

.ali-faq__answer p {
    margin: 0;
    padding-top: 2px;
    border-top: 1px solid #eeeeef;
    padding-top: 20px;
    font-size: 15.5px;
    line-height: 1.8;
    color: #666;
}

/* CTA */

.ali-faq__cta {
    margin-top: 55px;
    padding: 38px 40px;
    border-radius: 14px;
    background: #171717;
    text-align: center;
}

.ali-faq__cta h3 {
    margin: 0 0 8px;
    font-size: 25px;
    color: #fff;
}

.ali-faq__cta p {
    margin: 0 0 24px;
    font-size: 15px;
    line-height: 1.6;
    color: #cfcfcf;
}

.ali-faq__button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 22px;
    border-radius: 7px;
    background: var(--site-primary-color);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.25s ease,
                opacity 0.25s ease;
}

.ali-faq__button:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

.ali-faq__button span {
    font-size: 18px;
    line-height: 1;
}

/* Mobile */

@media (max-width: 767px) {

    .ali-faq {
        padding: 70px 16px;
    }

    .ali-faq__intro {
        margin-bottom: 35px;
    }

    .ali-faq__intro h2 {
        font-size: 30px;
    }

    .ali-faq__intro p {
        font-size: 15px;
    }

    .ali-faq__question {
        padding: 20px;
        font-size: 15px;
    }

    .ali-faq__answer-inner {
        padding: 0 20px 22px;
    }

    .ali-faq__answer p {
        font-size: 14px;
        line-height: 1.7;
    }

    .ali-faq__cta {
        margin-top: 35px;
        padding: 30px 20px;
    }
}

.hero-section .summary-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-transform: uppercase;
}