:root {
	/* color variables */
	--www-mycarguru-ai-white: #fff;
	--primary-color: #f6904d;
	--primary-color-rgb: 255, 179, 74;
	--secondary-color: #000;
	--secondary-color-rgb: 0, 0, 0;
	--white-color: #fff;
	--white-color-rgb: 255, 255, 255;
	--font-color: #292929;
	--dark-color: #000;
	--light-font-color: #a1a1a1;
	--border-color: #d9d9d9;
	--thrid-color: var(--primary-color);
	--thrid-color-rgb: var(--primary-color-rgb);
	--font-light-color: #d9d9d9;
	--color-white-solid: #fff;
	--border-right-leftbox: rgba(var(--secondary-color-rgb), 0.57);
	--site-font-color: #333;

	/* neutral gray scale (theme-swappable) */
	--gray-100: #f3f3f3;
	--gray-150: #e8e8e8;
	--gray-200: #e4e4e4;
	--gray-300: #e0e0e0;
	--gray-400-rgb: 216, 216, 216;

	/* accent tint background (e.g. testimonial section) — light tint of primary */
	--accent-tint-bg: rgba(var(--primary-color-rgb), 0.08);

	/* whatsapp icon gradient — kept as brand green, independent of primary/secondary */
	--whatsapp-green-start: rgba(9, 124, 55, 0.69);
	--whatsapp-green-end: #007e32;

	/* string variables */
	--sitefont-family: "IBM Plex Sans", sans-serif !important;

	/* number variables */
	--stroke-weight-1: 1px;

	/* responsive margins / paddings */
	--margin-sm: 16px;
	--margin-md: 32px;



  --bs-sitePrimary-color: var(--primary-color);
  --bs-sitePrimary-rgb: var(--primary-color-rgb);
  --bs-sitePrimaryDark-color: var(--secondary-color);
  --bs-siteSecondary-color: var(--secondary-color);
  --bs-sitefont-color: var(--font-color);
  --bs-siteGray-color: var(--font-color);
  --bs-sitebg-color: var(--secondary-color);
  --bs-siteborderLight-color: rgba(var(--white-color-rgb), .30);
  --bs-siteDarkGary-color: var(--font-color);
  --bs-siteLightgary-color: var(--gray-200);
  --bs-siteDark-color: var(--secondary-color);
  --bs-siteLightInner-color: rgba(var(--secondary-color-rgb), 0.28);
  --bs-siteSecondaryLightInner-color: rgba(var(--white-color-rgb), 0.82);
  --bs-siteselectForm: 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
  --bs-sitetransition: all .5s linear;
  --bs-body-font-family: var(--sitefont-family), sans-serif !important;
}

p{margin-bottom: 0;}
/* body { container: body / inline-size; min-height: 100%; display: flex; flex-direction: column; font-family: var(--sitefont-family); letter-spacing: 0px; background-color: var(--white-color); overflow: auto; } */
/* * { --min-screen-size: 430; --max-screen-size: 1500; --interpolate-diff: calc(var(--max-font-size) - var(--min-font-size)); --interpolate: clamp(calc(var(--min-font-size) * 1px), calc((var(--min-font-size) * 1px) + var(--interpolate-diff) * ((100vw - calc(var(--min-screen-size) * 1px)) / (var(--max-screen-size) - var(--min-screen-size)))), calc(var(--max-font-size) * 1px)); } */

/* html { height: 100%; font-size: 16px; } */

/* text utility classes */
.text-primary-color { color: var(--primary-color); font-size: 22px; font-weight: 600; line-height: 1.145; }
.subtitle-primary-color2 { color: var(--primary-color); font-size: 35px; font-weight: 600; line-height: 1; }
.subtitle-primary-color1 { color: var(--primary-color); --min-font-size: 21; --max-font-size: 35; font-size: 35px; font-weight: 600; line-height: 1; }
.sub-text { font-size: 35px; }
.sub-text-secondary-color { color: var(--secondary-color); font-size: 25px; }
.sub-text-primary-color2 { color: var(--primary-color); }
.sub-text-primary-color { color: var(--primary-color); font-size: 35px; }
.sub-text-secondary-color2 { color: var(--secondary-color); font-size: 25px; }
/* section utility classes */
.section { display: flex; flex-direction: column; align-items: center; padding: 0 24px; }
/* ui objects utility classes */
.circle1 { border-radius: 50%; }
.input { border-radius: 8px; }
/* button hover utility classes */
.hover-bright { transition: filter 0.3s ease; }
.hover-bright:hover { filter: brightness(1.2); }
.hover-zoom { transition: scale 0.3s ease; }
.hover-zoom:hover { scale: 1.05; }
/* card hover utility classes */
.hover-shadow-lift { box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08); transition: box-shadow 0.3s ease, transform 0.3s ease; }
.hover-shadow-lift:hover { box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.16); transform: translateY(-4px); }
/* glass effect utility classes */
.glass-effect { background-color: rgba(var(--white-color-rgb), 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(var(--white-color-rgb), 0.6); }

.wram-top { background-image: url(../images/home/spriteTop.png); display: inline-block; background-repeat: no-repeat; vertical-align: middle;position: relative; }
.wram-top-time{background-position: 0px -1px; width: 15px; height: 15px;}
.wram-top-mail{background-position: -20px 0px; width: 22px; height: 16px;}
.wram-top-facebook{background-position: -46px 0px; width: 17px; height: 17px;}
.wram-top-instagram{background-position: -68px 0px; width: 17px; height: 17px;}
.wram-top-twitter{background-position: -90px 0px; width: 17px; height: 17px;}
.wram-top-youtube{background-position: -111px 0px; width: 21px; height: 18px;}
.wram-top-whatsapp{background-position: -136px -1px;width: 24px;height: 23px;}
.wram-top-whatsapp-bot{background-position: -139px -30px;width: 20px;height: 19px;}
.wram-top-address{background-position: -88px -33px;width: 25px;height: 23px;}
.wram-top-mail-bot{background-position: -112px -28px;width: 21px;height: 19px;}
.wram-top-facebook-bot{background-position: 0px -29px;width: 17px;height: 17px;}
.wram-top-instagram-bot{background-position: -22px -29px;width: 16px;height: 17px;}
.wram-top-twitter-bot{background-position: -44px -29px;width: 17px;height: 17px;}
.wram-top-youtube-bot{background-position: -64px -29px;width: 20px;height: 18px;}
.wram-top-jct-member{background-position: -1px -61px;width: 85px;height: 63px;}

.btn-banner .btn-banner__icon{filter: brightness(0) invert(0);}
.wram-mid { background-image: url(../images/home/spriteMid.png); display: inline-block; background-repeat: no-repeat; vertical-align: middle;position: relative; }
/* spec icons — row 1 small (y=4) */
.wram-mid-arrow-icon { background-position: 0px -1px; width: 12px; height: 11px; }
.wram-mid-mission  {background-position: -75px 0px;width: 34px;height: 31px;}
.wram-mid-vision  {background-position: -111px 0px;width: 31px;height: 31px;}
.wram-mid-calender { background-position: -17px -1px; width: 12px; height: 11px; }
.wram-mid-mailage { background-position: -55px -1px; width: 16px; height: 11px; }
.wram-mid-engine { background-position: -36px -1px; width: 13px; height: 12px; }
.wram-mid-flag {background-position: 0px -194px;width: 26px;height: 18px;}
.wram-mid-star {background-position: -33px -194px;width: 16px;height: 16px;}
.wram-mid-inquiry { background-position: -54px -193px; width: 30px; height: 24px; }
.wram-mid-order { background-position: -120px -193px; width: 26px; height: 24px; }
.wram-mid-payment { background-position: -208px -193px; width: 26px; height: 24px; }
.wram-mid-shipment { background-position: -240px -194px; width: 22px; height: 22px; }
.wram-mid-vehicle { background-position: -295px -194px; width: 30px; height: 22px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step:hover .how-to-buy__step-icon .wram-mid-inquiry { background-position: -88px -193px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step:hover .how-to-buy__step-icon .wram-mid-order { background-position: -149px -193px; }
.how-to-buy__site-section .how-to-buy__row-inner:has(.how-to-buy__step:hover):not(:has(.how-to-buy__step--5:hover)) .how-to-buy__step--5 .how-to-buy__step-icon .wram-mid-payment { background-position: -179px -193px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step:hover .how-to-buy__step-icon .wram-mid-shipment { background-position: -268px -194px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step:hover .how-to-buy__step-icon .wram-mid-vehicle { background-position: 0px -222px; }
.wram-mid-porsche  {background-position: -147px -1px;width: 36px;height: 47px;}
.wram-mid-ferrari  {background-position: -188px -1px;width: 30px;height: 47px;}
.wram-mid-rolls-royce  {background-position: -225px -1px;width: 26px;height: 47px;}
.wram-mid-bentley  {background-position: -258px -1px;width: 67px;height: 34px;}
.wram-mid-sedan  {background-position: -8px -57px;width: 86px;height: 37px;}
.wram-mid-suv  {background-position: -112px -56px;width: 89px;height: 43px;}
.wram-mid-wagon  {background-position: -211px -56px;width: 86px;height: 37px;}
.wram-mid-coupe  {background-position: -0px -111px;width: 86px;height: 37px;}

/* shared components */
.btn-banner { position: relative; z-index: 0; overflow: hidden; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.29); display: flex; align-items: center; justify-content: center; gap: 10px; flex-shrink: 0; color: var(--primary-color); font-size: 15px; font-style: normal; font-weight: 400; line-height: 0.6; letter-spacing: 0px; text-align: unset; background-color: var(--white-color); padding: 17px 9px; border: 1px solid var(--primary-color); border-radius: 3px; }
.btn-banner::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; z-index: -1; background-color: currentColor; border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.5s ease, height 0.5s ease; }
.btn-banner:hover::before { width: 1000px; height: 400px; }
.btn-banner .btn-banner__label { text-align: left; transition: color 0.4s ease; }
.btn-banner:hover .btn-banner__label { color: var(--white-color); }
.btn-banner .btn-banner__icon { /* width: 9px; */ flex-shrink: 0; transition: transform 0.35s ease, filter 0.4s ease; }
.btn-banner:hover .btn-banner__icon { filter: brightness(0) invert(1); animation: btn-banner-icon-nudge 0.7s ease-in-out infinite; }
.btn-banner:is(.btn-banner2, .btn-banner3, .btn-banner6, .btn-banner9) .btn-banner__icon{filter: invert(0);}
.btn-banner:is(.btn-banner2, .btn-banner3, .btn-banner6, .btn-banner9):hover .btn-banner__icon{filter: brightness(0) invert(1);}
/* .btn-banner:is(.btn-banner2, .btn-banner3, .btn-banner6, .btn-banner9) .btn-banner__icon { background-image: none; background-color: var(--primary-color); -webkit-mask-image: url(../images/home/spriteMid.png); mask-image: url(../images/home/spriteMid.png); -webkit-mask-position: 0px -1px; mask-position: 0px -1px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto; mask-size: auto; } */
@keyframes btn-banner-icon-nudge { 0%, 100% { transform: rotate(0deg) translate(0, 0); } 50% { transform: rotate(45deg) translate(3px, -3px); } }
.text-explore-our-a, .text-explore-our-b { color: var(--font-color); font-size: 16px; font-weight: 400; line-height: 1.25; }
.img-circle { width: 12px; height: 12px; border-radius: 50%; }
.stock-card-row { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; gap: 29px; row-gap: 30px;margin-top: 30px; }
.stock-card-row .stock-card-row-stock-card { width: 287px; flex-shrink: 0; border-radius: 3px; }
.stock-card-row .stock-card-col { width: 23.1%; flex-shrink: 0; display: flex; flex-direction: column; text-align: left; text-decoration: none; border-radius: 3px;padding: 5px; }
.stock-card-row .stock-card-col .stock-card__media { position: relative; border-radius: 8px; overflow: hidden;display: flex;align-items: center;justify-content: center;min-height: 220px; }
.stock-card-row .stock-card-col .stock-card__media .stock-card__img { max-width: 100%; /* min-height: 220px; */ max-height: 220px; object-fit: cover; display: block; }
.stock-card-row .stock-card-col .stock-card__media .stock-card__badge { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; gap: 5px; color: var(--secondary-color); font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 20px; }
.stock-card-row .stock-card-col .stock-card__media .stock-card__badge .stock-card__badge-icon { width: 14px; height: 14px; flex-shrink: 0; }
.stock-card-row .stock-card-col .stock-card__meta { display: flex; gap: 10px; margin-top: 14px; }
.stock-card-row .stock-card-col .stock-card__meta .stock-card__meta-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; flex: 1; color: var(--secondary-color); font-size: 13px; font-weight: 500; background-color: rgba(var(--primary-color-rgb), 0.16); padding: 12px 8px; border-radius: 6px; }
.stock-card-row .stock-card-col .stock-card__meta .stock-card__meta-item .stock-card__meta-icon { width: 18px; height: 18px; flex-shrink: 0; color: var(--secondary-color); }
.stock-card-row .stock-card-col .stock-card__title { margin-top: 14px; color: var(--secondary-color); font-size: 16px; font-weight: 600; }
.stock-card-row .stock-card-col .stock-card__price-row { margin-top: 12px; padding-top: 12px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border-color); }
.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price { color: var(--secondary-color); font-size: 20px; font-weight: 700; }
.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price .stock-card__price-label { color: var(--font-color); font-size: 15px; font-weight: 400; }
.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price-btn { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; color: var(--primary-color); background-color: rgba(var(--primary-color-rgb), 0.08); border: none; border-radius: 6px; cursor: pointer; }
.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price-btn svg { width: 14px; height: 14px; transition: transform 0.3s ease; }
.stock-card-row .stock-card-col:is(:nth-child(2), :hover) .stock-card__price-row .stock-card__price { color: var(--primary-color); }
.stock-card-row .stock-card-col:is(:nth-child(2), :hover) .stock-card__price-row .stock-card__price-btn svg { transform: rotate(45deg); }
.stock-card-row:has(.stock-card-col:hover):not(:has(.stock-card-col:nth-child(2):hover)) .stock-card-col:nth-child(2) .stock-card__price-row .stock-card__price { color: var(--secondary-color); }
.stock-card-row:has(.stock-card-col:hover):not(:has(.stock-card-col:nth-child(2):hover)) .stock-card-col:nth-child(2) .stock-card__price-row .stock-card__price-btn svg { transform: rotate(0deg); }
.section-heading-row { display: flex; align-items: flex-start; justify-content: space-between; }
.section-heading { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex-shrink: 0; text-align: left;width: 70%; }
.section-heading--center, .brand-type-heading { display: flex; flex-direction: column; align-items: center; gap: 13px; text-align: center; }
/* .section-heading1 { width: 491px; }
.section-heading2 { width: 576px; }
.section-heading3 { width: 583px; } */
.section-heading-text1 { align-self: stretch; }
.section-heading-text2 { width: 100%; max-width: 491px; }

/* header */
/* .container { width: 100%; max-width: 1200px; margin: 0 auto; } */
.header__main-site { container: header / inline-size; display: flex; flex-direction: column; background-color: var(--white-color); border-bottom: 1px solid var(--border-color); }
.header__main-site .header__topbar { container: header-topbar / inline-size; position: relative; font-weight: 400; background-color: var(--thrid-color); padding-top: 5px; padding-bottom: 5px; }
.header__main-site .header__topbar .header__topbar-bg { position: absolute; top: 0; left: 0; width: calc(100% - 0px); height: 45px; max-width: 66%; background-color: var(--secondary-color); border-bottom-right-radius: 24px; pointer-events: none; }
.header__main-site .header__topbar .container .header__topbar-inner { container: header-topbar-inner / inline-size; position: relative; z-index: 1; display: flex; align-items: center; gap: 196px; justify-content: space-between; }
.header__main-site .header__topbar .container .header__topbar-inner .header__info-list { display: flex; align-items: center; width: 48%; /* flex-grow: 1; */ gap: 25px; color: var(--font-light-color); font-size: 14px; line-height: 1; }
.header__main-site .header__topbar .container .header__topbar-inner .header__info-list .header__info-item { display: flex; align-items: center; gap: 10px; }
.header__main-site .header__topbar .container .header__topbar-inner .header__info-list .header__info-item .header__info-text { color: inherit; text-decoration: none;transition: all linear .5s; }
.header__main-site .header__topbar .container .header__topbar-inner .header__info-list .header__info-item .header__info-text:hover { color: var(--primary-color); text-decoration: none; }
.header__main-site .header__topbar .container .header__topbar-inner .header__info-list .header__info-item .header__icon { flex-shrink: 0; color: var(--white-color); }
.header__main-site .header__topbar .container .header__topbar-inner .header__info-list .header__info-item .header__icon--clock { width: 14px; height: 14px; }
.header__main-site .header__topbar .container .header__topbar-inner .header__info-list .header__info-item .header__icon--mail { width: 21px; height: 21px; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang { position: relative; flex-shrink: 0;height: 35px; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element{ position: relative;    top: -4px; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #language_trigger,
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element .goog-te-combo { width: 144px; color: var(--white-color); font-size: 13px; font-family: inherit; line-height: 1.769; background-color: transparent; padding: 5px 28px 5px 9px; border: var(--stroke-weight-1) solid rgba(var(--white-color-rgb), 0.27); border-radius: 5px; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; background-size: 12px 12px; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #language_trigger:hover, .header__main-site .header__topbar .container .header__topbar-inner .header__lang #language_trigger:focus-visible { border-color: rgba(var(--white-color-rgb), 0.6); outline: none; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #language_trigger option,
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element .goog-te-combo option { color: #000; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element .goog-te-gadget { font-size: 0 !important; color: transparent !important; line-height: 0; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element .goog-te-gadget span,
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element .goog-logo-link,
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element .goog-te-gadget-simple { display: none !important; visibility: hidden !important; }
.header__main-site .header__topbar .container .header__topbar-inner .header__lang #google_translate_element .goog-te-gadget .goog-te-combo { font-size: 13px !important; line-height: 1.769; }
.goog-te-banner-frame,
.skiptranslate > iframe { display: none !important; visibility: hidden !important; }
body { top: 0 !important; }
.header__main-site .header__topbar .container .header__topbar-inner .header__social { display: flex; align-items: center; gap: 20px; margin-right: -1px; flex-shrink: 0; }
.header__main-site .header__topbar .container .header__topbar-inner .header__social li .header__social-link { display: flex; /* width: 24px; height: 24px; */ color: var(--white-color); flex-shrink: 0; }
.header__main-site .header__topbar .container .header__topbar-inner .header__social li .header__social-link svg { width: 100%; height: 100%; }
.header__main-site .header__topbar .container .header__topbar-inner .header__social li .header__social-link:hover { color: var(--secondary-color); }
.header__main-site .header__topbar .container .header__topbar-inner .header__topbar-whatsapp { display: flex; align-items: center; gap: 8px; color: var(--white-color); font-size: 14px; font-weight: 600; text-decoration: none; }
.header__main-site .header__topbar .container .header__topbar-inner .header__topbar-whatsapp:hover { color: var(--primary-color); }
.header__main-site .header__main { container: header-main / inline-size; margin-bottom: -1px; padding-top: 6px; padding-bottom: 6px; }
.header__main-site .header__main .container .header__main-inner { container: header-main-inner / inline-size; display: flex; align-items: center; justify-content: space-between; }
.header__main-site .header__main .container .header__main-inner .header__logo img { max-width: 100%;max-height: 106px; flex-shrink: 0; }
.header__main-site .header__main .container .header__main-inner .header__nav-toggle { display: none; align-items: center; justify-content: center; width: 50px !important; height: 36px; cursor: pointer; flex-shrink: 0; }
.header__main-site .header__main .container .header__main-inner .header__nav-toggle .sb-toggle-left { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.header__main-site .header__main .container .header__main-inner .header__nav-toggle .menu_icon { display: flex; flex-direction: column; justify-content: center; gap: 2px; width: 40px; }
.header__main-site .header__main .container .header__main-inner .header__nav-toggle .menu_icon span { display: block; width: 100%; height: 2px; background-color: var(--secondary-color); border-radius: 2px; }
.header__main-site .header__main .container .header__main-inner .header__nav { display: flex; flex-shrink: 0; }
.header__main-site .header__main .container .header__main-inner .header__nav .header__nav-list { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; color: var(--dark-color); font-size: 18px; font-weight: 500; line-height: 1.111;gap: 33px; }
.header__main-site .header__main .container .header__main-inner .header__nav .header__nav-list li .header__nav-link { text-align: left; color: inherit; text-decoration: none; }
.header__main-site .header__main .container .header__main-inner .header__nav .header__nav-list li .header__nav-link:hover, .header__main-site .header__main .container .header__main-inner .header__nav .header__nav-list li .header__nav-link--active { color: var(--primary-color); }
.header__main-site .header__main .container .header__main-inner .header__nav .header__nav-list li.header__nav-item--auth,
.mobile_menu li.header__nav-item--auth { display: none !important; }
.dropdown.hover li:first-child a::before{display: none !important;}

/* Desktop submenu (dropdown) */
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown { position: relative; }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown > a { display: flex; align-items: center; gap: 12px; }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown > a::after { content: ""; width: 8px; height: 8px; flex-shrink: 0; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform 0.2s ease; }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown:hover > a::after, .header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown:focus-within > a::after { transform: rotate(-135deg) translateY(2px); }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown > ul { position: absolute; top: 100%; left: 0; min-width: 220px; margin: 0; padding: 8px 0; list-style: none; background-color: var(--white-color); border: 1px solid var(--border-color); border-radius: 6px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 30; }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown:hover > ul, .header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown:focus-within > ul { opacity: 1; visibility: visible; transform: translateY(0); }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown > ul li { width: 100%;height: auto !important; }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown > ul li a { display: block; padding: 3px 16px; color: var(--font-color); font-size: 15px; font-weight: 400; text-decoration: none; white-space: nowrap; }
.header__main-site .header__main-inner .header__nav .header__nav-list li.dropdown > ul li a:hover { color: var(--primary-color); background-color: var(--gray-100); }

/* Mobile off-canvas menu — fully self-contained (does not depend on any external off-canvas plugin) */
.sb-slidebar { position: fixed; top: 0; left: 0; width: min(300px, 85vw); height: 100vh; height: 100dvh; background-color: var(--white-color) !important; overflow-y: auto; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); transform: translateX(-100%); transition: transform 0.3s ease; z-index: 1001; }
.sb-slidebar.is-open { transform: translateX(0); }
.sb-overlay { position: fixed; inset: 0; background-color: rgba(var(--secondary-color-rgb), 0.5); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; z-index: 1000; }
.sb-overlay.is-open { opacity: 1; visibility: visible; }
body.sb-menu-open { overflow: hidden; }
.sb-slidebar .sb-slidebar-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--border-color); font-size: 16px; font-weight: 600; color: var(--dark-color) !important; background-color: var(--white-color) !important; }
.sb-slidebar .sb-slidebar-close { padding: 0; background: none; border: none; font-size: 22px; line-height: 1; color: var(--dark-color) !important; cursor: pointer; }
.mobile_menu { list-style: none; margin: 0; padding: 10px 0; background-color: var(--white-color) !important; }
.mobile_menu > li { border-bottom: 1px solid var(--border-color); background-color: var(--white-color) !important; }
.mobile_menu > li > a { display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding: 12px 20px; color: var(--dark-color) !important; font-size: 15px; text-decoration: none; }
.mobile_menu > li > a:hover { color: var(--primary-color) !important; }
.mobile_menu > li > a[href="javascript:void(0)"]::after { content: ""; width: 7px; height: 7px; flex-shrink: 0; margin-left: auto; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); transition: transform 0.25s ease; }
.mobile_menu > li.md-open > a[href="javascript:void(0)"]::after { transform: rotate(225deg); }
.mobile_menu .md-drop { box-sizing: border-box; list-style: none; margin: 0; padding: 0 0 10px 34px; /* max-height: 0; */ overflow: hidden; transition: max-height 0.25s ease; background-color: var(--white-color) !important; }
.mobile_menu > li.md-open .md-drop { max-height: 500px; }
.mobile_menu .md-drop li a { display: block; padding: 8px 0; color: var(--font-color) !important; font-size: 14px; text-decoration: none; }
.mobile_menu .md-drop li a:hover { color: var(--primary-color) !important; }
.header__main-site .header__main .container .header__main-inner .header__contact { display: flex; align-items: center; gap: 8px; font-weight: 600; text-decoration: none; }
.header__main-site .header__main .container .header__main-inner .header__contact:hover .header__contact-text .header__contact-number { color: var(--primary-color); }
.header__main-site .header__main .container .header__main-inner .header__contact .header__whatsapp-icon { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: radial-gradient(50% 50% at 50% 50%, var(--whatsapp-green-start) 0%, var(--whatsapp-green-end) 100%) top left / auto auto no-repeat; border-radius: 50%; }
.header__main-site .header__main .container .header__main-inner .header__contact .header__whatsapp-icon svg { width: 22px; height: 22px; }
.header__main-site .header__main .container .header__main-inner .header__contact .header__contact-text { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; }
.header__main-site .header__main .container .header__main-inner .header__contact .header__contact-text .header__contact-label { color: var(--font-color); font-size: 12px; line-height: 1; }
.header__main-site .header__main .container .header__main-inner .header__contact .header__contact-text .header__contact-number { color: var(--secondary-color); font-size: 23.5px; line-height: 0.894;transition: all .5s linear; }

/* banner */
.banner__site-section { display: flex; justify-content: center; overflow: hidden; }
.banner__site-section .banner__img { max-width: 100%; height: auto; object-fit: cover; }

/* welcome */
.welcome__site-section { container: welcome / inline-size; position: relative; display: flex; flex-direction: column; background-color: var(--white-color); padding-top: 397px; }
.welcome__site-section:after { content: '';width: 100%;height: 382px; position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: url(../images/home/welcome-bg.jpg) center / cover no-repeat;z-index: 1; }
.welcome__site-section .welcome__img { position: absolute; top: 118px; left: 50%; translate: -50% 0; transform-origin: 50% 50%; }
.welcome__site-section .container .welcome__row { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: center; gap: 498px; /* background: linear-gradient(rgba(var(--primary-color-rgb), 0.91), rgba(var(--primary-color-rgb), 0.91)) top left / auto auto no-repeat, url(../images/home/welcome-bg.jpg) center / cover no-repeat; */ padding: 31px 0px; }
.welcome__site-section .container .welcome__row .welcome__col-left { width: 30%; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex-shrink: 0; font-weight: 400; text-align: left; }
.welcome__site-section .container .welcome__row .welcome__col-left .welcome__heading { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; }
.welcome__site-section .container .welcome__row .welcome__col-left .welcome__heading .welcome__text-to { color: var(--font-color); font-size: 16px; line-height: 1.25; }
.welcome__site-section .container .welcome__row .welcome__col-left .welcome__heading .welcome__title { color: var(--white-color); font-size: 41px; font-weight: 600; line-height: 43px; }
.welcome__site-section .container .welcome__row .welcome__col-left .welcome__text { margin-right: 1px; align-self: stretch; color: var(--white-color); font-size: 18px; line-height: 1.056;text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7); }
.welcome__site-section .container .welcome__row .welcome__col-right { margin-top: 3px; width: 29%; display: flex; flex-direction: column; gap: 20px; flex-shrink: 0; color: var(--white-color); text-align: left; }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column { display: flex; flex-direction: column; gap: 15px; }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column .welcome__column-row { display: flex; align-items: flex-end; gap: 14px; font-size: 25px; font-weight: 500; line-height: 1.32; }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column .welcome__column-row .welcome__column-icon { margin-left: -1px; margin-bottom: -1px; width: 31px; flex-shrink: 0; }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column .welcome__column-row .welcome__column-title { text-align: left; }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column .welcome__column-text { text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7); font-size: 18px; font-weight: 400; }
.welcome__site-section .welcome__img.welcome__img--center { position: absolute; z-index: 3; top: 58px; left: 50%; translate: -50% 0; margin-left: 8px; width: calc(100% - 32px); max-width: 450px; border-radius: 255.5px; }
.welcome__site-section .welcome__img.welcome__img--left { rotate: 0deg; margin-left: 331px; }
.welcome__site-section .welcome__img.welcome__img--right { z-index: 1; rotate: 0deg; margin-left: -320px; }
.welcome__site-section .container .welcome__row .welcome__col-left .btn-banner.btn-banner1 { width: 153px; flex-shrink: unset; color: var(--secondary-color); font-weight: unset; background-color: unset; padding-left: 8px; padding-right: 8px; border: 1px solid var(--secondary-color); }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column--top .welcome__column-text { line-height: 1.278; }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__divider { height: 0; flex-shrink: 0; border-top: 3px solid var(--border-color); }
.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column--bottom .welcome__column-text { line-height: 1.222; }

/* stock-list */
.stock-site-section { container: stock-site-section / inline-size; gap: 30px; }
.stock-site-section1 { padding-top: 60px; padding-bottom: 60px; }
.stock-site-section1 .stock-list-row-top .btn-banner .btn-banner__icon { filter: invert(0); }
.stock-site-section1 .stock-list-row-top .btn-banner:hover .btn-banner__icon { filter: brightness(0) invert(1); }
.stock-site-section1 .stock-list-row-top .btn-banner.btn-banner9 { width: 196px; }

/* brand-type */
.brand-type-site-section { container: brand-type-site-section / inline-size; background: url(../images/home/brand-type-bg.jpg) top left / cover no-repeat; padding: 60px 0px; }
.brand-type-site-section .container { display: flex; flex-direction: column; align-items: center; gap: 40px; }
.brand-type-site-section .brand-type-heading { width: 100%; max-width: 700px; }
.brand-type-site-section .brand-type-heading .brand-type-subtitle { text-align: center; }
.brand-type-site-section .brand-type-heading .brand-type-text { color: var(--font-color); --min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate); font-weight: 400; line-height: 1.25; text-align: center; }
.brand-type-site-section .brand-type-row { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 18px; }
.brand-type-site-section .brand-type-row .brand-type-col { position: relative; width: 130px; height: 230px; flex-shrink: 0; display: flex; flex-direction: column; text-align: center; text-decoration: none; background-color: var(--white-color); border: 1px solid rgba(var(--primary-color-rgb), 0.35); border-radius: 65px; overflow: hidden; box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.08), inset 0px 2px 6px rgba(0, 0, 0, 0.06), inset 0px -6px 5px rgba(0, 0, 0, 0.14); transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__media { flex: 4; display: flex; align-items: center; justify-content: center; padding: 5px; transition: background-color 0.3s ease;background: var(--gray-100); }
.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__media .brand-type-col__logo { max-width: 100%; max-height: 100%; object-fit: contain; }
.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__arrow { position: absolute; top: 62%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 38px; height: 38px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--primary-color); background-color: rgba(var(--white-color-rgb), 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(var(--white-color-rgb), 0.6); border-radius: 50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; }
.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__arrow svg { width: 16px; height: 16px; }
.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__label { flex: 2; display: flex; align-items: center; justify-content: center; padding-top: 20px; color: var(--secondary-color); font-size: 15px; font-weight: 500; text-transform: capitalize; /* background-color: var(--white-color); */ transition: background-color 0.3s ease, color 0.3s ease; }
.brand-type-site-section .brand-type-row .brand-type-col:is(:nth-child(2), :hover) { transform: translateY(-6px) scale(1.03); box-shadow: 0px 14px 26px rgba(0, 0, 0, 0.12), inset 0px 2px 6px rgba(0, 0, 0, 0.06), inset 0px -6px 5px rgba(0, 0, 0, 0.14); }
.brand-type-site-section .brand-type-row .brand-type-col:is(:nth-child(2), :hover) .brand-type-col__arrow { transform: translate(-50%, -50%) rotate(-45deg); }
.brand-type-site-section .brand-type-row .brand-type-col:is(:nth-child(2), :hover) .brand-type-col__media { background-color: var(--primary-color); }
.brand-type-site-section .brand-type-row .brand-type-col:is(:nth-child(2), :hover) .brand-type-col__label { color: var(--primary-color); /* background-color: var(--primary-color); */ }
.brand-type-site-section .brand-type-row:has(.brand-type-col:hover):not(:has(.brand-type-col:nth-child(2):hover)) .brand-type-col:nth-child(2) { transform: none; /* box-shadow: none; */ }
.brand-type-site-section .brand-type-row:has(.brand-type-col:hover):not(:has(.brand-type-col:nth-child(2):hover)) .brand-type-col:nth-child(2) .brand-type-col__arrow { transform: translate(-50%, -50%) rotate(0deg); }
.brand-type-site-section .brand-type-row:has(.brand-type-col:hover):not(:has(.brand-type-col:nth-child(2):hover)) .brand-type-col:nth-child(2) .brand-type-col__media { background-color: var(--gray-100); }
.brand-type-site-section .brand-type-row:has(.brand-type-col:hover):not(:has(.brand-type-col:nth-child(2):hover)) .brand-type-col:nth-child(2) .brand-type-col__label { color: var(--secondary-color); /* background-color: var(--gray-100); */ }
.brand-type-site-section .btn-banner.btn-banner3 { width: 218px; flex-shrink: unset; }

/* services */
.services__site-section { container: services / inline-size; position: relative; display: flex; flex-direction: column; align-items: center; font-weight: 400; background-color: var(--white-color); padding: 60px 0px; overflow: hidden; }
.services__site-section .container .services__row { position: relative; width: 100%; /* max-width: 1280px;  */display: flex; align-items: flex-start; gap: 50px; }
.services__site-section .container .services__row .line.services__line { position: absolute; z-index: 1; top: 350px; left: 309px; width: 0; height: 268px; border-left: 1px solid var(--primary-color); }
.services__site-section .container .services__row .services__col-left { width: 30%; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; flex-shrink: 0; text-align: left; }
.services__site-section .container .services__row .services__col-left .services__text { color: var(--font-color); --min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate); line-height: 1.25; }
.services__site-section .container .services__row .services__col-left .services__text.services__text--intro { align-self: stretch; }
.services__site-section .container .services__row .services__col-left .services__text.services__text--experience { width: 298px; }
.services__site-section .container .services__row .services__col-left .btn-banner.btn-banner4 { width: 218px; flex-shrink: unset; color: var(--secondary-color); font-weight: unset; background-color: unset; border: 1px solid var(--secondary-color); }
.services__site-section .container .services__row .services__card-row { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-end; gap: 20px; row-gap: 20px; flex-grow: 1; }
.services__site-section .container .services__row .services__card-row .services__card-col { position: relative; width: 48%; flex-shrink: 0; display: flex; flex-direction: column; background-color: var(--white-color); padding: 12px; border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease;box-shadow: 0px -1px 9px rgba(0, 0, 0, 0.08), inset 0px 2px 3px rgba(0, 0, 0, 0.06), inset 0px 0px 3px rgba(0, 0, 0, 0.14); }
.services__site-section .services__card-row .services__card-col .services__card-media { border-radius: 8px; overflow: hidden; }
.services__site-section .services__card-row .services__card-col .services__card-media .services__card-img { width: 100%; height: 190px; object-fit: cover; display: block; }
.services__site-section .services__card-row .services__card-col .services__card-body { /* position: relative; */ margin-top: 14px; padding-bottom: 6px; }
.services__site-section .services__card-row .services__card-col .services__card-body .services__card-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.services__site-section .services__card-row .services__card-col .services__card-body .services__card-head .services__card-title { color: var(--secondary-color); font-size: 20px; font-weight: 600; transition: color 0.3s ease; }
.services__site-section .services__card-row .services__card-col .services__card-body .services__card-head .services__card-arrow { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; color: var(--secondary-color); background-color: var(--gray-100); border-radius: 50%; }
.services__site-section .services__card-row .services__card-col .services__card-body .services__card-head .services__card-arrow svg { width: 14px; height: 14px; transition: transform 0.3s ease; }
.services__site-section .services__card-row .services__card-col .services__card-body .services__card-text {/*  position: relative; */ z-index: 1; margin-top: 10px; width: 75%; color: var(--font-color); font-size: 15px; line-height: 1.4; }
.services__site-section .services__card-row .services__card-col .services__card-body .services__card-num { position: absolute; z-index: 0; right: 6px; bottom: 6px; color: rgba(var(--primary-color-rgb), 0.08); font-size: 68px; font-weight: 800; line-height: 1; user-select: none; }
.services__site-section .services__card-row .services__card-col:nth-child(2) .services__card-body .services__card-head .services__card-title { color: var(--primary-color); }
.services__site-section .services__card-row .services__card-col:hover .services__card-body .services__card-head .services__card-title { color: var(--primary-color); }
.services__site-section .services__card-row:has(.services__card-col:hover):not(:has(.services__card-col:nth-child(2):hover)) .services__card-col:nth-child(2) .services__card-body .services__card-head .services__card-title { color: var(--secondary-color); }
.services__site-section .services__card-row .services__card-col:is(:nth-child(2), :hover) .services__card-arrow svg { transform: rotate(45deg); }
.services__site-section .services__card-row:has(.services__card-col:hover):not(:has(.services__card-col:nth-child(2):hover)) .services__card-col:nth-child(2) .services__card-arrow svg { transform: rotate(0deg); }
.services__site-section .services__car { position: absolute; z-index: 2; bottom: 25px; left: 0px;max-height: 333px; /* rotate: 180deg; transform-origin: 50% 50%; width: calc(100% - 0px); max-width: 861px; */ }

/* testimonial */
.testimonial__site-section { container: testimonial / inline-size; display: flex; flex-direction: column; gap: 40px; background-color: var(--accent-tint-bg); padding: 60px 0; overflow: hidden; }
.testimonial__site-section .testimonial__row { display: flex; align-items: flex-start; gap: 50px; }
.testimonial__site-section .testimonial__row .testimonial__col-left { width: 30%; display: flex; flex-direction: column; align-items: flex-start; gap: 32px; flex-shrink: 0; text-align: left; }
.testimonial__site-section .testimonial__row .testimonial__col-left .testimonial__text { align-self: stretch; }
.testimonial__site-section .testimonial__row .testimonial__col-left .testimonial__group-bottom { position: relative; padding-right: 131px; }
.testimonial__site-section .testimonial__group-bottom .img-circle.testimonial__img-circle1 { width: 78px; height: unset; border: 3px solid var(--gray-300); }
.testimonial__site-section .testimonial__group-bottom .img-circle.testimonial__img-circle2 { position: absolute; z-index: 1; top: 0; left: 68px; width: 78px; height: unset; border: 3px solid var(--gray-300); }
.testimonial__site-section .testimonial__group-bottom .img-circle.testimonial__img-circle3 { position: absolute; z-index: 2; top: 0; left: 131px; width: 78px; height: unset; border: 3px solid var(--gray-300); }
.testimonial__site-section .testimonial__row .testimonial__slider { flex-grow: 1; min-width: 0; overflow: hidden; padding: 6px 0; }
.testimonial__site-section .testimonial__slider .swiper { width: 100%;padding: 2px 2px 3px;}
.testimonial__site-section .testimonial__slider .testimonial__card { height: auto; display: flex; align-items: center; gap: 30px; background-color: rgba(var(--white-color-rgb), 0.65); padding: 10px; border-radius: 12px;box-shadow: 0px -1px 9px rgba(0, 0, 0, 0.08), inset 0px 2px 3px rgba(0, 0, 0, 0.06), inset 0px 0px 3px rgba(0, 0, 0, 0.14); }
.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-media { width: 37%; flex-shrink: 0; align-self: stretch; border-radius: 10px; overflow: hidden;border: 1px solid var(--border-color); }
.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-media .testimonial__card-img { max-width: 100%; height: auto;max-height: 215px; object-fit: cover; display: block; }
.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-body { flex-grow: 1; display: flex; flex-direction: column; gap: 12px; text-align: left; }
.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-body .testimonial__card-title { color: var(--secondary-color); font-size: 24px; font-weight: 700; }
.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-body .testimonial__card-text { color: var(--font-color); font-size: 15px; line-height: 1.5; }
.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-body .testimonial__card-foot { margin-top: 4px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.testimonial__site-section .testimonial__card-foot .testimonial__card-author { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.testimonial__site-section .testimonial__card-author .testimonial__card-name { color: var(--secondary-color); font-size: 18px; font-weight: 700; }
.testimonial__site-section .testimonial__card-author .testimonial__card-meta { display: flex; align-items: center; gap: 8px; }
.testimonial__site-section .testimonial__card-meta .testimonial__card-flag { width: 20px; height: 14px; flex-shrink: 0; border-radius: 2px; overflow: hidden; }
.testimonial__site-section .testimonial__card-meta .testimonial__card-country { color: var(--secondary-color); font-size: 15px; font-weight: 600; }
.testimonial__site-section .testimonial__card-author .testimonial__card-stars { display: flex; align-items: center; gap: 2px; color: var(--primary-color);min-height: 18px; }
.testimonial__site-section .testimonial__card-author .testimonial__card-stars svg { width: 16px; height: 16px; }
.testimonial__site-section .testimonial__card-foot .testimonial__card-arrow { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; color: var(--secondary-color); text-decoration: none; background-color: var(--gray-100); border-radius: 50%; }
.testimonial__site-section .testimonial__card-arrow svg { width: 16px; height: 16px; transition: transform 0.3s ease; }
.testimonial__site-section .testimonial__slider .swiper-slide-active .testimonial__card-arrow svg { transform: rotate(-45deg); }
.testimonial__site-section .testimonial__slider:hover .swiper-slide-active .testimonial__card-arrow svg{transform: rotate(0);}
.testimonial__site-section .container .testimonial__btn-row { width: 100%; display: flex; align-items: center; justify-content: space-between; color: var(--secondary-color); font-size: 15px; font-weight: 400; line-height: 0.6; }
.testimonial__site-section .testimonial__btn-row .btn-banner.btn-banner5 { width: 218px; color: unset; font-size: unset; font-weight: unset; line-height: unset; background-color: unset; border: 1px solid var(--secondary-color); }
.testimonial__site-section .testimonial__btn-row .testimonial__pagination.swiper-pagination { position: static; width: auto; display: flex; align-items: center; gap: 6px; }
.testimonial__site-section .testimonial__pagination .swiper-pagination-bullet { width: 30px; height: 5px; margin: 0; flex-shrink: 0; opacity: 1; background-color: var(--border-color); border: 1px solid var(--light-font-color); border-radius: 4px; transition: background-color 0.3s ease, border-color 0.3s ease; }
.testimonial__site-section .testimonial__pagination .swiper-pagination-bullet-active { background-color: var(--primary-color); border-color: var(--primary-color); }

/* how-to-buy */
.col-bottom2 { display: flex; flex-direction: column; gap: 84px; }
.how-to-buy__site-section { container: how-to-buy / inline-size; display: flex; flex-direction: column; align-items: center; background-color: var(--white-color); padding: 60px 0; }
.how-to-buy__site-section .container .how-to-buy__heading-row .btn-banner.btn-banner6 { width: 218px; }
.how-to-buy__site-section .container .how-to-buy__row-inner { container: how-to-buy-row-inner / inline-size; margin-top: -26px; width: 100%; /* max-width: 1160px; */ display: flex; flex-direction: column; gap: 52px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row { display: flex; align-items: flex-start; gap: 45px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-left { margin-top: 152px; width: 91%; display: flex; flex-direction: column; gap: 52px; flex-grow: 1; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step { display: flex; align-items: flex-start; gap: 20px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-icon { width: 58px; height: 58px; flex-shrink: 0; border-radius: 50%; transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-icon img { transition: filter 0.3s ease; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-body { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex-shrink: 0; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-title { font-size: 24px; font-weight: 500; text-transform: capitalize; line-height: 0.958; text-align: center; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-text { align-self: stretch; color: var(--font-color); font-size: 16px; /* font-family: 'Inter'; */ font-weight: 400; text-transform: capitalize; line-height: 1.5; text-align: left; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-left .how-to-buy__step-title { text-align: left; }
.how-to-buy__site-section :is(.how-to-buy__step--1, .how-to-buy__step--2, .how-to-buy__step--3, .how-to-buy__step--4) .how-to-buy__step-title { color: var(--primary-color); }
.how-to-buy__site-section :is(.how-to-buy__step--1, .how-to-buy__step--2, .how-to-buy__step--3) .how-to-buy__step-body { width: 176px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-left .how-to-buy__step.how-to-buy__step--1 { align-self: start; }
.how-to-buy__site-section .how-to-buy__step--1 .how-to-buy__step-icon { background-color: var(--gray-100); padding: 17px 14px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-left .how-to-buy__step.how-to-buy__step--2 { align-self: end; }
.how-to-buy__site-section .how-to-buy__step--2 .how-to-buy__step-icon { background-color: var(--gray-100); padding: 17px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__circle-group { flex-grow: 1; display: flex; flex-direction: column; align-items: center; padding-top: 40px;width: 100%; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__circle-group .how-to-buy__circle-brand { width: 100%; /* height: 320px; max-width: 320px; display: flex; flex-direction: column; align-items: flex-start; background-color: var(--white-color); border: 2px solid rgba(var(--gray-400-rgb), 0.35); border-radius: 50%; */ }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__circle-group .how-to-buy__circle-brand .how-to-buy__circle-img { /* margin: -2px auto 0 -2px; */ max-width: 100%; height: auto;margin: auto;display: block; flex-shrink: 0; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-right { margin-top: 152px; width: 91%; display: flex; flex-direction: column; gap: 54px; flex-grow: 1; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-right .how-to-buy__step.how-to-buy__step--3 { align-self: end; }
.how-to-buy__site-section .how-to-buy__step--3 .how-to-buy__step-icon { background-color: var(--gray-100); padding: 18px 15px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-right .how-to-buy__step.how-to-buy__step--4 { align-self: start; }
.how-to-buy__site-section .how-to-buy__step--4 .how-to-buy__step-icon { background-color: var(--gray-100); padding: 18px; }
.how-to-buy__site-section .how-to-buy__step--4 .how-to-buy__step-body { width: 212px; }
.how-to-buy__site-section .how-to-buy__step--4 .how-to-buy__step-text { width: 176px; }
.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step.how-to-buy__step--5 { margin-left: 41px; align-self: center; }
.how-to-buy__site-section .how-to-buy__step--5 .how-to-buy__step-icon { background-color: var(--secondary-color); padding: 18px 17px; }
.how-to-buy__site-section .how-to-buy__step--5 .how-to-buy__step-body { width: 191px; }
.how-to-buy__site-section .how-to-buy__step--5 .how-to-buy__step-title { color: var(--secondary-color); }
.how-to-buy__site-section .how-to-buy__step--5 .how-to-buy__step-text { margin-right: 15px; }
.how-to-buy__site-section .how-to-buy__step:hover .how-to-buy__step-icon { transform: scale(1.12); box-shadow: 0px 8px 20px rgba(var(--secondary-color-rgb), 0.25); }
.how-to-buy__site-section .how-to-buy__step:not(.how-to-buy__step--5):hover .how-to-buy__step-icon { background-color: var(--secondary-color); }
.how-to-buy__site-section .how-to-buy__step:not(.how-to-buy__step--5):hover .how-to-buy__step-icon img { filter: brightness(0) invert(1); }
.how-to-buy__site-section .how-to-buy__step:not(.how-to-buy__step--5):hover .how-to-buy__step-title { color: var(--secondary-color); transition: color 0.3s ease; }
.how-to-buy__site-section .how-to-buy__row-inner:has(.how-to-buy__step:hover):not(:has(.how-to-buy__step--5:hover)) .how-to-buy__step--5 .how-to-buy__step-icon { background-color: var(--gray-100); transform: none; box-shadow: none; }
.how-to-buy__site-section .how-to-buy__row-inner:has(.how-to-buy__step:hover):not(:has(.how-to-buy__step--5:hover)) .how-to-buy__step--5 .how-to-buy__step-title { color: var(--primary-color); }

/* footer */
.footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-row--address .footer-img, .footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-row--mail .footer-img { margin-left: -1px; flex-shrink: 0; }
.footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-row--address .footer-text { flex-grow: 1; text-align: left; }
.footer__site-section { container: footer / inline-size; position: relative; display: flex; flex-direction: column; align-items: center; gap: 40px; background-color: var(--secondary-color); padding: 0 0px 20px 0px; border-top: 1px solid var(--border-color);margin-top: 92px; }
.footer__site-section .footer__shape.footer__shape--left { position: absolute; top: 0px; left: 0; /* width: calc(100% - 0px); max-width: 608px; */ }
.footer__site-section .footer__shape.footer__shape--right { position: absolute; z-index: 1; bottom: 0px; right: 0px;/*  rotate: 180deg; transform-origin: 50% 50%; width: calc(100% - 1196px); max-width: 608px;  */}
.footer__site-section .footer__contact-card { position: relative; z-index: 3; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); margin-top: -87px; display: flex; align-items: flex-start; gap: 95px; background: url(../images/footer/footer-contact-us.png) center / cover no-repeat; padding: 31px 150px 0 18px; border-radius: 7px; overflow: hidden;background: var(--white-color); }
.footer__site-section .footer__contact-card .footer__contact-card-icon { margin-bottom: -35px; width: 240px; flex-shrink: 0; }
.footer__site-section .footer__contact-card .footer__contact-card-body { width: 522px; display: flex; flex-direction: column; gap: 17px; flex-shrink: 0; text-align: center; }
.footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-card-heading { margin-left: -70px; margin-right: -71px; display: flex; flex-direction: column; gap: 13px; }
.footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-card-actions { display: flex; align-items: flex-start; gap: 17px; }
.footer__site-section .footer__contact-card-actions .btn-banner.btn-banner7 { width: 181px; min-height: 69px; color: var(--white-color); background-color: var(--secondary-color); padding: 0 9px; border: 1px solid var(--secondary-color); }
.footer__site-section .footer__contact-card-actions .btn-banner.btn-banner7 .btn-banner__icon { filter: brightness(0) invert(1); }
.footer__site-section .footer__contact-card-actions .btn-banner.btn-banner7:hover .btn-banner__label { color: var(--secondary-color); }
.footer__site-section .footer__contact-card-actions .btn-banner.btn-banner7:hover .btn-banner__icon { filter: none; background-image: none; background-color: var(--secondary-color); -webkit-mask-image: url(../images/home/spriteMid.png); mask-image: url(../images/home/spriteMid.png); -webkit-mask-position: 0px -1px; mask-position: 0px -1px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto; mask-size: auto; }
.footer__site-section .footer__contact-card-actions .btn-banner.btn-banner8 { min-height: 69px; flex-grow: 1; font-size: 25px; font-weight: 700; line-height: 0.9; padding: 0 11px; }
.footer__site-section .footer__contact-card-actions .btn-banner.btn-banner8 .btn-banner__icon { width: 21px; }
.footer__site-section .footer__container { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 25px; }
.footer__site-section .footer__container .footer__row { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; align-content: flex-start; row-gap: 10px; padding-bottom: 4px; }
.footer__site-section .footer__container .footer__row .footer__brand-card { width: 30%; display: flex; flex-direction: column; align-items: center; gap: 17px; flex-shrink: 0; color: var(--font-light-color); font-size: 15px; font-family: 'IBM Plex Sans'; font-weight: 400; line-height: 1.4; text-align: center; background-color: rgba(var(--secondary-color-rgb), 0.17); padding: 24px 24px 0 24px; border: 1px dashed rgba(var(--white-color-rgb), 0.5); border-radius: 3px; }
.footer__site-section .footer__brand-card .footer__social-row { display: flex; align-items: flex-start; gap: 11px; }
.footer__site-section .footer__social-row .footer__social-link { width: 40px; height: 40px; flex-shrink: 0; background-color: rgba(var(--white-color-rgb), 0.17); border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all .5s linear; }
.footer__site-section .footer__social-row .footer__social-link:hover{background: var(--primary-color);}
.footer__site-section .footer__brand-card .footer__brand-logo-frame { margin-top: 7px; margin-bottom: -51px; width: 123px; background-color: var(--secondary-color); padding: 8px 14px 7px 15px; border: 1px dashed rgba(var(--white-color-rgb), 0.33); border-radius: 5px; }
.footer__site-section .footer__row .footer__contact-col { width: 40%; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; flex-shrink: 0; text-align: left; }
.footer__site-section .footer__contact-col .footer__contact-title { align-self: stretch; }
.footer__site-section .footer__contact-col .footer__contact-body { display: flex; flex-direction: column; align-items: flex-start; gap: 36px; }
.footer__site-section .footer__contact-body .footer__contact-group { width: 100%; max-width: 403px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.footer__site-section .footer__contact-group .footer__contact-row--address { display: flex; align-items: flex-start; gap: 15px; align-self: stretch; color: var(--font-light-color); font-size: 14px; font-weight: 500; line-height: 1.5; }
.footer__site-section .footer__contact-group .footer__contact-subgroup { /* width: 257px; */ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.footer__site-section .footer__contact-subgroup .footer__contact-row--mail { width: 107px; display: flex; align-items: center; gap: 18px; color: var(--font-light-color); font-size: 14px; font-weight: 500; line-height: 1.857; text-decoration: none; transition: color 0.3s ease; }
.footer__site-section .footer__contact-subgroup .footer__contact-row--mail:hover { color: var(--primary-color); }
.footer__site-section .footer__contact-subgroup .footer__contact-row--phone { display: flex; align-items: center; gap: 16px; align-self: stretch; color: var(--primary-color); font-size: 25px; font-weight: 700; line-height: 0.9; text-decoration: none; transition: opacity 0.3s ease; }
.footer__site-section .footer__contact-subgroup .footer__contact-row--phone:hover { opacity: 0.8; }
.footer__site-section .footer__contact-row--phone .footer-img-left2 { width: 20px; flex-shrink: 0; }
.footer__site-section .footer__contact-row--mail .footer-subtitle-plus, .footer__site-section .footer__contact-row--phone .footer-subtitle-plus { text-align: left; }
.footer__site-section .footer__contact-body .footer__member-row { display: flex; align-items: center; gap: 19px; color: var(--primary-color); font-size: 22px; font-weight: 600; line-height: 0.818; }
.footer__site-section .footer__member-row .footer__member-label { text-align: left; }
.footer__site-section .footer__member-row .footer__member-badge-link { display: flex; transition: transform 0.3s ease; }
.footer__site-section .footer__member-row .footer__member-badge-link:hover { transform: scale(1.06); }
.footer__site-section .footer__member-row .footer__member-badge { width: 85px; flex-shrink: 0; }
.footer__site-section .footer__row .footer__links-col { width: 13%; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; flex-shrink: 0; text-align: left; }
.footer__site-section .footer__links-col .footer__links-title { align-self: stretch; }
.footer__site-section .footer__links-col .footer__links-list { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; color: var(--font-light-color); font-size: 16px; font-weight: 400; line-height: 1.375; }
.footer__site-section .footer__links-list .footer__links-link { color: inherit; text-decoration: none; transition: color 0.3s ease; }
.footer__site-section .footer__links-list .footer__links-link:hover { color: var(--primary-color); }
.footer__site-section .footer__social-row .footer__social-link { display: flex; transition: transform 0.3s ease, filter 0.3s ease; }
.footer__site-section .footer__social-row .footer__social-link:hover { transform: translateY(-3px); filter: brightness(1.2); }
.footer__site-section .footer__container .footer__divider { width: 100%; height: 0; /* max-width: 1200px; */ flex-shrink: 0; align-self: start; border-top: 1px solid var(--border-color); }
.footer__site-section .footer__container .footer__bottom-row { container: footer-container2 / inline-size; margin-top: 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; align-content: flex-start; row-gap: 0; font-weight: 400; }
.footer__site-section .footer__bottom-row .footer__legal-list { display: flex; align-items: flex-start; gap: 31px; color: var(--font-light-color); font-size: 15px; line-height: 1.467; }
.footer__site-section .footer__legal-list .footer__legal-link { color: inherit; text-align: left; text-decoration: none; transition: color 0.3s ease; }
.footer__site-section .footer__legal-list .footer__legal-link:hover { color: var(--primary-color); }
.footer__site-section .footer__bottom-row .footer__powered-text { color: var(--white-color); font-size: 18px; line-height: 1.089; text-align: center; }
.footer__site-section .footer__powered-text .footer__powered-link { text-decoration: none; transition: text-decoration-color 0.3s ease; }
.footer__site-section .footer__powered-text .footer__powered-link:hover { text-decoration: underline;color: var(--white-color) }
.footer__site-section .footer__contact-row--address .footer-img.footer-group { width: 19px; }
.footer__site-section .footer__contact-row--mail .footer-img.footer-img-left1 { width: 22px; }
.footer__site-section .footer__legal-list .footer__legal-link.footer__legal-link--1 { color: var(--primary-color); }

/* div-header-search */
.div-header-search { container: div-header-search / inline-size; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; align-items: center; font-size: 15px; font-family: 'Poppins'; font-weight: 500; line-height: 1.6; background-color: var(--gray-150); padding: 11px 24px; }
.div-header-search .div-header-search-container { width: 100%; max-width: 1200px; display: flex; align-items: flex-start; justify-content: space-between; }
.div-header-search .div-header-search-container .div-header-search-btn-component { width: 134px; display: flex; justify-content: center; flex-shrink: 0; font-style: normal; text-transform: capitalize; letter-spacing: 0px; text-align: center; padding: 6px 7px; border-radius: 5px; }
.div-header-search .div-header-search-container .div-header-search-form-mb { margin: -1px 0 -1px -1px; width: 780px; flex-shrink: 0; color: var(--font-color); font-size: 14px; font-family: 'Nunito Sans'; font-weight: 600; line-height: normal; text-align: left; background-color: var(--white-color); padding: 10px 18px; border: 1px solid rgba(var(--secondary-color-rgb), 0.16); border-radius: 5px; }
.div-header-search .div-header-search-container .div-header-search-btn-component.div-header-search-btn-component1 { width: 128px; color: var(--www-mycarguru-ai-white); background-color: var(--primary-color); padding-top: 7px; padding-bottom: 7px; }
.div-header-search .div-header-search-container .div-header-search-btn-component.div-header-search-btn-component2 { color: var(--font-color); border: 1px solid var(--border-right-leftbox); }
.div-header-search .div-header-search-container .div-header-search-btn-component.div-header-search-btn-component3 { color: var(--primary-color); border: 1px solid var(--primary-color); }

/* breakpoints */
@media screen and (max-width: 1280px) {
	.header__main-site .header__main .container .header__main-inner .header__nav .header__nav-list{font-size: 15px;}
	.header__main-site .header__main .container .header__main-inner .header__contact .header__contact-text .header__contact-number{font-size: 18px;}
	.header__main-site .header__topbar .container .header__topbar-inner{gap: 136px;}
	.header__main-site .header__topbar .header__topbar-bg{max-width: 71%;}
	.welcome__site-section .container .welcome__row{gap: unset;justify-content: space-between;}
	.welcome__site-section .welcome__img.welcome__img--center{    max-width: 390px;}
	.welcome__site-section:after{height: 480px;}
	.welcome__site-section .container .welcome__row { padding-inline: var(--margin-sm); }
	.welcome__site-section .welcome__img.welcome__img--center { margin-inline: 0; }
	.stock-card-row{gap: 23px;}
	.brand-type-site-section .brand-type-row{justify-content: center;}
	.services__site-section .services__car{max-height: 248px;}
	.div-header-search { padding-inline: var(--margin-sm); }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__circle-group .how-to-buy__circle-brand .how-to-buy__circle-img { margin-inline: 0; }
	.footer__site-section .footer__contact-card-body .footer__contact-card-heading { margin-inline: 0; }
	.footer__site-section .footer__brand-card { padding-inline: var(--margin-sm); }
	.how-to-buy__site-section .how-to-buy__step--5 .how-to-buy__step-text { margin-inline: 0; }
}

@media screen and (max-width: 991px) {
	.header__main-site .header__topbar .container .header__topbar-inner .header__info-list{width: 67%;}
	.header__main-site .header__topbar .header__topbar-bg{height: 27px;}
	.welcome__site-section .container .welcome__row{gap: 5px;}
	.welcome__site-section .welcome__img.welcome__img--left, .welcome__site-section .welcome__img.welcome__img--right{display: none;}
	.welcome__site-section{padding-top: 491px;}
	.how-to-buy__site-section .container .how-to-buy__row-inner{margin-top: 50px;}
	/* .how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row{flex-direction: ;} */
	.how-to-buy__circle-group{display: none;}
	.footer__site-section .footer__container .footer__row .footer__brand-card{width: 100%;}
	.footer__site-section .footer__container .footer__bottom-row{justify-content: center;gap: 10px;}
}
@media screen and (max-width: 480px) {
	.header__main-site .header__topbar .container .header__topbar-inner .header__topbar-whatsapp{font-size: 26px;}
	.welcome__site-section .welcome__img.welcome__img--center{top: 30px;}
	.services__site-section, .brand-type-site-section, .stock-site-section1, .testimonial__site-section{padding: 30px 0;}
	.section-heading{width: 100%;}
	.welcome__site-section .container .welcome__row{flex-direction: column;}
	.subtitle-primary-color2, .subtitle-primary-color1 { font-size: 25px;margin: 0; }
	.sub-text-secondary-color, .sub-text-secondary-color2 { font-size: 16px; }
	.text-explore-our-a, .text-explore-our-b{font-size: 13px;}
	.how-to-buy__site-section { display: none; }
	.footer__site-section .footer__container .footer__row{display: none;}
}
@media screen and (max-width: 360px) {
	.header__main-site .header__main .container .header__main-inner .header__logo img{max-height: 75%;}
	.stock-card-row{gap: 5px;row-gap: 10px;}
	.stock-site-section .stock-card-row .stock-card-col{width: 49%;}
	.brand-type-site-section .brand-type-row .brand-type-col{width: 47%;}
	.subtitle-primary-color2, .subtitle-primary-color1{font-size: 20px;}
	.footer__site-section .footer__contact-card-actions .btn-banner.btn-banner8{font-size: 19px;}
	.footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-card-actions{align-items:center;}
}

/* container queries */
@container header-topbar (width < 803px) {
	.header__main-site .header__topbar .container .header__topbar-inner { /* flex-direction: column; */ align-items: center; gap: 13px; }
	.header__main-site .header__topbar .container .header__topbar-inner > * { margin-right: unset !important; text-align: center; }
	.header__main-site .header__topbar-inner .header__info-list { width: 100%; }
}
@container header-topbar-inner (width < 480px) {
	.header__main-site .header__topbar-inner .header__info-list { flex-direction: column; align-items: center; gap: 13px; }
	.header__main-site .header__info-list > * { text-align: center; }
}
@container header-main (width < 987px) {
	.header__main-site .header__main .container .header__main-inner { position: relative; gap: 15px; }
}
@media screen and (max-width: 987px) {
	.header__main-site .header__main .container .header__main-inner .header__nav-toggle { display: flex !important; }
	.header__main-site .header__main .container .header__main-inner .header__nav { display: none !important; }
	.header__main-site .header__main .container .header__main-inner .header__contact { display: none !important; }
}
@media screen and (min-width: 988px) {
	.header__main-site .header__main .container .header__main-inner .header__nav-toggle { display: none !important; }
}
@container header-main-inner (width < 622px) {
	.header__main-site .header__main-inner .header__contact .header__contact-text .header__contact-label { display: none; }
}
@container welcome (width < 991px) {
	.welcome__site-section { padding-top: 40px; gap: 24px; }
	.welcome__site-section:after { display: none; }
	.welcome__site-section .welcome__img { position: static; top: unset; left: unset; translate: none; rotate: 0deg !important; z-index: unset !important; width: 100%; max-width: 320px; margin: 0 auto 20px !important; border-radius: 24px; }
	.welcome__site-section .welcome__img.welcome__img--center { width: 100%; max-width: 380px; border-radius: 24px; }
	.welcome__site-section .container .welcome__row { flex-direction: column; align-items: flex-start; gap: 37px; background: linear-gradient(rgba(var(--primary-color-rgb), 0.91), rgba(var(--primary-color-rgb), 0.91)) top left / auto auto no-repeat, url(../images/home/welcome-bg.jpg) center / cover no-repeat; border-radius: 12px; padding: 31px 24px; }
	.welcome__site-section .container .welcome__row > * { margin-left: unset !important; margin-top: unset !important; }
	.welcome__site-section .container .welcome__row > .welcome__col-left { width: 100%;/*  max-width: 363px; */ }
	.welcome__site-section .container .welcome__row > .welcome__col-right { width: 100%; /* max-width: 338px;  */}
}

@container welcome (width < 480px) {
	.welcome__site-section .welcome__img { max-width: 240px; }
	/* .welcome__site-section .welcome__img.welcome__img--center { max-width: 280px; } */
	.welcome__site-section .container .welcome__row { gap: 28px; padding: 20px 16px; }
	.welcome__site-section .container .welcome__row .welcome__col-left .welcome__heading .welcome__title { font-size: 28px; line-height: 22px; }
	.welcome__site-section .container .welcome__row .welcome__col-left .welcome__text { font-size: 15px; }
	.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column .welcome__column-row { font-size: 20px; }
	.welcome__site-section .container .welcome__row .welcome__col-right .welcome__column .welcome__column-text { font-size: 15px; }
	.welcome__site-section .welcome__img.welcome__img--right, .welcome__site-section .welcome__img.welcome__img--left{display: none;}
	.services__site-section .container .services__row .services__card-row .services__card-col{max-width: 100%;width: 100%;}
}
@container brand-type-site-section (width < 991px) {
	.brand-type-site-section .brand-type-row{justify-content: center;}
}
@container brand-type-site-section (width < 700px) {
	.brand-type-site-section .brand-type-row { gap: 18px; }
	.brand-type-site-section .brand-type-row .brand-type-col { width: 108px; height: 270px; border-radius: 54px; }
	.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__arrow { width: 32px; height: 32px; }
}
@container brand-type-site-section (width < 480px) {
	.brand-type-site-section .brand-type-heading .brand-type-subtitle { --min-font-size: 21; --max-font-size: 26; }
	.brand-type-site-section .brand-type-row{gap: 12px;justify-content: center;}
	.brand-type-site-section .brand-type-row .brand-type-col { width: 30%; height: 220px; border-radius: 42px; }
	.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__arrow { width: 28px; height: 28px; }
	.brand-type-site-section .brand-type-row .brand-type-col .brand-type-col__label { font-size: 13px; }
}
@container services (width < 850px) {
	.services__site-section { padding: 50px 40px; }
	.services__site-section .container .services__row { flex-direction: column; align-items: center; gap: 36px; }
	.services__site-section .container .services__row .line.services__line { display: none; }
	.services__site-section .container .services__row .services__col-left { width: 100%; max-width: 600px; align-items: center; text-align: center; }
	.services__site-section .container .services__row .services__col-left .services__text.services__text--experience { width: 100%; max-width: 460px; }
	.services__site-section .container .services__row .services__card-row { width: 100%; justify-content: center; }
	.services__site-section .services__car { position: static; rotate: 0deg; width: 100%; max-width: 420px; margin: 32px auto 0; }
	.services__site-section .container .services__row .services__card-row .services__card-col { width: 48%; max-width: 420px; }
	.services__site-section .services__car{display: none;}
}
@container services (width < 480px) {
	.services__site-section .container .services__row .services__card-row .services__card-col { width: 100%; max-width: 420px; }
	.services__site-section .services__car{display: none;}
	.brand-type-site-section .brand-type-row{justify-content: center;}
}
@container services (width < 480px) {
	.services__site-section { padding: 40px 20px; }
	.services__site-section .container .services__row .services__col-left .services__text.services__text--experience { max-width: 100%; }
	.services__site-section .services__card-row .services__card-col .services__card-body .services__card-head .services__card-title { font-size: 17px; }
	.services__site-section .services__card-row .services__card-col .services__card-body .services__card-text { width: 100%; font-size: 14px; }
	.services__site-section .services__card-row .services__card-col .services__card-body .services__card-num { font-size: 48px; }
}
@container testimonial (width < 1150px) {
	.testimonial__site-section { padding: 50px 24px; }
	.testimonial__site-section .testimonial__row { flex-direction: column; align-items: stretch; gap: 32px; }
	.testimonial__site-section .testimonial__row .testimonial__col-left { width: 100%; max-width: 460px; }
}
@container testimonial (width < 991px) {
	.testimonial__site-section .testimonial__row .testimonial__col-left{gap: 20px;max-width: 100%;}
	.testimonial__site-section .testimonial__slider .testimonial__card { flex-direction: column; align-items: flex-start; gap: 18px; padding: 18px; }
	.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-media { width: 100%; height: 200px; }
}
@container testimonial (width < 480px) {
	.testimonial__site-section { padding: 40px 16px; }
	.testimonial__site-section .testimonial__slider .testimonial__card .testimonial__card-body .testimonial__card-title { font-size: 20px; }
	.testimonial__site-section .testimonial__card-foot { flex-wrap: wrap; gap: 14px; }
	.testimonial__site-section .testimonial__btn-row { flex-wrap: wrap; gap: 16px; }
	.testimonial__site-section{gap: 20px;}
	.testimonial__site-section .container .testimonial__btn-row{justify-content: center;}
}
@container div-header-search (width < 1176px) {
	.div-header-search .div-header-search-container { flex-direction: column; align-items: center; gap: 14px; }
	.div-header-search .div-header-search-container > * { margin-left: unset !important; margin-top: unset !important; text-align: center; }
	.div-header-search .div-header-search-container > .div-header-search-form-mb { width: 100%; max-width: 780px; }
}
@container stock-site-section (width < 960px) {
	.stock-site-section .stock-card-row .stock-card-col { width: 47%; }
}
@container stock-site-section (width < 686px) {
	.stock-site-section1 .stock-list-row-top { flex-direction: column; align-items: center; gap: 15px; }
	.stock-site-section1 .stock-list-row-top > * { margin-left: unset !important; margin-top: unset !important; text-align: center; }
	.stock-site-section1 .stock-list-row-top > .section-heading1 { width: 100%; max-width: 491px; align-items: center; }
	.stock-site-section1 .stock-card-row .stock-card-col { width: 48%; }
	.stock-site-section1 .stock-list-row-top > .section-heading1{gap: 13px;}
}
@container stock-site-section (width < 480px) {
	.stock-card-row { gap: 10px; row-gap: 15px; margin-top: 20px;justify-content: space-between; }
	.stock-card-row .stock-card-col { padding: 3px; }
	.stock-card-row .stock-card-col .stock-card__media .stock-card__img { min-height: 100px; max-height: 130px; }
	.stock-card-row .stock-card-col .stock-card__media .stock-card__badge { font-size: 11px; gap: 4px; padding: 3px 8px; }
	.stock-card-row .stock-card-col .stock-card__meta { gap: 6px; margin-top: 10px; }
	.stock-card-row .stock-card-col .stock-card__meta .stock-card__meta-item { gap: 4px; font-size: 11px; padding: 8px 5px; }
	.stock-card-row .stock-card-col .stock-card__meta .stock-card__meta-item .stock-card__meta-icon { width: 14px; height: 14px; }
	.stock-card-row .stock-card-col .stock-card__title { margin-top: 10px; font-size: 14px; }
	.stock-card-row .stock-card-col .stock-card__price-row { margin-top: 8px; padding-top: 8px; }
	.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price { font-size: 15px; }
	.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price .stock-card__price-label { font-size: 12px; }
	.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price-btn { width: 24px; height: 24px; }
	.stock-card-row .stock-card-col .stock-card__price-row .stock-card__price-btn svg { width: 12px; height: 12px; }
}
@container how-to-buy (width < 708px) {
	.how-to-buy__site-section .container .how-to-buy__heading-row { flex-direction: column; align-items: center; gap: 15px; }
	.how-to-buy__site-section .container .how-to-buy__heading-row > * { margin-left: unset !important; margin-top: unset !important; text-align: center; }
	.how-to-buy__site-section .container .how-to-buy__heading-row > .section-heading1 { width: 100%; max-width: 491px; align-items: center; }
}
@container how-to-buy-row-inner (width < 933px) {
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row { /* flex-direction: column; */ align-items: center; gap: 40px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-title{font-size: 16px;}
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-text{font-size: 12px;}
	.how-to-buy__site-section .container .how-to-buy__row-inner > * { margin-left: 0 !important; margin-right: 0 !important; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row > * { margin-top: unset !important; text-align: center; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-left .how-to-buy__step.how-to-buy__step--1 { align-self: center; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-left .how-to-buy__step.how-to-buy__step--2 { align-self: center; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-left { width: 100%; align-items: center; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__circle-group { width: 100%; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-right .how-to-buy__step.how-to-buy__step--3 { align-self: center; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-right .how-to-buy__step.how-to-buy__step--4 { align-self: center; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__col-right { width: 100%; align-items: center; }
	.how-to-buy__site-section .container .how-to-buy__row-inner { gap: 40px; margin-top: 20px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-title { font-size: 22px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-text { font-size: 15px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__circle-group { zoom: 0.85; }
}
@container how-to-buy-row-inner (width < 480px) {
	.how-to-buy__site-section { padding: 40px 16px 32px 16px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner { gap: 32px;margin-top: 50px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row { gap: 28px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-title { font-size: 20px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__step .how-to-buy__step-text { font-size: 14px; }
	.how-to-buy__site-section .container .how-to-buy__row-inner .how-to-buy__row .how-to-buy__circle-group { zoom: 0.7; }
}
@container footer (width < 1024px) {
	.footer__site-section .footer__contact-card { flex-direction: column; align-items: center; gap: 26px; padding: 12px 14px; }
	.footer__site-section .footer__contact-card > .footer__contact-card-icon { width: 100%; max-width: 240px;display: none; }
	.footer__site-section .footer__contact-card > .footer__contact-card-body { width: 95%; /* max-width: 522px; */ }
	.footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-card-heading{margin: auto;}
	.footer__site-section .footer__container .footer__row { flex-wrap: wrap; align-items: flex-start; gap: 24px; }
	.footer__site-section .footer__row > * { margin-left: unset !important; text-align: center; }
	.footer__site-section .footer__brand-card .footer__brand-logo-frame { margin-bottom: 0; }
	.footer__site-section .footer__row > .footer__brand-card { width: 100%; max-width: none; }
	.footer__site-section .footer__row > .footer__contact-col { width: 65%; max-width: none; /* align-items: center; */ }

	.footer__site-section .footer__contact-group .footer__contact-row--address p{width: 97%;}
	/* .footer__site-section .footer__contact-col .footer__contact-group { align-items: center; margin-inline: auto; } */
	.footer__site-section .footer__contact-group .footer__contact-row--address, .footer__site-section .footer__contact-subgroup .footer__contact-row--mail, .footer__site-section .footer__contact-subgroup .footer__contact-row--phone { justify-content: center; }
	.footer__site-section .footer__contact-col .footer__member-row { align-self: center; }
	.footer__site-section .footer__row > .footer__links-col { width: 27%; max-width: none; /* align-items: center; */ }
}
@container footer (width < 480px) {
	.footer__site-section { padding: 0 16px 20px 16px; }
	.footer__site-section .footer__contact-card { padding: 20px 16px 20px 16px; }
	.footer__site-section .footer__contact-card-icon { width: 160px; }
	.footer__site-section .footer__contact-card-actions { flex-direction: column; width: 100%; }
	.footer__site-section .footer__contact-card-actions .btn-banner { width: 100%; }
	.footer__site-section .footer__contact-card .footer__contact-card-body .footer__contact-card-actions{align-items: center;}
}
@container footer-container2 (width < 495px) {
	.footer__site-section .footer__bottom-row .footer__legal-list { justify-content: center; align-items: center; gap: 5px;flex-wrap: wrap; }
	.footer__site-section .footer__legal-list > * { text-align: center; }
	.footer__site-section .footer__container .footer__divider{display: none;}
	
}

/* ============================================================
   INNER PAGES (common) — about-us, contact-us, our-team,
   bank-information, how-to-buy, faq, service, photo-gallery,
   sitemap, privacy, terms, disclaimer, 404
   ============================================================ */

/* page title (replaces home-only section-heading for standalone inner pages) */
.page-title-section { container: page-title / inline-size; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; /* padding: 44px 24px 10px; */ padding-bottom: 20px;}
.page-title-section .page-title-sub { max-width: 640px; color: var(--font-color); font-size: 16px; line-height: 1.6; margin: 4px auto 0; text-align: center; }
.in_heading { position: relative; font-size: 28px; font-weight: 700; color: var(--primary-color); text-align: center; margin: 25px 0 30px; }
.in_heading span { position: relative; z-index: 1; border-bottom: 1px solid var(--primary-color); letter-spacing: 1.03px; }

/* alert boxes */
.ip-alert { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; border-radius: 10px; margin-bottom: 24px; font-size: 14px; line-height: 1.65; }
.ip-alert-icon { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }
.ip-info { background: var(--accent-tint-bg); border: 1px solid rgba(var(--primary-color-rgb), .25); }
.ip-info .ip-alert-icon { background: var(--primary-color); color: var(--white-color); }
.ip-warning { background: #fffbeb; border: 1px solid rgba(240, 165, 0, .25); }
.ip-warning .ip-alert-icon { background: #f0a500; color: var(--white-color); }

/* section heading components (secondary headings within an inner page) */
.ip-sec-head { margin-bottom: 28px; }
.ip-sec-head.center { text-align: center; }
.ip-sec-head.center .ip-sec-tag { justify-content: center; }
.ip-sec-tag { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--primary-color); display: flex; align-items: center; gap: 7px; margin-bottom: 8px; }
.ip-sec-tag::before { content: ''; display: inline-block; width: 16px; height: 2px; background: var(--primary-color); border-radius: 2px; }
.ip-sec-title { font-size: 22px; font-weight: 600; color: var(--secondary-color); margin: 0 0 10px; line-height: 1.3; }
.ip-sec-title span { color: var(--primary-color); }
.ip-sec-sub { font-size: 14px; color: var(--font-color); line-height: 1.85; margin: 0; }
.ip-divider { border: none; border-top: 1px solid var(--border-color); margin: 40px 0; }
.ip-feature-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.ip-feature-item { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--font-color); line-height: 1.7; }
.ip-feature-item::before { content: '\2713'; width: 20px; height: 20px; border-radius: 50%; background: var(--primary-color); color: var(--white-color); font-size: 10px; font-weight: 900; text-align: center; line-height: 20px; flex-shrink: 0; margin-top: 1px; }
.ip-feature-item strong { color: var(--secondary-color); }
.ip-section-light { background: var(--gray-100); border-radius: 16px; padding: 36px; margin-bottom: 36px; border: 1px solid var(--gray-200); }
.ip-section-accent { background: var(--accent-tint-bg); border-radius: 16px; padding: 36px; margin-bottom: 36px; border: 1px solid rgba(var(--primary-color-rgb), .2); }
.ip-cta-block { background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); border-radius: 16px; padding: 38px 44px; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 40px 0; box-shadow: 0 6px 28px rgba(var(--primary-color-rgb), .25); flex-wrap: wrap; }
.ip-cta-text { flex: 1; min-width: 220px; }
.ip-cta-title { font-size: 21px; font-weight: 700; color: var(--white-color); margin: 0 0 8px; line-height: 1.3; }
.ip-cta-sub { font-size: 14px; color: rgba(255, 255, 255, .82); margin: 0; line-height: 1.6; }
.ip-cta-block .btn-banner { background-color: var(--white-color); border-color: var(--white-color); }

/* company profile text (paragraphs under the "Company Profile" heading) */
.ci-profile-text { display: flex; flex-direction: column; gap: 16px; margin-bottom: 36px; }
.ci-profile-text p { font-size: 15px; color: var(--font-color); line-height: 1.8; margin: 0; }

/* ═══════ ABOUT US PAGE ═══════ */
.au-page .au-hero-banner { display: grid; grid-template-columns: 1fr 1.65fr; gap: 44px; align-items: center; background: var(--accent-tint-bg); border-radius: 18px; padding: 44px; position: relative; overflow: hidden; margin-bottom: 24px; border: 1px solid rgba(var(--primary-color-rgb), .2); }
.au-page .au-hero-banner .au-hero-bottom { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 24px; margin-top: 8px; }
.au-page .au-hero-banner .au-hero-bottom .ip-feature-list--row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 40px; }
@media (max-width: 600px) { .au-page .au-hero-banner .au-hero-bottom .ip-feature-list--row { grid-template-columns: 1fr; } .ci-profile-text{margin-bottom: 0;}}
.au-page .au-hero-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.au-page .au-sh { position: absolute; }
.au-page .au-sh--ring-lg { width: 320px; height: 320px; border-radius: 50%; border: 1px solid rgba(var(--primary-color-rgb), .12); top: -80px; right: -60px; animation: auShapeRotate 20s linear infinite; }
.au-page .au-sh--ring-md { width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(var(--primary-color-rgb), .1); bottom: -40px; left: 4%; animation: auShapeRotate 15s linear infinite reverse; }
.au-page .au-sh--ring-sm { width: 100px; height: 100px; border-radius: 50%; border: 1px solid rgba(var(--primary-color-rgb), .1); top: 40%; left: 8%; animation: auShapeRotate 10s linear infinite; }
.au-page .au-sh--dot-1 { width: 12px; height: 12px; background: var(--primary-color); border-radius: 50%; top: 22%; left: 12%; opacity: .25; animation: auFloat 6s ease-in-out infinite; }
.au-page .au-sh--dot-2 { width: 8px; height: 8px; background: var(--primary-color); border-radius: 50%; bottom: 22%; right: 16%; opacity: .3; animation: auFloat 8s ease-in-out infinite 1s; }
.au-page .au-sh--dot-3 { width: 6px; height: 6px; background: var(--secondary-color); border-radius: 50%; top: 55%; left: 42%; opacity: .2; animation: auFloat 7s ease-in-out infinite .5s; }
.au-page .au-sh--cross-1 { top: 30%; right: 20%; animation: auCross 6s ease-in-out infinite; }
.au-page .au-sh--cross-1::before, .au-page .au-sh--cross-1::after { content: ''; position: absolute; background: rgba(var(--primary-color-rgb), .25); border-radius: 2px; }
.au-page .au-sh--cross-1::before { width: 18px; height: 2px; top: 0; left: 0; }
.au-page .au-sh--cross-1::after { width: 2px; height: 18px; top: -8px; left: 8px; }
@keyframes auShapeRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes auFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes auCross { 0%, 100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.2) rotate(15deg); } }
.au-page .au-hero-img-col { position: relative; z-index: 1; }
.au-page .au-hero-img-wrap { position: relative; display: inline-block; width: 100%; }
.au-page .au-hero-img { max-width: 100%; height: auto; min-height: 300px; margin: auto; max-height: 510px; border-radius: 14px; display: block; object-fit: cover; /* box-shadow: 0 8px 32px rgba(0, 0, 0, .15);  */}
.au-page .au-hero-content { z-index: 1; display: flex; flex-direction: column; gap: 14px; }
.au-page .au-eyebrow { font-size: 14px; font-weight: 700; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1.5px; display: flex; align-items: center; gap: 8px; margin: 0; }
.au-page .au-eyebrow::before { content: ''; display: inline-block; width: 24px; height: 2px; background: var(--primary-color); border-radius: 2px; }
.au-page .au-hero-title { font-size: clamp(28px, 4vw, 40px); font-weight: 600; color: var(--secondary-color); margin: 0; line-height: 1.25; }
.au-page .au-hero-title span { color: var(--primary-color); }
.au-page .au-desc { font-size: 16px; color: var(--font-color); line-height: 1.9; margin: 0; }
.au-page .au-stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 26px; }
.au-page .au-stat-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: 14px; padding: 24px 18px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; transition: border-color .3s, transform .3s, box-shadow .3s; }
.au-page .au-stat-card:hover { border-color: rgba(var(--primary-color-rgb), .4); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(var(--primary-color-rgb), .12); }
.au-page .au-stat-icon { width: 48px; height: 48px; background: var(--accent-tint-bg); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.au-page .au-stat-icon svg { width: 24px; height: 24px; fill: var(--primary-color); }
.au-page .au-stat-val { font-size: 19px; font-weight: 700; color: var(--primary-color); line-height: 1.2; }
.au-page .au-stat-lbl { font-size: 14px; color: var(--font-color); font-weight: 500; }
.au-page .au-details-video-row { display: grid; grid-template-columns: 1.15fr .85fr; gap: 28px; margin-bottom: 36px; align-items: start; }
.au-page .au-details-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: 14px; overflow: hidden; box-shadow: 0 2px 16px rgba(0, 0, 0, .05); }
.au-page .au-details-card-head { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--gray-150); background: var(--accent-tint-bg); }
.au-page .au-card-icon { width: 40px; height: 40px; background: rgba(var(--primary-color-rgb), .12); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.au-page .au-card-icon svg { width: 20px; height: 20px; fill: var(--primary-color); }
.au-page .au-card-title { font-size: 19px; font-weight: 700; color: var(--secondary-color); margin: 0; }
.au-page .au-info-list { list-style: none; margin: 0; padding: 0; }
.au-page .au-info-item { display: flex; align-items: flex-start; gap: 12px; padding: 11px 22px; border-bottom: 1px solid var(--gray-150); transition: background .15s; }
.au-page .au-info-item:last-child { border-bottom: none; }
.au-page .au-info-item:hover { background: var(--accent-tint-bg); }
.au-page .au-info-lbl { min-width: 30%; font-size: 13px; font-weight: 700; color: var(--primary-color); flex-shrink: 0; text-transform: uppercase; letter-spacing: .4px; padding-top: 2px; }
.au-page .au-info-val { font-size: 15px; color: var(--font-color); line-height: 1.7; }
.au-page .au-info-val strong { color: var(--secondary-color); }
.au-page .au-info-val a { color: var(--primary-color); text-decoration: none; font-weight: 600; }
.au-page .au-info-val a:hover { text-decoration: underline; }
.au-page .au-contact-side { display: flex; flex-direction: column; gap: 14px; }
.au-page .au-contact-side .btn-banner { width: 100%; }
.au-page .au-contact-person-card { background: var(--accent-tint-bg); border: 1px solid rgba(var(--primary-color-rgb), .2); border-radius: 13px; padding: 20px; display: flex; align-items: center; gap: 16px; }
.au-page .au-contact-avatar { width: 56px; height: 56px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; color: var(--white-color); flex-shrink: 0; }
.au-page .au-contact-info { display: flex; flex-direction: column; gap: 3px; }
.au-page .au-contact-name { font-size: 18px; font-weight: 700; color: var(--secondary-color); }
.au-page .au-contact-role { font-size: 13px; font-weight: 700; color: var(--primary-color); background: rgba(var(--primary-color-rgb), .12); padding: 2px 10px; border-radius: 50px; display: inline-block; }
.au-page .au-contact-company { font-size: 14px; color: var(--font-color); }
.au-page .au-info-cards-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 26px; }
.au-page .au-info-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: 12px; padding: 20px; display: flex; gap: 16px; align-items: flex-start; transition: border-color .3s, transform .3s, box-shadow .3s; }
.au-page .au-info-card:hover { border-color: rgba(var(--primary-color-rgb), .4); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 0, 0, .06); }
.au-page .au-info-card-icon { width: 44px; height: 44px; background: rgba(var(--primary-color-rgb), .12); border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.au-page .au-info-card-icon svg { width: 22px; height: 22px; fill: var(--primary-color); }
.au-page .au-info-card-title { font-size: 17px; font-weight: 700; color: var(--secondary-color); margin: 0 0 6px; }
.au-page .au-info-card-text { font-size: 15px; color: var(--font-color); line-height: 1.8; margin: 0; }
.au-page .au-payment-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.au-page .au-payment-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: 14px; padding: 28px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; transition: border-color .3s, transform .3s, box-shadow .3s; }
.au-page .au-payment-card:hover { border-color: rgba(var(--primary-color-rgb), .4); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(var(--primary-color-rgb), .12); }
.au-page .au-payment-icon { width: 52px; height: 52px; background: var(--accent-tint-bg); border-radius: 14px; display: flex; align-items: center; justify-content: center; }
.au-page .au-payment-icon svg { width: 26px; height: 26px; fill: var(--primary-color); }
.au-page .au-payment-name { font-size: 19px; font-weight: 700; color: var(--secondary-color); }
.au-page .au-payment-desc { font-size: 14px; color: var(--font-color); }
.au-page .au-motto { background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); border-radius: 14px; padding: 22px 32px; display: flex; align-items: center; gap: 20px; margin-bottom: 36px; box-shadow: 0 6px 24px rgba(var(--primary-color-rgb), .25); }
.au-page .au-motto-star { width: 28px; height: 28px; fill: rgba(255, 255, 255, .6); flex-shrink: 0; }
.au-page .au-motto-text { font-size: 18px; font-weight: 500; color: var(--white-color); margin: 0; line-height: 1.5; font-style: italic; }
@media (max-width: 1024px) { .au-page .au-stats-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .au-page .au-payment-cards { grid-template-columns: 1fr; } .au-page .au-details-video-row { grid-template-columns: 1fr; } .au-page .au-hero-banner { grid-template-columns: 1fr; padding: 28px; } .au-page .au-info-cards-row { grid-template-columns: 1fr; } .au-page .ip-cta-block { padding: 28px; justify-content: center; text-align: center; } .au-page .ip-cta-block .btn-banner { width: 100%; } .au-page .au-motto { flex-wrap: wrap; justify-content: center; text-align: center; padding: 20px; } }
@media (max-width: 480px) { .au-page .au-stats-row { grid-template-columns: 1fr 1fr; } .au-page .au-hero-banner { padding: 20px;gap: 18px; } .au-page .au-details-card-head { padding: 16px 18px; } .au-page .au-info-item { padding: 10px 18px; flex-direction: column; gap: 2px; } .au-page .au-info-lbl { min-width: unset; } .au-page .au-info-cards-row .au-info-card { flex-direction: column; align-items: flex-start; } }

/* ═══════ HOW TO BUY PAGE ═══════ */
.hbs-page .hbs-steps-wrap { display: flex; flex-direction: column; gap: 0; margin-bottom: 36px; }
.hbs-page .hbs-connector { height: 36px; display: flex; align-items: center; justify-content: center; position: relative; }
.hbs-page .hbs-connector::before { content: ''; display: block; width: 0; height: 36px; border-left: 2px dashed rgba(var(--primary-color-rgb), .35); position: absolute; left: 48px; }
.hbs-page .hbs-connector.hbs-connectorright::before { right: 48px !important; left: auto; }
.hbs-page .hbs-step { display: grid; grid-template-columns: .6fr 1fr; border: 1px solid var(--border-color); border-radius: 16px; overflow: hidden; background: var(--white-color); box-shadow: 0 2px 16px rgba(0, 0, 0, .06); transition: box-shadow .3s; }
.hbs-page .hbs-step.hbs-step--reverse { grid-template-columns: 1fr .6fr; }
.hbs-page .hbs-step:hover { box-shadow: 0 6px 28px rgba(0, 0, 0, .1); }
.hbs-page .hbs-img-col { position: relative; overflow: hidden; min-height: 280px; }
.hbs-page .hbs-img-col img { max-width: 100%; height: 100%; object-fit: cover; display: block; min-height: 280px; max-height: 440px; }
.hbs-page .hbs-step-badge { position: absolute; bottom: 20px; left: 20px; background: var(--primary-color); color: var(--white-color); border-radius: 8px; padding: 10px 16px; display: flex; flex-direction: column; align-items: center; min-width: 56px; line-height: 1; }
.hbs-page .hbs-step--reverse .hbs-step-badge { left: auto; right: 20px; }
.hbs-page .hbs-step-num { font-size: 24px; font-weight: 700; line-height: 1.1; }
.hbs-page .hbs-step-lbl { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; opacity: .8; margin-top: 2px; }
.hbs-page .hbs-content-col { padding: 40px 44px; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.hbs-page .hbs-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--primary-color); }
.hbs-page .hbs-eyebrow-icon { width: 24px; height: 24px; background: rgba(var(--primary-color-rgb), .12); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hbs-page .hbs-eyebrow-icon svg { width: 13px; height: 13px; stroke: var(--primary-color); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.hbs-page .hbs-step-title { font-size: 26px; font-weight: 600; color: var(--secondary-color); margin: 0; line-height: 1.25; }
.hbs-page .hbs-step-desc { font-size: 16px; color: var(--font-color); line-height: 1.9; margin: 0; }
.hbs-page .hbs-pro-tip { background: var(--accent-tint-bg); border: 1px solid rgba(var(--primary-color-rgb), .18); border-left: 3px solid var(--primary-color); border-radius: 0 8px 8px 0; padding: 12px 16px; display: flex; align-items: flex-start; gap: 10px; }
.hbs-page .hbs-pro-tip-icon { width: 20px; height: 20px; border-radius: 50%; background: rgba(var(--primary-color-rgb), .2); color: var(--primary-color); font-size: 11px; font-weight: 900; font-style: italic; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.hbs-page .hbs-pro-tip-text { font-size: 14px; color: var(--font-color); line-height: 1.75; margin: 0; }
.hbs-page .hbs-pro-tip-text strong { color: var(--secondary-color); }
.hbs-page .ip-cta-block.hbs-cta { background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%); }
@media (max-width: 767px) { .hbs-page .hbs-step { grid-template-columns: 1fr; } .hbs-page .hbs-step.hbs-step--reverse { grid-template-columns: 1fr; } .hbs-page .hbs-content-col { padding: 28px 24px; } .hbs-page .hbs-connector::before { left: 24px; } .hbs-page .ip-cta-block { padding: 28px; justify-content: center; text-align: center; } .hbs-page .ip-cta-block .btn-banner { width: 100%; } }

/* ═══════ CONTACT PAGE ═══════ */
.ct-page{margin-bottom: 50px;}
.ct-page .ct-main-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 36px; align-items: stretch; }
.ct-page .ct-form-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: 16px; overflow: hidden; box-shadow: 0 2px 16px rgba(0, 0, 0, .06); }
.ct-page .ct-form-card-head { display: flex; align-items: flex-start; gap: 16px; padding: 28px 32px 20px; border-bottom: 1px solid var(--gray-150); }
.ct-page .ct-form-icon { width: 48px; height: 48px; background: var(--accent-tint-bg); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ct-page .ct-form-icon svg { width: 22px; height: 22px; stroke: var(--primary-color); fill: none; }
.ct-page .ct-form-title { font-size: 19px; font-weight: 700; color: var(--secondary-color); margin: 0 0 4px; line-height: 1.2; }
.ct-page .ct-form-sub { font-size: 13px; color: var(--font-color); margin: 0; }
.ct-page .ct-form-body { padding: 24px 15px 28px; }
.ct-page .ct-info-col { display: flex; flex-direction: column; gap: 16px; }
.ct-page .ct-info-card { background: var(--accent-tint-bg); border: 1px solid rgba(var(--primary-color-rgb), .2); border-radius: 16px; padding: 28px; flex: 1; }
.ct-page .ct-info-card-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }
.ct-page .ct-info-icon { width: 44px; height: 44px; background: var(--primary-color); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ct-page .ct-info-icon svg { width: 20px; height: 20px; stroke: var(--white-color); fill: none; }
.ct-page .ct-info-title { font-size: 17px; font-weight: 700; color: var(--secondary-color); margin: 0 0 3px; line-height: 1.2; }
.ct-page .ct-info-sub { font-size: 12px; color: var(--font-color); margin: 0; }
.ct-page .ct-company-name-wrap { background: var(--primary-color); border-radius: 8px; padding: 10px 16px; margin-bottom: 14px; }
.ct-page .ct-company-name { font-size: 14px; font-weight: 700; color: var(--white-color); display: block; }
.ct-page .ct-highlights { display: flex; flex-direction: column; background: var(--white-color); border-radius: 10px; }
.ct-page .ct-highlight-item { display: flex; align-items: center; gap: 14px; padding: 14px 20px; border-bottom: 1px solid var(--gray-150); transition: background .2s; }
.ct-page .ct-highlight-item:last-child { border-bottom: none; }
.ct-page .ct-highlight-icon { width: 36px; height: 36px; background: var(--accent-tint-bg); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background .2s; }
.ct-page .ct-highlight-icon svg { width: 16px; height: 16px; stroke: var(--primary-color); fill: none; stroke-width: 2; }
.ct-page .ct-highlight-label { display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--primary-color); margin-bottom: 2px; }
.ct-page .ct-highlight-val { display: block; font-size: 13px; font-weight: 600; color: var(--secondary-color); }
.ct-page .ct-highlight-item:hover .ct-highlight-icon { background: var(--primary-color); }
.ct-page .ct-highlight-item:hover .ct-highlight-icon svg { stroke: var(--white-color); }
.ct-page a.ct-highlight-item { text-decoration: none; }
.ct-page a.ct-highlight-item:hover { background: rgba(var(--primary-color-rgb), .06); }
@media (max-width: 767px) { .ct-page .ct-main-grid { grid-template-columns: 1fr; } }
.ct-page .ct-form-fields { display: flex; flex-direction: column; gap: 18px; }
.ct-page .ct-form-row { display: flex; gap: 18px; }
.ct-page .ct-form-row .ct-form-group { flex: 1; }
.ct-page .ct-form-group { display: flex; flex-direction: column; gap: 6px; }
.ct-page .ct-form-group label { font-size: 13px; font-weight: 600; color: var(--secondary-color); }
.ct-page .ct-form-group input, .ct-page .ct-form-group textarea { font-family: inherit; font-size: 14px; color: var(--font-color); padding: 12px 14px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--white-color); transition: border-color 0.2s ease; }
.ct-page .ct-form-group input:focus, .ct-page .ct-form-group textarea:focus { outline: none; border-color: var(--primary-color); }
.ct-page .ct-form-group textarea { resize: vertical; min-height: 120px; }
@media (max-width: 480px) { .ct-page .ct-form-row { flex-direction: column; gap: 18px; } }

/* ═══════ COMING SOON (Bank Info / Our Team / Gallery) ═══════ */
.bi-coming-soon { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 70px 40px; background: var(--accent-tint-bg); border: 1px solid rgba(var(--primary-color-rgb), .2); border-radius: 18px; margin-bottom: 36px; }
.bi-cs-icon { width: 64px; height: 64px; background: rgba(var(--primary-color-rgb), .15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.bi-cs-icon svg { width: 36px; height: 36px; fill: var(--primary-color); }
.bi-cs-title { font-size: 28px; font-weight: 700; color: var(--secondary-color); margin: 0 0 14px; }
.bi-cs-title span { color: var(--primary-color); }
.bi-cs-desc { font-size: 16px; color: var(--font-color); line-height: 1.8; max-width: 480px; margin: 0 0 28px; }
.bi-cs-btns { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
@media (max-width: 500px) { .bi-coming-soon { padding: 50px 20px; } .bi-cs-title { font-size: 22px; } .bi-cs-btns .btn-banner { width: 100%; } }

/* ═══════ TERMS PAGE ═══════ */
.tm-page .tm-terms-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.tm-page .tm-term-item { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; background: var(--white-color); border: 1px solid var(--border-color); border-radius: 10px; transition: border-color .2s, box-shadow .2s; }
.tm-page .tm-term-item:hover { border-color: rgba(var(--primary-color-rgb), .3); box-shadow: 0 2px 10px rgba(0, 0, 0, .05); }
.tm-page .tm-term-num { min-width: 32px; height: 32px; background: rgba(var(--primary-color-rgb), .14); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--primary-color); flex-shrink: 0; margin-top: 1px; }
.tm-page .tm-term-text { font-size: 16px; color: var(--font-color); line-height: 1.75; }

/* ═══════ SITEMAP PAGE ═══════ */
.sm-page .sm-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 10px; }
.sm-page .sm-card { background: var(--white-color); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, .04); transition: box-shadow .25s, transform .25s; }
.sm-page .sm-card:hover { box-shadow: 0 8px 28px rgba(var(--primary-color-rgb), .18); transform: translateY(-3px); }
.sm-page .sm-card-head { background: var(--primary-color); padding: 16px 20px; display: flex; align-items: center; gap: 12px; }
.sm-page .sm-card-icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 34px; height: 34px; background: rgba(255, 255, 255, .2); border-radius: 8px; }
.sm-page .sm-card-icon svg { width: 18px; height: 18px; fill: var(--white-color); display: block; }
.sm-page .sm-card-title { font-size: 16px; font-weight: 700; color: var(--white-color); margin: 0; line-height: 1.3; }
.sm-page .sm-links { list-style: none; padding: 4px 0; margin: 0; }
.sm-page .sm-link-item { border-bottom: 1px solid var(--gray-150); }
.sm-page .sm-link-item:last-child { border-bottom: none; }
.sm-page .sm-link-item a { display: flex; align-items: center; padding: 11px 18px; font-size: 15px; color: var(--font-color); transition: background .15s, color .15s, padding-left .15s; }
.sm-page .sm-link-item a::before { content: '\203A'; color: var(--primary-color); font-size: 18px; font-weight: 700; line-height: 1; margin-right: 8px; }
.sm-page .sm-link-item a:hover { background: var(--accent-tint-bg); color: var(--primary-color); padding-left: 24px; }
@media (max-width: 991px) { .sm-page .sm-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .sm-page .sm-grid { grid-template-columns: 1fr; } }

/* ═══════ PHOTO GALLERY PAGE ═══════ */
.pg-page .pg-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 32px; }
.pg-page .pg-item { position: relative; border-radius: 12px; overflow: hidden; background: var(--accent-tint-bg); aspect-ratio: 4/3; }
.pg-page .pg-link { display: block; width: 100%; height: 100%; text-decoration: none; }
.pg-page .pg-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.pg-page .pg-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--secondary-color-rgb), 0) 40%, rgba(var(--secondary-color-rgb), .78) 100%); display: flex; align-items: flex-end; justify-content: center; padding: 14px; opacity: 0; transition: opacity .3s; }
.pg-page .pg-item:hover .pg-overlay { opacity: 1; }
.pg-page .pg-item:hover .pg-img { transform: scale(1.07); }
.pg-page .pg-zoom { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: rgba(255, 255, 255, .18); border: 2px solid rgba(255, 255, 255, .5); border-radius: 50%; color: var(--white-color); font-size: 22px; font-weight: 700; line-height: 1; }
@media (max-width: 991px) { .pg-page .pg-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .pg-page .pg-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } }

/* ═══════ SERVICES PAGE ═══════ */
/* card grid — same visual language as the home page's "Our Services" cards */
.sv-page .sv-card-grid { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 40px; }
.sv-page .sv-card-col { position: relative; width: calc(50% - 10px); flex-shrink: 0; display: flex; flex-direction: column; background-color: var(--white-color); padding: 12px; border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; transition: box-shadow 0.3s ease, transform 0.3s ease; box-shadow: 0px -1px 9px rgba(0, 0, 0, .08), inset 0px 2px 3px rgba(0, 0, 0, .06), inset 0px 0px 3px rgba(0, 0, 0, .14); }
.sv-page .sv-card-col:hover { box-shadow: 0px 10px 26px rgba(0, 0, 0, .14); transform: translateY(-4px); }
.sv-page .sv-card-media { border-radius: 8px; overflow: hidden; }
.sv-page .sv-card-media .sv-card-img { width: 100%; height: 190px; object-fit: cover; display: block; }
.sv-page .sv-card-body { position: relative; margin-top: 14px; padding-bottom: 6px; }
.sv-page .sv-card-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sv-page .sv-card-title { color: var(--secondary-color); font-size: 20px; font-weight: 600; transition: color 0.3s ease; }
.sv-page .sv-card-col:hover .sv-card-title { color: var(--primary-color); }
.sv-page .sv-card-arrow { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; color: var(--secondary-color); background-color: var(--gray-100); border-radius: 50%; }
.sv-page .sv-card-arrow svg { width: 14px; height: 14px; transition: transform 0.3s ease; }
.sv-page .sv-card-col:hover .sv-card-arrow svg { transform: rotate(45deg); }
.sv-page .sv-card-text { position: relative; z-index: 1; margin-top: 10px; color: var(--font-color); font-size: 15px; line-height: 1.5; }
.sv-page .sv-card-points { list-style: none; margin: 12px 0 0; padding: 0; position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px 16px; }
.sv-page .sv-card-points li { font-size: 13px; color: var(--secondary-color); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.sv-page .sv-card-points li::before { content: '\2713'; width: 16px; height: 16px; border-radius: 50%; background: rgba(var(--primary-color-rgb), .16); color: var(--primary-color); font-size: 9px; font-weight: 900; text-align: center; line-height: 16px; flex-shrink: 0; }
.sv-page .sv-card-num { position: absolute; z-index: 0; right: 6px; bottom: 6px; color: rgba(var(--primary-color-rgb), .08); font-size: 68px; font-weight: 800; line-height: 1; user-select: none; }
@media (max-width: 900px) { .sv-page .sv-card-col { width: calc(50% - 10px); } }
@media (max-width: 700px) { .sv-page .sv-card-col { width: 100%; } }
.sv-page .sv-highlights { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 36px; }
.sv-page .sv-highlight-item { display: flex; align-items: center; gap: 14px; background: var(--gray-100); border: 1px solid var(--border-color); border-radius: 14px; padding: 18px 20px; }
.sv-page .sv-highlight-icon { width: 42px; height: 42px; background: var(--primary-color); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sv-page .sv-highlight-icon svg { width: 20px; height: 20px; fill: var(--white-color); }
.sv-page .sv-highlight-item div { display: flex; flex-direction: column; gap: 2px; }
.sv-page .sv-highlight-item strong { font-size: 15px; color: var(--secondary-color); }
.sv-page .sv-highlight-item span { font-size: 13px; color: var(--font-color); }
@media (max-width: 1024px) { .sv-page .sv-highlights { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .sv-page .ip-cta-block { padding: 28px; justify-content: center; text-align: center; } .sv-page .ip-cta-block .btn-banner { width: 100%; } }
@media (max-width: 480px) { .sv-page .sv-highlights { grid-template-columns: 1fr; } }

/* ═══════ FAQ PAGE ═══════ */
.fq-page .fq-group { margin-bottom: 32px; }
.fq-page .fq-group-title { font-size: clamp(20px, 2.4vw, 26px); font-weight: 700; color: var(--secondary-color); margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid rgba(var(--primary-color-rgb), .22); }
.fq-page .fq-list { display: flex; flex-direction: column; gap: 12px; }
.fq-page .fq-item { background: var(--white-color); border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.fq-page .fq-item:hover { border-color: rgba(var(--primary-color-rgb), .4); box-shadow: 0 4px 16px rgba(var(--primary-color-rgb), .1); }
.fq-page .fq-item[open] { border-color: rgba(var(--primary-color-rgb), .45); box-shadow: 0 6px 20px rgba(var(--primary-color-rgb), .12); }
.fq-page .fq-q { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 14px; padding: 18px 20px; font-size: 16px; font-weight: 600; color: var(--secondary-color); }
.fq-page .fq-q::-webkit-details-marker { display: none; }
.fq-page .fq-q-mark { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--primary-color); color: var(--white-color); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.fq-page .fq-q-text { flex: 1; }
.fq-page .fq-caret { flex-shrink: 0; width: 26px; height: 26px; border-radius: 50%; background: rgba(var(--primary-color-rgb), .12); color: var(--primary-color); display: flex; align-items: center; justify-content: center; transition: transform .25s ease, background .25s ease; }
.fq-page .fq-item[open] .fq-caret { transform: rotate(180deg); background: var(--primary-color); color: var(--white-color); }
.fq-page .fq-a { display: flex; align-items: flex-start; gap: 14px; padding: 0 20px 20px 20px; font-size: 15px; color: var(--font-color); line-height: 1.8; }
.fq-page .fq-a-mark { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: rgba(var(--primary-color-rgb), .16); color: var(--primary-color); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.fq-page .fq-a-text { flex: 1; }
.fq-page .fq-a-text a { color: var(--primary-color); font-weight: 600; text-decoration: none; }
.fq-page .fq-a-text a:hover { text-decoration: underline; }
@media (max-width: 600px) { .fq-page .fq-q { font-size: 15px; padding: 16px; gap: 10px; } .fq-page .fq-a { padding: 0 16px 16px 16px; gap: 10px; } }

/* container-query breakpoints for the inner-page title */
@container page-title (width < 480px) {
	.page-title-section { padding: 32px 16px 6px; }
}