/* =========================================================
   Figgy365 Brand Theme
   Palette derived from supplied logo:
   Navy  #0F172A
   Orange #EA580B
   White #FFFFFF
   ========================================================= */

:root {
 --figgy-navy: #0F172A;
 --figgy-navy-2: #16213A;
 --figgy-navy-3: #1E293B;
 --figgy-orange: #EA580B;
 --figgy-orange-dark: #C2410C;
 --figgy-orange-light: #FB923C;
 --figgy-cream: #FFF7F2;

  /* Override original yellow/red/blue theme colors */
  --main-h: 21;
 --main-s: 91%;
 --main-l: 48%;
 --main-two-h: 21;
 --main-two-s: 91%;
 --main-two-l: 48%;
 --main-three-h: 21;
 --main-three-s: 91%;
 --main-three-l: 48%;

  /* Heading / dark utility color becomes Figgy navy */
  --black: 222 47% 11%;
 --body: 215 19% 35%;
}
body {
	background: #FFFFFF;
	color: ##808ea2;
}
/* ---------- Logo ---------- */
.logo img, .search_logo img, .tpoffcanvas__logo img, .footer-four-col-1 img {
	width: 190px;
	max-width: 190px;
	height: auto;
	object-fit: contain;
}
.header .logo a, .search_logo a, .tpoffcanvas__logo a, .footer-four-col-1 a {
	display: inline-flex;
	align-items: center;
}
/* ---------- Global dark surfaces ---------- */
.bg-black, .bg--black, .footer, .header.fixed-header {
	background-color: var(--figgy-navy) !important;
}
/*.bg--black {
  background-color: var(--figgy-orange)!important;
}*/
.header.fixed-header {
	background: rgba(15, 23, 42, 0.96) !important;
	border-bottom: 1px solid rgba(234, 88, 11, 0.18);
}
.service-four-wrapper, .testimonial-four-wrapper, .chooseus-four-bg {
	background: var(--figgy-navy-2) !important;
}
 .chooseus-four-shape::before {
 background: #0B1220 !important;
}
/* ---------- Hero ---------- */
.banner-four-area {
	background: var(--figgy-navy);
}
 .banner-four-area .ripple-image::after {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background:
 radial-gradient(circle at 50% 18%, rgba(234, 88, 11, 0.10), transparent 42%),  linear-gradient(180deg, rgba(15, 23, 42, 0.10), rgba(15, 23, 42, 0.38));
}
.banner-four-subtitle {
	border-color: rgba(234, 88, 11, 0.34);
	background: rgba(15, 23, 42, 0.36);
}
.banner-four-title span {
	box-shadow: inset 0 1px 18px rgba(234, 88, 11, 0.24) !important;
	background: rgba(234, 88, 11, 0.08) !important;
	border-color: rgba(234, 88, 11, 0.30) !important;
}
/* ---------- Buttons / accents ---------- */
.bg-main-600, .bg-main-two-600, .bg-main-three-600, .hover-bg-main-600:hover, .hover-bg-main-two-600:hover, .hover-bg-main-three-600:hover {
	background-color: var(--figgy-orange) !important;
	color: #fff !important;
}
.text-main-600, .text-main-two-600, .text-main-three-600, .hover-text-main-600:hover, .hover-text-main-two-600:hover, .hover-text-main-three-600:hover {
	color: var(--figgy-orange) !important;
}
.border-main-600, .border-main-two-600, .border-main-three-600, .hover-border-main-600:hover, .hover-border-main-two-600:hover, .hover-border-main-three-600:hover, .focus-border-main-600:focus {
	border-color: var(--figgy-orange) !important;
}
.tw-hover-btn-circle-dot {
	transition: 0.35s ease;
}
 .back-to-top-btn, .tpoffcanvas__input button, .service-four-icon span::before, .work-four-dot::before, .work-four-dot.one::before {
 background: var(--figgy-orange) !important;
}

/* ---------- Remove legacy green / blue glows ---------- */
.service-four-wrapper::before {
 background: var(--figgy-orange) !important;
 opacity: 0.75;
}
 .testimonial-four-wrapper::before {
 background: var(--figgy-orange) !important;
 opacity: 0.72;
}
/* ---------- Light sections ---------- */
.work-four-area, .testimonial-four-area, .integration-four-area {
	background: var(--figgy-cream) !important;
}
.project-four-item {
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}
.about-four-area, .blog-four-area {
	background: #FFFFFF;
}
/* ---------- Heading / lines ---------- */
.work-four-title, .blog-four-title, .project-four-title {
	color: var(--figgy-navy) !important;
}
.about-four-area a, .blog-four-area a, .project-four-area a {
	text-decoration-color: rgba(234, 88, 11, 0.45);
}
/* ---------- Form focus ---------- */
input:focus, textarea:focus, select:focus {
	border-color: var(--figgy-orange) !important;
	box-shadow: 0 0 0 3px rgba(234, 88, 11, 0.10) !important;
}
/* ---------- Mobile off-canvas ---------- */
.tpoffcanvas {
	background: #FFFFFF;
}
.tpoffcanvas__contact-info i, .tpoffcanvas__social a:hover, .tpoffcanvas__contact-info a:hover {
	color: var(--figgy-orange) !important;
}
/* ---------- Footer ---------- */
.footer {
	border-top: 1px solid rgba(173, 173, 173, 0.2);
}
.footer-four-copyright a, .footer-three-menu a:hover {
	color: var(--figgy-orange) !important;
}
/* ---------- Accessibility / contrast refinements ---------- */

.bg-main-three-600.text-white, .bg-main-600.text--white, .bg-main-600.text-white {
	color: #FFFFFF !important;
}

/* ---------- Responsive logo sizing ---------- */
@media (max-width: 1199px) {
 .logo img,  .search_logo img,  .tpoffcanvas__logo img,  .footer-four-col-1 img {
 width: 170px;
 max-width: 170px;
}
}
 @media (max-width: 575px) {
 .logo img,  .search_logo img,  .tpoffcanvas__logo img,  .footer-four-col-1 img {
 width: 145px;
 max-width: 145px;
}
 .banner-four-title span {
 padding-inline: 18px;
}
}
/* Native scroll-margin is the fallback when GSAP ScrollSmoother is not active. */
  :root {
 --legal-anchor-offset: 110px;
}
html {
	scroll-behavior: auto;
}
.legal-section {
	scroll-margin-top: var(--legal-anchor-offset);
}
/* Keep the full document/footer measurable by ScrollSmoother. */
  #smooth-content {
	min-height: 100vh;
	overflow: visible;
}
.legal-page,  .legal-content-wrap,  .legal-document-card,  .footer {
	overflow: visible;
}
.footer {
	width: 100%;
	flex-shrink: 0;
	clear: both;
}
 @media (max-width: 991.98px) {
    :root {
 --legal-anchor-offset: 85px;
}
}

/* ==========================================
   MAIN SECTION
========================================== */

.innovation-showcase {
	width: 100%;
	padding: 80px 0 0 0;
}
.innovation-showcase__grid {
	width: 100%;
	max-width: 1720px;
	margin: 0 auto;
	display: grid;
	grid-template-columns:
 minmax(0, 7fr)  minmax(360px, 3fr);
	gap: 14px;
	align-items: stretch;
}
/* ==========================================
   LEFT VIDEO CARD
========================================== */

.innovation-video {
	position: relative;
	overflow: hidden;
	min-height: 420px;
	aspect-ratio: 1.87 / 1;
	border-radius: 18px;
	background: #d7dde1;
	isolation: isolate;
}
.innovation-video__image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
 transition: transform .55s ease;
}
.innovation-video:hover .innovation-video__image {
	transform: scale(1.015);
}


/* slight cinematic overlay */

.innovation-video::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(  90deg,  rgba(4, 13, 19, .06) 0%,  rgba(4, 13, 19, 0) 55%,  rgba(4, 13, 19, .08) 100%  );
 pointer-events: none;
 z-index: 1;
}
/* ==========================================
   PLAY BUTTON
========================================== */

.innovation-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	width: 126px;
	height: 126px;
	border: 0;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background: #ffffff;
	display: grid;
	place-items: center;
	cursor: pointer;
	box-shadow:
 0 10px 35px rgba(0, 0, 0, .08);
 transition:
 transform .25s ease,  box-shadow .25s ease;
}
.innovation-video__play:hover {
	transform:
 translate(-50%, -50%)  scale(1.06);
	box-shadow:
 0 16px 42px  rgba(0, 0, 0, .16);
}
/* CSS play icon */

.innovation-video__play-icon {
	width: 0;
	height: 0;
	margin-left: 7px;
	border-top:
 14px solid transparent;
	border-bottom:
 14px solid transparent;
	border-left:
 21px solid #f05a0a;
}
/* ==========================================
   RIGHT PATENT CARD
========================================== */

.patent-card {
	position: relative;
	overflow: hidden;
	min-height: 420px;
	aspect-ratio: .78 / 1;
	border-radius: 18px;
	padding:
 54px  48px  62px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	/* background similar to screenshot */

    background:
 radial-gradient(  circle at 100% 0%,  rgba(122, 63, 50, .58),  transparent 50%  ),  radial-gradient(  circle at 8% 100%,  rgba(8, 24, 52, .70),  transparent 56%  ),  linear-gradient(  135deg,  #1e2133 0%,  #171c32 48%,  #3b2931 100%  );
}
/* ==========================================
   PATENT SEAL
========================================== */

.patent-card__seal-wrap {
	width: min(88%, 410px);
	aspect-ratio: 1 / 1;
	display: grid;
	place-items: center;
}
.patent-card__seal {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	border-radius: 50%;
	filter:
 drop-shadow(  0 8px 20px  rgba(0, 0, 0, .12)  );
}
/* ==========================================
   PATENT BUTTON
========================================== */

.patent-card__button {
	width: 100%;
	min-height: 82px;
	padding: 20px  32px;
	border: 0;
	border-radius: 999px;
	background: #f15a08;
	color: #ffffff;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	font-size: clamp(22px, 1.7vw, 32px);
	font-weight: 700;
	line-height: 1;
	text-align: center;
 transition: transform .25s ease,  background .25s ease,  box-shadow .25s ease;
}
.patent-card__button:hover {
	background: #dd4e00;
	transform: translateY(-2px);
	box-shadow: 0 14px 30px  rgba(241, 90, 8, .28);
	color: #ffffff;
}
.patent-card__arrow {
	font-size: 34px;
	font-weight: 300;
	line-height: 1;
	transform:
 translateY(-1px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1100px) {
 .innovation-showcase__grid {
 grid-template-columns:
 minmax(0, 1.65fr)  minmax(310px, .75fr);
}
 .innovation-video,  .patent-card {
 min-height: 390px;
}
 .innovation-video__play {
 width: 104px;
 height: 104px;
}
 .patent-card {
 padding:
 42px  32px  46px;
}
 .patent-card__button {
 min-height: 70px;
 padding:
 18px  22px;
 font-size: 22px;
}
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 820px) {
 .innovation-showcase {
 padding: 14px;
}
 .innovation-showcase__grid {
 grid-template-columns: 1fr;
 gap: 14px;
}
 .innovation-video {
 min-height: 0;
 aspect-ratio: 16 / 10;
}
 .patent-card {
 min-height: 0;
 aspect-ratio: auto;
 padding:
 38px  28px;
 gap: 34px;
}
 .patent-card__seal-wrap {
 width:
 min(68vw, 360px);
}
 .patent-card__button {
 width:
 min(100%, 430px);
}
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 520px) {
 .innovation-showcase {
 padding: 10px;
}
 .innovation-video,  .patent-card {
 border-radius: 14px;
}
 .innovation-video {
 aspect-ratio: 4 / 3;
}
 .innovation-video__play {
 width: 82px;
 height: 82px;
}
 .innovation-video__play-icon {
 border-top-width: 11px;
 border-bottom-width: 11px;
 border-left-width: 17px;
}
 .patent-card {
 padding:
 30px  22px;
}
 .patent-card__seal-wrap {
 width:
 min(74vw, 300px);
}
 .patent-card__button {
 min-height: 62px;
 padding:
 16px  20px;
 gap: 14px;
 font-size: 19px;
}
 .patent-card__arrow {
 font-size: 28px;
}
}