/* Avi Ansh brand tokens and responsive theme overrides */

:root {
        /* Typography */
	--font-body--family: "Inter", sans-serif;
	--font-body--style: normal;
	--font-body--weight: 400;
	--font-heading--family: "Poppins", sans-serif;
	--font-heading--style: normal;
	--font-heading--weight: 600;
	--font-button--family: "Poppins", sans-serif;
	--font-button--style: normal;
	--font-button--weight: 600;
        /* h1-h6 */
	--font-h1--size: 60px;
	--font-h2--size: 48px;
	--font-h3--size: 36px;
	--font-h4--size: 24px;
	--font-h5--size: 20px;
	--font-h6--size: 16px;
        /* header nav */
	--font-nav-main: 16px;
        /* Colors */
	--color-background: rgba(255, 255, 255, 1);
	--color-foreground: rgba(11, 37, 69, 1);
	--color-foreground-heading: rgba(11, 37, 69, 1);
	--color-foreground-subheading: rgba(82, 91, 105, 1);
	--color-background-subheading: rgba(242, 194, 48, 0.12);
	--color-border-subheading-bg: rgba(242, 194, 48, 0.35);
	--color-primary: rgba(11, 37, 69, 1);
	--color-primary-background: rgba(11, 37, 69, 1);
	--color-primary-hover: rgba(242, 194, 48, 1);
	--color-primary-background-hover: rgba(242, 194, 48, 1);
	--color-border: rgba(242, 194, 48, 0.3);
	--color-border-hover: rgba(242, 194, 48, 0.75);
	--color-shadow: rgba(0, 0, 0, 1);
	--color-overlay: rgba(11, 37, 69, 0.68);
        /* Buttons */
	--font-button-size: 16px;
	--font-button-size-mobile: 16px;
	--style-button-height: 56px;
	--style-button-height-mobile: 48px;
	--style-button-slim-height: 52px;
	--style-button-slim-height-mobile: 40px;
	--style-cta-underline-offset: 5px;
	--style-cta-underline-thickness: 1px;
        /* Colors - Primary Button */
	--color-primary-button-text: rgba(255, 255, 255, 1);
	--color-primary-button-background: rgba(11, 37, 69, 1);
	--color-primary-button-border: rgba(11, 37, 69, 1);
	--color-primary-button-icon: rgba(11, 37, 69, 1);
	--color-primary-button-icon-background: rgba(242, 194, 48, 1);
	--color-primary-button-hover-text: rgba(11, 37, 69, 1);
	--color-primary-button-hover-background: rgba(242, 194, 48, 1);
	--color-primary-button-hover-border: rgba(242, 194, 48, 1);
	--color-primary-button-hover-icon: rgba(242, 194, 48, 1);
	--color-primary-button-hover-icon-background: rgba(11, 37, 69, 1);
        /* Colors - Secondary Button */
	--color-secondary-button-text: rgba(11, 37, 69, 1);
	--color-secondary-button-background: rgba(255, 255, 255, 1);
	--color-secondary-button-border: rgba(255, 255, 255, 1);
	--color-secondary-button-icon: rgba(255, 255, 255, 1);
	--color-secondary-button-icon-background: rgba(11, 37, 69, 1);
	--color-secondary-button-hover-text: rgba(255, 255, 255, 1);
	--color-secondary-button-hover-background: rgba(242, 194, 48, 1);
	--color-secondary-button-hover-border: rgba(242, 194, 48, 1);
	--color-secondary-button-hover-icon: rgba(242, 194, 48, 1);
	--color-secondary-button-hover-icon-background: rgba(11, 37, 69, 1);
        /* Colors - Input */
	--color-input-background: rgba(255, 255, 255, 1);
	--color-input-text: rgba(93, 102, 111, 1);
	--color-input-border: rgba(93, 102, 111, 0.2);
	--color-input-hover-background: rgba(255, 255, 255, 1);
	--color-input-hover-text: rgba(93, 102, 111, 1);
	--color-input-hover-border: rgba(93, 102, 111, 0.2);
        /* Borders */
	--style-border-width-buttons-primary: 1px;
	--style-border-width-buttons-secondary: 1px;
	--style-border-radius-buttons-primary: 40px;
	--style-border-radius-buttons-secondary: 40px;
	--style-border-width-inputs: 1px;
	--style-border-radius-inputs: 8px;
	--style-border-width: 1px;
        /* Focus */
	--focus-outline-width: 1px;
	--focus-outline-offset: 3px;
        /* Pagination */
	--style-pagination-border-width: 1px;
	--pagination-item-foreground: rgba(11, 37, 69, 1);
	--pagination-item-background: rgba(242, 242, 242, 1);
	--pagination-item-border: rgba(242, 242, 242, 1);
	--pagination-item-active-foreground: rgba(255, 255, 255, 1);
	--pagination-item-active-background: rgba(11, 37, 69, 1);
	--pagination-item-active-border: rgba(242, 194, 48, 1);
        /* Swiper */
	--swiper-navigation-size: 14px;
	--swiper-navigation-color: rgba(11, 37, 69, 1);
	--swiper-navigation-background-color: rgba(242, 242, 242, 1);
	--swiper-navigation-hover-color: rgba(11, 37, 69, 1);
	--swiper-navigation-hover-background-color: rgba(242, 194, 48, 1);
	--swiper-pagination-bullet-inactive-color: rgba(242, 242, 242);
	--swiper-pagination-color: rgba(242, 194, 48, 1);
	--swiper-pagination-bullet-inactive-opacity: 1;
}

@media (max-width: 767px) {
	:root {
		--font-h1--size: 48px;
		--font-h2--size: 40px;
		--font-h3--size: 28px;
		--font-h4--size: 20px;
		--font-h5--size: 18px;
		--swiper-navigation-size: 12px;
	}
}

/* Main slider visibility and sizing fixes */

/* Avi Ansh Textile Limited brand palette */
.subheading,
      .subheading svg,
      .decorated-text,
      .hero-banner .banner-badge,
      .footer-link:hover,
      .link:hover {
	color: #F2C230;
}

.scroll-to-top,
      .swiper-pagination-bullet-active {
	background-color: #F2C230;
	color: #0B2545;
}

::selection {
	color: #ffffff;
	background: #0B2545;
}

.hero-banner > .media.media-bg {
	background-color: #0B2545;
	isolation: isolate;
}

.hero-banner > .media.media-bg img {
	opacity: 0.12;
	filter: grayscale(1) contrast(1.15);
	mix-blend-mode: screen;
}

.hero-banner > .media.media-bg::before,
      .hero-banner > .media.media-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.hero-banner > .media.media-bg::before {
	z-index: 1;
	opacity: 0.22;
	background-image: repeating-linear-gradient(
          108deg,
          transparent 0,
          transparent 14px,
          rgba(242, 194, 48, 0.18) 15px,
          transparent 16px
        );
}

.hero-banner > .media.media-bg::after {
	z-index: 2;
	background: radial-gradient(circle at 92% 45%, rgba(21, 151, 151, 0.48), transparent 38%),
          linear-gradient(90deg, rgba(1, 18, 38, 0.94) 0%, rgba(11, 37, 69, 0.78) 48%, rgba(4, 45, 70, 0.38) 100%);
}

.banner-slider .main-slider,
      .banner-slider .main-slider .swiper,
      .banner-slider .main-slider .swiper-wrapper,
      .banner-slider .main-slider .swiper-slide {
	width: 100%;
}

.hero-banner .main-img {
	width: 100%;
	min-height: clamp(280px, 29vw, 440px);
	overflow: hidden;
	border-radius: 10px;
	background: #E8E8E8;
}

.hero-banner .main-img img {
	display: block !important;
	width: 100% !important;
	height: clamp(280px, 29vw, 440px) !important;
	object-fit: cover;
	object-position: center;
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
}

@media (max-width: 767px) {
	.hero-banner .main-img,
        .hero-banner .main-img img {
		min-height: 250px;
		height: 250px !important;
	}
}
/* Quality pillars */
.quality-pillars {
	position: relative;
}

/* Production capacity statistics */
.capacity-stats {
	position: relative;
	padding: 55px 0;
	overflow: hidden;
  /*background:
    radial-gradient(circle at 50% -40%, rgba(242, 194, 48, 0.22), transparent 42%),
    linear-gradient(135deg, #E8E8E8, #eef3f7);*/
	background: radial-gradient(circle at 50% -40%, rgba(242, 194, 48, 0.22), transparent 42%), linear-gradient(135deg, #0B2545, #0B2545);
}

.capacity-stats::before {
	content: "";
	position: absolute;
	inset: 0;
  /*opacity: 0.04;*/
	opacity: 1;
	background: repeating-linear-gradient(120deg, #0B2545 0, #0B2545 1px, transparent 1px, transparent 15px);
	pointer-events: none;
}

.capacity-stats-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.capacity-stat {
	position: relative;
	display: grid;
	min-height: auto;
	place-items: center;
	align-content: center;
	padding: 25px 20px;
	overflow: hidden;
	border: 1px solid rgba(11, 37, 69, 0.12);
	border-radius: 18px;
  /*background: rgba(255, 255, 255, 0.82);*/
	background: rgb(255 255 255 / 99%);
	box-shadow: 0 16px 38px rgba(11, 37, 69, 0.08);
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.capacity-stat::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 4px;
	background: linear-gradient(90deg, transparent, #F2C230 25% 75%, transparent);
}

.capacity-stat:hover {
	transform: translateY(-5px);
	border-color: rgba(242, 194, 48, 0.42);
	box-shadow: 0 22px 48px rgba(11, 37, 69, 0.12);
}

.capacity-stat-icon {
	display: grid;
	width: 66px;
	height: 66px;
	margin-bottom: 15px;
	place-items: center;
	border-radius: 50%;
	color: #F2C230;
	background: #0B2545;
	box-shadow: 0 0 0 6px rgba(11, 37, 69, 0.06);
}

.capacity-stat-icon img {
	width: 37px;
	height: auto;
}

.capacity-stat-icon svg {
	width: 37px;
	height: 37px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.capacity-stat strong {
	color: #1B6CA8;
	font-size: clamp(40px, 4vw, 42px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.035em;
}

.capacity-stat strong span {
	font-size: 0.68em;
	vertical-align: inherit;
}

.capacity-stat h3 {
	margin: 10px 0 0;
	color: #0B2545;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.capacity-stats {
		padding: 50px 0;
	}

	.capacity-stats-grid {
		grid-template-columns: 1fr;
	}

	.capacity-stat {
		min-height: 210px;
	}
}

/* Heading-specific icons for Our Services */
.our-services .accordion-li {
	--service-icon: none;
}

.our-services .accordion-li:nth-child(1) {
	--service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Crect width='70' height='70' rx='10' fill='%230B2545'/%3E%3Cg fill='none' stroke='%23F2C230' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='35' cy='21' rx='12' ry='4'/%3E%3Cpath d='M23 21v28M47 21v28M23 49c0 2.2 5.4 4 12 4s12-1.8 12-4M25 29h20M25 36h20M25 43h20'/%3E%3Cpath d='M47 27c7 3 7 10 1 13'/%3E%3C/g%3E%3C/svg%3E");
}

.our-services .accordion-li:nth-child(2) {
	--service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Crect width='70' height='70' rx='10' fill='%230B2545'/%3E%3Cg fill='none' stroke='%23F2C230' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 48 48 18M24 52l30-30M18 48l4 4M48 18l4 4'/%3E%3Cpath d='M19 25c5-6 10 6 15 0s10 6 15 0M19 34c5-6 10 6 15 0s10 6 15 0M19 43c5-6 10 6 15 0s10 6 15 0'/%3E%3C/g%3E%3C/svg%3E");
}

.our-services .accordion-li:nth-child(3) {
	--service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Crect width='70' height='70' rx='10' fill='%230B2545'/%3E%3Cg fill='none' stroke='%23F2C230' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='19' width='36' height='27' rx='3'/%3E%3Cpath d='M22 51h26M27 46v5M43 46v5M25 27h20M25 34h13'/%3E%3Cpath d='m41 38 9-9 3 3-9 9-5 1z'/%3E%3C/g%3E%3C/svg%3E");
}

.our-services .accordion-li:nth-child(4) {
	--service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Crect width='70' height='70' rx='10' fill='%230B2545'/%3E%3Cg fill='none' stroke='%23F2C230' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m28 18-11 7 6 10 6-4v22h12V31l6 4 6-10-11-7c-1 5-13 5-14 0Z'/%3E%3Cpath d='M29 27h12M35 27v26M43 42l8 8M47 42l-8 8'/%3E%3C/g%3E%3C/svg%3E");
}

.our-services .accordion-li:nth-child(5) {
	--service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Crect width='70' height='70' rx='10' fill='%230B2545'/%3E%3Cg fill='none' stroke='%23F2C230' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m26 19-10 6 5 9 6-3v20h16V31l6 3 5-9-10-6c-2 6-16 6-18 0Z'/%3E%3Cpath d='M28 28h14M35 28v23'/%3E%3Cpath d='M18 48v7h34v-7M18 48l6-5M52 48l-6-5'/%3E%3C/g%3E%3C/svg%3E");
}

.our-services .accordion-li:nth-child(6) {
	--service-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70'%3E%3Crect width='70' height='70' rx='10' fill='%230B2545'/%3E%3Cg fill='none' stroke='%23F2C230' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='31' cy='38' r='14'/%3E%3Cpath d='M20 32c7-5 15 7 22 1M18 39c8-5 16 7 25 1M22 47c6-5 11 3 16 1M43 49 54 20M48 51 57 25'/%3E%3C/g%3E%3C/svg%3E");
}

.our-services .accordion-title-icon > svg,
.our-services .service-content-inner > div:first-child > svg {
	display: none;
}

.imgbox {
	background-color: #0B2545;
	border-radius: 10px;
	padding: 12px;
	display: block;
	width: 70px;
	height: 70px;
	flex: 0 0 70px;
}

/*.our-services .accordion-title-icon::before,
.our-services .service-content-inner > div:first-child::before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  border-radius: 10px;
  background-image: var(--service-icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}*/

/* Corporate contact and enquiry */
.contact-enquiry {
	position: relative;
	padding: 75px 0;
	overflow: hidden;
	background: #fff;
}

.contact-enquiry::before {
	content: "";
	position: absolute;
	top: -140px;
	right: -100px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(242, 194, 48, 0.13), transparent 68%);
	pointer-events: none;
}

.contact-enquiry-shell {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, 0.82fr);
	overflow: hidden;
	background: #0B2545;
	box-shadow: 0 28px 75px rgba(11, 37, 69, 0.18);
}

.contact-enquiry-info {
	position: relative;
	padding: clamp(44px, 5vw, 72px);
	overflow: hidden;
	color: #fff;
	background: radial-gradient(circle at 10% 90%, rgba(242, 194, 48, 0.16), transparent 28%),
    linear-gradient(135deg, #0B2545, #0B2545 62%, #1B6CA8);
}

.contact-enquiry-info::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.08;
	background: repeating-linear-gradient(120deg, transparent 0 18px, #fff 19px, transparent 20px);
	pointer-events: none;
}

.contact-enquiry-info > * {
	position: relative;
	z-index: 1;
}

.contact-enquiry-eyebrow,
.contact-form-label {
	display: inline-block;
	margin-bottom: 13px;
	color: #F2C230;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.contact-enquiry-info h2 {
	max-width: 630px;
	margin: 0 0 18px;
	color: #fff;
	line-height: 1.08;
}

.contact-enquiry-info h2 em {
	color: #F2C230;
	font-style: normal;
}

.contact-enquiry-info > p {
	max-width: 620px;
	margin: 0;
	color: rgba(255, 255, 255, 0.76);
	line-height: 1.7;
}

.contact-detail-list {
  /*display: grid;*/
	display: flex;
	gap: 15px;
	margin-top: 34px;
}

.contact-detail-map iframe {
	border-radius: 12px;
	min-height: 299px;
}

.contact-detail-item {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 15px;
	align-items: start;
}

.contact-detail-icon {
	display: grid;
	width: 50px;
	height: 50px;
	place-items: center;
	border: 1px solid rgba(242, 194, 48, 0.55);
	border-radius: 50%;
	color: #F2C230;
	background: rgba(255, 255, 255, 0.07);
}

.contact-detail-icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.contact-detail-item div {
	display: grid;
	gap: 3px;
}

.contact-detail-item small {
	color: #F2C230;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.contact-detail-item strong,
.contact-detail-item span {
	color: rgba(255, 255, 255, 0.88);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

.contact-quick-links {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 32px;
}

.contact-quick-links a {
	min-width: 0;
	padding: 14px;
	overflow-wrap: anywhere;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 12px;
	color: #fff;
	background: rgba(255, 255, 255, 0.07);
	font-size: 12px;
	transition: border-color 0.25s ease, background-color 0.25s ease;
}

.contact-quick-links a:hover {
	border-color: rgba(242, 194, 48, 0.6);
	color: #fff;
	background: rgba(255, 255, 255, 0.11);
}

.contact-quick-links span {
	display: block;
	margin-bottom: 4px;
	color: #F2C230;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.contact-enquiry-form-wrap {
	padding: clamp(42px, 4.5vw, 64px);
	background: #E8E8E8;
}

.contact-enquiry-form-wrap .contact-form-label {
	color: #1B6CA8;
}

.contact-enquiry-form-wrap h3 {
	margin: 0 0 8px;
	color: #0B2545;
}

.contact-enquiry-form-wrap > p {
	margin: 0 0 28px;
	color: #667381;
}

.contact-enquiry-form,
.contact-enquiry-form label {
	display: grid;
	gap: 9px;
}

.contact-enquiry-form {
	gap: 17px;
}

.contact-form-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
}

.contact-enquiry-form label > span {
	color: #0B2545;
	font-size: 13px;
	font-weight: 700;
}

.contact-enquiry-form input,
.contact-enquiry-form select,
.contact-enquiry-form textarea {
	width: 100%;
	min-height: 52px;
	padding: 13px 15px;
	border: 1px solid #d9dee3;
	border-radius: 9px;
	outline: none;
	color: #0B2545;
	background: #fff;
	font: inherit;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.contact-enquiry-form textarea {
	min-height: 126px;
	resize: vertical;
}

.contact-enquiry-form input:focus,
.contact-enquiry-form select:focus,
.contact-enquiry-form textarea:focus {
	border-color: #F2C230;
	box-shadow: 0 0 0 3px rgba(242, 194, 48, 0.13);
}

.contact-submit {
	display: inline-flex;
	width: fit-content;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	gap: 22px;
	padding: 13px 23px;
	border: 0;
	border-radius: 9px;
	color: #fff;
	background: #0B2545;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: transform 0.25s ease, background-color 0.25s ease;
}

.contact-submit:hover {
	transform: translateY(-2px);
	background: #1B6CA8;
}

.contact-submit span {
	font-size: 21px;
	line-height: 1;
}

@media (max-width: 991px) {
	.contact-enquiry-shell {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.contact-enquiry {
		padding: 65px 0;
	}

	.contact-enquiry-shell {
		border-radius: 18px;
	}

	.contact-enquiry-info,
  .contact-enquiry-form-wrap {
		padding: 34px 21px;
	}

	.contact-quick-links,
  .contact-form-row {
		grid-template-columns: 1fr;
	}
}

.quality-pillars-shell {
	position: relative;
	overflow: hidden;
	padding: clamp(34px, 5vw, 72px);
	border: 1px solid rgba(242, 194, 48, 0.2);
	border-radius: 24px;
	background: radial-gradient(circle at 88% 12%, rgba(242, 194, 48, 0.2), transparent 28%),
    linear-gradient(135deg, #0B2545 0%, #0B2545 58%, #1B6CA8 100%);
	box-shadow: 0 24px 60px rgba(11, 37, 69, 0.18);
}

.quality-pillars-shell::before,
.quality-pillars-shell::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.quality-pillars-shell::before {
	inset: 0;
	opacity: 0.13;
	background-image: repeating-linear-gradient(
    120deg,
    transparent 0,
    transparent 18px,
    rgba(255, 255, 255, 0.18) 19px,
    transparent 20px
  );
}

.quality-pillars-shell::after {
	width: 260px;
	height: 260px;
	right: -120px;
	bottom: -150px;
	border: 1px solid rgba(242, 194, 48, 0.3);
	border-radius: 50%;
	box-shadow: 0 0 0 38px rgba(242, 194, 48, 0.05), 0 0 0 78px rgba(242, 194, 48, 0.035);
}

.quality-pillars-intro,
.quality-pillars-grid {
	position: relative;
	z-index: 1;
}

.quality-pillars-intro {
	max-width: 760px;
	margin-bottom: clamp(26px, 4vw, 42px);
}

.quality-pillars-intro .subheading {
	display: inline-block;
	margin-bottom: 12px;
	color: #F2C230;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.quality-pillars-intro .heading {
	margin-bottom: 14px;
	color: #fff;
}

.quality-pillars-intro .text {
	max-width: 660px;
	margin: 0;
	color: rgba(255, 255, 255, 0.76);
}

.quality-pillars-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.quality-pillar-card {
	display: grid;
	grid-template-columns: 66px minmax(0, 1fr);
	align-items: start;
	gap: 20px;
	min-height: 178px;
	padding: 26px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.075);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.quality-pillar-card:hover {
	transform: translateY(-5px);
	border-color: rgba(242, 194, 48, 0.55);
	background: rgba(255, 255, 255, 0.11);
}

.quality-pillar-icon {
	display: grid;
	width: 66px;
	height: 66px;
	place-items: center;
	border: 1px solid rgba(242, 194, 48, 0.58);
	border-radius: 50%;
	color: #F2C230;
	background: rgba(11, 37, 69, 0.56);
	box-shadow: inset 0 0 0 6px rgba(242, 194, 48, 0.06);
}

.quality-pillar-icon svg {
	width: 34px;
	height: 34px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.quality-pillar-content h3 {
	margin: 2px 0 9px;
	color: #fff;
	font-size: clamp(18px, 1.6vw, 22px);
	line-height: 1.25;
}

.quality-pillar-content p {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1.65;
}

@media (max-width: 767px) {
	.quality-pillars-shell {
		padding: 30px 20px;
		border-radius: 18px;
	}

	.quality-pillars-grid {
		grid-template-columns: 1fr;
	}

	.quality-pillar-card {
		grid-template-columns: 56px minmax(0, 1fr);
		min-height: 0;
		gap: 15px;
		padding: 21px 18px;
	}

	.quality-pillar-icon {
		width: 56px;
		height: 56px;
	}

	.quality-pillar-icon svg {
		width: 29px;
		height: 29px;
	}
}

/* Manufacturing feature stories */
.manufacturing-showcase {
	position: relative;
	padding: 55px 0;
	background: radial-gradient(circle at 8% 18%, rgba(242, 194, 48, 0.1), transparent 24%),
    linear-gradient(135deg, #eef3f7 0%, #E8E8E8 52%, #e7eef3 100%);
}

.manufacturing-showcase .container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 34px;
}

.manufacturing-feature {
	position: relative;
	display: block;
	min-width: 0;
	min-height: auto;
	overflow: hidden;
	border: 1px solid rgba(242, 194, 48, 0.24);
	border-radius: 24px;
	background: #0B2545;
	box-shadow: 0 24px 60px rgba(11, 37, 69, 0.18);
}

.manufacturing-feature-reverse {
	grid-template-columns: 1fr;
}

.manufacturing-feature-reverse .manufacturing-feature-media {
	order: initial;
}

.manufacturing-feature-reverse .manufacturing-feature-content {
	order: initial;
}

.manufacturing-feature-media {
	position: absolute;
	inset: 0;
	min-height: 100%;
	overflow: hidden;
}

.manufacturing-feature-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(3, 20, 42, 0.06) 5%, rgba(3, 20, 42, 0.42) 45%, rgba(3, 20, 42, 0.98) 100%),
    linear-gradient(110deg, rgba(11, 37, 69, 0.28), transparent 62%);
	pointer-events: none;
}

.manufacturing-feature-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}

.manufacturing-feature:hover .manufacturing-feature-media img {
	transform: scale(1.035);
}

.manufacturing-feature-badge {
	position: absolute;
	z-index: 1;
	top: 24px;
	right: 24px;
	bottom: auto;
	display: grid;
	min-width: 116px;
	padding: 16px 19px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 14px;
	color: #fff;
	background: rgba(11, 37, 69, 0.82);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.manufacturing-feature-reverse .manufacturing-feature-badge {
	right: 24px;
	left: auto;
}

.manufacturing-feature-badge span {
	color: #F2C230;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
}

.manufacturing-feature-badge small {
	margin-top: 5px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.manufacturing-feature-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: auto;
	padding: clamp(34px, 4vw, 54px);
}

.manufacturing-feature-content::before {
	content: "";
	position: absolute;
	top: auto;
	right: 30px;
	bottom: 26px;
	width: 120px;
	height: 120px;
	opacity: 0.08;
	background: repeating-linear-gradient(135deg, #fff 0, #fff 1px, transparent 1px, transparent 10px);
	pointer-events: none;
}

.manufacturing-eyebrow {
	position: relative;
	z-index: 1;
	margin-bottom: 13px;
	color: #F2C230;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.manufacturing-feature-content h2 {
	position: relative;
	z-index: 1;
	margin: 0;
	max-width: 520px;
	color: #fff;
	line-height: 1.08;
}

.manufacturing-feature-content h2 em {
	display: inline;
	color: #F2C230;
	font-style: normal;
	font-weight: inherit;
}

.manufacturing-rule {
	display: block;
	width: 72px;
	height: 3px;
	margin: 22px 0;
	background: linear-gradient(90deg, #F2C230 0 70%, rgba(255, 255, 255, 0.65) 70%);
}

.manufacturing-feature-content > p {
	position: relative;
	z-index: 1;
	max-width: 600px;
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.7;
}

.manufacturing-points {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, max-content));
	gap: 9px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.manufacturing-points li {
	position: relative;
	padding: 8px 12px 8px 32px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 30px;
	color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.08);
	font-size: 13px;
	font-weight: 600;
}

.manufacturing-points li::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 15px;
	height: 8px;
	border-bottom: 2px solid #F2C230;
	border-left: 2px solid #F2C230;
	transform: rotate(-45deg);
}

@media (max-width: 991px) {
	.manufacturing-showcase .container {
		gap: 22px;
	}

	.manufacturing-feature {
		min-height: 580px;
	}

	.manufacturing-feature-media {
		min-height: 100%;
	}

	.manufacturing-feature-content {
		min-height: 580px;
		padding: 32px 26px 38px;
	}

	.manufacturing-feature-content h2 {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	.manufacturing-showcase {
		padding: 50px 0;
	}

	.manufacturing-showcase .container {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.manufacturing-feature {
		min-height: 590px;
		border-radius: 18px;
	}

	.manufacturing-feature-media {
		min-height: 100%;
	}

	.manufacturing-feature-content {
		min-height: 590px;
		padding: 32px 22px 36px;
	}

	.manufacturing-feature-badge,
  .manufacturing-feature-reverse .manufacturing-feature-badge {
		right: 16px;
		top: 16px;
		bottom: auto;
		left: auto;
		min-width: 98px;
		padding: 13px 15px;
	}

	.manufacturing-feature-badge span {
		font-size: 25px;
	}

	.manufacturing-points {
		grid-template-columns: 1fr;
	}
}




/* =========================================
   HERO OWL CAROUSEL
========================================= */

.owl-hero-banner {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 600px;
	padding: 0 !important;
	overflow: hidden;
}

.hero-owl-slider .owl-nav button.owl-prev,
.hero-owl-slider .owl-nav button.owl-next {
	top: auto;
	bottom: 35px;
	transform: none;
}

.hero-owl-slider .owl-nav button.owl-prev {
	left: auto;
	right: 85px;
}

.hero-owl-slider .owl-nav button.owl-next {
	right: 30px;
}

/* Owl carousel */
.hero-owl-slider,
.hero-owl-slider .owl-stage-outer,
.hero-owl-slider .owl-stage,
.hero-owl-slider .owl-item {
	height: 100%;
}

.hero-owl-slider .owl-stage {
	display: flex;
}

.hero-owl-slider .owl-item {
	flex: 1 0 auto;
}

/* Individual slide */
/* Owl's active item owns the reveal, so dragging, dots and loop clones all
   animate without waiting for a vertical scroll event from AOS. */
.hero-owl-slider .hero-content [data-aos],
[data-aos].reveal-visible {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto;
}

.hero-owl-slider .hero-content [data-aos] {
  transition: none !important;
}

.hero-owl-slider .owl-item.active .hero-content [data-aos] {
  animation: hero-content-reveal 700ms ease-out both;
}

.hero-owl-slider .owl-item.active .hero-content h2[data-aos] {
  animation-delay: 100ms;
}

@keyframes hero-content-reveal {
  from { clip-path: inset(0 0 100% 0); }
  to { clip-path: inset(0 0 0 0); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-owl-slider .owl-item.active .hero-content [data-aos] {
    animation: none;
  }
  [data-aos].reveal-visible {
    transition: none !important;
  }
}

.hero-slide {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 550px;
	overflow: hidden;
}

/* Background image */
.hero-slide > img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

/* Blue dark overlay */
.hero-slide-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
            90deg,
            rgba(1, 18, 38, 0.96) 0%,
            rgba(11, 37, 69, 0.85) 35%,
            rgba(11, 37, 69, 0.40) 65%,
            rgba(11, 37, 69, 0.10) 100%
        );
}

/* Content wrapper */
.hero-slide-content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	align-items: center;
}

/* Right-side content */
.hero-slide-content .row {
	width: 100%;
	justify-content: flex-start !important;
}

.hero-content {
	max-width: 720px;
	margin-left: 0;
	margin-right: auto;
	padding: 40px 5%;
}

.hero-owl-slider .owl-nav button svg {
	width: 18px;
	height: 18px;
	display: block;
}
/* Small subheading */
.hero-content .subheading {
	display: inline-block;
	margin-bottom: 18px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

/* Heading */
.hero-content .heading {
	margin: 0;
	color: #ffffff;
	line-height: 1.05;
}

/* =========================================
   OWL NAVIGATION
========================================= */

.hero-owl-slider .owl-nav {
	margin: 0;
}

.hero-owl-slider .owl-nav button.owl-prev,
.hero-owl-slider .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	margin: 0 !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	color: #0B2545 !important;
	font-size: 28px !important;
	line-height: 50px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.hero-owl-slider .owl-nav button.owl-prev {
	left: 35px;
}

.hero-owl-slider .owl-nav button.owl-next {
	right: 35px;
}

.hero-owl-slider .owl-nav button.owl-prev:hover,
.hero-owl-slider .owl-nav button.owl-next:hover {
	background: #0B2545 !important;
	color: #ffffff !important;
}

/* Remove default focus outline */
.hero-owl-slider .owl-nav button:focus {
	outline: none;
}

/* =========================================
   OWL DOTS
   Hide if only arrows are required
========================================= */

/*.hero-owl-slider .owl-dots {
    display: none;
}*/


.hero-owl-slider .owl-dots {
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	margin: 0 !important;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	z-index: 10;
}

.hero-owl-slider .owl-dots .owl-dot {
	margin: 0;
	padding: 0;
}

.hero-owl-slider .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
}

.hero-owl-slider .owl-dots .owl-dot.active span {
	width: 24px;
	border-radius: 10px;
	background: #ffffff;
}

.hero-subheading {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 9px 15px;
	margin-bottom: 22px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	color: #ffffff;
	max-width: fit-content;
}

.hero-subheading-line {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: #F2C230;
	box-shadow: 0 0 0 4px rgba(242, 194, 48, 0.15);
}

.hero-subheading-text {
	font-size: 11px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);
}


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

@media (max-width: 991px) {

	.owl-hero-banner,
    .hero-slide {
		height: 700px;
		min-height: 700px;
	}

	.hero-slide-overlay {
		background: linear-gradient(
                90deg,
                rgba(11, 37, 69, 0.35) 0%,
                rgba(11, 37, 69, 0.75) 55%,
                rgba(1, 18, 38, 0.92) 100%
            );
	}

	.hero-content {
		max-width: 650px;
		padding: 40px 8%;
	}

	.hero-content .heading {
		font-size: 52px;
	}

	.hero-owl-slider .owl-nav button.owl-prev {
		left: 20px;
	}

	.hero-owl-slider .owl-nav button.owl-next {
		right: 20px;
	}
}

@media (max-width: 767px) {

	.owl-hero-banner,
    .hero-slide {
		height: 600px;
		min-height: 600px;
	}

	.hero-slide > img {
		object-position: center;
	}

	.hero-slide-overlay {
		background: linear-gradient(
                90deg,
                rgba(1, 18, 38, 0.94) 0%,
                rgba(11, 37, 69, 0.75) 65%,
                rgba(11, 37, 69, 0.25) 100%
            );
	}

	.hero-content {
		margin-left: 0;
		margin-right: auto;
		padding: 30px 50px 30px 30px;
	}

	.hero-slide-content {
		align-items: center;
	}

	.hero-content .subheading {
		font-size: 11px;
		margin-bottom: 12px;
		letter-spacing: 0.8px;
	}

	.hero-content .heading {
		font-size: 38px;
		line-height: 1.08;
	}

	.hero-owl-slider .owl-nav button.owl-prev,
    .hero-owl-slider .owl-nav button.owl-next {
		width: 38px;
		height: 38px;
		font-size: 22px !important;
	}

	.hero-owl-slider .owl-nav button.owl-prev {
		left: 12px;
	}

	.hero-owl-slider .owl-nav button.owl-next {
		right: 12px;
	}
}

@media(min-width: 1400px) {
	.owl-hero-banner {
		height: 55vh;
	}

	.hero-slide {
		height: 55vh;
	}
}


/* =========================================
   OUR OPERATIONS
========================================= */

.operations-section {
	position: relative;
	overflow: hidden;
}

.operations-section .section-headings-wrap {
	gap: 30px;
}

.operations-section .section-headings {
    /* max-width: 720px; */;
}

.operations-section .section-headings .heading {
	margin-bottom: 40px;
	margin-block-start: 18px;
}


/* Navigation */

.operations-nav {
	gap: 10px;
	flex-shrink: 0;
}

.operations-nav button {
	width: 52px;
	height: 52px;
	border: 1px solid #0B2545;
	border-radius: 50%;
	background: transparent;
	color: #0B2545;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: all 0.3s ease;
	cursor: pointer;
}

.operations-nav button:hover {
	background: #0B2545;
	color: #fff;
}

.operations-nav button:focus {
	outline: none;
}


/* Carousel */

.operations-slider {
	margin-left: -12px;
	margin-right: -12px;
}

.operations-slider .owl-stage {
	display: flex;
}

.operations-slider .owl-item {
	padding: 0 12px;
	display: flex;
}


/* Operation Card */

.operation-card {
	width: 100%;
	min-height: 400px;
}

.operation-card-link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	text-decoration: none;
	background: #0B2545;
}


/* Image */

.operation-card-image {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.operation-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.7s ease;
}


/* Gradient */

.operation-card-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
            180deg,
            rgba(11, 37, 69, 0.05) 0%,
            rgba(11, 37, 69, 0.08) 35%,
            rgba(11, 37, 69, 0.35) 60%,
            rgba(11, 37, 69, 0.95) 100%
        );
}


/* Content */

.operation-card-content {
	position: absolute;
	z-index: 2;
	left: 20px;
	right: 75px;
	bottom: 30px;
}

.operation-card-content h3 {
	color: #fff;
	margin: 0;
	line-height: 1.2;
}


/* Tilted Arrow */

.operation-card-arrow {
	position: absolute;
	z-index: 3;
	top: 25px;
	right: 25px;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	color: #0B2545;
	transform: rotate(0deg);
	transition: all 0.35s ease;
}

.operation-card-arrow svg {
	transform: rotate(0deg);
	transition: transform 0.35s ease;
}


/* Hover */

.operation-card-link:hover .operation-card-image img {
	transform: scale(1.06);
}

.operation-card-link:hover .operation-card-arrow {
	transform: rotate(-10deg);
}

.operation-card-link:hover .operation-card-arrow svg {
	transform: rotate(10deg);
}


/* Owl dots - hidden because navigation buttons are being used */

.operations-slider .owl-dots {
	display: none;
}


/* Tablet */

@media (max-width: 991px) {

	.operations-section .section-headings-wrap {
		align-items: flex-end;
	}

	.operation-card {
		height: 450px;
	}

	.operation-card-content {
		left: 25px;
		bottom: 25px;
	}

	.operation-card-arrow {
		top: 20px;
		right: 20px;
		width: 52px;
		height: 52px;
	}
}


/* Mobile */

@media (max-width: 767px) {

	.operations-section .section-headings-wrap {
		display: block !important;
	}

	.operations-nav {
		margin-top: 25px;
	}

	.operations-nav button {
		width: 46px;
		height: 46px;
	}

	.operation-card {
		height: 420px;
	}

	.operation-card-content {
		left: 22px;
		bottom: 22px;
		right: 60px;
	}

	.operation-card-content h3 {
		font-size: 21px;
	}

	.operation-card-arrow {
		width: 48px;
		height: 48px;
		top: 18px;
		right: 18px;
	}
}

.operations-slider {
	margin-top: 40px;
}


/* About us page css */


/* =========================================================
   AVI ANSH - ABOUT PAGE
========================================================= */

.avi-about-page {
	overflow: hidden;
	background: #fff;
}

.avi-about-page p {
	margin-bottom: 0;
}


/* =========================================
   ABOUT PAGE - IMAGE HERO STRIP
========================================= */

.avi-about-hero-strip {
	position: relative;
	height: 300px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

/* Background Image */
.avi-about-hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.avi-about-hero-bg img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

/* Dark Overlay */
.avi-about-hero-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(3, 20, 40, 0.68);
}

/* Content */
.avi-about-hero-strip .container {
	position: relative;
	z-index: 2;
}

.avi-about-hero-content {
	text-align: center;
	color: #fff;
	padding-top: 120px;
}

/* Breadcrumb */
.avi-about-breadcrumb {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 14px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.72);
}

.avi-about-breadcrumb a {
	color: #fff;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.avi-about-breadcrumb a:hover {
	opacity: 0.7;
}

.avi-about-breadcrumb span {
	color: rgba(255, 255, 255, 0.55);
}

/* Heading */
.avi-about-hero-content h1 {
	margin: 0;
	color: #fff;
	font-size: 46px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.5px;
}



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

@media (max-width: 767px) {

	.avi-about-hero-strip {
		height: 230px;
	}

	.avi-about-hero-overlay {
		background: rgba(3, 20, 40, 0.72);
	}

	.avi-about-breadcrumb {
		font-size: 13px;
		gap: 8px;
		margin-bottom: 10px;
	}

	.avi-about-hero-content h1 {
		font-size: 30px;
		line-height: 1.2;
	}
}




/* =========================================================
   COMPANY INTRODUCTION
========================================================= */

.avi-about-company {
	background: #fff;
}

.avi-about-company-grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	align-items: center;
	gap: 90px;
}

.avi-about-company-image {
	position: relative;
}

.avi-about-image-stack {
	position: relative;
	padding: 0 25px 25px 0;
}

.avi-about-image-stack img {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 580px;
	display: block;
	object-fit: cover;
	border-radius: 18px;
}

.avi-about-image-accent {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	width: 82%;
	height: 82%;
	border-radius: 18px;
	background: #E8E8E8;
}

.avi-about-company-content {
	max-width: 690px;
}

.avi-section-label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #0B2545;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.avi-label-dot {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #0B2545;
}

.avi-section-title {
	margin-top: 22px;
	color: #0B2545;
	font-size: 48px;
	line-height: 1.12;
	font-weight: 700;
	letter-spacing: -0.8px;
}

.avi-section-title em {
	color: #0B2545;
	font-style: italic;
}

.avi-heading-rule {
	width: 58px;
	height: 3px;
	margin: 25px 0 28px;
	background: #0B2545;
}

.avi-about-company-content > p + p {
	margin-top: 17px;
}

.avi-about-company-content p {
	color: #606975;
}

.avi-company-highlights {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-top: 35px;
}

.avi-highlight {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 15px 12px;
	border: 1px solid #E8E8E8;
	border-radius: 10px;
	background: #faf9f5;
}

.avi-highlight-icon {
	width: 40px;
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #0B2545;
	background: #E8E8E8;
}

.avi-highlight-icon svg {
	width: 20px;
	height: 20px;
}

.avi-highlight strong,
.avi-highlight span {
	display: block;
}

.avi-highlight strong {
	color: #0B2545;
	font-size: 13px;
	font-weight: 700;
}

.avi-highlight > div > span {
	margin-top: 2px;
	color: #737985;
	font-size: 11px;
	line-height: 1.3;
}


/* =========================================================
   GROUP COMPANIES
========================================================= */

.avi-group-companies {
	position: relative;
}

.avi-centered-heading {
	max-width: 820px;
	margin: 0 auto 55px;
	text-align: center;
}

.avi-section-label-center {
	justify-content: center;
}

.avi-centered-heading .avi-section-title {
	margin-top: 20px;
}

.avi-centered-heading > p {
	max-width: 680px;
	margin: 22px auto 0;
	color: #656c76;
}

.avi-group-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
}

.avi-group-card {
	position: relative;
	padding: 18px 20px;
	overflow: hidden;
	border: 1px solid #E8E8E8;
	border-radius: 16px;
	background: #fff;
	transition: transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.avi-group-card:hover {
	transform: translateY(-7px);
	border-color: #cdd3dc;
	box-shadow: 0 18px 45px rgba(11, 37, 69, 0.09);
	background: #E8E8E8;
}

.avi-group-card:hover .avi-group-icon {
	background-color: #0B2545;
}

.avi-group-card:hover .avi-group-icon svg path {
	stroke: #E8E8E8;
}

.avi-group-number {
	position: absolute;
	top: 5px;
	right: 9px;
	color: #e7e8e9;
	font-size: 35px;
	line-height: 1;
	font-weight: 700;
}

.avi-group-icon {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #0B2545;
	background: #E8E8E8;
}

.avi-group-icon svg {
	width: 27px;
	height: 27px;
}

.avi-group-card h3 {
	margin-top: 12px;
	color: #0B2545;
	line-height: 1.25;
	min-height: 40px;
	display: flex;
	align-items: end;
}

.avi-group-card p {
	margin-top: 12px;
	color: #6b717b;
	line-height: 1.6;
}

.avi-card-arrow {
	position: absolute;
	right: 27px;
	bottom: 25px;
	color: #0B2545;
	font-size: 24px;
	line-height: 1;
	transition: transform 0.3s ease;
}

.avi-group-card:hover .avi-card-arrow {
	transform: translate(4px, -4px);
}


/* =========================================================
   PURPOSE - MISSION / VISION / AIM
========================================================= */

.avi-purpose {
	background: #fff;
}

.avi-purpose-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 50px;
}

.avi-purpose-heading .avi-section-title {
	max-width: 700px;
	margin-top: 18px;
}

.avi-purpose-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.avi-purpose-card {
	position: relative;
	padding: 35px;
	border: 1px solid #e2e3e5;
	border-radius: 18px;
	background: #f8f8f6;
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.avi-purpose-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 45px rgba(11, 37, 69, 0.09);
}

.avi-purpose-card-dark {
	background: #0B2545;
	border-color: #0B2545;
	color: #fff;
}

.avi-purpose-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.avi-purpose-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #0B2545;
	background: #e9e8e1;
}

.avi-purpose-card-dark .avi-purpose-icon {
	color: #0B2545;
	background: #fff;
}

.avi-purpose-icon svg {
	width: 25px;
	height: 25px;
}

.avi-purpose-index {
	color: #b5bac1;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
}

.avi-purpose-card-dark .avi-purpose-index {
	color: rgba(255,255,255,0.45);
}

.avi-purpose-label {
	display: block;
	margin-top: 23px;
	color: #0B2545;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.avi-purpose-card-dark .avi-purpose-label {
	color: rgba(255,255,255,0.7);
}

.avi-purpose-card h3 {
	margin-top: 30px;
	color: #0B2545;
	font-weight: 700;
	font-size: 20px;
}

.avi-purpose-card-dark h3 {
	color: #fff;
}

.avi-purpose-card p {
	margin-top: 12px;
	color: #666d77;
}

.avi-purpose-card-dark p {
	color: rgba(255,255,255,0.72);
}



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

@media (max-width: 1199px) {

	.avi-about-hero {
		padding: 130px 0 80px;
	}

	.avi-about-hero-grid,
    .avi-about-company-grid {
		gap: 55px;
	}

	.avi-about-hero-title {
		font-size: 54px;
	}

	.avi-about-image-frame img {
		height: 480px;
	}

	.avi-about-image-stack img {
		height: 520px;
	}

	.avi-group-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 991px) {

	.avi-about-hero-grid,
    .avi-about-company-grid {
		grid-template-columns: 1fr;
	}

	.avi-about-hero-content {
		max-width: 700px;
	}

	.avi-about-hero-image {
		max-width: 760px;
		width: 100%;
		margin-left: auto;
	}

	.avi-about-image-frame img {
		height: 500px;
	}

	.avi-about-company-image {
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
	}

	.avi-about-company-content {
		max-width: 760px;
		margin: 0 auto;
	}

	.avi-purpose-heading {
		display: block;
	}

	.avi-purpose-heading .avi-section-title {
		margin-top: 18px;
	}

	.avi-purpose-grid {
		grid-template-columns: 1fr;
	}

	.avi-purpose-card {
		min-height: auto;
	}

	.avi-closing-inner {
		align-items: flex-start;
	}
}

@media (max-width: 767px) {

	.avi-about-hero {
		padding: 105px 0 65px;
	}

	.avi-about-hero-title {
		margin-top: 20px;
		font-size: 40px;
		letter-spacing: -0.7px;
	}

	.avi-about-hero-content > p {
		margin-top: 20px;
		font-size: 16px;
	}

	.avi-about-image-frame {
		border-radius: 12px;
	}

	.avi-about-image-frame img {
		height: 390px;
	}

	.avi-about-image-tag {
		left: 15px;
		bottom: 20px;
		padding: 14px 18px;
	}

	.avi-about-tag-number {
		font-size: 24px;
	}

	.avi-about-image-stack {
		padding: 0 12px 12px 0;
	}

	.avi-about-image-stack img {
		height: 390px;
		border-radius: 12px;
	}

	.avi-about-image-accent {
		border-radius: 12px;
	}

	.avi-section-title {
		font-size: 36px;
	}

	.avi-company-highlights {
		grid-template-columns: 1fr;
	}

	.avi-centered-heading {
		margin-bottom: 35px;
	}

	.avi-centered-heading > p {
		font-size: 16px;
	}

	.avi-group-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.avi-group-card {
		min-height: 270px;
	}

	.avi-purpose-card {
		padding: 27px;
	}

	.avi-purpose-card h3 {
		font-size: 28px;
	}

	.avi-closing-inner {
		flex-direction: column;
	}

	.avi-closing-content h2 {
		font-size: 36px;
	}

	.avi-closing-mark {
		width: 120px;
		min-width: 120px;
		height: 120px;
	}

	.avi-closing-mark span {
		font-size: 28px;
	}
}

.avi-highlight:hover .avi-highlight-icon {
	position: relative;
}

.avi-highlight-icon svg {
	transition: all 1s ease;
}

.avi-highlight:hover .avi-highlight-icon svg {
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}


/* =========================================
   CONTACT PAGE
========================================= */

.avi-contact-page {
	overflow: hidden;
}




/* =========================================
   CONTACT INTRO
========================================= */

.avi-contact-info {
	background: #fff;
}

.avi-contact-info-heading {
	margin-bottom: 42px;
}

.avi-contact-info-heading h2 {
	margin-top: 16px;
}

.avi-contact-info-heading h2 span {
	color: #0B2545;
}

.avi-contact-info-heading p {
	margin-top: 16px;
	color: #6b717b;
	line-height: 1.7;
}


/* =========================================
   CONTACT DETAIL CARDS
========================================= */

.avi-contact-details-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.avi-contact-detail-card {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	min-height: 150px;
	padding: 25px;
	border: 1px solid #E8E8E8;
	border-radius: 12px;
	background: #E8E8E8;
	transition: transform 0.3s ease,
        box-shadow 0.3s ease;
}

.avi-contact-detail-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(11, 37, 69, 0.08);
}

.avi-contact-detail-icon {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #0B2545;
	color: #fff;
}

.avi-contact-detail-icon svg {
	width: 22px;
	height: 22px;
}

.avi-contact-detail-content {
	min-width: 0;
}

.avi-contact-detail-label {
	display: block;
	margin-bottom: 7px;
	color: #7b8088;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}

.avi-contact-detail-content h3 {
	margin: 0 0 6px;
	color: #0B2545;
}

.avi-contact-detail-content p {
	margin: 0;
	color: #6b717b;
	font-size: 14px;
	line-height: 1.55;
}

.avi-contact-detail-content a {
	display: block;
	color: #0B2545;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}

.avi-contact-detail-content a:hover {
	text-decoration: underline;
}

.avi-contact-small {
	display: block;
	margin-top: 5px;
	color: #7b8088;
	font-size: 13px;
}


/* =========================================
   FORM + MAP SECTION
========================================= */

.avi-contact-form-section {
	background: #E8E8E8;
}

.avi-contact-main-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 55px;
	align-items: stretch;
}


/* =========================================
   CONTACT FORM
========================================= */

.avi-contact-form-wrapper {
	padding: 40px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid #E8E8E8;
}

.avi-contact-form-wrapper .section-headings {
	margin-bottom: 28px;
}

.avi-contact-form-wrapper h2 {
	margin-top: 16px;
}

.avi-contact-form-wrapper h2 span {
	color: #0B2545;
}

.avi-contact-form {
	width: 100%;
}

.avi-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.avi-form-group {
	margin-bottom: 19px;
}

.avi-form-group label {
	display: block;
	margin-bottom: 8px;
	color: #0B2545;
	font-size: 14px;
	font-weight: 600;
}

.avi-form-group input,
.avi-form-group select,
.avi-form-group textarea {
	width: 100%;
	display: block;
	padding: 13px 15px;
	border: 1px solid #deded8;
	border-radius: 7px;
	background: #fff;
	color: #0B2545;
	font-family: inherit;
	font-size: 14px;
	outline: none;
	transition: border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.avi-form-group input,
.avi-form-group select {
	height: 50px;
}

.avi-form-group textarea {
	min-height: 130px;
	resize: vertical;
}

.avi-form-group input::placeholder,
.avi-form-group textarea::placeholder {
	color: #9a9da2;
}

.avi-form-group input:focus,
.avi-form-group select:focus,
.avi-form-group textarea:focus {
	border-color: #0B2545;
	box-shadow: 0 0 0 3px rgba(11, 37, 69, 0.07);
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.avi-contact-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-width: 165px;
	padding: 14px 22px;
	border: 0;
	border-radius: 6px;
	background: #0B2545;
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s ease,
        transform 0.3s ease;
}

.avi-contact-submit span {
	font-size: 20px;
	line-height: 1;
	transition: transform 0.3s ease;
}

.avi-contact-submit:hover {
	background: #0b3567;
	transform: translateY(-2px);
}

.avi-contact-submit:hover span {
	transform: translate(3px, -3px);
}


/* =========================================
   MAP
========================================= */

.avi-contact-map-wrapper {
	min-height: 100%;
	padding: 0;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #E8E8E8;
}

.avi-contact-map-heading {
	padding: 25px 28px 20px;
}

.avi-contact-map-heading span {
	display: block;
	margin-bottom: 5px;
	color: #7b8088;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}

.avi-contact-map-heading h3 {
	margin: 0;
	color: #0B2545;
}

.avi-contact-map {
	width: 100%;
	height: calc(100% - 95px);
	min-height: 480px;
}

.avi-contact-map iframe {
	width: 100%;
	height: 100%;
	display: block;
	filter: grayscale(15%);
}


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

@media (max-width: 991px) {

	.avi-contact-details-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.avi-contact-main-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.avi-contact-map {
		min-height: 400px;
	}
}


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

@media (max-width: 767px) {

	.avi-contact-hero-strip {
		height: 230px;
	}

	.avi-contact-hero-overlay {
		background: rgba(3, 20, 40, 0.72);
	}

	.avi-contact-breadcrumb {
		font-size: 13px;
		gap: 8px;
		margin-bottom: 10px;
	}

	.avi-contact-hero-content h1 {
		font-size: 30px;
		line-height: 1.2;
	}

	.avi-contact-info-heading {
		margin-bottom: 30px;
	}

	.avi-contact-details-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.avi-contact-detail-card {
		min-height: auto;
		padding: 20px;
	}

	.avi-contact-main-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.avi-contact-form-wrapper {
		padding: 25px 20px;
	}

	.avi-form-row {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.avi-contact-map-heading {
		padding: 22px 20px 18px;
	}

	.avi-contact-map {
		min-height: 330px;
		height: 330px;
	}
}


/* =========================================
   AVI ANSH - OUR TEAM
========================================= */


/* =========================================
   TEAM INTRO
========================================= */


.avi-team-intro .avi-centered-heading {
	max-width: 760px;
	margin: 0 auto 55px;
	text-align: center;
}

.avi-team-intro .avi-centered-heading .text {
	max-width: 650px;
	margin: 18px auto 0;
	color: #707b8b;
	line-height: 1.75;
}


/* =========================================
   TEAM GRID
========================================= */

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


/* =========================================
   TEAM CARD
========================================= */

.avi-team-card {
	position: relative;
}

.avi-team-image {
	position: relative;
	width: 100%;
	height: 410px;
	overflow: hidden;
	border-radius: 10px;
	background: #eef1f4;
}

.avi-team-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.65s cubic-bezier(.2,.7,.2,1);
}


/* Subtle image overlay */

.avi-team-image-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
            to top,
            rgba(11, 37, 69, 0.45),
            rgba(11, 37, 69, 0) 45%
        );
	opacity: 0;
	transition: opacity 0.4s ease;
}


/* Small decorative line */

.avi-team-overlay-line {
	position: absolute;
	left: 28px;
	bottom: 28px;
	width: 38px;
	height: 2px;
	background: #fff;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
}


/* Hover */

.avi-team-card:hover .avi-team-image img {
	transform: scale(1.045);
}

.avi-team-card:hover .avi-team-image-overlay {
	opacity: 1;
}

.avi-team-card:hover .avi-team-overlay-line {
	transform: scaleX(1);
}


/* =========================================
   TEAM INFORMATION
========================================= */

.avi-team-info {
	padding: 22px 4px 0;
}

.avi-team-position {
	color: #1B6CA8;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 7px;
}

.avi-team-info h3 {
	color: #0B2545;
	font-size: 21px;
	line-height: 1.3;
	font-weight: 600;
	margin: 0 0 8px;
}

.avi-team-info p {
	color: #737d8b;
	font-size: 13px;
	line-height: 1.65;
	margin: 0;
}


/* =========================================
   TEAM BOTTOM SECTION
========================================= */

.avi-team-bottom {
	background: #0B2545;
	padding: 65px 0;
	position: relative;
	overflow: hidden;
}

.avi-team-bottom::before {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 50%;
	right: -180px;
	top: -210px;
}

.avi-team-bottom::after {
	content: "";
	position: absolute;
	width: 280px;
	height: 280px;
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 50%;
	left: -140px;
	bottom: -190px;
}

.avi-team-bottom-inner {
	position: relative;
	z-index: 2;
	text-align: center;
}

.avi-team-bottom .section-headings {
	max-width: 700px;
	margin: 0 auto;
}

.avi-team-bottom .subheading-bg {
	color: rgba(255,255,255,0.75);
}

.avi-team-bottom .heading {
	color: #fff;
	margin: 12px 0 0;
}

.avi-team-bottom .heading span {
	color: #8db4d8;
}


/* =========================================
   RESPONSIVE - TABLET
========================================= */

@media (max-width: 991px) {

	.avi-team-intro {
		padding-top: 65px;
		padding-bottom: 70px;
	}

	.avi-team-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 24px;
	}

	.avi-team-image {
		height: 390px;
	}
}


/* =========================================
   RESPONSIVE - MOBILE
========================================= */

@media (max-width: 767px) {

	.avi-team-intro {
		padding-top: 50px;
		padding-bottom: 55px;
	}

	.avi-team-intro .avi-centered-heading {
		margin-bottom: 38px;
	}

	.avi-team-grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.avi-team-image {
		height: 430px;
	}

	.avi-team-info {
		padding-top: 18px;
	}

	.avi-team-info h3 {
		font-size: 20px;
	}

	.avi-team-bottom {
		padding: 50px 0;
	}
}


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

@media (max-width: 480px) {

	.avi-team-image {
		height: 390px;
	}

	.avi-team-info p {
		font-size: 13px;
	}
}


/* Palette: navy #0B2545, ocean #1B6CA8, teal #14A38B, lime #8CC63F, yellow #F2C230, neutrals #E8E8E8 / #fff */
.tl-section {
	padding: 48px 0 40px!important;
	font-family: 'Poppins','Red Hat Display',sans-serif;
	color: #0B2545;
	overflow: hidden;
	background: linear-gradient(180deg,#E8E8E8 0,#fff 100%);
}

/* heading block: centered, compact, overrides theme h2/p styles */
.tl-section>.container {
	text-align: center;
	margin-bottom: 6px!important;
}

/* new heading style css */
.newheadstyle .tl-label {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 50px;
	background: rgba(20,163,139,.12);
	color: #14A38B;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	margin: 0;
}

.newheadstyle .tl-heading {
	font-family: inherit;
	font-weight: 700;
	font-size: clamp(1.6rem,3.2vw,2.3rem);
	line-height: 1.25;
	margin: 14px 0 20px!important;
	color: #0B2545;
	text-transform: capitalize;
}

.newheadstyle .tl-heading span {
	color: #1B6CA8;
	position: relative;
	white-space: nowrap;
	border: 0;
}

.newheadstyle .tl-heading span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 5px;
	border-radius: 5px;
  /* background:linear-gradient(90deg,#8CC63F,#F2C230);*/;
}

.newheadstyle .tl-lead {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	color: #1B6CA8;
	max-width: 620px;
	margin: 0 auto 14px!important;
}
/* new heading style css */


.tl-section .container p:last-child {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(11,37,69,.08);
	font-size: 12.5px;
	color: #0B2545!important;
	margin: 0;
}

.tl-section .container p:last-child::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #14A38B;
	animation: tlDot 1.4s infinite;
}

@keyframes tlDot {
	50% {
		transform: scale(1.6);
		opacity: .4;
	}
}

/* scroll area: no hard borders, soft dotted bg, faded left/right edges */
.tl-scroll {
	overflow-x: auto;
	padding-bottom: 6px;
	border: 0;
	background: radial-gradient(#cfd8dc 1.2px,transparent 1.6px) 0 0/24px 24px;
	-webkit-mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
	mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
	scrollbar-color: #1B6CA8 transparent;
	scrollbar-width: thin;
}

.tl-track {
	position: relative;
	width: max-content;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='460'%3E%3Cpath d='M0 230C60 230 120 170 180 170C240 170 300 230 360 230C420 230 480 290 540 290C600 290 660 230 720 230' fill='none' stroke='%231B6CA8' stroke-width='2.5' stroke-dasharray='2 7' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;
}

/* item: 360 x 460, wave passes through the year badge */
.tl-item {
	position: relative;
	flex: 0 0 360px;
	height: 460px;
}

.tl-year {
	position: absolute;
	left: 180px;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	z-index: 3;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #0B2545;
	color: #F2C230;
	font: italic 700 17px 'Playfair Display',serif;
	box-shadow: 0 0 0 4px #fff,0 0 0 6px var(--c);
	animation: tlPulse 2.4s infinite;
}

.tl-img {
	position: absolute;
	left: 180px;
	width: 190px;
	height: 190px;
	margin-left: -95px;
	z-index: 2;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid #fff;
	box-shadow: 0 0 0 3px var(--c),0 14px 28px rgba(11,37,69,.25);
	opacity: 0;
	transition: transform .4s ease;
}

.tl-item:hover .tl-img {
	transform: scale(1.08) rotate(3deg);
}

.tl-cap {
	position: absolute;
	left: 50px;
	width: 260px;
	text-align: center;
	font-size: 17px;
	line-height: 1.35;
	opacity: 0;
}

.tl-cap span {
	font-weight: 400;
}

.tl-cap strong {
	font-weight: 900;
	color: var(--c);
	filter: brightness(.8);
}

/* odd: badge on crest, caption above, image below */
.tl-item:nth-child(odd) .tl-year {
	top: 138px;
}

.tl-item:nth-child(odd) .tl-img {
	top: 208px;
}

.tl-item:nth-child(odd) .tl-cap {
	bottom: 326px;
}
/* even: badge in trough, image above, caption below */
.tl-item:nth-child(even) .tl-year {
	top: 258px;
}

.tl-item:nth-child(even) .tl-img {
	top: 58px;
}

.tl-item:nth-child(even) .tl-cap {
	top: 332px;
}

/* accent colour cycle */
.tl-item:nth-child(4n+1) {
	--c: #14A38B;
}

.tl-item:nth-child(4n+2) {
	--c: #1B6CA8;
}

.tl-item:nth-child(4n+3) {
	--c: #8CC63F;
}

.tl-item:nth-child(4n) {
	--c: #F2C230;
}

/* reveal + idle motion */
.tl-item.is-in .tl-img {
	opacity: 1;
	animation: tlPop .8s cubic-bezier(.2,.9,.3,1.3) backwards,tlFloat 5s ease-in-out .8s infinite;
}

.tl-item.is-in .tl-cap {
	opacity: 1;
	animation: tlFade .7s .25s backwards;
}

.tl-item:nth-child(even).is-in .tl-cap {
	animation-name: tlFadeUp;
}

@keyframes tlPop {
	from {
		opacity: 0;
		transform: scale(.3) rotate(-25deg);
	}
}

@keyframes tlFloat {
	50% {
		transform: translateY(-10px);
	}
}

@keyframes tlFade {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
}

@keyframes tlFadeUp {
	from {
		opacity: 0;
		transform: translateY(-14px);
	}
}

@keyframes tlPulse {
	0% {
		box-shadow: 0 0 0 4px #fff,0 0 0 6px var(--c),0 0 0 6px var(--c);
	}

	100% {
		box-shadow: 0 0 0 4px #fff,0 0 0 6px var(--c),0 0 0 20px transparent;
	}
}

@media(prefers-reduced-motion:reduce) {
	.tl-img,.tl-cap,.tl-year {
		animation: none!important;
		opacity: 1;
	}
}

.avi-investors-body {
	background: var(--color-background-secondary, rgba(11, 37, 69, 0.02));
}


/* ---------------------------------------------------------------
   TAB NAV — re-skin Bootstrap's .nav-tabs to match the brand
   (functionality/markup stays pure Bootstrap 5.3; only paint changes)
---------------------------------------------------------------- */
.avi-year-tabs-nav.nav-tabs {
    border-bottom: 1px solid var(--color-border, rgba(11, 37, 69, 0.12));
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.avi-year-tabs-nav.nav-tabs .nav-link {
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    padding: 14px 22px;
    background: transparent;
    font-family: var(--font-heading--family, inherit);
    font-size: 16px;
    font-weight: 500;
    color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.55));
    transition: color .2s ease, border-color .2s ease;
}

.avi-year-tabs-nav.nav-tabs .nav-link:hover {
    border-color: transparent;
    color: var(--color-primary, #0B2545);
}

.avi-year-tabs-nav.nav-tabs .nav-link.active {
    background: transparent;
    color: var(--color-primary, #0B2545);
    border-color: var(--color-secondary, #F2C230);
}

.avi-year-tabs-nav.nav-tabs .nav-link:focus-visible {
    outline: var(--focus-outline-width, 1px) solid var(--color-secondary, #F2C230);
    outline-offset: var(--focus-outline-offset, 3px);
    box-shadow: none;
}


/* ---------------------------------------------------------------
   TAB CONTENT — spacing between the table groups inside a pane
---------------------------------------------------------------- */
.avi-year-tabs-content .avi-table-group + .avi-table-group {
    margin-top: 44px;
}

/* let Bootstrap's fade transition finish before content is inert */
.avi-year-tabs-content .tab-pane {
	outline: none;
}


/* ---------------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------------- */
@media (max-width: 767px) {
	.avi-year-tabs-nav.nav-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.avi-year-tabs-nav.nav-tabs::-webkit-scrollbar {
		display: none;
	}

	.avi-year-tabs-nav.nav-tabs .nav-link {
		padding: 12px 16px;
		font-size: 15px;
		white-space: nowrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.avi-year-tabs-nav.nav-tabs .nav-link {
		transition: none;
	}
}

.avi-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--color-border, rgba(11, 37, 69, 0.10));
	border-radius: var(--style-border-radius-cards, 12px);
	background: var(--color-background, #fff);
}

.avi-table {
	width: 100%;
	min-width: 480px;
	border-collapse: collapse;
	font-family: var(--font-text--family, inherit);
	font-size: 15px;
	color: var(--color-foreground, rgba(11, 37, 69, 0.9));
}

/* ---------- head ---------- */
.avi-table thead th {
	text-align: left;
	padding: 16px 20px;
	background: var(--color-primary, #0B2545);
	color: #fff;
	font-family: var(--font-heading--family, inherit);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	white-space: nowrap;
}

.avi-table thead th:first-child {
	border-top-left-radius: var(--style-border-radius-cards, 12px);
}

.avi-table thead th:last-child {
	border-top-right-radius: var(--style-border-radius-cards, 12px);
}

/* ---------- body ---------- */
.avi-table tbody td {
	padding: 15px 20px;
	border-bottom: 1px solid var(--color-border, rgba(11, 37, 69, 0.08));
	vertical-align: middle;
	line-height: 1.5;
}

.avi-table tbody tr:last-child td {
	border-bottom: none;
}

.avi-table tbody tr:nth-child(even) {
	background: var(--color-background-secondary, rgba(11, 37, 69, 0.025));
}

.avi-table tbody tr:hover {
	background: var(--color-primary-tint, rgba(242, 194, 48, 0.08));
}

/* first column (S.No.) — narrow + centered */
.avi-table .avi-table-col-index {
	width: 64px;
	text-align: center;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.55));
	font-family: var(--font-heading--family, inherit);
}

/* title column takes remaining space */
.avi-table .avi-table-col-title {
	color: var(--color-primary, #0B2545);
	font-weight: 500;
}

/* icon / action column — narrow + centered */
.avi-table .avi-table-col-icon {
	width: 72px;
	text-align: center;
}


/* ---------- PDF icon button ---------- */
.avi-table-pdf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	background: var(--color-primary-tint, rgba(242, 194, 48, 0.12));
	color: var(--color-primary, #0B2545);
	transition: background .2s ease, color .2s ease, transform .2s ease;
}

.avi-table-pdf-btn svg {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.avi-table-pdf-btn:hover,
.avi-table-pdf-btn:focus-visible {
	background: var(--color-secondary, #F2C230);
	color: #fff;
	transform: translateY(-1px);
}

.avi-table-pdf-btn:focus-visible {
	outline: var(--focus-outline-width, 1px) solid var(--color-secondary, #F2C230);
	outline-offset: var(--focus-outline-offset, 3px);
}


/* ---------- caption / group label above a table ---------- */
.avi-table-caption {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px;
	font-family: var(--font-heading--family, inherit);
	font-size: 16px;
	color: var(--color-primary, #0B2545);
}

.avi-table-caption-count {
	font-family: var(--font-text--family, inherit);
	font-size: 13px;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.55));
}


/* ---------- empty state ---------- */
.avi-table-empty {
	padding: 30px 20px;
	text-align: center;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.55));
	font-size: 14px;
}


/* =====================================================================
   MOBILE — stacked rows
   Below the breakpoint, the header hides and each cell becomes its
   own line labelled by data-label. Safe default for any table using
   this class; remove .avi-table-stack-mobile from a table if a page
   would rather just scroll horizontally instead.
   ===================================================================== */
@media (max-width: 575px) {

	.avi-table-wrap:has(.avi-table-stack-mobile) {
		overflow-x: visible;
	}

	.avi-table-stack-mobile {
		min-width: 0;
	}

	.avi-table-stack-mobile thead {
		display: none;
	}

	.avi-table-stack-mobile tbody,
    .avi-table-stack-mobile tr,
    .avi-table-stack-mobile td {
		display: block;
		width: 100%;
	}

	.avi-table-stack-mobile tr {
		padding: 14px 18px;
		border-bottom: 1px solid var(--color-border, rgba(11, 37, 69, 0.08));
	}

	.avi-table-stack-mobile td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 6px 0;
		border-bottom: none;
		text-align: right;
	}

	.avi-table-stack-mobile td[data-label]::before {
		content: attr(data-label);
		font-family: var(--font-heading--family, inherit);
		font-size: 11px;
		letter-spacing: .6px;
		text-transform: uppercase;
		color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.5));
		text-align: left;
		flex: 0 0 auto;
	}

	.avi-table-stack-mobile .avi-table-col-title {
		text-align: right;
	}

	.avi-table-stack-mobile .avi-table-col-icon {
		justify-content: flex-end;
	}
}

@media (prefers-reduced-motion: reduce) {
	.avi-table-pdf-btn {
		transition: none;
	}
}
















/* =====================================================================
   DISCLOSURE UNDER REGULATION 46
   ===================================================================== */

.avi-disclosure-page .section-padding {
	padding: 60px 0 90px;
}

.avi-disclosure-intro {
	max-width: 820px;
	margin: 0 0 36px;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.7));
	font-size: 16px;
	line-height: 1.7;
}

/* ---------------------------------------------------------------
   TOOLBAR — search + expand/collapse all
---------------------------------------------------------------- */
.avi-disclosure-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 28px;
}

.avi-disclosure-toggle-all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 20px;
	border: 1px solid var(--color-border, rgba(11, 37, 69, 0.18));
	border-radius: var(--style-border-radius-buttons-secondary, 40px);
	background: transparent;
	color: var(--color-primary, #0B2545);
	font-family: var(--font-button--family, inherit);
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.avi-disclosure-toggle-all:hover,
.avi-disclosure-toggle-all:focus-visible {
	background: var(--color-primary, #0B2545);
	color: #fff;
	border-color: var(--color-primary, #0B2545);
}

.avi-disclosure-no-results {
	display: none;
	padding: 40px 20px;
	text-align: center;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.55));
	font-size: 15px;
	border: 1px dashed var(--color-border, rgba(11, 37, 69, 0.18));
	border-radius: var(--style-border-radius-cards, 12px);
}

.avi-disclosure-no-results.is-visible {
	display: block;
}

/* ---------------------------------------------------------------
   ACCORDION — one item per disclosure clause
---------------------------------------------------------------- */
.avi-disclosure-accordion {
	--bs-accordion-border-color: var(--color-border, rgba(11, 37, 69, 0.12));
	--bs-accordion-border-radius: var(--style-border-radius-cards, 12px);
	--bs-accordion-inner-border-radius: var(--style-border-radius-cards, 12px);
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.avi-disclosure-item {
	border: 1px solid var(--color-border, rgba(11, 37, 69, 0.12));
	border-radius: var(--style-border-radius-cards, 12px);
	overflow: hidden;
	background: var(--color-background, #fff);
	transition: border-color .2s ease, box-shadow .2s ease;
}

.avi-disclosure-item:has(.accordion-button:not(.collapsed)) {
	border-color: var(--color-border-hover, rgba(242, 194, 48, 0.6));
	box-shadow: 0 6px 20px rgba(11, 37, 69, 0.06);
}

.avi-disclosure-item .accordion-header {
	margin: 0;
}

.avi-disclosure-item .accordion-button {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 18px 22px;
	background: var(--color-background, #fff);
	color: var(--color-primary, #0B2545);
	font-family: var(--font-heading--family, inherit);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.45;
	box-shadow: none;
}

.avi-disclosure-item .accordion-button:not(.collapsed) {
	background: var(--color-background-subheading, rgba(242, 194, 48, 0.08));
	color: var(--color-primary, #0B2545);
}

.avi-disclosure-item .accordion-button:focus {
	box-shadow: none;
	outline: var(--focus-outline-width, 1px) solid var(--color-secondary, #F2C230);
	outline-offset: var(--focus-outline-offset, 3px);
}

.avi-disclosure-item .accordion-button::after {
	width: 16px;
	height: 16px;
	background-size: 16px;
	flex-shrink: 0;
	margin-left: auto;
}

.avi-disclosure-num {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: var(--color-primary, #0B2545);
	color: #fff;
	font-family: var(--font-heading--family, inherit);
	font-size: 14px;
	font-weight: 700;
}

.avi-disclosure-item .accordion-button:not(.collapsed) .avi-disclosure-num {
	background: var(--color-secondary, #F2C230);
}

.avi-disclosure-title {
	flex: 1 1 auto;
}

.avi-disclosure-count {
	flex: 0 0 auto;
	font-family: var(--font-body--family, inherit);
	font-size: 12.5px;
	font-weight: 500;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.55));
	white-space: nowrap;
}

.avi-disclosure-item .accordion-body {
	padding: 4px 22px 22px 76px;
	border-top: 1px solid var(--color-border, rgba(11, 37, 69, 0.08));
}

/* group label inside a body — e.g. "Financial Year 2025-2026" */
.avi-doc-group + .avi-doc-group {
	margin-top: 20px;
}

.avi-doc-group-label {
	margin: 16px 0 10px;
	font-family: var(--font-heading--family, inherit);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .3px;
	color: var(--color-primary, #0B2545);
}

.avi-doc-group:first-child .avi-doc-group-label {
	margin-top: 16px;
}

.avi-doc-intro {
	margin: 16px 0 4px;
	font-size: 14.5px;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.75));
}

/* individual document / link row */
.avi-doc-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 0;
	border-bottom: 1px solid var(--color-border, rgba(11, 37, 69, 0.08));
}

.avi-doc-row:last-child {
	border-bottom: none;
}

.avi-doc-row-title {
	color: var(--color-foreground, rgba(11, 37, 69, 0.9));
	font-size: 14.5px;
	line-height: 1.5;
}

/* internal page links (not PDFs) — arrow style instead of the PDF icon */
.avi-doc-link-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	padding: 8px 16px;
	border-radius: var(--style-border-radius-buttons-secondary, 40px);
	background: var(--color-primary-tint, rgba(242, 194, 48, 0.12));
	color: var(--color-primary, #0B2545);
	font-family: var(--font-button--family, inherit);
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	transition: background .2s ease, color .2s ease, transform .2s ease;
}

.avi-doc-link-btn svg {
	width: 14px;
	height: 14px;
	transition: transform .2s ease;
}

.avi-doc-link-btn:hover,
.avi-doc-link-btn:focus-visible {
	background: var(--color-secondary, #F2C230);
	color: #fff;
}

.avi-doc-link-btn:hover svg {
	transform: translateX(2px);
}

/* "Not Applicable" pill */
.avi-badge-na {
	display: inline-flex;
	align-items: center;
	padding: 5px 14px;
	margin: 14px 0 6px;
	border-radius: var(--style-border-radius-buttons-secondary, 40px);
	background: var(--color-background-subheading, rgba(242, 194, 48, 0.10));
	border: 1px solid var(--color-border-subheading-bg, rgba(242, 194, 48, 0.35));
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.65));
	font-family: var(--font-heading--family, inherit);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .3px;
}

/* section divider between the two disclosure groups */
.avi-disclosure-divider {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 40px 0 22px;
}

.avi-disclosure-divider span {
	flex: 0 0 auto;
	font-family: var(--font-heading--family, inherit);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: var(--color-primary, #0B2545);
}

.avi-disclosure-divider::before,
.avi-disclosure-divider::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--color-border, rgba(11, 37, 69, 0.15));
}

/* ---------------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------------- */
@media (max-width: 767px) {
	.avi-disclosure-item .accordion-button {
		padding: 15px 16px;
		font-size: 14.5px;
		gap: 12px;
	}

	.avi-disclosure-num {
		width: 32px;
		height: 32px;
		font-size: 12.5px;
	}

	.avi-disclosure-item .accordion-body {
		padding: 4px 16px 18px 16px;
	}

	.avi-disclosure-count {
		display: none;
	}

	.avi-disclosure-toolbar {
		flex-direction: column;
		align-items: stretch;
	}

	.avi-disclosure-search {
		max-width: none;
	}

	.avi-doc-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.avi-disclosure-item,
    .avi-doc-link-btn,
    .avi-disclosure-toggle-all {
		transition: none;
	}
}



/* PURPOSE - thread-cone style (replaces all old .avi-purpose-* rules) */
.avi-purpose {
	--c1: #7db8ec;
	--d1: #c6e2f9;
	--c2: #f59b2a;
	--d2: #fbc26a;
	--c3: #5ccfc2;
	--d3: #a9ebe4;
	--c4: #f58fa5;
	--d4: #fbc9d3;
	--c5: #9bd15a;
	--d5: #d3ecad;
	background: #E8E8E8;
	overflow: hidden;
}

.avi-purpose-heading {
	display: block;
	text-align: center;
	margin-bottom: 50px;
}

.avi-purpose-heading .heading {
	color: #0B2545;
	font-weight: 700;
}

.avi-purpose-heading .heading span {
	color: #1B6CA8;
}

.avi-purpose-item {
	text-align: center;
}

.avi-purpose-item p {
	max-width: 230px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.6;
	color: #2b3440;
}

/* cone */
.avi-cone {
	position: relative;
	width: 100%;
	max-width: 190px;
	aspect-ratio: 5/8;
	margin: 0 auto 34px;
	transition: transform .4s ease;
}

.avi-purpose-item:hover .avi-cone {
	transform: translateY(-12px) rotate(-2deg);
}

.avi-cone::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: -14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(0,0,0,.18);
	filter: blur(6px);
	z-index: -1;
}

/* CSS fallback cone (auto-hidden once your image loads) */
.avi-cone-shape {
	position: absolute;
	inset: 0;
}

.avi-cone-shape::before {
	content: "";
	position: absolute;
	top: 0;
	left: 34%;
	width: 32%;
	height: 8%;
	background: #e4666f;
	border-radius: 6px 6px 0 0;
}

.avi-cone-shape::after {
	content: "";
	position: absolute;
	inset: 6% 0 0;
	background: repeating-linear-gradient(-20deg,rgba(255,255,255,.22) 0 2px,transparent 2px 6px),
             linear-gradient(90deg,var(--tint),var(--tone) 45%,var(--tint));
	clip-path: polygon(14% 0,86% 0,100% 90%,93% 100%,7% 100%,0 90%);
}

.avi-cone img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* vertical title + line icon on the cone */
.avi-cone-label {
	position: absolute;
	left: 50%;
	top: 44%;
	z-index: 2;
	white-space: nowrap;
	font-size: 17px;
	font-weight: 600;
	color: #0B2545;
	display: none;
	writing-mode: vertical-rl;
	transform: translate(-50%,-50%) rotate(180deg);
}

.avi-cone-icon {
	position: absolute;
	left: 50%;
	bottom: 14%;
	z-index: 2;
	width: 46px;
	height: 46px;
	margin-left: -23px;
	color: #3c4652;
	transition: transform .4s;
	display: none;
}

.avi-purpose-item:hover .avi-cone-icon {
	transform: scale(1.2) rotate(8deg);
	color: #0B2545;
}

@media(max-width:575px) {
	.avi-cone {
		max-width: 150px;
	}

	.avi-cone-label {
		font-size: 15px;
	}

	.avi-cone-icon {
		width: 38px;
		height: 38px;
		margin-left: -19px;
	}

	.avi-purpose-item p {
		font-size: 14px;
	}
}



/* Sustainability + Women Empowerment. Palette: #0B2545 navy, #1B6CA8 ocean, #14A38B teal, #8CC63F lime, #F2C230 yellow. No CSS variables, no wrapper class. */
.imp-sec {
	position: relative;
	padding: 80px 0;
	overflow: hidden;
}

.imp-soft {
	background: linear-gradient(180deg,#f4f7f6,#E8E8E8);
}

.imp-sec .container {
	position: relative;
	z-index: 1;
}

.imp-label {
	display: inline-block;
	padding: 6px 16px;
	border-radius: 50px;
	background: rgba(20,163,139,.12);
	color: #14A38B;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.imp-title {
	font-weight: 700;
	font-size: clamp(1.7rem,3.4vw,2.6rem);
	line-height: 1.2;
	margin: 14px 0 18px;
	color: #0B2545;
}

.imp-title.imp-h3 {
	font-size: clamp(1.5rem,2.8vw,2.1rem);
}

.imp-title span {
	background: linear-gradient(90deg,#1B6CA8,#14A38B,#8CC63F,#1B6CA8);
	background-size: 250% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: impShift 6s linear infinite;
}

.imp-text {
	font-size: 1.02rem;
	line-height: 1.8;
	color: #3b4654;
}

.imp-blob {
	position: absolute;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	filter: blur(60px);
	opacity: .35;
	background: #8CC63F;
	top: -80px;
	right: -60px;
	animation: impFloat 9s ease-in-out infinite;
}

.imp-blob.b {
	background: #1B6CA8;
	top: auto;
	right: auto;
	bottom: -80px;
	left: -60px;
	animation-delay: -4s;
}

/* ring visual */
.imp-visual {
	position: relative;
	width: min(340px,80vw);
	aspect-ratio: 1;
	margin: auto;
	display: grid;
	place-items: center;
}

.imp-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	animation: impSpin 9s linear infinite;
	background: conic-gradient(#F2C230,#8CC63F,#14A38B,#1B6CA8,#F2C230);
	-webkit-mask: radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));
	mask: radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));
}

.imp-ring.two {
	inset: 22px;
	animation-direction: reverse;
	animation-duration: 14s;
	opacity: .55;
}

.imp-core {
	width: 70%;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	padding: 20px;
	background: linear-gradient(135deg,#0B2545,#1B6CA8);
	box-shadow: 0 20px 50px rgba(11,37,69,.35);
}

.imp-core svg {
	width: 60px;
	height: 60px;
	color: #F2C230;
	margin-bottom: 8px;
	animation: impFloat 3.5s ease-in-out infinite;
}

.imp-num {
	font-size: clamp(2.4rem,6vw,3.4rem);
	font-weight: 900;
	line-height: 1;
	color: #F2C230;
}

.imp-core small {
	font-size: 13px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	opacity: .85;
	margin-top: 6px;
}

.imp-dot {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #F2C230;
	animation: impFloat 4s ease-in-out infinite;
}

.imp-dot.d1 {
	top: 8%;
	right: 14%;
}

.imp-dot.d2 {
	bottom: 12%;
	left: 6%;
	background: #8CC63F;
	animation-delay: -2s;
}

.imp-dot.d3 {
	top: 46%;
	left: -4%;
	background: #14A38B;
	animation-delay: -1s;
}

/* feature band: photo + text */
.imp-photo {
	position: relative;
	border-radius: 28px;
	box-shadow: 0 24px 50px rgba(11,37,69,.18);
}

.imp-photo::before {
	content: "";
	position: absolute;
	inset: 16px -16px -16px 16px;
	border: 3px solid #14A38B;
	border-radius: 28px;
	z-index: -1;
	transition: transform .5s;
}

.imp-photo:hover::before {
	transform: translate(8px,8px);
}

.imp-photo img {
	display: block;
	width: 100%;
	aspect-ratio: 9/7;
	object-fit: cover;
	border-radius: 28px;
	background: #E8E8E8;
	transition: transform .6s;
}

.imp-photo:hover img {
	transform: scale(1.04);
}

.imp-photo {
	overflow: visible;
}

.imp-tab {
	position: absolute;
	left: 24px;
	bottom: -26px;
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	border-radius: 20px;
	color: #fff;
	background: #14A38B;
	box-shadow: 0 12px 26px rgba(11,37,69,.25);
	animation: impPulse 2.4s infinite;
}

.imp-tab svg {
	width: 34px;
	height: 34px;
}

.imp-badge {
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 10px 18px;
	border-radius: 50px;
	background: #fff;
	color: #0B2545;
	font-weight: 800;
	box-shadow: 0 10px 24px rgba(0,0,0,.18);
	animation: impFloat 4s ease-in-out infinite;
}

.imp-ghost {
	display: block;
	font-size: 84px;
	font-weight: 900;
	line-height: .9;
	color: #14A38B;
	opacity: .18;
}

.imp-list {
	list-style: none;
	margin: 22px 0 0;
	padding: 0;
}

.imp-list li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 0;
	border-bottom: 1px dashed #cdd6dc;
	font-weight: 500;
	color: #0B2545;
}

.imp-list i {
	display: grid;
	place-items: center;
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #14A38B;
	color: #fff;
	transition: transform .4s;
}

.imp-list li:hover i {
	transform: rotate(360deg) scale(1.15);
}

.imp-list svg {
	width: 18px;
	height: 18px;
}

/* dark section + glass cards */
.imp-dark {
	background: linear-gradient(135deg,#0B2545,#1B6CA8);
	color: #fff;
}

.imp-dark .imp-title {
	color: #fff;
}

.imp-glass {
	position: relative;
	height: 100%;
	padding: 38px 32px;
	border-radius: 26px;
	overflow: hidden;
	background: rgba(255,255,255,.07);
	border: 1px solid rgba(255,255,255,.18);
	transition: transform .35s,background .35s;
}

.imp-glass:hover {
	transform: translateY(-10px);
	background: rgba(255,255,255,.12);
}

.imp-glass .imp-ghost {
	position: absolute;
	right: 22px;
	top: 14px;
	font-size: 90px;
	color: #fff;
	opacity: .08;
}

.imp-gicon {
	display: grid;
	place-items: center;
	width: 70px;
	height: 70px;
	border-radius: 20px;
	margin-bottom: 22px;
	color: #0B2545;
	background: #F2C230;
	transition: transform .6s;
}

.imp-glass:hover .imp-gicon {
	transform: rotate(360deg);
}

.imp-gicon svg {
	width: 34px;
	height: 34px;
}

.imp-glass h3 {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
	color: #fff;
}

.imp-glass p {
	margin: 0;
	line-height: 1.75;
	color: rgba(255,255,255,.8);
}

.imp-glass em {
	display: block;
	height: 4px;
	width: 60px;
	margin-top: 24px;
	border-radius: 4px;
	background: #8CC63F;
	transition: width .5s;
}

.imp-glass:hover em {
	width: 100%;
}

/* steps */
.imp-steps {
	position: relative;
}

.imp-steps::before,.imp-steps::after {
	content: "";
	position: absolute;
	top: 34px;
	left: 12%;
	height: 3px;
	border-radius: 3px;
	background: #d5dde3;
}

.imp-steps::before {
	right: 12%;
}

.imp-steps::after {
	width: 0;
	background: linear-gradient(90deg,#F2C230,#8CC63F,#14A38B,#1B6CA8);
	transition: width 2s ease;
}

.imp-steps.is-in::after {
	width: 76%;
}

.imp-step {
	position: relative;
	z-index: 1;
	text-align: center;
}

.imp-step b {
	display: grid;
	place-items: center;
	width: 68px;
	height: 68px;
	margin: 0 auto 16px;
	border-radius: 50%;
	background: #fff;
	color: #0B2545;
	font-size: 20px;
	border: 3px solid #14A38B;
	box-shadow: 0 8px 20px rgba(11,37,69,.12);
	transition: transform .3s,background .3s,color .3s;
}

.imp-step:hover b {
	transform: scale(1.15);
	color: #fff;
}

.imp-step h4 {
	font-size: 1.05rem;
	font-weight: 700;
	color: #0B2545;
	margin-bottom: 6px;
}

.imp-step p {
	font-size: .92rem;
	color: #4a5563;
	max-width: 210px;
	margin: 0 auto;
}

@media(max-width:767px) {
	.imp-steps::before,.imp-steps::after {
		display: none;
	}
}

/* marquee + cta */
.imp-marquee {
	overflow: hidden;
	background: #0B2545;
	padding: 18px 0;
	transform: rotate(-1.2deg);
	margin: 20px -20px 60px;
}

.imp-marquee div {
	display: flex;
	gap: 40px;
	width: max-content;
	animation: impMarq 26s linear infinite;
}

.imp-marquee:hover div {
	animation-play-state: paused;
}

.imp-marquee span {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
}

.imp-marquee span::after {
	content: "\2726";
	margin-left: 40px;
	color: #F2C230;
}

.imp-cta {
	position: relative;
	overflow: hidden;
	padding: 60px 30px;
	border-radius: 26px;
	text-align: center;
	color: #fff;
	background: linear-gradient(120deg,#0B2545,#1B6CA8,#14A38B,#0B2545);
	background-size: 300% 300%;
	animation: impShift 12s ease infinite;
}

.imp-cta::before,.imp-cta::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	animation: impFloat 7s ease-in-out infinite;
}

.imp-cta::before {
	width: 220px;
	height: 220px;
	top: -90px;
	left: -60px;
}

.imp-cta::after {
	width: 160px;
	height: 160px;
	bottom: -60px;
	right: 8%;
	background: rgba(242,194,48,.25);
	animation-delay: -3s;
}

.imp-cta h2 {
	position: relative;
	z-index: 1;
	font-size: clamp(1.5rem,3.4vw,2.4rem);
	font-weight: 700;
	margin-bottom: 12px;
}

.imp-cta h2 em {
	font-style: normal;
	color: #F2C230;
}

.imp-cta p {
	position: relative;
	z-index: 1;
	margin: 0;
	opacity: .9;
	font-size: 1.05rem;
}

@keyframes impSpin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes impFloat {
	50% {
		transform: translateY(-16px);
	}
}

@keyframes impShift {
	to {
		background-position: 250% 0;
	}
}

@keyframes impMarq {
	to {
		transform: translateX(-50%);
	}
}

@keyframes impPulse {
	50% {
		transform: scale(1.08);
	}
}

@media(max-width:991px) {
	.imp-photo::before {
		inset: 12px -8px -12px 8px;
	}
}

/* per-variant colours */
.imp-photo.imp-t1::before {
	border-color: #14A38B;
}

.imp-t1 .imp-tab,.imp-tab.imp-t1 {
	background: #14A38B;
}

.imp-photo.imp-t1 .imp-tab {
	background: #14A38B;
}

.imp-t1 .imp-ghost {
	color: #14A38B;
}

.imp-t1 .imp-list i {
	background: #14A38B;
}

.imp-step.imp-t1 b {
	border-color: #14A38B;
}

.imp-step.imp-t1:hover b {
	background: #14A38B;
}

.imp-glass.imp-t1 em {
	background: #14A38B;
}

.imp-photo.imp-t2::before {
	border-color: #1B6CA8;
}

.imp-t2 .imp-tab,.imp-tab.imp-t2 {
	background: #1B6CA8;
}

.imp-photo.imp-t2 .imp-tab {
	background: #1B6CA8;
}

.imp-t2 .imp-ghost {
	color: #1B6CA8;
}

.imp-t2 .imp-list i {
	background: #1B6CA8;
}

.imp-step.imp-t2 b {
	border-color: #1B6CA8;
}

.imp-step.imp-t2:hover b {
	background: #1B6CA8;
}

.imp-glass.imp-t2 em {
	background: #1B6CA8;
}

.imp-photo.imp-t3::before {
	border-color: #8CC63F;
}

.imp-t3 .imp-tab,.imp-tab.imp-t3 {
	background: #8CC63F;
}

.imp-photo.imp-t3 .imp-tab {
	background: #8CC63F;
}

.imp-t3 .imp-ghost {
	color: #8CC63F;
}

.imp-t3 .imp-list i {
	background: #8CC63F;
}

.imp-step.imp-t3 b {
	border-color: #8CC63F;
}

.imp-step.imp-t3:hover b {
	background: #8CC63F;
}

.imp-glass.imp-t3 em {
	background: #8CC63F;
}

.imp-photo.imp-t4::before {
	border-color: #F2C230;
}

.imp-t4 .imp-tab,.imp-tab.imp-t4 {
	background: #F2C230;
}

.imp-photo.imp-t4 .imp-tab {
	background: #F2C230;
}

.imp-t4 .imp-ghost {
	color: #F2C230;
}

.imp-t4 .imp-list i {
	background: #F2C230;
}

.imp-step.imp-t4 b {
	border-color: #F2C230;
}

.imp-step.imp-t4:hover b {
	background: #F2C230;
}

.imp-glass.imp-t4 em {
	background: #F2C230;
}

@media(prefers-reduced-motion:reduce) {
	[class*="imp-"],[class*="imp-"]::before,[class*="imp-"]::after,.imp-title span {
		animation: none!important;
	}
}


/* women page additions */
.imp-wide {
	margin-top: 8px;
}

.imp-wide img {
	aspect-ratio: 21/8;
}

.imp-wide::before {
	display: none;
}

.imp-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
	gap: 26px;
}

.imp-tile {
	text-align: center;
	transition: transform .35s;
}

.imp-tile:hover {
	transform: translateY(-10px);
}

.imp-tc {
	display: grid;
	place-items: center;
	width: 84px;
	height: 84px;
	margin: 0 auto 14px;
	border-radius: 50%;
	color: #fff;
	background: #14A38B;
	box-shadow: 0 0 0 6px rgba(20,163,139,.15);
	transition: transform .6s;
}

.imp-tile:hover .imp-tc {
	transform: rotate(360deg);
}

.imp-tc svg {
	width: 36px;
	height: 36px;
}

.imp-tile b {
	display: block;
	font-weight: 600;
	color: #0B2545;
}

.imp-tile:nth-child(4n+2) .imp-tc {
	background: #1B6CA8;
	box-shadow: 0 0 0 6px rgba(27,108,168,.15);
}

.imp-tile:nth-child(4n+3) .imp-tc {
	background: #8CC63F;
	box-shadow: 0 0 0 6px rgba(140,198,63,.2);
}

.imp-tile:nth-child(4n) .imp-tc {
	background: #F2C230;
	color: #0B2545;
	box-shadow: 0 0 0 6px rgba(242,194,48,.25);
}

.imp-culture {
	padding: 44px;
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 14px 40px rgba(11,37,69,.1);
}

.imp-culture h3 {
	font-weight: 700;
	color: #0B2545;
	margin-bottom: 6px;
}

.imp-culture>p {
	color: #4a5563;
	margin-bottom: 24px;
}

.imp-bul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.imp-bul li {
	position: relative;
	padding: 8px 0 8px 26px;
	color: #3b4654;
	line-height: 1.6;
}

.imp-bul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #14A38B;
	animation: impPulse 2.4s infinite;
}

.imp-mini {
	height: 100%;
	overflow: hidden;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(11,37,69,.1);
	transition: transform .35s,box-shadow .35s;
}

.imp-mini:hover {
	transform: translateY(-8px);
	box-shadow: 0 22px 46px rgba(11,37,69,.18);
}

.imp-mini img {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	background: #E8E8E8;
	transition: transform .6s;
}

.imp-mini:hover img {
	transform: scale(1.06);
}

.imp-mini>div {
	position: relative;
	padding: 44px 28px 30px;
}

.imp-mini .imp-tc {
	position: absolute;
	left: 28px;
	top: -34px;
	width: 68px;
	height: 68px;
	margin: 0;
	border-radius: 20px;
	background: #1B6CA8;
	box-shadow: 0 10px 22px rgba(11,37,69,.22);
}

.imp-mini h3 {
	font-size: 1.3rem;
	font-weight: 700;
	color: #0B2545;
	margin-bottom: 8px;
}

.imp-mini p {
	margin: 0;
	color: #4a5563;
	line-height: 1.75;
}

.imp-quote {
	position: relative;
	margin-top: 36px;
	padding: 38px 40px 38px 70px;
	border-radius: 26px;
	color: #fff;
	font-size: clamp(1.1rem,2.2vw,1.5rem);
	font-weight: 600;
	line-height: 1.5;
	background: linear-gradient(120deg,#14A38B,#1B6CA8,#0B2545,#14A38B);
	background-size: 300% 300%;
	animation: impShift 12s ease infinite;
}

.imp-quote span {
	position: absolute;
	left: 22px;
	top: 0;
	font-size: 90px;
	line-height: 1;
	color: #F2C230;
	font-family: Georgia,serif;
}
 
/* compact / dense layout (women page) */
.imp-wrap {
	position: relative;
	padding: 36px 0;
	overflow: hidden;
}

.imp-wrap .container {
	position: relative;
	z-index: 1;
}

.imp-blk {
	margin-bottom: 44px;
}

.imp-t0 {
	margin: 0 0 14px!important;
}

.imp-slim img {
	aspect-ratio: 21/6;
}

.imp-cover img {
	aspect-ratio: 4/3;
}

.imp-sm {
	width: min(220px,60vw);
}

.imp-sm .imp-core {
	padding: 10px;
}

.imp-sm .imp-core svg {
	width: 38px;
	height: 38px;
	margin-bottom: 4px;
}

.imp-sm .imp-core .fs-5 {
	font-size: 1rem!important;
}

.imp-sm .imp-core small {
	font-size: 10px;
	letter-spacing: 1px;
}

.imp-tiles.imp-compact {
	grid-template-columns: repeat(auto-fit,minmax(105px,1fr));
	gap: 16px;
}

.imp-compact .imp-tc {
	width: 62px;
	height: 62px;
	margin-bottom: 10px;
}

.imp-compact .imp-tc svg {
	width: 28px;
	height: 28px;
}

.imp-compact b {
	font-size: .88rem;
}

.imp-sub {
	display: block;
	margin-bottom: 16px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-size: 12px;
	color: #14A38B;
}

.imp-tight-card {
	padding: 28px 30px;
}

.imp-flat img {
	aspect-ratio: 21/9;
}

.imp-flat>div {
	padding: 40px 24px 22px;
}

.imp-tight {
	margin: 6px -20px 24px;
}

.imp-wrap .imp-list li {
	padding: 8px 0;
}


/* TEN BY TWOO launch banner (site theme). Replace the old .tbt-* block with this.
   Navy #0B2545, ocean #1B6CA8, gold #F2C230, neutrals #E8E8E8 / #fff. No CSS variables. */
.tbt-card {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	background: radial-gradient(circle at 6% 100%,rgba(242,194,48,.16),transparent 30%),linear-gradient(135deg,#0B2545,#0B2545 62%,#1B6CA8);
	box-shadow: 0 28px 75px rgba(11,37,69,.18);
}

.tbt-card::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: .07;
	pointer-events: none;
	background: repeating-linear-gradient(120deg,transparent 0 18px,#fff 19px,transparent 20px);
}

/* left */
.tbt-left {
	position: relative;
	z-index: 2;
	padding: clamp(28px,4vw,56px);
}

.tbt-pill {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 50px;
	border: 1px solid rgba(242,194,48,.55);
	color: #F2C230;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	background: rgba(242,194,48,.12);
}

.tbt-pill i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #F2C230;
	animation: tbtPulse 1.6s infinite;
}

.tbt-mark {
	margin: 18px 0 4px;
	font-weight: 700;
	font-size: clamp(2.2rem,5.2vw,3.8rem);
	letter-spacing: .16em;
	line-height: 1.1;
	color: #fff;
}

.tbt-mark em {
	font-weight: 500;
	font-size: .5em;
	letter-spacing: .1em;
	color: #F2C230;
	margin: 0 .1em;
}

.tbt-tag {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 20px;
	font-style: italic;
	font-size: 1.35rem;
	background: linear-gradient(90deg,#F2C230,#ffe69a,#F2C230);
	background-size: 250% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: tbtShine 5s linear infinite;
}

.tbt-tag::before,.tbt-tag::after {
	content: "";
	height: 1px;
	width: 48px;
	background: #F2C230;
	flex: none;
}

.tbt-text {
	max-width: 480px;
	margin-bottom: 26px;
	line-height: 1.75;
	color: rgba(255,255,255,.78);
}

/* button: gold primary on navy (hover: white) */
.tbt-btn {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 8px 8px 8px 26px;
	border-radius: 50px;
	background: #F2C230;
	color: #0B2545;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(0,0,0,.25);
	transition: transform .3s,box-shadow .3s,background .3s;
}

.tbt-btn span {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #0B2545;
	color: #F2C230;
	font-size: 18px;
	transition: transform .3s;
}

.tbt-btn::after {
	content: "";
	position: absolute;
	top: 0;
	left: -70%;
	width: 40%;
	height: 100%;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
	transform: skewX(-20deg);
	animation: tbtSweep 3.5s infinite;
}

.tbt-btn:hover {
	color: #0B2545;
	background: #fff;
	transform: translateY(-3px);
	box-shadow: 0 16px 30px rgba(0,0,0,.35);
}

.tbt-btn:hover span {
	transform: translateX(4px) rotate(-45deg);
}

.tbt-note {
	color: rgba(255,255,255,.65);
}

/* right photo panel (blends into the navy card) */
.tbt-panel {
	position: relative;
	min-height: 440px;
	overflow: hidden;
	background: #0B2545;
	clip-path: polygon(14% 0,100% 0,100% 100%,0 100%);
}

.tbt-panel img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	animation: tbtZoom 14s ease-in-out infinite alternate;
}

.tbt-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,rgba(11,37,69,.85),rgba(11,37,69,0) 45%),linear-gradient(0deg,rgba(11,37,69,.35),transparent 40%);
}

/* bottom pillars strip: gold, like the Women's Growth card */
.tbt-strip{position:relative;z-index:2;background:#F2C230}
.tbt-pillar{display:flex;align-items:center;gap:16px;height:100%;padding:20px 26px;border-right:1px solid rgba(11,37,69,.15);transition:background .3s}
.tbt-strip .col-md-4:last-child .tbt-pillar{border-right:0}
.tbt-pillar:hover{background:rgba(255,255,255,.25)}
.tbt-ficon{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:#0B2545;color:#F2C230;transition:transform .6s,background .3s,color .3s}
.tbt-pillar:hover .tbt-ficon{transform:rotate(360deg);background:#fff;color:#0B2545}
.tbt-ficon svg{width:27px;height:27px}
.tbt-pillar h3{margin:0 0 3px;font-size:1.2rem;font-weight:700;letter-spacing:.04em;color:#0B2545;text-transform:none}
.tbt-pillar p{margin:0;font-size:.88rem;line-height:1.5;color:rgba(11,37,69,.8)}

/* rotating badge */
.tbt-badge{position:absolute;z-index:2;width:104px;height:104px;top:14px;right:18px;animation:tbtSpin 14s linear infinite}
.tbt-badge text{font-size:9.5px;font-weight:700;letter-spacing:2.2px;fill:#F2C230}
.tbt-badge path:last-child{fill:#F2C230}

@keyframes tbtPulse{0%{box-shadow:0 0 0 0 rgba(242,194,48,.6)}100%{box-shadow:0 0 0 10px transparent}}
@keyframes tbtShine{to{background-position:250% 0}}
@keyframes tbtSweep{0%,60%{left:-70%}100%{left:130%}}
@keyframes tbtZoom{to{transform:scale(1.08)}}
@keyframes tbtSpin{to{transform:rotate(360deg)}}

@media(max-width:991px){
  .tbt-panel{clip-path:none;min-height:340px}
  .tbt-panel::before{background:linear-gradient(0deg,rgba(11,37,69,.5),transparent 50%)}
}
@media(max-width:767px){.tbt-pillar{border-right:0;border-bottom:1px solid rgba(11,37,69,.15)}.tbt-strip .col-md-4:last-child .tbt-pillar{border-bottom:0}}
@media(prefers-reduced-motion:reduce){[class*="tbt-"],[class*="tbt-"]::before,[class*="tbt-"]::after{animation:none!important}}


/* TEN BY TWOO product page: layout comes from Bootstrap + your theme classes. Prefix tbp-, no variables, no font-family. */
.tbp-cream{background:#E8E8E8}
.tbp-navy{background:#0B2545}
.tbp-white{color:#fff!important}
.tbp-label{color:#1B6CA8;letter-spacing:2px}
.tbp-body{width:100%;padding:clamp(28px,5vw,70px)}
/* photos: self-contained fill, gradient shows if an image fails to load */
.tbp-pair{display:flex;flex:1;min-width:0}
.tbp-img{position:relative;flex:1 1 50%;min-height:340px;overflow:hidden;background:linear-gradient(135deg,#E8E8E8,#E8E8E8)}
.tbp-img img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.tbp-img:hover img{transform:scale(1.08)}
/* tags */
.tbp-tag{display:inline-block;margin:0 8px 8px 0;padding:6px 16px;border:1px solid #E8E8E8;border-radius:50px;background:#fff;color:#0B2545;font-size:13px;font-weight:600;line-height:1.4}
.tbp-tag-d{background:#F2C230;border-color:#F2C230}
.tbp-btn,.tbp-chip{display:inline-block;border:0;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer}
.tbp-btn{padding:10px 28px;border-radius:50px;font-weight:600;color:#fff;background:#0B2545;transition:transform .3s,background .3s,color .3s}
.tbp-btn:hover{color:#0B2545;background:#F2C230;transform:translateY(-3px)}
.tbp-gold{color:#0B2545;background:#F2C230}
.tbp-gold:hover{color:#0B2545;background:#fff}
.tbp-chip{margin:0 4px;padding:8px 22px;border:1px solid #F2C230;border-radius:50px;font-weight:600;color:#0B2545;transition:background .3s}
.tbp-chip:hover{background:#F2C230;color:#0B2545}
@media(prefers-reduced-motion:reduce){.tbp-img img,.tbp-btn{transition:none}}





/* ===== EDIT HERE: colors, fonts, sizes (all scoped to .avi-spin) ===== */
.avi-spin{
  --avi-navy:#0B2545; --avi-gold:#1B6CA8; --avi-bg:#f7f7f7; --avi-text:#0B2545; --avi-line:#E8E8E8;
  --avi-font:'Segoe UI','Helvetica Neue',Arial,sans-serif;
  font-family:var(--avi-font); color:var(--avi-text); background:var(--avi-bg);
  border:4px solid var(--avi-navy); position:relative; overflow:hidden;
}
.avi-spin .avi-color-navy{color:var(--avi-navy)}
.avi-spin .avi-color-gold{color:var(--avi-gold)}
.avi-spin .avi-title-sm{font-size:2.4rem;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:-.5px}
.avi-spin .avi-title-lg{font-size:4.2rem;font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:-1px;color: #F2C230;}
.avi-spin .avi-text{font-size:1.1rem;font-weight:400;line-height:1.55}
.avi-spin .avi-text b{color:var(--avi-gold);font-weight:700}
.avi-spin .avi-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.avi-spin .avi-sublabel{font-size:.8rem;font-weight:400}
.avi-spin .avi-stat-num{font-size:2rem;font-weight:800}
.avi-spin .avi-stat-label{font-size:.85rem;text-transform:uppercase}
.avi-spin .avi-icon-gold{color:var(--avi-gold)}
 
/* ===== HERO ===== */
.avi-spin .avi-hero{position:relative;min-height:560px}
.avi-spin .avi-hero-img{position:absolute;top:0;right:0;width:65%;height:100%;object-fit:cover;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%);mask-image:linear-gradient(to right,transparent 0,#000 38%)}
.avi-spin .avi-hero-body{position:relative;z-index:2;max-width:480px;padding:2.5rem 0 2rem 2.5rem}
.avi-spin .avi-rule{width:65px;height:3px;background:var(--avi-navy);margin:1.2rem 0}
.avi-spin .avi-feat{text-align:center;padding:0 .6rem}
.avi-spin .avi-feat + .avi-feat{border-left:1px solid var(--avi-line)}
.avi-spin .avi-feat-icon{
  width:76px;
  height:76px;
  border-radius:50%;
  background:var(--avi-navy);
  color: #F2C230;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
  margin-bottom:.6rem
  }
 
/* ===== PROCESS ===== */
.avi-spin .avi-heading-line{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem}
.avi-spin .avi-heading-line::before,.avi-spin .avi-heading-line::after{content:"";flex:1;height:1px;background:var(--avi-gold)}
.avi-spin .avi-pill{background:var(--avi-navy);color:#fff;font-size:1.25rem;font-weight:700;text-transform:uppercase;
  padding:.35rem 2.2rem;border-radius:0 0 0 0;border-radius:8px}
.avi-spin .avi-step-img{width:135px;height:135px;border-radius:50%;object-fit:cover;border:2px solid var(--avi-gold);box-shadow:0 0 0 3px #fff inset}
.avi-spin .avi-arrow{color:var(--avi-gold);font-size:1.6rem}
 
/* ===== PHOTO STRIPS (slanted) ===== */
.avi-spin .avi-photo{width:100%;height:270px;object-fit:cover;display:block}
.avi-spin .avi-cut-left{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.avi-spin .avi-cut-mid{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);margin:0 -4%}
.avi-spin .avi-cut-right{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.avi-spin .avi-strip{display:flex;align-items:stretch}
.avi-spin .avi-strip > div{flex:1}
.avi-spin .avi-strip > div.avi-wide{flex:1.15}
 
/* ===== EXCELLENCE + STATS ===== */
.avi-spin .avi-excel{background:var(--avi-navy);color:#fff;padding:1.6rem 2rem 1.6rem 1.8rem;border-radius:0 90px 90px 0;height:100%}
.avi-spin .avi-excel h3{font-size:1.35rem;font-weight:800;text-transform:uppercase;margin:0;line-height:1.15}
.avi-spin .avi-excel h3 span{color:var(--avi-gold);display:block}
.avi-spin .avi-excel p{font-size:.95rem;margin:.8rem 0 0;line-height:1.5}
.avi-spin .avi-stat{text-align:center;padding:1.2rem .5rem}
.avi-spin .avi-stat + .avi-stat{border-left:1px solid var(--avi-line)}
.avi-spin .avi-stat i{font-size:2.6rem}
 
/* ===== FOOTER BAR ===== */
.avi-spin .avi-bar{background:#E8E8E8;border:1px solid #E8E8E8;border-radius:14px;margin:0 1.2rem 1.2rem;padding:1rem}
.avi-spin .avi-bar-item{display:flex;align-items:center;gap:.7rem;justify-content:center;font-size:.8rem;font-weight:700;
  text-transform:uppercase;color:var(--avi-navy);line-height:1.25}
.avi-spin .avi-bar-item i{font-size:2.2rem;color: #F2C230;}

/* ===== OVERVIEW POINTS, CAPABILITIES, STEP CAPTIONS, GALLERY ===== */
.avi-spin .avi-hero-body.avi-hero-wide{max-width:560px}
.avi-spin .avi-intro{display:flex;gap:1rem;align-items:flex-start}
.avi-spin .avi-intro-icon,.avi-spin .avi-point-icon{flex:0 0 auto;border-radius:50%;background:var(--avi-navy);color:#F2C230;
  display:inline-flex;align-items:center;justify-content:center}
.avi-spin .avi-intro-icon{width:56px;height:56px;font-size:1.6rem}
.avi-spin .avi-points{list-style:none;padding:0;margin:1.2rem 0 0}
.avi-spin .avi-points li{display:flex;gap:.8rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--avi-line);font-size:.98rem;line-height:1.45}
.avi-spin .avi-point-icon{width:36px;height:36px;font-size:1rem}
.avi-spin .avi-box{background:#fff;border:1px solid var(--avi-line);border-radius:14px;margin:0 1.2rem 1rem;padding:1.2rem .5rem}
.avi-spin .avi-cap{text-align:center;padding:.8rem 1rem}
.avi-spin .avi-cap + .avi-cap{border-left:1px solid var(--avi-line)}
.avi-spin .avi-cap-num{font-size:2.6rem;font-weight:800;line-height:1}
.avi-spin .avi-step{max-width:170px}
.avi-spin .avi-step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;
  background:var(--avi-navy);color:#fff;font-size:.8rem;margin-right:.2rem}
.avi-spin .avi-step-blank{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--avi-line);font-size:2.4rem}
.avi-spin .avi-gallery-img{width:100%;height:230px;object-fit:cover;display:block;border-radius:8px}

@media (max-width:991.98px){
  .avi-spin .avi-hero-body.avi-hero-wide{max-width:none}
  .avi-spin .avi-cap + .avi-cap{border-left:0}
  .avi-spin .avi-gallery-img{height:160px}
  .avi-spin .avi-hero-img{position:static;width:100%;height:280px;-webkit-mask-image:none;mask-image:none}
  .avi-spin .avi-hero-body{max-width:none;padding:1.5rem}
  .avi-spin .avi-title-lg{font-size:2.8rem}
  .avi-spin .avi-strip{flex-direction:column}
  .avi-spin .avi-cut-left,.avi-spin .avi-cut-mid,.avi-spin .avi-cut-right{clip-path:none;margin:0}
  .avi-spin .avi-excel{border-radius:0}
  .avi-spin .avi-stat + .avi-stat,.avi-spin .avi-feat + .avi-feat{border-left:0}
}


/* ===== IMAGE CARDS UNDER THE OVERVIEW, APPLICATIONS, BAR DESCRIPTIONS ===== */
.avi-spin .avi-hero-split{display:flex;align-items:flex-start;gap:1.5rem;min-height:0}
.avi-spin .avi-hero-split .avi-hero-body{flex:0 0 42%;max-width:none}
.avi-spin .avi-hero-media{flex:1;min-width:0;padding:1.2rem 1.2rem 1rem 0}
.avi-spin .avi-hero-photo{width:100%;height:380px;object-fit:cover;display:block;border-radius:8px}
.avi-spin .avi-machine{background:#fff;border:1px solid var(--avi-line);border-radius:8px;overflow:hidden;height:100%}
.avi-spin .avi-machine-title{background:var(--avi-navy);color:#fff;text-align:center;font-size:.8rem;font-weight:700;
  text-transform:uppercase;line-height:1.3;padding:.55rem .5rem}
.avi-spin .avi-machine img{width:100%;height:160px;object-fit:cover;display:block}
.avi-spin .avi-app-img{width:100%;height:170px;object-fit:cover;display:block;border-radius:6px}
.avi-spin .avi-bar-item-sub{justify-content:flex-start;text-align:left}
/* Six or more steps stay on one row on wide screens. */
@media (min-width:1200px){
  .avi-spin .avi-steps-many{flex-wrap:nowrap!important;gap:.5rem!important}
  .avi-spin .avi-steps-many .avi-step{flex:1 1 0;min-width:0}
  .avi-spin .avi-steps-many .avi-step-img{width:120px;height:120px}
  .avi-spin .avi-steps-many .avi-arrow{flex:0 0 auto;font-size:1.3rem}
}
.avi-spin .avi-bar-item small{display:block;font-size:.78rem;font-weight:400;text-transform:none;color:var(--avi-text);margin-top:.25rem}

@media (max-width:991.98px){
  .avi-spin .avi-hero-split{flex-direction:column;gap:0}
  .avi-spin .avi-hero-split .avi-hero-body{flex:none}
  .avi-spin .avi-hero-media{padding:0 1.5rem 1rem}
  .avi-spin .avi-hero-photo{height:260px}
  .avi-spin .avi-app-img{height:140px}
}

/* Avi Ansh Advantage: existing theme classes + Bootstrap grid. No CSS variables. */

/* compact card */
.avi-adv-card{position:relative;height:100%;margin-top:40px;padding:46px 26px 26px;border-radius:14px;color:#fff;
  box-shadow:0 10px 26px rgba(11,37,69,.14);transition:transform .35s ease,box-shadow .35s ease;}
.avi-adv-card.is-in{opacity:1;animation:aviAdvIn .75s cubic-bezier(.2,.8,.2,1) backwards}
.avi-adv-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(11,37,69,.24)}
.avi-adv-1,.avi-adv-6{background:#0B2545}
.avi-adv-2,.avi-adv-4{background:#1B6CA8}
.avi-adv-3,.avi-adv-5{background:#14A38B}

/* number peeking above the card */
.avi-adv-num{position:absolute;top:-40px;left:24px;font-size:76px;font-weight:300;line-height:1;color:#fff;text-shadow:0 2px 12px rgb(11 37 69 / 78%)}
.avi-adv-card.is-in .avi-adv-num{animation:aviAdvNum .8s .25s cubic-bezier(.2,.8,.2,1) backwards}

.avi-adv-icon{display:block;width:48px;height:48px;margin-bottom:16px;color:#F2C230;transition:transform .6s ease}
.avi-adv-card.is-in .avi-adv-icon{animation:aviAdvPop .7s .35s cubic-bezier(.2,.9,.3,1.4) backwards}
.avi-adv-card:hover .avi-adv-icon{transform:rotate(360deg)}

.avi-adv-card .title{position:relative;margin:0 0 14px;padding-bottom:10px;font-size:18px;color:#fff;text-transform:uppercase;letter-spacing:.16em}
.avi-adv-card .title::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:3px;background:#F2C230;transition:width .4s ease}
.avi-adv-card.is-in .title::after{animation:aviAdvLine .7s .5s ease backwards}
.avi-adv-card:hover .title::after{width:100%}
.avi-adv-card .text{max-width:300px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.88)}

@keyframes aviAdvIn{from{opacity:0;transform:translateY(50px) scale(.92);clip-path:inset(0 0 100% 0 round 14px)}}
@keyframes aviAdvNum{from{opacity:0;transform:translateY(-24px)}}
@keyframes aviAdvPop{from{opacity:0;transform:scale(.3) rotate(-90deg)}}
@keyframes aviAdvLine{from{width:0}}

@media(max-width:767px){.avi-adv-card{padding:44px 22px 24px}.avi-adv-num{font-size:68px}}
@media(prefers-reduced-motion:reduce){.avi-adv-card{opacity:1}.avi-adv-card,.avi-adv-card *{animation:none!important;transition:none}}



/* Women Empowerment: compact bento layout. Palette: navy #0B2545, ocean #1B6CA8, teal #14A38B, lime #8CC63F, yellow #F2C230, neutrals #E8E8E8/#fff.
   No CSS variables, no font-family, no wrapper class. */

.wb-intro{background:linear-gradient(180deg,#E8E8E8,#fff)}
.wb-label{display:inline-block;padding:6px 16px;border-radius:50px;background:rgba(20,163,139,.12);color:#14A38B;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.wb-h1{margin:12px 0 10px;font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:700;line-height:1.2;color:#0B2545}
.wb-h1 span{background:linear-gradient(90deg,#1B6CA8,#14A38B,#8CC63F,#1B6CA8);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wbShift 6s linear infinite}
.wb-ttl{display:flex;align-items:center;gap:12px;margin: 0 0 40px;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;color:#0B2545}
.wb-ttl b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#F2C230;font-size:14px}
.wb-ttl::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#14A38B,transparent)}
.wb-p{font-size:14px;line-height:1.65;margin:0;color:inherit;opacity:.92}
.wb-h{margin: 12px 0 11px;font-size:1.1rem;font-weight:700;color:inherit}

/* mosaic */
.wb-mosaic{position:relative;/* height:250px; */}
.wb-mosaic div,.wb-mosaic span{/* position:absolute; *//* overflow:hidden; */box-shadow:0 12px 28px rgba(11,37,69,.22);border:4px solid #fff}
.wb-mosaic img{display:block;width:100%;height:100%;object-fit:cover;border-radius: 24px 24px 24px 4px;background:#E8E8E8}
.wb-m1{/* left:0; *//* top:0; *//* width:56%; *//* height:66%; */border-radius:24px 24px 24px 4px;animation:wbFloat 6s ease-in-out infinite;}
.wb-m2{right:0;top:12%;width:44%;height:76%;border-radius:24px 4px 24px 24px;animation:wbFloat 7s -2s ease-in-out infinite}
.wb-m3{left:22%;bottom:0;width:30%;height:44%;border-radius:50%;animation:wbFloat 5s -1s ease-in-out infinite}
.wb-m4{display:grid!important;place-items:center;right:34%;bottom:6%;width:50px;height:50px;border-radius:50%;background:#F2C230;color:#0B2545;animation:wbPulse 2s infinite}
.wb-m4 svg{width:26px;height:26px}

/* bento grid */
.wb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.wb-s3{grid-column:span 3}.wb-s4{grid-column:span 4}.wb-s5{grid-column:span 5}.wb-s6{grid-column:span 6}.wb-s7{grid-column:span 7}.wb-s8{grid-column:span 8}.wb-s12{grid-column:span 12}
.wb-r2{grid-row:span 2}
.wb-card{position:relative;overflow:hidden;padding: 30px 30px;border-radius:18px;box-shadow:0 8px 22px rgba(11,37,69,.1);transition:transform .35s,box-shadow .35s}
.wb-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(11,37,69,.2)}
.wb-white{background:#fff;color:#2b3440}.wb-white .wb-h{color:#0B2545}
.wb-navy{background:linear-gradient(135deg,#0B2545,#1B6CA8);color:#fff}
.wb-yellow{background:#F2C230;color:#0B2545}
.wb-teal{background:#14A38B;color:#fff}

/* icon bubble + ghost icon */
.wb-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.2);transition:transform .6s}
.wb-card:hover .wb-ic{transform:rotate(360deg)}
.wb-ic svg{width:24px;height:24px}
.wb-white .wb-ic{background:#F2C230;color:#0B2545}
.wb-ghost{position:absolute;right:-14px;bottom:-14px;width:110px;height:110px;opacity:.14;animation:wbSpin 24s linear infinite}
.wb-ghost svg{width:100%;height:100%}

/* photo cards */
.wb-photo{min-height: 243px;padding:0;color:#fff}
.wb-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1B6CA8;transition:transform .8s;object-position: bottom;}
.wb-photo:hover>img{transform:scale(1.06)}
.wb-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,37,69,.92),rgba(11,37,69,.1) 62%)}
.wb-cap{position:absolute;left:0;right:0;bottom:0;padding:22px}

/* lists, chips */
.wb-ul{list-style:none;margin:10px 0 0;padding:0}
.wb-ul li{position:relative;padding:5px 0 5px 20px;font-size:13.5px;line-height:1.5}
.wb-ul li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:2px;background:#F2C230;transition:transform .3s}
.wb-ul li:hover::before{transform:rotate(45deg) scale(1.3)}
.wb-white .wb-ul li::before{background:#14A38B}
@media(min-width:1200px){.wb-two{columns:1}}
.wb-tag{margin: 20px 0 20px;font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#1B6CA8}
.wb-chip{display:inline-flex;align-items:center;gap:8px;margin:0 6px 8px 0;padding:5px 14px 5px 5px;border-radius:50px;background:#E8E8E8;font-size:13px;font-weight:600;color:#0B2545;transition:background .3s,color .3s,transform .3s}
.wb-chip i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#F2C230}
.wb-chip svg{width:16px;height:16px}
.wb-chip:hover{background:#0B2545;color:#fff;transform:translateY(-2px)}
.wb-chip:nth-child(3n+2) i{background:#8CC63F}.wb-chip:nth-child(3n) i{background:#14A38B;color:#fff}

/* quote */
.wb-quote{display:flex;align-items:center;padding:24px 24px 24px 64px;color:#fff;font-size:1.1rem;font-weight:600;line-height:1.55;
  background:linear-gradient(120deg,#14A38B,#1B6CA8,#0B2545,#14A38B);background-size:300% 300%;animation:wbShift 12s ease infinite}
.wb-qm{position:absolute;left:18px;top:-6px;font-size:84px;line-height:1;color:#F2C230;font-family:Georgia,serif}

/* steps */
.wb-steps{display:flex;align-items:center;justify-content:center;gap:12px}
.wb-step{display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:50px;background:#E8E8E8;font-size:14px;color:#0B2545}
.wb-step .wb-ic{width:38px;height:38px;border-radius:50%}
.wb-arrow{flex:1;max-width:90px;height:2px;background:repeating-linear-gradient(90deg,#14A38B 0 8px,transparent 8px 14px);background-size:28px 2px;animation:wbDash 1s linear infinite;position:relative}
.wb-arrow::after{content:"";position:absolute;right:-2px;top:-4px;border-left:8px solid #14A38B;border-top:5px solid transparent;border-bottom:5px solid transparent}

/* community tiles */
.wb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wb-tile{padding:14px 8px;border-radius:14px;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(242,194,48,.35);transition:background .3s,color .3s,transform .3s}
.wb-tile .wb-ic{margin-bottom:8px;background:#F2C230;color:#0B2545}
.wb-tile b{display:block;font-size:13px}
.wb-tile:hover{background:#F2C230;color:#0B2545;transform:translateY(-4px)}
.wb-tile:hover .wb-ic{background:#0B2545;color:#F2C230}

@keyframes wbShift{to{background-position:250% 0}}
@keyframes wbFloat{50%{transform:translateY(-8px)}}
@keyframes wbSpin{to{transform:rotate(360deg)}}
@keyframes wbPulse{0%{box-shadow:0 0 0 0 rgba(242,194,48,.7)}100%{box-shadow:0 0 0 14px transparent}}
@keyframes wbDash{to{background-position:28px 0}}

@media(max-width:991px){
  .wb-grid>*,.wb-grid>.wb-s3{grid-column:span 12;grid-row:auto}
  .wb-grid>.wb-s3{grid-column:span 6}
  .wb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wb-steps{flex-wrap:wrap}.wb-arrow{display:none}
}
@media(max-width:575px){.wb-grid>.wb-s3{grid-column:span 12}.wb-mosaic{height:210px}.wb-quote{padding-left:56px}}
@media(prefers-reduced-motion:reduce){[class*="wb-"],[class*="wb-"]::before,[class*="wb-"]::after{animation:none!important}}

.afdsec .wb-card{
    padding: 0;
    box-shadow: none;
}
.afdsec{
    background-color: var(--color-foreground);
    padding: 50px 0;
}
.afdsec .wb-card .wb-p{color: #fff;}





/* TEN BY TWOO brand page: only what existing theme classes don't cover. No variables, no font-family. */
.tbb-media{position:relative;isolation:isolate}
.tbb-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:0 22px 50px rgba(11,37,69,.2)}
.tbb-media::before{content:"";position:absolute;inset:18px -18px -18px 18px;z-index:-1;border:3px solid #F2C230;border-radius:18px;transition:transform .5s}
.tbb-media:hover::before{transform:translate(8px,8px)}
.tbb-hl{color:#1B6CA8}
.tbp-white .tbb-hl{color:#F2C230}

/* philosophy: rotating gold ring */
.tbb-phil{position:relative;overflow:hidden}
.tbb-phil::after{content:"";position:absolute;right:-110px;top:-110px;width:320px;height:320px;border-radius:50%;border:2px dashed rgba(242,194,48,.45);animation:tbbSpin 30s linear infinite;pointer-events:none}
.tbb-phil .container{position:relative;z-index:1}
.tbb-phil .contact-detail-icon{display:grid}

/* category cards */
.tbb-card{height:380px}
.tbb-sub{margin:6px 0 0;font-size:14px;color:rgba(255,255,255,.85)}

/* features band text */
.tbb-feat{background:#0B2545}
.tbb-feat .capacity-stat p{margin:6px 0 0;font-size:13px;line-height:1.5;text-align:center;color:#5b6470}

@keyframes tbbSpin{to{transform:rotate(360deg)}}
@media(max-width:767px){.tbb-card{height:320px}}
@media(prefers-reduced-motion:reduce){.tbb-phil::after{animation:none}}


/* =====================================================================
   INVESTOR DOCUMENTS — collapsible categories and subcategories
   ===================================================================== */
.avi-inv-acc {
	border: 1px solid var(--color-border, rgba(11, 37, 69, 0.10));
	border-radius: var(--style-border-radius-cards, 12px);
	background: var(--color-background, #fff);
	overflow: hidden;
}

.avi-inv-acc + .avi-inv-acc {
	margin-top: 20px;
}

.avi-inv-acc-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	padding: 22px 28px;
	border: 0;
	background: transparent;
	text-align: left;
	color: var(--color-primary, #0B2545);
	transition: background .2s ease;
}

.avi-inv-acc-head:not(.collapsed) {
	background: var(--color-background-secondary, rgba(11, 37, 69, 0.03));
	border-bottom: 1px solid var(--color-border, rgba(11, 37, 69, 0.08));
}

.avi-inv-acc-head:not(.collapsed)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--color-secondary, #F2C230);
}

.avi-inv-acc-head:focus-visible {
	outline: var(--focus-outline-width, 1px) solid var(--color-secondary, #F2C230);
	outline-offset: -3px;
}

.avi-inv-acc-title {
	font-family: var(--font-heading--family, inherit);
	font-size: 18px;
	font-weight: 500;
}

.avi-inv-acc-count {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	flex: 0 0 auto;
	font-size: 15px;
	color: var(--color-foreground-subheading, rgba(11, 37, 69, 0.6));
}

.avi-inv-acc-count::after {
	content: "";
	width: 9px;
	height: 9px;
	border-right: 2px solid var(--color-primary, #0B2545);
	border-bottom: 2px solid var(--color-primary, #0B2545);
	transform: translateY(-3px) rotate(45deg);
	transition: transform .2s ease;
}

.avi-inv-acc-head:not(.collapsed) .avi-inv-acc-count::after {
	transform: translateY(2px) rotate(-135deg);
}

.avi-inv-acc-body {
	padding: 28px;
	background: var(--color-background-secondary, rgba(11, 37, 69, 0.03));
}

.avi-inv-acc-body > .avi-table-wrap + .avi-inv-acc {
	margin-top: 20px;
}

/* subcategory: smaller, sits inside the parent's body */
.avi-inv-acc-sub .avi-inv-acc-head {
	padding: 18px 28px;
}

.avi-inv-acc-sub .avi-inv-acc-head:not(.collapsed) {
	background: var(--color-background, #fff);
}

.avi-inv-acc-sub .avi-inv-acc-title {
	font-size: 18px;
}

.avi-inv-acc-sub .avi-inv-acc-body {
	padding: 20px;
	background: var(--color-background, #fff);
}

@media (max-width: 575px) {
	.avi-inv-acc-head,
	.avi-inv-acc-sub .avi-inv-acc-head {
		padding: 16px 18px;
	}

	.avi-inv-acc-title {
		font-size: 18px;
	}

	.avi-inv-acc-sub .avi-inv-acc-title {
		font-size: 16px;
	}

	.avi-inv-acc-count {
		font-size: 13px;
	}

	.avi-inv-acc-body,
	.avi-inv-acc-sub .avi-inv-acc-body {
		padding: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.avi-inv-acc-head,
	.avi-inv-acc-count::after {
		transition: none;
	}
}

/* ===== SERVICE: CAPABILITIES LIST + GROWTH + FOCUS ROW ===== */
.avi-spin .avi-focus-row .avi-heading-line{padding:1.2rem 1.2rem}
.avi-spin .avi-focus-row .avi-pill{font-size:1rem;padding:.35rem 1rem;text-align:center}
.avi-spin .avi-focus-row > [class*="col"]{display:flex;flex-direction:column}
.avi-spin .avi-focus-row .avi-box{flex:1}
.avi-spin .avi-points-boxed{margin:0}
.avi-spin .avi-points-boxed li{font-size:.92rem;align-items:flex-start}
.avi-spin .avi-points-boxed li:first-child{border-top:0}
.avi-spin .avi-cap-line{display:block;font-weight:800;text-transform:uppercase;line-height:1.25}
.avi-spin .avi-growth{padding:1.2rem}
.avi-spin .avi-growth p{font-size:.92rem;line-height:1.5}
.avi-spin .avi-growth-value{flex:0 0 auto;display:flex;align-items:flex-end;gap:.3rem}
.avi-spin .avi-growth-value i{font-size:2.4rem;line-height:1}
.avi-spin .avi-growth-note{background:var(--avi-navy);color:#fff;border-radius:8px;padding:.8rem 1rem;margin-top:1rem;font-size:.9rem;line-height:1.5}
.avi-spin .avi-focus-media{padding:1.2rem 1.2rem 1rem 0}
.avi-spin .avi-focus-media img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;border-radius:8px}
@media (max-width:991.98px){
  .avi-spin .avi-focus-media{padding:0 1.2rem 1rem}
  .avi-spin .avi-focus-media img{height:320px;min-height:0}
}
/* Numbered steps: keep the photos level when titles wrap. */
@media (min-width:1200px){.avi-spin .avi-steps-many .avi-step > .avi-label.mb-2{min-height:4.2em}}


.com-empower-sec{
	display: none !important;
}

/* Mobile drawer: submenu links inherit the desktop dropdown's white text,
   which is invisible on the light drawer background. */
@media (max-width: 991px) {
  .header-nav .header-submenu .menu-link,
  .header-nav .header-submenu .nav-item:hover > .menu-link,
  .header-nav .header-submenu .nav-item:focus > .menu-link {
    color: var(--color-foreground);
    padding: 10px 15px 10px 30px;
  }
}

/* Home page enquiry form messages */
.enquiry-alert {
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.5;
}
.enquiry-alert-success {
  background: #e8f6ee;
  border: 1px solid #9fd8b5;
  color: #13603a;
}
.enquiry-alert-error {
  background: #fdecec;
  border: 1px solid #f2b0b0;
  color: #9b1c1c;
}