:root {

  --orange: #f58220;

  --wrapMax: 1200px;



  /* header */

  --headerH: 78px;

  --headerText: rgba(255, 255, 255, 0.92);

  --headerMuted: rgba(255, 255, 255, 0.78);

  --headerBorder: rgba(255, 255, 255, 0.14);



  /* mega */

  --megaRightW: 360px; /* right image panel width inside dropdown */

  --megaBorder: #ececec;

}



.header-inner {

  position: relative;

  width: 100%;

  max-width: var(--wrapMax);

  margin: 0 auto;

  padding: 0 28px;

  display: flex;

  align-items: center;

  gap: 34px;

}



/* Logo */

.logo {

  display: flex;

  align-items: center;

  gap: 10px;

  min-width: 210px;

  color: var(--headerText);

}

.logo-badge {

  width: 38px;

  height: 38px;

  border-radius: 50%;

  background: conic-gradient(from 20deg, #f6b26b, var(--orange), #f6b26b);

  opacity: 0.95;

}

.logo-text {

  font-weight: 800;

  font-size: 14px;

  line-height: 1.05;

}

.logo-text span {

  display: block;

  font-weight: 700;

  font-size: 12px;

  opacity: 0.9;

  margin-top: 2px;

}



/* Top menu */

.mainmenu {

  display: flex;

  align-items: center;

  gap: 44px;

  flex: 1;

}

.mainmenu button {

  border: 0;

  background: transparent;

  color: var(--headerMuted);

  font-weight: 700;

  font-size: 14px;

  cursor: pointer;

  padding: 12px 2px 16px;

  position: relative;

  transition: 0.2s;

}

.mainmenu button:hover {

  color: var(--headerText);

}

.mainmenu button.active {

  color: var(--orange);

}

.mainmenu button.active::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: -10px;

  height: 3px;

  background: var(--orange);

  border-radius: 2px;

}



/* Right actions */

.actions {

  display: flex;

  align-items: center;

  gap: 14px;

}

.icon-btn {

  width: 24px;

  height: 24px;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: 0.2s;

}

.icon-btn:hover {

}



.flag {

  width: 24px;

  height: 24px;

  display: grid;

  place-items: center;

  cursor: pointer;

  transition: 0.2s;

}



/* ===== DROPDOWN: opens directly under header ===== */

.dropdown {

  position: absolute;

  top: var(--headerH);

  left: 375px;

  width: 1194px;

  z-index: 40;

  max-height: 0;

  opacity: 0;

  transform: translateY(-8px);

  transition:

    max-height 0.45s ease,

    opacity 0.25s ease,

    transform 0.25s ease;

  pointer-events: none;

}

.dropdown.open {

  max-height: 520px;

  opacity: 1;

  transform: translateY(0);

  pointer-events: auto;

}



.dropdown-surface {

  background: #fff;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);

}



/* Layer 2 row (inside dropdown, like screenshot’s second row) */

.subbar {

  border-bottom: 1px solid var(--megaBorder);

  background: #fff;

}

.subbar-inner {

  max-width: var(--wrapMax);

  margin: 0 auto;

  padding: 14px 28px;

  display: flex;

  gap: 34px;

  flex-wrap: wrap;

  align-items: center;

}

.subbar button {

  border: 0;

  background: transparent;

  color: #3f3f3f;

  font-size: 13px;

  font-weight: 700;

  cursor: pointer;

  padding: 10px 0;

  position: relative;

  transition: 0.2s;

}

.subbar button.bold {

  font-weight: 900;

}

.subbar button.active {

  color: var(--orange);

}

.subbar button.active::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: -14px;

  height: 3px;

  background: var(--orange);

  border-radius: 2px;

}



/* Mega content area */

.mega {

  display: grid;

  grid-template-columns: 1fr var(--megaRightW);

  min-height: 320px;

}



.mega-left {

  max-width: 834px;

  width: 100%;

  margin: 0 auto;

  padding: 34px 28px 70px;

  display: grid;

  grid-template-columns: 220px 225px 300px 1fr;

  column-gap: 26px;

  align-items: start;

  position: relative;

}



.col h4 {

  font-size: 14px;

  font-weight: 900;

  margin-bottom: 14px;

  color: #1f1f1f;

}

.col a {

  display: block;

  text-decoration: none;

  color: #5f5f5f;

  font-size: 13px;

  padding: 7px 0;

}

.col a:hover {

  color: var(--orange);

}



/* Close X like screenshot (right side of white area) */

.close-x {

  position: absolute;

  right: 28px;

  top: 22px;

  width: 36px;

  height: 36px;

  border: 0;

  background: transparent;

  color: var(--orange);

  font-size: 28px;

  cursor: pointer;

  line-height: 1;

}



/* Right image panel inside dropdown */

.mega-right {

  position: relative;

  overflow: hidden;

  background: #2b2b2b;

}

.mega-right::before {

  content: "";

  position: absolute;

  inset: 0;

  background:

    linear-gradient(180deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),

    url("https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1200&q=70");

  background-size: cover;

  background-position: center;

  transform: scale(1.06);

}



/* just for demo spacing under hero */

.content {

  padding: 40px 28px;

  max-width: var(--wrapMax);

  margin: 0 auto;

  color: #333;

}



/* ===== Responsive ===== */

@media (max-width: 1100px) {

  :root {

    --megaRightW: 300px;

  }

  .mainmenu {

    gap: 22px;

  }

  .mega-left {

    column-gap: 40px;

    grid-template-columns: 1fr 1fr 1fr;

  }

  .mega-left .spacer-col {

    display: none;

  }

}

@media (max-width: 900px) {

  .header-inner {

    flex-wrap: wrap;

    gap: 16px;

  }

  .logo {

    min-width: auto;

  }

  .mainmenu {

    flex-wrap: wrap;

    gap: 14px;

  }

  .actions {

    width: 100%;

    justify-content: flex-end;

  }

  .mega {

    grid-template-columns: 1fr;

  }

  .mega-right {

    height: 220px;

  }

  .mega-left {

    grid-template-columns: 1fr;

    row-gap: 26px;

  }

}



:root {

  --orange: #ff6a00; /* closer to screenshot orange */

  --bg: #f6f0ed; /* light warm background */

  --text: #1b1b1b;

  --muted: #6c6c6c;



  --wrap: 1180px;

  --gap: 28px;



  --cardR: 10px;

  --pillR: 8px;

}



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



.benefits-section {

  background: var(--bg);

  padding: 56px 0 46px;

  overflow: hidden;

}



.wrap {

  max-width: var(--wrap);

  margin: 0 auto;

  padding: 0 26px;

}



.title {

  font-size: 44px;

  font-weight: 1000;

  letter-spacing: -0.7px;

  line-height: 1.05;

  margin: 0 0 26px;

}

.title .o {

  color: var(--orange);

}



/* viewport shows partial next card */

.viewport {

  overflow: hidden;

  position: relative;

}



.track {

  display: flex;

  gap: var(--gap);

  will-change: transform;

  transform: translate3d(0, 0, 0);

  transition: transform 560ms cubic-bezier(0.2, 0.85, 0.25, 1);

}



/* 3 visible + partial */

.slide {

  flex: 0 0 calc((100% - (2 * var(--gap))) / 3);

  min-width: 360px;

}





.card {

  height: 420px;

  border-radius: var(--cardR);

  overflow: hidden;

  position: relative;

  background: #ddd;

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);

  transform: translateY(0);

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease;

}

.card:hover {

  transform: translateY(-4px);

  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.16);

}



.card img {

  width: 100%;

  height: 65%;

  object-fit: cover;

  display: block;

  filter: saturate(1.02) contrast(1.02);

  transform: scale(1.02);

}



.sp_home_height{

    

  height: 85% !important;

}



/* subtle overlay like screenshot */

.card::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    180deg,

    rgba(0, 0, 0, 0.06) 0%,

    rgba(0, 0, 0, 0.08) 45%,

    rgba(0, 0, 0, 0.14) 100%

  );

  pointer-events: none;

}



/* white info box (bottom-left) */

.info {

  position: absolute;

  left: 22px;

  right: 22px;

  bottom: 22px;

  background: #fff;

  border-radius: var(--pillR);

  padding: 18px 18px 14px;

  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);

}



.info h3 {

  font-size: 22px;

  font-weight: 1000;

  letter-spacing: -0.2px;

  margin: 0 0 8px;

  color: #3b3b3b;

}



.info p {

  font-size: 13px;

  line-height: 1.6;

  color: #6a6a6a;

  font-weight: 600;

  margin: 0 0 12px;

}



.know {

  display: inline-flex;

  gap: 10px;

  align-items: center;

  text-decoration: none;

  color: #5b5b5b;

  font-weight: 900;

  font-size: 14px;

}

.know:hover {

  color: var(--orange) !important;

}

.know svg {

  width: 16px;

  height: 16px;

}



/* bottom arrows (left aligned) */

.controls {

  margin-top: 22px;

  display: flex;

  gap: 26px;

  align-items: center;

}

.arrow {

  border: 0;

  background: transparent;

  cursor: pointer;

  color: var(--orange);

  padding: 6px;

  transition:

    transform 0.15s ease,

    opacity 0.15s ease;

}

.arrow:active {

  transform: scale(0.95);

}

.arrow[disabled] {

  opacity: 0.35;

  cursor: not-allowed;

}

.arrow svg {

  width: 28px;

  height: 28px;

}



/* entrance animation */

.reveal {

  opacity: 0;

  transform: translateY(14px);

  transition:

    opacity 0.7s ease,

    transform 0.7s ease;

}

.reveal.show {

  opacity: 1;

  transform: translateY(0);

}



/* Responsive */

@media (max-width: 1100px) {

  .title {

    font-size: 36px;

  }

  .slide {

    flex-basis: calc((100% - var(--gap)) / 2);

  }

  .card {

    height: 400px;

  }

}



@media (max-width: 720px) {

  .title {

    font-size: 30px;

  }

  .slide {

    flex-basis: 86%;

    min-width: 86%;

  }

  .card {

    height: 360px;

  }

  .info h3 {

    font-size: 28px;

  }

  .info p {

    font-size: 14px;

  }

}



/* ===== HERO BACKGROUND ===== */

.hero2 {

  min-height: 640px;

  position: relative;

  overflow: hidden;

  display: flex;

  align-items: center;

  padding: 70px 0;

  background:

    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.2)),

    url("../img/hero.png");

  background-size: cover;

  background-position: center;

}

.hero3 {

  position: relative;

  overflow: hidden;

  display: flex;

  align-items: center;

  padding: 50px 0;

  background:

    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.2)),

    url("../img/arabicg.png");

  background-size: cover;

  background-position: center;

}



.hero4 {

  position: relative;

  overflow: hidden;

  display: flex;

  align-items: center;

  padding: 30px 0;

  background:

    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.2)),

    url("../img/cyc.png");

  background-size: cover;

  background-position: center;

}



.wrap {

  max-width: var(--wrap);

  margin: 0 auto;

  padding: 0 24px;

  width: 100%;

}



/* ===== LEFT PANEL ===== */

.panel {

  width: min(420px, 92vw);

  background: #fff;

  border-radius: var(--panelR);

  box-shadow: var(--shadow);

  overflow: hidden;

  transform: translateY(12px);

  opacity: 0;

  animation: panelIn 0.8s cubic-bezier(0.2, 0.9, 0.2, 1) forwards;

}



@keyframes panelIn {

  to {

    transform: translateY(0);

    opacity: 1;

  }

}



.panel-block {

  padding: 38px 32px;

}



.panel h2 {

  font-size: 28px;

  font-weight: 1000;

  letter-spacing: -0.3px;

  line-height: 1.15;

  margin-bottom: 16px;

  color: #3a3a3a;

}



.panel p {

  color: var(--muted);

  font-weight: 600;

  line-height: 1.75;

  font-size: 16px;

  margin-bottom: 18px;

}



.cta {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  text-decoration: none;

  font-weight: 900;

  font-size: 15px;

  color: var(--orange);

}



.cta svg {

  width: 18px;

  height: 18px;

  transition: transform 0.2s ease;

}

.cta:hover svg {

  transform: translateX(3px);

}



.divider {

  height: 1px;

  background: var(--line);

  margin: 0 32px;

}



/* subtle hover lift like real UI */

.panel:hover {

  transform: translateY(-2px);

  transition: transform 0.25s ease;

}



/* ===== Responsive ===== */

@media (max-width: 900px) {

  .hero {

    min-height: 620px;

    padding: 56px 0;

    align-items: flex-end;

  }

  .panel {

    width: min(580px, 94vw);

    margin-bottom: 10px;

  }

  .panel-block {

    padding: 30px 24px;

  }

  .panel h2 {

    font-size: 24px;

  }

  .panel p {

    font-size: 14px;

  }

  .divider {

    margin: 0 24px;

  }

}



@media (max-width: 520px) {

  .hero {

    min-height: 560px;

  }

  .panel h2 {

    font-size: 22px;

  }

}



:root {

  --orange: #ff6a00;

  --text: #141414;

  --muted: #6b7280;

  --soft: #f6f0ed;

  --line: #ececec;

  --wrap: 1200px;

}



.ab-container {

  max-width: var(--wrap);

  margin: 0 auto;

  padding: 0 24px;

}

.ab-footer * {

  box-sizing: border-box;

}

.ab-footer {

  color: var(--text);

}



/* ===== Reveal animation ===== */

.ab-reveal {

  opacity: 0;

  transform: translateY(18px);

  transition:

    opacity 0.7s ease,

    transform 0.7s ease;

}

.ab-reveal.show {

  opacity: 1;

  transform: translateY(0);

}

.ab-stagger {

  transition-delay: var(--d, 0ms);

}



/* ===================== 1) We are Here for you ===================== */

.ab-help {

  background: #fff;

  padding: 74px 0 84px;

}





.ceo_div_container{

    margin-top: 20px;

}

.ceo_div_container_heading{

    font-size: 23px; 

    color: #eb6f30;

}

.ceo_div_container_text{

    font-size: 15px; 

}























































.ab-title {

  text-align: center;

  font-weight: 1000;

  font-size: 34px;

  letter-spacing: -0.4px;

  line-height: 1.1;

  margin: 0 0 56px;

}

.ab-title .o {

  color: var(--orange);

}



.ab-help-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 44px;

  align-items: start;

}

.ab-help-item {

  text-align: center;

  padding: 10px 12px;

}

.ab-help-ico {

  width: 64px;

  height: 64px;

  border-radius: 50%;

  margin: 0 auto 18px;

  background: #f3f4f6;

  display: grid;

  place-items: center;

  position: relative;

  overflow: hidden;

}

.ab-help-ico::after {

  content: "";

  position: absolute;

  inset: -40%;

  background: radial-gradient(

    circle at 30% 30%,

    rgba(255, 106, 0, 0.25),

    transparent 55%

  );

  opacity: 0;

  transition: opacity 0.35s ease;

  transform: rotate(10deg);

}

.ab-help-item:hover .ab-help-ico::after {

  opacity: 1;

}

.ab-help-ico svg {

  width: 22px;

  height: 22px;

  color: #111827;

  position: relative;

  z-index: 1;

  transition: transform 0.25s ease;

}

.ab-help-item:hover .ab-help-ico svg {

  transform: scale(1.06);

}



.ab-help-item h3 {

  font-size: 18px;

  font-weight: 950;

  margin: 0 0 8px;

}

.ab-help-item p {

  margin: 0 0 14px;

  color: var(--muted);

  font-weight: 650;

  line-height: 1.6;

  font-size: 14px;

}

.ab-help-link {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: var(--orange);

  font-weight: 950;

  text-decoration: none;

  font-size: 14px;

  transition:

    transform 0.15s ease,

    opacity 0.15s ease;

}

.ab-help-link:hover {

  transform: translateY(-1px);

}

.ab-help-phone {

  color: var(--orange);

  font-weight: 1000;

  letter-spacing: 0.2px;

  text-decoration: none;

  font-size: 16px;

}



/* ===================== 2) Search bar ===================== */

.ab-search {

  background: var(--soft);

  padding: 70px 0 72px;

}

.ab-search-title {

  text-align: center;

  font-weight: 1000;

  font-size: 34px;

  letter-spacing: -0.4px;

  margin: 0 0 24px;

}

.ab-search-title .o {

  color: var(--orange);

}

.ab-search-box {

  max-width: 980px;

  margin: 0 auto;

  position: relative;

}

.ab-search-input {

  width: 100%;

  height: 62px;

  border-radius: 999px;

  border: 1px solid rgba(0, 0, 0, 0.06);

  background: rgba(255, 255, 255, 0.75);

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);

  padding: 0 56px 0 34px;

  outline: none;

  font-size: 16px;

  font-weight: 650;

  color: #222;

  transition:

    box-shadow 0.2s ease,

    border-color 0.2s ease,

    background 0.2s ease;

}

.ab-search-input::placeholder {

  color: #7a7a7a;

  font-weight: 650;

}

.ab-search-input:focus {

  border-color: rgba(255, 106, 0, 0.35);

  box-shadow: 0 18px 40px rgba(255, 106, 0, 0.1);

  background: #fff;

}

.ab-search-ico {

  position: absolute;

  right: 22px;

  top: 50%;

  transform: translateY(-50%);

  width: 22px;

  height: 22px;

  color: #9aa0a6;

  pointer-events: none;

}



/* ===================== 3) Footer links block ===================== */

.ab-footer-main {

  background: #fff;

  padding: 44px 0 0;

  border-top: 1px solid rgba(0, 0, 0, 0.04);

}

.ab-footer-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 24px;

  padding-bottom: 22px;

}



.ab-brand {

  display: flex;

  align-items: center;

  gap: 10px;

  min-width: 220px;

}

.ab-brand-badge {

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: conic-gradient(from 20deg, #f6b26b, var(--orange), #f6b26b);

}

.ab-brand-text {

  font-weight: 950;

  line-height: 1.05;

}

.ab-brand-text span {

  display: block;

  color: #555;

  font-weight: 800;

  font-size: 12px;

  margin-top: 2px;

}



.ab-social {

  display: flex;

  gap: 14px;

  align-items: center;

}

.ab-social a {

  width: 34px;

  height: 34px;

  border-radius: 50%;

  display: grid;

  place-items: center;

  border: 1px solid rgba(0, 0, 0, 0.08);

  color: #8a8a8a;

  text-decoration: none;

  transition:

    transform 0.15s ease,

    color 0.15s ease,

    border-color 0.15s ease;

}

.ab-social a:hover {

  transform: translateY(-1px);

  color: var(--orange);

  border-color: rgba(255, 106, 0, 0.35);

}



.ab-footer-grid {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 26px;

  padding: 18px 0 28px;

}



.ab-col h4 {

  font-size: 15px;

  font-weight: 1000;

  margin: 0 0 14px;

  color: #3a3a3a;

}

.ab-col a {

  display: block;

  text-decoration: none;

  color: #5f6672;

  font-weight: 650;

  font-size: 14px;

  padding: 4px 0;

  transition: color 0.15s ease;

}

.ab-col a:hover {

  color: var(--orange) !important;

}



.ab-footer-bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 18px;

  padding: 18px 0 26px;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

}

.ab-links {

  display: flex;

  gap: 28px;

  flex-wrap: wrap;

}

.ab-links a {

  color: #5f6672;

  text-decoration: none;

  font-weight: 750;

  font-size: 14px;

}

.ab-links a:hover {

  color: var(--orange) !important;

}



.ab-apps {

  display: flex;

  gap: 12px;

  align-items: center;

  flex-wrap: wrap;

}

.ab-apps .label {

  font-weight: 950;

  color: #3a3a3a;

  font-size: 14px;

  margin-right: 8px;

}

.ab-badge {

  display: inline-flex;

  align-items: center;

  gap: 10px;

}

.ab-badge svg {

  width: 20px;

  height: 20px;

  flex: 0 0 auto;

}



.ab-footnote {

  background: #fff;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  padding: 18px 0;

  color: #7a7a7a;

  font-weight: 650;

  font-size: 13px;

}



/* ===== Responsive ===== */

@media (max-width: 1050px) {

  .ab-footer-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 900px) {

  .ab-title,

  .ab-search-title {

    font-size: 30px;

  }

  .ab-help {

    padding: 56px 0 70px;

  }

  .ab-help-grid {

    grid-template-columns: 1fr;

    gap: 26px;

  }

  .ab-search {

    padding: 56px 0 62px;

  }

  .ab-footer-top {

    flex-direction: column;

    align-items: flex-start;

  }

  .ab-footer-grid {

    grid-template-columns: repeat(2, 1fr);

  }

  .ab-footer-bottom {

    flex-direction: column;

    align-items: flex-start;

  }

}

@media (max-width: 520px) {

  .ab-title,

  .ab-search-title {

    font-size: 26px;

  }

  .ab-footer-grid {

    grid-template-columns: 1fr;

  }

  .ab-search-input {

    height: 56px;

    font-size: 15px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .ab-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

}



:root {

  --orange: #ff6a00;

  --bg: #f6f0ed;

  --text: #1b1b1b;

  --muted: #6c6c6c;



  --wrap: 1180px;

  --gap: 28px;



  --cardR: 10px;

  --pillR: 8px;

}



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



.benefits-section {

  background: var(--bg);

  padding: 56px 0 46px;

  overflow: hidden;

}



.wrap {

  max-width: var(--wrap);

  margin: 0 auto;

  padding: 0 26px;

}



.title {

  font-size: 44px;

  font-weight: 1000;

  letter-spacing: -0.7px;

  line-height: 1.05;

  margin: 0 0 26px;

}

.title .o {

  color: var(--orange);

}



.viewport {

  overflow: hidden;

  position: relative;

}

.track {

  display: flex;

  gap: var(--gap);

  will-change: transform;

  transform: translate3d(0, 0, 0);

  transition: transform 560ms cubic-bezier(0.2, 0.85, 0.25, 1);

}



/* IMPORTANT: scope slides under this section only */

.benefits-section .slide {

  flex: 0 0 calc((100% - (2 * var(--gap))) / 3);

  min-width: 360px;

}



.card {

  height: 420px;

  border-radius: var(--cardR);

  overflow: hidden;

  position: relative;

  background: #ddd;

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);

  transform: translateY(0);

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease;

}

.card:hover {

  transform: translateY(-4px);

  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.16);

}



.card img {

  width: 100%;

  height: 65%;

  object-fit: cover;

  display: block;

  filter: saturate(1.02) contrast(1.02);

  transform: scale(1.02);

}



.card::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    180deg,

    rgba(0, 0, 0, 0.06) 0%,

    rgba(0, 0, 0, 0.08) 45%,

    rgba(0, 0, 0, 0.14) 100%

  );

  pointer-events: none;

}



.info {

  position: absolute;

  left: 22px;

  right: 22px;

  bottom: 22px;

  background: #fff;

  border-radius: var(--pillR);

  padding: 18px 18px 14px;

  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);

}



.info h3 {

  font-size: 22px;

  font-weight: 1000;

  letter-spacing: -0.2px;

  margin: 0 0 8px;

  color: #3b3b3b;

}



.info p {

  font-size: 16px;

  line-height: 1.6;

  color: #6a6a6a;

  font-weight: 600;

  margin: 0 0 12px;

}



.know {

  display: inline-flex;

  gap: 10px;

  align-items: center;

  text-decoration: none;

  color: #5b5b5b;

  font-weight: 900;

  font-size: 14px;

}

.know:hover {

  color: var(--orange);

}

.know svg {

  width: 16px;

  height: 16px;

}



.controls {

  margin-top: 22px;

  display: flex;

  gap: 26px;

  align-items: center;

}

.arrow {

  border: 0;

  background: transparent;

  cursor: pointer;

  color: var(--orange);

  padding: 6px;

  transition:

    transform 0.15s ease,

    opacity 0.15s ease;

}

.arrow:active {

  transform: scale(0.95);

}

.arrow[disabled] {

  opacity: 0.35;

  cursor: not-allowed;

}

.arrow svg {

  width: 28px;

  height: 28px;

}



.reveal {

  opacity: 0;

  transform: translateY(14px);

  transition:

    opacity 0.7s ease,

    transform 0.7s ease;

}

.reveal.show {

  opacity: 1;

  transform: translateY(0);

}



@media (max-width: 1100px) {

  .title {

    font-size: 36px;

  }

  .benefits-section .slide {

    flex-basis: calc((100% - var(--gap)) / 2);

  }

  .card {

    height: 400px;

  }

}

@media (max-width: 720px) {

  .title {

    font-size: 30px;

  }

  .benefits-section .slide {

    flex-basis: 86%;

    min-width: 86%;

  }

  .card {

    height: 360px;

  }

  .info h3 {

    font-size: 18px;

  }

  .info p {

    font-size: 14px;

  }

}



:root {

  --abRE-orange: #ff6a00;

  --abRE-orange2: #ffb26b;

  --abRE-text: #151515;

  --abRE-muted: #5f6672;

  --abRE-wrap: 1200px;

}



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



/* scope everything under .abRE-section to avoid conflicts */

.abRE-section * {

  box-sizing: border-box;

}

.abRE-section {

  padding: 64px 0 76px;

  overflow: hidden;

  background: #fff;

}

.abrecX-solutions {

  padding: 64px 0 76px;

  overflow: hidden;

  background: #fff;

}





.abRE-container {

  max-width: var(--abRE-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* heading */

.abRE-head {

  text-align: center;

  margin-bottom: 44px;

}

.abRE-kicker {

  font-weight: 900;

  font-size: 14px;

  color: #1c1c1c;

  opacity: 0.95;

  margin-bottom: 6px;

}

.abRE-title {

  font-weight: 1100;

  font-size: 44px;

  letter-spacing: -0.7px;

  line-height: 1.05;

  margin: 0;

  background: linear-gradient(

    90deg,

    var(--abRE-orange) 0%,

    var(--abRE-orange2) 60%,

    var(--abRE-orange) 100%

  );

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  margin-bottom: 110px;

}



/* layout */

.abRE-grid {

  display: grid;

  grid-template-columns: 1fr 1.2fr;

  gap: 54px;



}



/* left */

.abRE-left h3 {

  margin: 0 0 16px;

  font-weight: 1100;

  font-size: 26px;

  letter-spacing: -0.3px;

  line-height: 1.25;

  color: #121212;

  margin-top: 60px;

}

.abRE-left p {

  margin: 0 0 14px;

  color: var(--abRE-muted);

  font-weight: 650;

  line-height: 1.9;

  font-size: 16px;

  max-width: 520px;

}



/* expandable */

.abRE-more {

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  transition:

    max-height 0.6s ease,

    opacity 0.35s ease;

}

.abRE-more.abRE-open {

  max-height: 1160px;

  opacity: 1;

}



.abRE-cta-btn {

  background: none;

  border: none;

  padding: 0;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  gap: 12px;

  font-weight: 1000;

  font-size: 14px;

  color: var(--abRE-orange);

  margin-top: 18px;

}

.abRE-cta-btn svg {

  width: 18px;

  height: 18px;

  transition: transform 0.3s ease;

}

.abRE-cta-btn.abRE-active svg {

  transform: rotate(90deg);

}



/* right image card */

.abRE-card {

  position: relative;

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);

  min-height: 332px;

  background: #ddd;

  isolation: isolate;

  transform: translateY(0);

  transition: transform 0.25s ease;

}

.abRE-card:hover {

  transform: translateY(-2px);

}

.abRE-card img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transform: scale(1.02);

  filter: saturate(1.03) contrast(1.02);

}

.abRE-card::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    90deg,

    rgba(255, 255, 255, 0.1),

    rgba(0, 0, 0, 0.06)

  );

  pointer-events: none;

  z-index: 1;

}



/* orange arc */

.abRE-arc {

  position: absolute;

  inset: -20% auto auto -18%;

  width: 520px;

  height: 520px;

  border-radius: 50%;

  background: radial-gradient(

    circle at 50% 50%,

    rgba(255, 106, 0, 0.22) 0%,

    rgba(255, 178, 107, 0.2) 35%,

    rgba(255, 255, 255, 0) 68%

  );

  z-index: 2;

  pointer-events: none;

  transform: rotate(12deg);

}



/* reveal */

.abRE-reveal {

  opacity: 0;

  transform: translateY(18px);

  transition:

    opacity 0.75s ease,

    transform 0.75s ease;

}

.abRE-reveal.abRE-show {

  opacity: 1;

  transform: translateY(0);

}



/* responsive */

@media (max-width: 1100px) {

  .abRE-title {

    font-size: 38px;

  }

  .abRE-grid {

    grid-template-columns: 1fr;

    gap: 34px;

  }

  .abRE-left p {

    max-width: unset;

  }

  .abRE-card {

    min-height: 277px;

  }

}

@media (max-width: 720px) {

  .abRE-section {

    padding: 54px 0 64px;

  }

  .abRE-title {

    font-size: 32px;

  }

  .abRE-left h3 {

    font-size: 22px;

  }

  .abRE-left p {

    font-size: 14px;

  }

  .abRE-card {

    min-height: 219px;

  }

  .abRE-arc {

    width: 420px;

    height: 420px;

  }

}

@media (prefers-reduced-motion: reduce) {

  .abRE-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abRE-card,

  .abRE-cta-btn svg {

    transition: none;

  }

}



:root {

  --abLDP-orange: #ff6a00;

  --abLDP-orange2: #ffb26b;

  --abLDP-text: #1a1a1a;

  --abLDP-muted: #5f6672;

  --abLDP-wrap: 1180px;

}



.abLDP-section {

  padding: 90px 0;

  background: #fff;

  overflow: hidden;

}



.abLDP-container {

  max-width: var(--abLDP-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* ===== Animated Gradient Heading ===== */

.abLDP-head {

  text-align: center;

  margin-bottom: 50px;

}



.abLDP-kicker {

  font-size: 14px;

  font-weight: 900;

  margin-bottom: 10px;

  opacity: 0.8;

}



.abLDP-title {

  font-size: 42px;

  font-weight: 1100;

  line-height: 1.15;

  background: linear-gradient(

    90deg,

    var(--abLDP-orange),

    var(--abLDP-orange2),

    var(--abLDP-orange)

  );

  background-size: 200% auto;

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  animation: abLDP-gradientMove 5s linear infinite;

}



@keyframes abLDP-gradientMove {

  to {

    background-position: 200% center;

  }

}



.abLDP-sub {

  max-width: 760px;

  margin: 18px auto 0;

  font-size: 16px;

  color: var(--abLDP-muted);

  line-height: 1.7;

}



/* ===== Image Card ===== */

.abLDP-image {

  margin: 60px 0;

  border-radius: 14px;

  overflow: hidden;

  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.18);

  transform: translateY(0);

  transition: transform 0.6s ease;

}



.abLDP-image img {

  width: 100%;

  display: block;

  transition: transform 2s ease;

}



.abLDP-image:hover img {

  transform: scale(1.06);

}



/* ===== Bottom Text ===== */

.abLDP-desc {

  max-width: 920px;

  margin: 0 auto;

  font-size: 22px;

  line-height: 1.9;

  font-weight: 650;

  color: #3b3b3b;

}



.abLDP-highlight {

  color: var(--abLDP-orange);

  font-weight: 1000;

  position: relative;

  animation: abLDP-glow 2.5s ease-in-out infinite alternate;

}



@keyframes abLDP-glow {

  from {

    text-shadow: 0 0 0px rgba(255, 106, 0, 0);

  }

  to {

    text-shadow: 0 0 8px rgba(255, 106, 0, 0.35);

  }

}



/* ===== Scroll Reveal ===== */

.abLDP-reveal {

  opacity: 0;

  transform: translateY(40px);

  transition:

    opacity 0.9s ease,

    transform 0.9s ease;

}

.abLDP-show {

  opacity: 1;

  transform: translateY(0);

}



/* ===== Responsive ===== */

@media (max-width: 1024px) {

  .abLDP-title {

    font-size: 34px;

  }

  .abLDP-desc {

    font-size: 19px;

  }

}

@media (max-width: 768px) {

  .abLDP-section {

    padding: 70px 0;

  }

  .abLDP-title {

    font-size: 28px;

  }

  .abLDP-sub {

    font-size: 14px;

  }

  .abLDP-desc {

    font-size: 17px;

  }

}



:root {

  --abQT-orange: #ff6a00;

  --abQT-text: #222;

  --abQT-muted: #6c6f75;

  --abQT-wrap: 1000px;

}



.abQT-section {

  padding: 100px 0;

  background: #f4f4f4;

  text-align: center;

  overflow: hidden;

}



.abQT-container {

  max-width: var(--abQT-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* Quote Icon */

.abQT-icon {

  font-size: 60px;

  color: var(--abQT-orange);

  font-weight: 900;

  line-height: 1;

  margin-bottom: 0px;

}



/* Main Quote */

.abQT-text {

  font-size: 24px;

  line-height: 1.5;

  font-style: italic;

  color: #2c2c2c;

  margin-bottom: 29px;

  font-weight: 400;

  text-align: center;

}



/* Name */

.abQT-name {

  font-size: 18px;

  font-weight: 900;

  color: #2c2c2c;

  margin-bottom: 6px;

}



/* Title */

.abQT-role {

  font-size: 15px;

  color: var(--abQT-muted);

}



/* Scroll Reveal */

.abQT-reveal {

  opacity: 0;

  transform: translateY(40px);

  transition:

    opacity 0.9s ease,

    transform 0.9s ease;

}

.abQT-show {

  opacity: 1;

  transform: translateY(0);

}



/* Responsive */

@media (max-width: 1024px) {

  .abQT-text {

    font-size: 24px;

  }

}



@media (max-width: 768px) {

  .abQT-section {

    padding: 70px 0;

  }

  .abQT-text {

    font-size: 20px;

  }

  .abQT-icon {

    font-size: 48px;

  }

}



:root {

  --abISSC-orange: #ff6a00;

  --abISSC-orange2: #ffb26b;

  --abISSC-text: #1a1a1a;

  --abISSC-muted: #5f6672;

  --abISSC-bg: #f6f0ed;

  --abISSC-card: #ffffff;

  --abISSC-line: rgba(0, 0, 0, 0.08);

  --abISSC-wrap: 1180px;

  --abISSC-r: 10px;

}



.abISSC-section * {

  box-sizing: border-box;

}

.abISSC-section {

  background: var(--abISSC-bg);

  padding: 18px 0 86px;

  color: var(--abISSC-text);

  overflow: hidden;

}



.abISSC-container {

  max-width: var(--abISSC-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* ---------- Heading ---------- */

.abISSC-head {

  text-align: center;

  max-width: 920px;

  margin: 0 auto 44px;

}



.abISSC-kicker {

  font-size: 13px;

  font-weight: 950;

  color: #1b1b1b;

  opacity: 0.9;

  margin-bottom: 10px;

}



.abISSC-title {

  font-size: 40px;

  font-weight: 1100;

  line-height: 1.15;

  letter-spacing: -0.5px;

  margin: 0 0 16px;

  background: linear-gradient(

    90deg,

    var(--abISSC-orange),

    var(--abISSC-orange2)

  );

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}



.abISSC-sub {

  margin: 0 auto;

  color: var(--abISSC-muted);

  font-weight: 650;

  line-height: 1.75;

  font-size: 16px;

  max-width: 860px;

}



/* ---------- Member cards ---------- */

.abISSC-cards {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 28px;

  margin-top: 34px;

}



.abISSC-card {

  background: var(--abISSC-card);

  border-radius: var(--abISSC-r);

  overflow: hidden;

  border: 1px solid rgba(0, 0, 0, 0.05);

  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.08);

  transform: translateY(0);

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease;

}

.abISSC-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.12);

}



.abISSC-photo {

  height: 300px;

  background: #f0f0f0;

}



.abISSC-photo img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.abISSC-info {

  padding: 18px 18px 16px;

  border-top: 1px solid rgba(0, 0, 0, 0.04);

  background: #fafafa;

}



.abISSC-name {

  font-weight: 1050;

  font-size: 18px;

  margin: 0 0 6px;

  color: #2a2a2a;

}



.abISSC-role {

  margin: 0;

  color: var(--abISSC-muted);

  font-weight: 700;

  font-size: 14px;

  line-height: 1.5;

}



/* ---------- Bottom 3 text columns ---------- */

.abISSC-features {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 44px;

  margin-top: 48px;

}



.abISSC-feature h4 {

  margin: 0 0 14px;

  font-size: 18px;

  font-weight: 1050;

  color: #222;

}



.abISSC-divider {

  height: 1px;

  width: 100%;

  background: var(--abISSC-line);

  margin: 0 0 16px;

}



.abISSC-feature p {

  margin: 0;

  color: var(--abISSC-muted);

  font-weight: 650;

  line-height: 1.85;

  font-size: 14.5px;

}



.abISSC-feature b {

  color: #2b2b2b;

}



/* ---------- Scroll reveal ---------- */

.abISSC-reveal {

  opacity: 0;

  transform: translateY(24px);

  transition:

    opacity 0.85s ease,

    transform 0.85s ease;

}

.abISSC-show {

  opacity: 1;

  transform: translateY(0);

}



/* ---------- Responsive ---------- */

@media (max-width: 1100px) {

  .abISSC-title {

    font-size: 34px;

  }

  .abISSC-cards {

    grid-template-columns: 1fr 1fr;

  }

  .abISSC-features {

    grid-template-columns: 1fr;

    gap: 26px;

  }

}



@media (max-width: 720px) {

  .abISSC-section {

    padding: 64px 0 70px;

  }

  .abISSC-title {

    font-size: 28px;

  }

  .abISSC-sub {

    font-size: 14px;

  }

  .abISSC-cards {

    grid-template-columns: 1fr;

  }

  .abISSC-photo {

    height: 260px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abISSC-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abISSC-card {

    transition: none;

  }

}

:root {

  --abCEO-orange: #ff6a00;

  --abCEO-orange2: #ffb26b;

  --abCEO-bg: #f6f0ed;

  --abCEO-text: #1a1a1a;

  --abCEO-muted: #5f6672;

  --abCEO-wrap: 1180px;

  --abCEO-r: 12px;

}



.abCEO-section * {

  box-sizing: border-box;

}

.abCEO-section {

  background: var(--abCEO-bg);

  padding: 76px 0 86px;

  color: var(--abCEO-text);

  overflow: hidden;

}



.abCEO-container {

  max-width: var(--abCEO-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* ---------- Heading ---------- */

.abCEO-head {

  text-align: center;

  margin-bottom: 26px;

}



.abCEO-title {

  margin: 0 0 10px;

  font-size: 28px;

  font-weight: 1100;

  line-height: 1.15;

  background: linear-gradient(90deg, var(--abCEO-orange), var(--abCEO-orange2));

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}



.abCEO-sub {

  margin: 0;

  font-size: 14px;

  font-weight: 750;

  color: var(--abCEO-muted);

}



/* ---------- Big image ---------- */

.abCEO-hero {

  margin-top: 30px;

  border-radius: var(--abCEO-r);

  overflow: hidden;

  background: #ddd;

  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.16);

  position: relative;

}



.abCEO-hero img {

  width: 100%;

  height: auto;

  display: block;

  transform: scale(1.02);

  transition: transform 1.6s ease;

}



/* hover/active subtle zoom */

.abCEO-hero:hover img {

  transform: scale(1.06);

}



/* ---------- Content below image ---------- */

.abCEO-body {

  max-width: 760px;

  margin: 34px auto 0;

  color: var(--abCEO-muted);

  font-weight: 650;

  line-height: 1.85;

  font-size: 14.5px;

}



.abCEO-body p {

  margin: 0 0 16px;

}



/* callout quote */

.abCEO-callout {

  margin: 26px 0 18px;

  padding: 14px 18px;

  border-left: 3px solid var(--abCEO-orange);

  color: #1f2937;

  font-weight: 950;

  font-style: italic;

  font-size: 16px;

  line-height: 1.7;

  background: rgba(255, 255, 255, 0.35);

}



/* ---------- Reveal animation ---------- */

.abCEO-reveal {

  opacity: 0;

  transform: translateY(22px);

  transition:

    opacity 0.85s ease,

    transform 0.85s ease;

}

.abCEO-show {

  opacity: 1;

  transform: translateY(0);

}



/* ---------- Responsive ---------- */

@media (max-width: 900px) {

  .abCEO-title {

    font-size: 24px;

  }

  .abCEO-body {

    max-width: 680px;

  }

}

@media (max-width: 720px) {

  .abCEO-section {

    padding: 62px 0 72px;

  }

  .abCEO-title {

    font-size: 22px;

  }

  .abCEO-body {

    font-size: 14px;

    margin-top: 26px;

  }

  .abCEO-callout {

    font-size: 15px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abCEO-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abCEO-hero img {

    transition: none;

    transform: none;

  }

}



:root {

  --abVM-orange: #ff6a00;

  --abVM-orange2: #ffb26b;

  --abVM-text: #1a1a1a;

  --abVM-muted: #5f6672;

  --abVM-wrap: 1180px;

  --abVM-box: #f2f2f2;

  --abVM-r: 10px;

}



.abVM-section * {

  box-sizing: border-box;

}

.abVM-section {

  padding: 90px 0 70px;

  background: #fff;

  color: var(--abVM-text);

  overflow: hidden;

}



.abVM-container {

  max-width: var(--abVM-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



.abVM-rows {

  display: flex;

  flex-direction: column;

  gap: 78px;

}



.abVM-row {

  display: grid;

  grid-template-columns: 1fr 1.1fr;

  gap: 60px;

  align-items: center;

}



.abVM-kicker {

  font-size: 14px;

  font-weight: 900;

  color: #2b2b2b;

  margin-bottom: 10px;

}

.abVM-title {

  font-size: 30px;

  font-weight: 1100;

  line-height: 1.15;

  letter-spacing: -0.4px;

  margin: 0;

  background: linear-gradient(90deg, var(--abVM-orange), var(--abVM-orange2));

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  max-width: 520px;

}



.abVM-box {

  height: 310px;

  background: var(--abVM-box);

  border-radius: var(--abVM-r);

  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08);

}



/* Learn more */

.abVM-actions {

  display: flex;

  justify-content: center;

  margin-top: 46px;

}



.abVM-btn {

  border: none;

  background: transparent;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  gap: 12px;

  font-weight: 1000;

  color: var(--abVM-orange);

  font-size: 14px;

}



.abVM-btn svg {

  width: 18px;

  height: 18px;

  transition: transform 0.25s ease;

}



.abVM-btn.abVM-open svg {

  transform: rotate(90deg);

}



/* expandable extra content */

.abVM-more {

  max-width: 900px;

  margin: 24px auto 0;

  overflow: hidden;

  max-height: 0;

  opacity: 0;

  transition:

    max-height 0.7s ease,

    opacity 0.35s ease;

}



.abVM-more.abVM-showMore {

  max-height: 800px;

  opacity: 1;

}



.abVM-moreGrid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 26px;

  margin-top: 18px;

}



.abVM-moreCard {

  border: 1px solid rgba(0, 0, 0, 0.06);

  border-radius: 12px;

  padding: 18px 18px 16px;

  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);

  background: #fff;

}



.abVM-moreCard h4 {

  margin: 0 0 8px;

  font-size: 16px;

  font-weight: 1050;

  color: #222;

}



.abVM-moreCard p {

  margin: 0;

  color: var(--abVM-muted);

  font-weight: 650;

  line-height: 1.75;

  font-size: 14px;

}



/* Reveal animation */

.abVM-reveal {

  opacity: 0;

  transform: translateY(22px);

  transition:

    opacity 0.85s ease,

    transform 0.85s ease;

}

.abVM-reveal.abVM-in {

  opacity: 1;

  transform: translateY(0);

}



/* Responsive */

@media (max-width: 1100px) {

  .abVM-title {

    font-size: 34px;

    max-width: unset;

  }

  .abVM-row {

    grid-template-columns: 1fr;

    gap: 28px;

  }

  .abVM-box {

    height: 210px;

  }

}



@media (max-width: 720px) {

  .abVM-section {

    padding: 70px 0 60px;

  }

  .abVM-rows {

    gap: 54px;

  }

  .abVM-title {

    font-size: 28px;

  }

  .abVM-box {

    height: 210px;

  }

  .abVM-moreGrid {

    grid-template-columns: 1fr;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abVM-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abVM-more {

    transition: none;

  }

  .abVM-btn svg {

    transition: none;

  }

}

:root {

  --abSR-orange: #ff6a00;

  --abSR-bg: #f6f0ed;

  --abSR-card: #ffffff;

  --abSR-text: #1a1a1a;

  --abSR-muted: #5f6672;

  --abSR-wrap: 1180px;

  --abSR-gap: 26px;

  --abSR-r: 12px;

}



.abSR-section * {

  box-sizing: border-box;

}

.abSR-section {

  background: var(--abSR-bg);

  padding: 70px 0 64px;

  overflow: hidden;

  color: var(--abSR-text);

}



.abSR-container {

  max-width: var(--abSR-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



.abSR-title {

  margin: 0 0 45px;

  font-size: 34px;

  font-weight: 1100;

  letter-spacing: -0.5px;

  color: var(--abSR-orange);

  text-align: center;

}



.abSR-viewport {

  overflow: hidden;

  position: relative;

}



.abSR-track {

  display: flex;

  gap: 9px;

  will-change: transform;

  transform: translate3d(0, 0, 0);

  transition: transform 560ms cubic-bezier(0.2, 0.85, 0.25, 1);

}



.abSR-slide {

flex: 0 0 calc((100% - (2 * var(--abSR-gap))) / 4);
    min-width: 342px;

}



.abSR-card {

  background: var(--abSR-card);

  border-radius: var(--abSR-r);

  overflow: hidden;

  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.1);

  border: 1px solid rgba(0, 0, 0, 0.05);

  height: 500px;

  display: flex;

  flex-direction: column;

  padding: 26px 26px 22px;

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease;

}



.abSR-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.14);

}



/* logo top */

.abSR-logo {

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: #fff;

}

.abSR-logo img {

  max-width: 100%;

  max-height: 100%;

  object-fit: contain;

  display: block;

  border-radius: 10px;

}



.abSR-name {

  margin: 22px 0 10px;

  font-size: 23px;

  font-weight: 1100;

  color: #f16807;

  letter-spacing: -0.2px;

  line-height: 1.2;

}



.abSR-desc {

  margin: 0 0 14px;

  color: #141414;

  font-weight: 300;

  line-height: 1.6;

  font-size: 14px;

  letter-spacing: 0.2px;

}



.abSR-link {

  margin-top: auto;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  text-decoration: none;

  font-weight: 950;

  color: #3f444c;

  font-size: 14px;

}

.abSR-link:hover {

  color: var(--abSR-orange);

}

.abSR-link svg {

  width: 16px;

  height: 16px;

}



/* arrows */

.abSR-controls {

  margin-top: 24px;

  display: flex;

  gap: 22px;

  align-items: center;

}

.abSR-arrow {

  border: 0;

  background: transparent;

  cursor: pointer;

  color: var(--abSR-orange);

  padding: 6px;

  transition:

    transform 0.15s ease,

    opacity 0.15s ease;

}

.abSR-arrow:active {

  transform: scale(0.95);

}

.abSR-arrow[disabled] {

  opacity: 0.35;

  cursor: not-allowed;

}

.abSR-arrow svg {

  width: 30px;

  height: 30px;

}



/* reveal on scroll */

.abSR-reveal {

  opacity: 0;

  transform: translateY(18px);

  transition:

    opacity 0.8s ease,

    transform 0.8s ease;

}

.abSR-show {

  opacity: 1;

  transform: translateY(0);

}



/* responsive */

@media (max-width: 1100px) {

  .abSR-title {

    font-size: 30px;

  }

  .abSR-slide {

    flex-basis: calc((100% - var(--abSR-gap)) / 2);

  }

  .abSR-card {

    height: 400px;

  }

}

@media (max-width: 720px) {

  .abSR-section {

    padding: 60px 0 56px;

  }

  .abSR-title {

    font-size: 26px;

  }

  .abSR-slide {

    flex-basis: 86%;

    min-width: 86%;

  }

  .abSR-card {

    height: 380px;

    padding: 22px;

  }

  .abSR-name {

    font-size: 20px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abSR-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abSR-track {

    transition: none;

  }

  .abSR-card {

    transition: none;

  }

}



:root {

  --abMC-orange: #ff6a00;

  --abMC-bg: #f6f0ed;

  --abMC-text: #111827;

  --abMC-muted: #5f6672;

  --abMC-wrap: 1180px;

  --abMC-gap: 26px;

  --abMC-r: 12px;

}



.abMC-section * {

  box-sizing: border-box;

}

.abMC-section {

  font-family:

    system-ui,

    -apple-system,

    "Segoe UI",

    Roboto,

    Arial;

  background: var(--abMC-bg);

  padding: 80px 0;

  overflow: hidden;

}



.abMC-container {

  max-width: var(--abMC-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* Header */

.abMC-head {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 32px;

}



.abMC-title {

  font-size: 34px;

  font-weight: 1100;

  color: var(--abMC-orange);

  margin: 0;

}



.abMC-view {

  text-decoration: none;

  font-weight: 900;

  color: var(--abMC-orange);

  display: flex;

  align-items: center;

  gap: 8px;

  font-size: 14px;

}



/* Slider */

.abMC-viewport {

  overflow: hidden;

}

.abMC-track {

  display: flex;

  gap: var(--abMC-gap);

  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.25, 1);

}



.abMC-slide {

  flex: 0 0 calc((100% - (2 * var(--abMC-gap))) / 3);

  min-width: 360px;

}



/* Card */

.abMC-card {

  background: #fff;

  border-radius: var(--abMC-r);

  overflow: hidden;

  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.1);

  transition: 0.3s ease;

  display: flex;

  flex-direction: column;

}



.abMC-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);

}



.abMC-img {

  height: 220px;

  overflow: hidden;

}

.abMC-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 1.2s ease;

}

.abMC-card:hover img {

  transform: scale(1.08);

}



.abMC-content {

  padding: 22px;

  display: flex;

  flex-direction: column;

  flex: 1;

}



.abMC-name {

  font-size: 19px;

  font-weight: 1000;

  margin: 0 0 10px;

}



.abMC-date {

  font-size: 13px;

  font-weight: 700;

  color: #777;

  margin-bottom: 12px;

}



.abMC-desc {

  font-size: 14px;

  line-height: 1.8;

  color: var(--abMC-muted);

  margin-bottom: 16px;

  flex: 1;

}



.abMC-read {

  font-weight: 900;

  font-size: 14px;

  color: #333;

  text-decoration: none;

}
.abMC-read a:hover {


  color: #eb6f30 !important;


}


/* Controls */

.abMC-controls {

  margin-top: 26px;

  display: flex;

  gap: 22px;

}



.abMC-arrow {

  border: 0;

  background: transparent;

  cursor: pointer;

  color: var(--abMC-orange);

}

.abMC-arrow svg {

  width: 30px;

  height: 30px;

}

.abMC-arrow[disabled] {

  opacity: 0.3;

  cursor: not-allowed;

}



/* ===== FIXED SCROLL ANIMATION ===== */

.abMC-reveal {

  opacity: 0;

  transform: translateY(40px);

}

.abMC-show {

  animation: abMCfadeUp 0.8s ease forwards;

}



@keyframes abMCfadeUp {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



/* Responsive */

@media (max-width: 1100px) {

  .abMC-slide {

    flex-basis: calc((100% - var(--abMC-gap)) / 2);

  }

}

@media (max-width: 720px) {

  .abMC-slide {

    flex-basis: 86%;

    min-width: 86%;

  }

  .abMC-title {

    font-size: 26px;

  }

}



:root {

  --abAJM-orange: #ff6a00;

  --abAJM-orange2: #ffb26b;

  --abAJM-text: #111827;

  --abAJM-muted: #5f6672;

  --abAJM-wrap: 1180px;

  --abAJM-r: 12px;

}



.abAJM-section * {

  box-sizing: border-box;

}

.abAJM-section {

  background: #fff;

  padding: 78px 0 86px;

  color: var(--abAJM-text);

  overflow: hidden;

}



.abAJM-container {

  max-width: var(--abAJM-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* Title centered */

.abAJM-head {

  text-align: center;

  margin-bottom: 44px;

}

.abAJM-title {

  margin: 0;

  font-size: 36px;

  font-weight: 1100;

  letter-spacing: -0.5px;

  line-height: 1.15;

  background: linear-gradient(90deg, var(--abAJM-orange), var(--abAJM-orange2));

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}



/* Two columns */

.abAJM-grid {

  display: grid;

  grid-template-columns: 1fr 1.15fr;

  gap: 54px;

  align-items: start;

}



/* Left text */

.abAJM-lead {

  font-size: 22px;

  font-weight: 1100;

  letter-spacing: -0.3px;

  line-height: 1.25;

  margin: 0 0 18px;

  color: #111827;

  max-width: 520px;

}



.abAJM-para {

  margin: 0 0 14px;

  color: var(--abAJM-muted);

  font-weight: 650;

  line-height: 1.9;

  font-size: 15px;

  max-width: 540px;

}



/* Learn more toggle */

.abAJM-btn {

  margin-top: 18px;

  border: 0;

  background: transparent;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  gap: 12px;

  font-weight: 1000;

  color: var(--abAJM-orange);

  font-size: 14px;

  padding: 0;

}

.abAJM-btn svg {

  width: 18px;

  height: 18px;

  transition: transform 0.25s ease;

}

.abAJM-btn.abAJM-open svg {

  transform: rotate(90deg);

}



.abAJM-more {

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  transition:

    max-height 0.75s ease,

    opacity 0.35s ease;

}

.abAJM-more.abAJM-showMore {

  max-height: 520px;

  opacity: 1;

}



/* Right image */

.abAJM-image {

  border-radius: var(--abAJM-r);

  overflow: hidden;

  background: #e9e9e9;

  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.14);

  height: 470px;

}

.abAJM-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transform: scale(1.02);

  transition: transform 1.7s ease;

}

.abAJM-image:hover img {

  transform: scale(1.06);

}



/* Reveal */

.abAJM-reveal {

  opacity: 0;

  transform: translateY(22px);

  transition:

    opacity 0.85s ease,

    transform 0.85s ease;

}

.abAJM-show {

  opacity: 1;

  transform: translateY(0);

}



/* Responsive */

@media (max-width: 1100px) {

  .abAJM-title {

    font-size: 32px;

  }

  .abAJM-grid {

    grid-template-columns: 1fr;

    gap: 34px;

  }

  .abAJM-image {

    height: 420px;

  }

  .abAJM-lead,

  .abAJM-para {

    max-width: unset;

  }

}

@media (max-width: 720px) {

  .abAJM-section {

    padding: 62px 0 72px;

  }

  .abAJM-title {

    font-size: 26px;

  }

  .abAJM-lead {

    font-size: 20px;

  }

  .abAJM-para {

    font-size: 14px;

  }

  .abAJM-image {

    height: 320px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abAJM-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abAJM-image img {

    transition: none;

    transform: none;

  }

  .abAJM-more {

    transition: none;

  }

  .abAJM-btn svg {

    transition: none;

  }

}



/*# sourceMappingURL=main.css.map */

:root {

  --abMC-orange: #ff6a00;

  --abMC-bg: #f6f0ed;

  --abMC-text: #111827;

  --abMC-muted: #5f6672;

  --abMC-wrap: 1180px;

  --abMC-gap: 26px;

  --abMC-r: 12px;

}



.abMC-section * {

  box-sizing: border-box;

}

.abMC-section {

  background: var(--abMC-bg);

  padding: 72px 0 70px;

  overflow: hidden;

  color: var(--abMC-text);

}



.abMC-container {

  max-width: var(--abMC-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* Header */

.abMC-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 26px;

}



.abMC-title {

  font-size: 34px;

  font-weight: 1100;

  color: var(--abMC-orange);

  margin: 0;

}



.abMC-view {

  text-decoration: none;

  font-weight: 1000;

  color: var(--abMC-orange);

  display: inline-flex;

  align-items: center;

  gap: 8px;

  font-size: 14px;

}

.abMC-view svg {

  width: 18px;

  height: 18px;

}



/* Slider */

.abMC-viewport {

  overflow: hidden;

  position: relative;

}



.abMC-track {

  display: flex;

  gap: var(--abMC-gap);

  transition: transform 560ms cubic-bezier(0.2, 0.85, 0.25, 1);

  will-change: transform;

}



.abMC-slide {

  flex: 0 0 calc((100% - (2 * var(--abMC-gap))) / 3);

  min-width: 360px;

}



.abMC-card {

  background: #fff;

  border-radius: var(--abMC-r);

  overflow: hidden;

  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.1);

  height: 100%;

  display: flex;

  flex-direction: column;

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease;

}



.abMC-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.15);

}



.abMC-img {

  height: 230px;

  overflow: hidden;

}

.abMC-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform 1.2s ease;

}

.abMC-card:hover .abMC-img img {

  transform: scale(1.06);

}



.abMC-content {

  padding: 22px 22px 24px;

  display: flex;

  flex-direction: column;

  flex: 1;

}



.abMC-name {

  font-size: 20px;

  font-weight: 1000;

  margin: 0 0 10px;

  line-height: 1.3;

}



.abMC-date {

  font-size: 13px;

  font-weight: 700;

  color: #777;

  margin-bottom: 12px;

}



.abMC-desc {

  font-size: 14px;

  line-height: 1.8;

  color: var(--abMC-muted);

  margin: 0 0 18px;

  flex: 1;

}



.abMC-read {

  text-decoration: none;

  font-weight: 1000;

  font-size: 14px;

  color: #333;

  display: inline-flex;

  align-items: center;

  gap: 8px;

}

.abMC-read:hover {

  color: var(--abMC-orange);

}

.abMC-read svg {

  width: 16px;

  height: 16px;

}



/* Controls */

.abMC-controls {

  margin-top: 24px;

  display: flex;

  gap: 22px;

}



.abMC-arrow {

  border: 0;

  background: transparent;

  cursor: pointer;

  color: var(--abMC-orange);

  padding: 6px;

}

.abMC-arrow svg {

  width: 30px;

  height: 30px;

}

.abMC-arrow[disabled] {

  opacity: 0.35;

  cursor: not-allowed;

}



/* Reveal */

.abMC-reveal {

  opacity: 0;

  transform: translateY(22px);

  transition:

    opacity 0.8s ease,

    transform 0.8s ease;

}

.abMC-show {

  opacity: 1;

  transform: translateY(0);

}



/* Responsive */

@media (max-width: 1100px) {

  .abMC-slide {

    flex-basis: calc((100% - var(--abMC-gap)) / 2);

  }

}

@media (max-width: 720px) {

  .abMC-section {

    padding: 60px 0;

  }

  .abMC-title {

    font-size: 26px;

  }

  .abMC-slide {

    flex-basis: 86%;

    min-width: 86%;

  }

  .abMC-img {

    height: 190px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abMC-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abMC-track {

    transition: none;

  }

  .abMC-card {

    transition: none;

  }

}

:root {

  --abCC-orange: #ff6a00;

  --abCC-bg: #f6f0ed;

  --abCC-text: #111827;

  --abCC-muted: #5f6672;

  --abCC-wrap: 1180px;

  --abCC-gap: 26px;

  --abCC-r: 14px;

  --abCC-shadow: 0 18px 48px rgba(0, 0, 0, 0.14);

}



.abCC-section * {

  box-sizing: border-box;

}

.abCC-section {

  background: var(--abCC-bg);

  padding: 78px 0 76px;

  overflow: hidden;

  color: var(--abCC-text);

}



.abCC-container {

  max-width: var(--abCC-wrap);

  margin: 0 auto;

  padding: 0 26px;

  position: relative;

}



/* Heading */

.abCC-head {

  text-align: center;

  margin-bottom: 36px;

}

.abCC-title {

  margin: 0 0 12px;

  font-size: 34px;

  font-weight: 1100;

  background: linear-gradient(90deg, var(--abCC-orange), #ffb26b);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  letter-spacing: -0.4px;

}

.abCC-sub {

  margin: 0 auto;

  max-width: 620px;

  color: var(--abCC-muted);

  font-weight: 650;

  line-height: 1.8;

}



/* Slider layout */

.abCC-slider {

  position: relative;

  margin-top: 34px;

}



.abCC-viewport {

  overflow: hidden;

}



.abCC-track {

  display: flex;

  gap: var(--abCC-gap);

  will-change: transform;

  transform: translate3d(0, 0, 0);

  transition: transform 560ms cubic-bezier(0.2, 0.85, 0.25, 1);

}



.abCC-slide {

  flex: 0 0 calc((100% - (2 * var(--abCC-gap))) / 3);

  min-width: 340px;

}



/* Card */

.abCC-card {

  background: #fff;

  border-radius: var(--abCC-r);

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  border: 1px solid rgba(0, 0, 0, 0.06);

  cursor: pointer;

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease;

}

.abCC-card:hover {

  transform: translateY(-6px);

  box-shadow: var(--abCC-shadow);

}



.abCC-top {

  padding: 22px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}



/* Fake bank card image */

.abCC-bank {

  height: 150px;

  border-radius: 12px;

  position: relative;

  overflow: hidden;

  color: #fff;

  padding: 16px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.abCC-bank small {

  opacity: 0.95;

  font-weight: 800;

}

.abCC-bank .abCC-chip {

  position: absolute;

  right: 14px;

  bottom: 14px;

  width: 42px;

  height: 28px;

  border-radius: 6px;

  background: rgba(255, 255, 255, 0.2);

}

.abCC-bank .abCC-nfc {

  position: absolute;

  right: 14px;

  top: 14px;

  font-weight: 900;

  opacity: 0.9;

}

.abCC-bank .abCC-row {

  display: flex;

  justify-content: space-between;

  gap: 12px;

  font-weight: 900;

  font-size: 12px;

  opacity: 0.95;

}

.abCC-bank .abCC-num {

  letter-spacing: 1.6px;

  font-weight: 1000;

}



.abCC-name {

  text-align: center;

  font-size: 22px;

  font-weight: 1100;

  margin: 18px 0 0;

  color: #111827;

}



.abCC-body {

  padding: 18px 22px 22px;

}



.abCC-list {

  list-style: none;

  padding: 0;

  margin: 0 0 18px;

  display: flex;

  flex-direction: column;

  gap: 12px;

}

.abCC-item {

  display: flex;

  gap: 12px;

  align-items: flex-start;

  color: #5d6470;

  font-weight: 650;

  line-height: 1.5;

}

.abCC-check {

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 2px solid var(--abCC-orange);

  display: grid;

  place-items: center;

  flex: 0 0 20px;

  margin-top: 1px;

}

.abCC-check::after {

  content: "";

  width: 8px;

  height: 4px;

  border-left: 2px solid var(--abCC-orange);

  border-bottom: 2px solid var(--abCC-orange);

  transform: rotate(-45deg);

  margin-top: -1px;

}



.abCC-actions {

  display: flex;

  flex-direction: column;

  gap: 12px;

  align-items: center;

}



.abCC-apply {

  width: 100%;

  border: 0;

  border-radius: 999px;

  padding: 13px 16px;

  font-weight: 1000;

  color: #fff;

  background: rgba(255, 106, 0, 0.85);

  cursor: pointer;

  transition: 0.2s ease;

}

.abCC-apply:hover {

  background: var(--abCC-orange);

  transform: translateY(-1px);

}



.abCC-more {

  border: 0;

  background: transparent;

  font-weight: 950;

  color: #5f6672;

  cursor: pointer;

}

.abCC-more:hover {

  color: var(--abCC-orange);

}



/* Arrows (left/right center like screenshot) */

.abCC-nav {

  position: absolute;

  inset: 0;

  pointer-events: none;

}

.abCC-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 48px;

  height: 48px;

  border-radius: 999px;

  background: transparent;

  border: 0;

  color: #6b7280;

  pointer-events: auto;

  cursor: pointer;

  display: grid;

  place-items: center;

  transition: 0.2s ease;

}

.abCC-arrow:hover {

  color: var(--abCC-orange);

  transform: translateY(-50%) scale(1.04);

}

.abCC-arrow[disabled] {

  opacity: 0.3;

  cursor: not-allowed;

}

.abCC-arrow svg {

  width: 26px;

  height: 26px;

}

.abCC-prev {

  left: -64px;

}

.abCC-next {

  right: -64px;

}



@media (max-width: 1260px) {

  .abCC-prev {

    left: -14px;

  }

  .abCC-next {

    right: -14px;

  }

}



/* Reveal on scroll */

.abCC-reveal {

  opacity: 0;

  transform: translateY(26px);

}

.abCC-show {

  animation: abCCfadeUp 0.8s ease forwards;

}

@keyframes abCCfadeUp {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



/* Responsive */

@media (max-width: 1100px) {

  .abCC-slide {

    flex-basis: calc((100% - var(--abCC-gap)) / 2);

  }

  .abCC-title {

    font-size: 30px;

  }

}

@media (max-width: 720px) {

  .abCC-section {

    padding: 62px 0 66px;

  }

  .abCC-slide {

    flex-basis: 86%;

    min-width: 86%;

  }

  .abCC-title {

    font-size: 26px;

  }

}



/* Modal */

.abCC-modal {

  position: fixed;

  inset: 0;

  background: rgba(0, 0, 0, 0.55);

  display: none;

  align-items: center;

  justify-content: center;

  padding: 18px;

  z-index: 9999;

}

.abCC-modal.abCC-open {

  display: flex;

}

.abCC-modalBox {

  width: min(820px, 100%);

  background: #fff;

  border-radius: 16px;

  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);

  overflow: hidden;

}

.abCC-modalHead {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 16px 18px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.abCC-modalHead h3 {

  margin: 0;

  font-size: 18px;

  font-weight: 1100;

}

.abCC-close {

  border: 0;

  background: transparent;

  font-size: 22px;

  cursor: pointer;

  line-height: 1;

  padding: 6px 10px;

}

.abCC-modalBody {

  padding: 18px;

  color: #374151;

  line-height: 1.8;

  font-weight: 650;

}



@media (prefers-reduced-motion: reduce) {

  .abCC-track {

    transition: none;

  }

  .abCC-card {

    transition: none;

  }

  .abCC-show {

    animation: none;

    opacity: 1;

    transform: none;

  }

}



:root {

  --abCM-orange: #ff6a00;

  --abCM-bg: #ffffff;

  --abCM-tint: #f6f0ed;

  --abCM-text: #111827;

  --abCM-muted: #5f6672;

  --abCM-wrap: 1180px;

  --abCM-gap: 22px;

  --abCM-r: 12px;

}



.abCM-section * {

  box-sizing: border-box;

}

.abCM-section {

  background: var(--abCM-bg);

  padding: 40px 0 82px;

  color: var(--abCM-text);

}



.abCM-container {

  max-width: var(--abCM-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



.abCM-head {

  text-align: center;

  margin-bottom: 44px;

}



.abCM-title {

  margin: 0 0 14px;

  font-size: 34px;

  font-weight: 1100;

  background: linear-gradient(90deg, var(--abCM-orange), #ffb26b);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  letter-spacing: -0.4px;

}



.abCM-sub {

  margin: 0 auto;

  max-width: 680px;

  color: var(--abCM-muted);

  font-weight: 650;

  line-height: 1.9;

}



.abCM-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: var(--abCM-gap);

}



.abCM-grid3 {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: var(--abCM-gap);

}



.abCM-card {

  background: var(--abCM-tint);

  border-radius: var(--abCM-r);

  padding: 28px 26px 24px;

  min-height: 270px;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  transition:

    transform 0.22s ease,

    box-shadow 0.22s ease;

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);

}



.abCM-card2 {

  background: white;

  border-radius: var(--abCM-r);

  padding: 28px 26px 24px;

  min-height: 270px;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  transition:

    transform 0.22s ease,

    box-shadow 0.22s ease;

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);

}



.abCM-card-download {

  min-height: 100px !important;

}



.abCM-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.12);

}



.abCM-icon {

  width: 44px;

  height: 44px;

  border-radius: 50%;

  background: rgba(255, 106, 0, 0.92);

  display: grid;

  place-items: center;

  margin-bottom: 18px;

  color: #fff;

}

.abCM-icon svg {

  width: 22px;

  height: 22px;

  display: block;

}



.abCM-h {

margin: 0 0 10px;

    font-size: 22px;

    font-weight: 700;

    letter-spacing: -0.2px;

    min-height: 80px;

}



.abCM-text {

  color: var(--abCM-muted);

  font-weight: 650;

  line-height: 1.4;

  margin: 0 0 16px;

}



/* expand/collapse */

.abCM-morewrap {

  max-height: 86px;

  overflow: hidden;

  transition: max-height 0.35s ease;

}

.abCM-card.abCM-open .abCM-morewrap {

  max-height: 260px;

}



.abCM-link {

  display: inline-flex;

  gap: 10px;

  align-items: center;

  color: var(--abCM-orange);

  font-weight: 1000;

  text-decoration: none;

  font-size: 14px;

  margin-top: auto;

  user-select: none;

}

.abCM-link svg {

  width: 16px;

  height: 16px;

}

.abCM-card.abCM-open .abCM-link span {

  content: "";

}

.abCM-link .abCM-lbl2 {

  display: none;

}

.abCM-card.abCM-open .abCM-link .abCM-lbl1 {



}

.abCM-card.abCM-open .abCM-link .abCM-lbl2 {

  display: inline;

}



/* reveal */

.abCM-reveal {

  opacity: 0;

  transform: translateY(22px);

}

.abCM-show {

  animation: abCMfadeUp 0.8s ease forwards;

}

@keyframes abCMfadeUp {

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



/* Responsive */

@media (max-width: 1100px) {

  .abCM-grid {

    grid-template-columns: repeat(2, 1fr);

  }

  .abCM-title {

    font-size: 30px;

  }

}

@media (max-width: 640px) {

  .abCM-grid {

    grid-template-columns: 1fr;

  }

  .abCM-title {

    font-size: 26px;

  }

  .abCM-card {

    min-height: auto;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abCM-morewrap {

    transition: none;

  }

  .abCM-card {

    transition: none;

  }

  .abCM-show {

    animation: none;

    opacity: 1;

    transform: none;

  }

}



.abISSC-section * {

  box-sizing: border-box;

}

.abISSC-section {

  background: var(--abISSC-bg);

  padding: 18px 0 86px;

  color: var(--abISSC-text);

  overflow: hidden;

}



.abISSC-container {

  max-width: var(--abISSC-wrap);

  margin: 0 auto;

  padding: 0 26px;

}



/* ---------- Heading ---------- */

.abISSC-head {

  text-align: center;

  max-width: 920px;

  margin: 0 auto 44px;

}



.abISSC-kicker {

  font-size: 13px;

  font-weight: 950;

  color: #1b1b1b;

  opacity: 0.9;

  margin-bottom: 10px;

}



.abISSC-title {

  font-size: 40px;

  font-weight: 1100;

  line-height: 1.15;

  letter-spacing: -0.5px;

  margin: 0 0 16px;

  background: linear-gradient(

    90deg,

    var(--abISSC-orange),

    var(--abISSC-orange2)

  );

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}



.abISSC-sub {

  margin: 0 auto;

  color: var(--abISSC-muted);

  font-weight: 650;

  line-height: 1.75;

  font-size: 16px;

  max-width: 860px;

}



/* ---------- Member cards ---------- */

.abISSC-cards {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 22px;

  margin: 0px 0px;

}



.abISSC-cards {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 22px;

  margin: 0px 0px;

}



.abISSC-card {

  background: var(--abISSC-card);

  border-radius: var(--abISSC-r);

  overflow: hidden;

  border: 1px solid rgba(0, 0, 0, 0.05);

  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.08);

  transform: translateY(0);

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease;

  cursor: pointer;

  position: relative;

}

.abISSC-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.12);

}

.abISSC-card:focus-visible {

  outline: 3px solid rgba(255, 106, 0, 0.35);

  outline-offset: 2px;

}



.abISSC-photo {

  height: 240px;

  background: #f0f0f0;

}



.abISSC-photo img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.abISSC-info {

  padding: 16px 16px 14px;

  border-top: 1px solid rgba(0, 0, 0, 0.04);

  background: #fafafa;

}



.abISSC-name {

  font-weight: 1050;

  font-size: 16px;

  margin: 0 0 6px;

  color: #2a2a2a;

}



.abISSC-role {

  margin: 0;

  color: var(--abISSC-muted);

  font-weight: 750;

  font-size: 13.5px;

  line-height: 1.5;

}



.abISSC-hint {

  margin-top: 10px;

  font-size: 12px;

  color: rgba(26, 26, 26, 0.65);

  font-weight: 700;

  display: flex;

  align-items: center;

  gap: 8px;

}

.abISSC-dot {

  width: 8px;

  height: 8px;

  border-radius: 999px;

  background: linear-gradient(

    90deg,

    var(--abISSC-orange),

    var(--abISSC-orange2)

  );

  flex: 0 0 auto;

}



/* ---------- Bottom 3 text columns ---------- */

.abISSC-features {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 44px;

  margin-top: 48px;

}



.abISSC-feature h4 {

  margin: 0 0 14px;

  font-size: 18px;

  font-weight: 1050;

  color: #222;

}



.abISSC-divider {

  height: 1px;

  width: 100%;

  background: var(--abISSC-line);

  margin: 0 0 16px;

}



.abISSC-feature p {

  margin: 0;

  color: var(--abISSC-muted);

  font-weight: 650;

  line-height: 1.85;

  font-size: 14.5px;

}



.abISSC-feature b {

  color: #2b2b2b;

}



/* ---------- Scroll reveal ---------- */

.abISSC-reveal {

  opacity: 0;

  transform: translateY(24px);

  transition:

    opacity 0.85s ease,

    transform 0.85s ease;

}

.abISSC-show {

  opacity: 1;

  transform: translateY(0);

}



/* ---------- Modal (Popup) ---------- */

.abISSC-modal {

  position: fixed;

  inset: 0;

  z-index: 9999;

  display: none;

  align-items: center;

  justify-content: center;

  padding: 22px;

}

.abISSC-modal.abISSC-modalOpen {

  display: flex;

}



.abISSC-modalBackdrop {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.55);

  backdrop-filter: saturate(120%) blur(2px);

}



.abISSC-modalDialog {

  position: relative;

  width: min(980px, 100%);

  max-height: min(82vh, 820px);

  overflow: hidden;

  border-radius: 14px;

  background: #fff;

  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.35);

  border: 1px solid rgba(255, 255, 255, 0.22);

}



.abISSC-modalTop {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 14px 14px 12px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  background: linear-gradient(

    90deg,

    rgba(255, 106, 0, 0.1),

    rgba(255, 178, 107, 0.1)

  );

}



.abISSC-modalTitle {

  font-size: 14px;

  font-weight: 950;

  color: #1c1c1c;

  letter-spacing: 0.2px;

}



.abISSC-close {

  appearance: none;

  border: 0;

  background: rgba(0, 0, 0, 0.06);

  color: #1a1a1a;

  font-weight: 950;

  width: 38px;

  height: 38px;

  border-radius: 10px;

  cursor: pointer;

  transition:

    transform 0.15s ease,

    background 0.15s ease;

}

.abISSC-close:hover {

  transform: scale(1.03);

  background: rgba(0, 0, 0, 0.1);

}

.abISSC-close:active {

  transform: scale(0.98);

}



.abISSC-modalBody {

  display: grid;

  grid-template-columns: 340px 1fr;

  gap: 0;

  overflow: auto;

  max-height: calc(min(82vh, 820px) - 60px);

}



.abISSC-modalMedia {

  background: #f3f3f3;

  min-height: 340px;

}

.abISSC-modalMedia img {

  width: 100%;

  height: 100%;

  min-height: 340px;

  object-fit: cover;

  display: block;

}



.abISSC-modalContent {

  padding: 18px 18px 20px;

}



.abISSC-modalName {

  margin: 0 0 6px;

  font-size: 22px;

  font-weight: 1100;

  letter-spacing: -0.2px;

  color: #1a1a1a;

}



.abISSC-modalRole {

  margin: 0 0 12px;

  font-size: 14px;

  font-weight: 850;

  color: rgba(26, 26, 26, 0.72);

}



.abISSC-pillRow {

  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin: 0 0 14px;

}



.abISSC-pill {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 8px 10px;

  border-radius: 999px;

  background: rgba(255, 106, 0, 0.1);

  border: 1px solid rgba(255, 106, 0, 0.18);

  font-size: 12.5px;

  font-weight: 850;

  color: #1a1a1a;

}

.abISSC-pill .abISSC-pillDot {

  width: 8px;

  height: 8px;

  border-radius: 999px;

  background: linear-gradient(

    90deg,

    var(--abISSC-orange),

    var(--abISSC-orange2)

  );

}



.abISSC-modalBio {

  margin: 0;

  color: var(--abISSC-muted);

  font-weight: 650;

  line-height: 1.9;

  font-size: 14.5px;

}



/* Lock body scroll when modal open */

body.abISSC-lock {

  overflow: hidden;

}



/* ---------- Responsive ---------- */

@media (max-width: 1100px) {

  .abISSC-title {

    font-size: 34px;

  }

  .abISSC-cards {

    grid-template-columns: repeat(2, 1fr);

  }

  .abISSC-features {

    grid-template-columns: 1fr;

    gap: 26px;

  }

  .abISSC-modalBody {

    grid-template-columns: 1fr;

  }

  .abISSC-modalMedia img {

    min-height: 280px;

  }

}



@media (max-width: 720px) {

  .abISSC-section {

    padding: 64px 0 70px;

  }

  .abISSC-title {

    font-size: 28px;

  }

  .abISSC-sub {

    font-size: 14px;

  }

  .abISSC-cards {

    grid-template-columns: 1fr;

  }

  .abISSC-photo {

    height: 240px;

  }

}



@media (prefers-reduced-motion: reduce) {

  .abISSC-reveal {

    opacity: 1;

    transform: none;

    transition: none;

  }

  .abISSC-card {

    transition: none;

  }

  .abISSC-close {

    transition: none;

  }

}



.abSRX-section {

  --abSRX-bg: #efebeb;

  --abSRX-card: #f6f6f6;

  --abSRX-white: #ffffff;

  --abSRX-text: #5e6470;

  --abSRX-heading: #555d69;

  --abSRX-orange1: #ff5a00;

  --abSRX-orange2: #f5a35c;

  --abSRX-border: rgba(0, 0, 0, 0.04);

  --abSRX-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);

  --abSRX-radius: 10px;

  background: var(--abSRX-bg);

  padding: 90px 0 80px;

  overflow: hidden;

  position: relative;

}



.abSRX-wrap {

  width: min(1220px, calc(100% - 80px));

  margin: 0 auto;

}



.abSRX-title {

  margin: 0 0 5px;

  font-size: clamp(32px, 4vw, 40px);

  line-height: 1.12;

  font-weight: 800;

  letter-spacing: -0.02em;

  background: linear-gradient(

    90deg,

    var(--abSRX-orange1),

    var(--abSRX-orange2)

  );

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

}



.abSRX-viewport {

  overflow: hidden;

  width: 100%;

}



.abSRX-track {

  display: flex;

  gap: 32px;

  transition: transform 0.45s ease;

  will-change: transform;

}



.abSRX-card {

  flex: 0 0 calc((100% - 64px) / 3);

  background: rgba(255, 255, 255, 0.55);

  border: 1px solid var(--abSRX-border);

  border-radius: var(--abSRX-radius);

  min-height: 255px;

  box-sizing: border-box;

  padding: 42px 40px 34px;

  cursor: pointer;

  transition:

    transform 0.28s ease,

    box-shadow 0.28s ease,

    background 0.28s ease;

}



.abSRX-card:hover {

  transform: translateY(-6px);

  background: var(--abSRX-white);

  box-shadow: var(--abSRX-shadow);

}



.abSRX-logo {

  height: 150px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 34px;

}



.abSRX-logo img {

  width: auto;

  height: auto;

  display: block;

  object-fit: contain;

}



.abSRX-name {

  margin: 0 0 10px;

  font-size: 24px;

  line-height: 1.22;

  font-weight: 800;

  color: var(--abSRX-heading);

}



.abSRX-desc {

  margin: 0 0 16px;

  font-size: 14px;

  line-height: 1.55;

  color: var(--abSRX-text);

}



.abSRX-more {

  border: 0;

  background: none;

  padding: 0;

  margin: 0;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  font-size: 16px;

  font-weight: 800;

  color: var(--abSRX-heading);

  cursor: pointer;

}



.abSRX-more span {

  font-size: 20px;

  line-height: 1;

}



.abSRX-nav {

  display: flex;

  align-items: center;

  gap: 18px;

  margin-top: 34px;

}



.abSRX-arrow {

  width: 54px;

  height: 54px;

  border: 0;

  background: transparent;

  color: var(--abSRX-orange1);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  padding: 0;

}



.abSRX-arrow[disabled] {

  opacity: 0.35;

  pointer-events: none;

}



.abSRX-arrow svg {

  width: 34px;

  height: 34px;

}



.abSRX-modal {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 999999;

  display: none;

}



.abSRX-modal.abSRX-open {

  display: block;

}



.abSRX-modal-backdrop {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.55);

}



.abSRX-modal-box {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: min(560px, calc(100% - 30px));

  background: #fff;

  border-radius: 18px;

  padding: 32px 28px 28px;

  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.22);

  text-align: center;

  z-index: 2;

}



.abSRX-modal-close {

  position: absolute;

  right: 14px;

  top: 12px;

  width: 40px;

  height: 40px;

  border: 0;

  border-radius: 50%;

  background: #f2f2f2;

  color: #333;

  font-size: 28px;

  line-height: 1;

  cursor: pointer;

}



.abSRX-modal-logo {

  height: 110px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 16px;

}



.abSRX-modal-logo-img {

  max-width: 180px;

  max-height: 90px;

  object-fit: contain;

  display: block;

}



.abSRX-modal-title {

  margin: 0 0 12px;

  font-size: 28px;

  line-height: 1.2;

  font-weight: 800;

  color: #2f3540;

}



.abSRX-modal-desc {

  margin: 0 0 22px;

  font-size: 17px;

  line-height: 1.7;

  color: #5e6571;

}



.abSRX-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 170px;

  padding: 14px 24px;

  border-radius: 999px;

  text-decoration: none;

  background: linear-gradient(

    90deg,

    var(--abSRX-orange1),

    var(--abSRX-orange2)

  );

  color: #fff;

  font-weight: 700;

}



@media (max-width: 1100px) {

  .abSRX-card {

    flex: 0 0 calc((100% - 32px) / 2);

  }

}



@media (max-width: 767px) {

  .abSRX-section {

    padding: 70px 0 60px;

  }



  .abSRX-wrap {

    width: min(100% - 28px, 1220px);

  }



  .abSRX-track {

    gap: 18px;

  }



  .abSRX-card {

    flex: 0 0 100%;

    min-height: auto;

    padding: 28px 22px 24px;

  }



  .abSRX-logo {

    height: 221px;

    margin-bottom: 24px;

  }



  .abSRX-name {

    font-size: 28px;

  }



  .abSRX-desc {

    font-size: 16px;

  }

}

.abMega-wrap {

  position: relative;

  z-index: 9999;

  font-family: Arial, sans-serif;

}



.abMega-header {

  background: rgba(58, 52, 49, 0.96);

  padding: 0 40px;

}



.abMega-nav {

  max-width: 1280px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  gap: 30px;

  min-height: 78px;

}



.abMega-logo img {

  height: 42px;

  width: auto;

  display: block;

}



.abMega-main {

  display: flex;

  align-items: center;

  gap: 34px;

  flex: 1;

}



.abMega-item {

  position: static;

}



.abMega-toplink {

  display: inline-block;

  color: #fff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 600;

  padding: 28px 0;

  position: relative;

  transition: 0.25s ease;

}



.abMega-toplink:hover,

.abMega-item.abMega-open > .abMega-toplink {

  color: #ff6a00;

}



.abMega-item.abMega-open > .abMega-toplink::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 2px;

  width: 100%;

  height: 3px;

  background: #ff6a00;

}



.abMega-panel {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: #fff;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

  border-top: 1px solid #ececec;

  opacity: 0;

  visibility: hidden;

  transform: translateY(10px);

  pointer-events: none;

  transition: 0.28s ease;

}



.abMega-item.abMega-open .abMega-panel {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  pointer-events: auto;

}



.abMega-panel-inner {

  max-width: 1280px;

  margin: 0 auto;

}



.abMega-tabs {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 34px;

  padding: 0 28px;

  min-height: 78px;

  border-bottom: 1px solid #e9e9e9;

}



.abMega-tab {

  background: none;

  border: none;

  padding: 28px 0 24px;

  font-size: 16px;

  font-weight: 600;

  color: #4b4b4b;

  cursor: pointer;

  position: relative;

  transition: 0.25s ease;

}



.abMega-tab:hover,

.abMega-tab.abMega-active {

  color: #ff6a00;

}



.abMega-tab.abMega-active::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 100%;

  height: 3px;

  background: #ff6a00;

}



.abMega-tabpanels {

  padding: 34px 28px 40px;

}



.abMega-tabpanel {

  display: none;

}



.abMega-tabpanel.abMega-show {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 40px;

}



.abMega-col-title {

  margin: 0 0 14px;

  color: #222;

  font-size: 16px;

  font-weight: 700;

}



.abMega-links {

  list-style: none;

  margin: 0;

  padding: 0;

}



.abMega-links li {

  margin: 0 0 12px;

}



.abMega-links a {

  text-decoration: none;

  color: #666;

  font-size: 15px;

  line-height: 1.5;

  transition: 0.25s ease;

}



.abMega-links a:hover {

  color: #ff6a00;

  padding-left: 4px;

}



@media (max-width: 991px) {

  .abMega-header {

    padding: 0 18px;

  }



  .abMega-nav {

    flex-wrap: wrap;

    gap: 16px;

    min-height: auto;

    padding: 14px 0;

  }



  .abMega-main {

    gap: 18px;

    flex-wrap: wrap;

  }



  .abMega-panel {

    position: static;

    transform: none;

    box-shadow: none;

    border-top: 0;

    opacity: 1;

    visibility: visible;

    display: none;

    pointer-events: auto;

    width: 100%;

  }



  .abMega-item.abMega-open .abMega-panel {

    display: block;

  }



  .abMega-tabs {

    gap: 18px;

    padding: 0 18px;

    min-height: auto;

  }



  .abMega-tab {

    padding: 18px 0 16px;

    font-size: 15px;

  }



  .abMega-tabpanel.abMega-show {

    grid-template-columns: 1fr 1fr;

    gap: 26px;

  }



  .abMega-tabpanels {

    padding: 24px 18px 28px;

  }

}



@media (max-width: 767px) {

  .abMega-main {

    width: 100%;

    flex-direction: column;

    align-items: flex-start;

  }



  .abMega-item {

    width: 100%;

  }



  .abMega-toplink {

    padding: 14px 0;

    width: 100%;

  }



  .abMega-tabs {

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

    padding: 14px 16px;

  }



  .abMega-tab {

    padding: 8px 0;

    width: 100%;

    text-align: left;

  }



  .abMega-tabpanel.abMega-show {

    grid-template-columns: 1fr;

  }



  .abMega-tabpanels {

    padding: 18px 16px 22px;

  }

}



<style > .ab-headwrap,

.ab-headwrap * {

  box-sizing: border-box;

}



.ab-headwrap {

  position: relative;

  z-index: 99999;

  font-family: "Inter", Arial, sans-serif;

}



.ab-header {

  background: rgba(78, 72, 68, 0.96);

  backdrop-filter: blur(8px);

  position: relative;

}



.ab-header-inner {

  max-width: 1240px;

  margin: 0 auto;

  padding: 0 20px;

  min-height: 78px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

}



.ab-logo {

  flex: 0 0 auto;

}



.ab-logo a {

  display: inline-flex;

  align-items: center;

  text-decoration: none;

}



.ab-logo img {

  width: auto;

  height: 40px;

  display: block;

}



.ab-mainnav {

  display: flex;

  align-items: center;

  gap: 38px;

  flex: 1 1 auto;

  justify-content: center;

}



.ab-navitem {

  position: static;

}



.ab-navlink {

  display: inline-flex;

  align-items: center;

  min-height: 78px;

  text-decoration: none;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  position: relative;

  transition: 0.25s ease;

}



.ab-navitem:hover .ab-navlink,

.ab-navitem.ab-open .ab-navlink {

  color: #f47a20;

}



.ab-navitem.ab-open .ab-navlink:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  border-radius: 3px;

  background: #f47a20;

}



.ab-right {

  display: flex;

  align-items: center;

  gap: 18px;

  flex: 0 0 auto;

}



.ab-iconbtn {

  width: 24px;

  height: 24px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

  color: #fff;

  transition: 0.25s ease;

}



.ab-iconbtn:hover {

  color: #f47a20;

  transform: translateY(-1px);

}



.ab-flag {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.25);

  display: block;

  flex: 0 0 auto;

}



.ab-flag span {

  display: block;

  width: 100%;

  height: 100%;

  background:

    linear-gradient(to right, #d71920 0 28%, transparent 28% 100%),

    linear-gradient(

      to bottom,

      #1a9b49 0 33.33%,

      #ffffff 33.33% 66.66%,

      #111111 66.66% 100%

    );

}



.ab-ob-btn {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  min-height: 46px;

  padding: 0 18px;

  border: 2px solid rgba(255, 255, 255, 0.75);

  border-radius: 999px;

  color: #fff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 700;

  transition: 0.25s ease;

  white-space: nowrap;

}



.ab-ob-btn:hover {

  background: #fff;

  color: #4b4541;

}



.ab-ob-ic {

  width: 22px;

  height: 22px;

  border: 2px solid currentColor;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 11px;

  line-height: 1;

}



/* Mega panel */

.ab-mega {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: #fff;

  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.14);

  opacity: 0;

  visibility: hidden;

  transform: translateY(10px);

  pointer-events: none;

  transition: 0.28s ease;

  border-top: 1px solid #ebe7e3;

}



.ab-navitem.ab-open .ab-mega {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  pointer-events: auto;

}



.ab-mega-inner {

  max-width: 1240px;

  margin: 0 auto;

}



.ab-mega-top {

  display: flex;

  align-items: center;

  gap: 32px;

  min-height: 76px;

  padding: 0 28px;

  border-bottom: 1px solid #ece7e1;

  overflow: auto;

}



.ab-mega-tab {

  background: none;

  border: none;

  padding: 0;

  min-height: 76px;

  color: #57534f;

  font-size: 16px;

  font-weight: 700;

  white-space: nowrap;

  cursor: pointer;

  position: relative;

  transition: 0.25s ease;

}



.ab-mega-tab:hover,

.ab-mega-tab.ab-active {

  color: #f47a20;

}



.ab-mega-tab.ab-active:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  border-radius: 3px;

  background: #f47a20;

}



.ab-mega-body {

  padding: 30px 28px 34px;

}



.ab-panel {

  display: none;

}



.ab-panel.ab-show {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 40px;

}



.ab-col h4 {

  margin: 0 0 16px;

  color: #222;

  font-size: 16px;

  font-weight: 700;

}



.ab-links {

  margin: 0;

  padding: 0;

  list-style: none;

}



.ab-links li {

  margin: 0 0 12px;

}



.ab-links a {

  text-decoration: none;

  color: #6c6864;

  font-size: 15px;

  line-height: 1.5;

  transition: 0.2s ease;

}



.ab-links a:hover {

  color: #f47a20;

  padding-left: 4px;

}



.ab-mobile-toggle {

  display: none;

  width: 42px;

  height: 42px;

  border: none;

  background: none;

  padding: 0;

  cursor: pointer;

}



.ab-mobile-toggle span {

  display: block;

  width: 24px;

  height: 2px;

  background: #fff;

  margin: 5px auto;

  transition: 0.25s ease;

}



@media (max-width: 1100px) {

  .ab-mainnav {

    gap: 24px;

  }

  .ab-right {

    gap: 14px;

  }

}



@media (max-width: 991px) {

  .ab-header-inner {

    min-height: 74px;

    flex-wrap: wrap;

    padding: 14px 16px;

    gap: 14px;

  }



  .ab-mobile-toggle {

    display: block;

    margin-left: auto;

    order: 3;

  }



  .ab-right {

    order: 2;

    margin-left: auto;

  }



  .ab-mainnav {

    order: 4;

    width: 100%;

    display: none;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 0;

    padding: 6px 0 12px;

  }



  .ab-headwrap.ab-mobile-open .ab-mainnav {

    display: flex;

  }



  .ab-navitem {

    width: 100%;

  }



  .ab-navlink {

    width: 100%;

    min-height: 52px;

    justify-content: flex-start;

  }



  .ab-mega {

    position: static;

    width: 100%;

    transform: none;

    box-shadow: none;

    border-top: none;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    display: none;

  }



  .ab-navitem.ab-open .ab-mega {

    display: block;

  }



  .ab-mega-top {

    min-height: auto;

    gap: 18px;

    padding: 0 0 0 0;

    margin-bottom: 10px;

    border-bottom: 1px solid #ece7e1;

  }



  .ab-mega-tab {

    min-height: 58px;

    font-size: 15px;

  }



  .ab-mega-body {

    padding: 20px 0 8px;

  }



  .ab-panel.ab-show {

    grid-template-columns: 1fr 1fr;

    gap: 26px;

  }

}



@media (max-width: 767px) {

  .ab-logo img {

    height: 34px;

  }



  .ab-right {

    gap: 10px;

  }



  .ab-ob-btn {

    min-height: 40px;

    padding: 0 14px;

    font-size: 14px;

  }



  .ab-ob-ic {

    width: 19px;

    height: 19px;

    font-size: 10px;

  }



  .ab-iconbtn {

    width: 22px;

    height: 22px;

  }



  .ab-flag {

    width: 22px;

    height: 22px;

  }



  .ab-mega-top {

    flex-direction: column;

    align-items: flex-start;

    overflow: visible;

  }



  .ab-mega-tab {

    min-height: 42px;

  }



  .ab-panel.ab-show {

    grid-template-columns: 1fr;

    gap: 20px;

  }

}

/* ================================

       Scoped Section CSS - No Conflict

    ================================== */

.zbx-ship-section * {

  box-sizing: border-box;

}



.zbx-ship-section {

  position: relative;

  width: 100%;

  min-height: 200px;

  display: flex;

  align-items: center;

  padding: 60px 80px 80px 180px;

  background: url("../img/hero.png") center center / cover no-repeat;

  overflow: hidden;

}



.zbx-ship-section::before {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.03);

  pointer-events: none;

}



.zbx-ship-wrap {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1400px;

}



.zbx-ship-card {

  width: 100%;

  max-width: 435px;

  border-radius: 12px;

  padding: 28px 34px;

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);

  backdrop-filter: blur(2px);

  background-color: white;

}



.zbx-ship-item {

  padding: 18px 0 16px;

}



.zbx-ship-item + .zbx-ship-item {

  border-top: 1px solid #dcdcdc;

  margin-top: 10px;

  padding-top: 34px;

}



.zbx-ship-title {

  margin: 0 0 18px;

  font-size: 23px;

  line-height: 1.25;

  font-weight: 700;

  color: #111827;

  letter-spacing: -0.2px;

}



.zbx-ship-text {

  margin: 0;

  font-size: 16px;

  line-height: 1.7;

  color: #6b7280;

  max-width: 290px;

}



/* Expand text area */

.zbx-ship-expand {

  overflow: hidden;

  max-height: 0;

  opacity: 0;

  transition:

    max-height 0.45s ease,

    opacity 0.35s ease,

    margin-top 0.35s ease;

  margin-top: 0;

}



.zbx-ship-item.zbx-open .zbx-ship-expand {

  max-height: 420px;

  opacity: 1;

  margin-top: 12px;

}



.zbx-ship-expand p {

  margin: 0;

  font-size: 17px;

  line-height: 1.75;

  color: #6b7280;

  max-width: 300px;

}



.zbx-ship-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-top: 18px;

  padding: 0;

  background: none;

  border: none;

  cursor: pointer;

  font-size: 17px;

  font-weight: 700;

  color: #ff5a1f;

  text-decoration: none;

  transition:

    color 0.25s ease,

    transform 0.2s ease;

}



.zbx-ship-link:hover {

  color: #e24c14;

}



.zbx-ship-link:focus {

  outline: none;

}



.zbx-ship-arrow {

  display: inline-block;

  font-size: 25px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.zbx-ship-item.zbx-open .zbx-ship-arrow {

  transform: rotate(90deg);

}



/* Responsive */

@media (max-width: 1200px) {

  .zbx-ship-section {

    padding: 50px 40px;

  }



  .zbx-ship-card {

    max-width: 420px;

  }

}



@media (max-width: 768px) {

  .zbx-ship-section {

    min-height: auto;

    padding: 40px 20px;

    align-items: flex-start;

  }



  .zbx-ship-card {

    max-width: 100%;

    padding: 22px 22px;

    border-radius: 10px;

  }



  .zbx-ship-title {

    font-size: 20px;

  }



  .zbx-ship-text,

  .zbx-ship-expand p {

    font-size: 16px;

    max-width: 100%;

  }



  .zbx-ship-link {

    font-size: 16px;

  }

}



.ab-headwrap {

  position: relative !important;

  z-index: 99999;

  font-family: "Inter", Arial, sans-serif;

}



.ab-header {

  position: relative !important;

  top: auto !important;

  left: auto !important;

  width: 100%;

  background: rgba(78, 72, 68, 0.96);

  backdrop-filter: blur(8px);

}



.ab-header-inner {

  max-width: 1240px;

  margin: 0 auto;

  padding: 0 20px;

  min-height: 78px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

}



.ab-logo {

  flex: 0 0 auto;

}



.ab-logo a {

  display: inline-flex;

  align-items: center;

  text-decoration: none;

}



.ab-logo img {

  height: 40px;

  width: auto;

  display: block;

}



.ab-mainnav {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 38px;

  flex: 1 1 auto;

}



.ab-navitem {

  position: static;

}



.ab-navlink {

  display: inline-flex;

  align-items: center;

  min-height: 78px;

  text-decoration: none;

  color: #fff;

  font-size: 16px;

  font-weight: 700;

  position: relative;

  transition: 0.25s ease;

}



.ab-navitem:hover .ab-navlink,

.ab-navitem.ab-open .ab-navlink {

  color: #f47a20;

}



.ab-navitem.ab-open .ab-navlink:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  border-radius: 3px;

  background: #f47a20;

}



.ab-right {

  display: flex;

  align-items: center;

  gap: 18px;

  flex: 0 0 auto;

}



.ab-iconbtn {

  width: 24px;

  height: 24px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

  color: #fff;

  transition: 0.25s ease;

}



.ab-iconbtn:hover {

  color: #f47a20;

  transform: translateY(-1px);

}



.ab-flag {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.25);

  display: block;

  flex: 0 0 auto;

}



.ab-flag span {

  display: block;

  width: 100%;

  height: 100%;

  background:

    linear-gradient(to right, #d71920 0 28%, transparent 28% 100%),

    linear-gradient(

      to bottom,

      #1a9b49 0 33.33%,

      #ffffff 33.33% 66.66%,

      #111111 66.66% 100%

    );

}



.ab-ob-btn {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  min-height: 46px;

  padding: 0 18px;

  border: 2px solid rgba(255, 255, 255, 0.75);

  border-radius: 999px;

  color: #fff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 700;

  transition: 0.25s ease;

  white-space: nowrap;

}



.ab-ob-btn:hover {

  background: #fff;

  color: #4b4541;

}



.ab-ob-ic {

  width: 22px;

  height: 22px;

  border: 2px solid currentColor;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 11px;

  line-height: 1;

}



.ab-mobile-toggle {

  display: none;

  width: 42px;

  height: 42px;

  border: none;

  background: none;

  padding: 0;

  cursor: pointer;

}



.ab-mobile-toggle span {

  display: block;

  width: 24px;

  height: 2px;

  background: #fff;

  margin: 5px auto;

  transition: 0.25s ease;

}



/* Mega Menu */

.ab-mega {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: #fff;

  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.14);

  opacity: 0;

  visibility: hidden;

  transform: translateY(10px);

  pointer-events: none;

  transition: 0.28s ease;

  border-top: 1px solid #ebe7e3;

}



.ab-navitem.ab-open .ab-mega {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  pointer-events: auto;

}



.ab-mega-inner {

  max-width: 1240px;

  margin: 0 auto;

}



.ab-mega-top {

  display: flex;

  align-items: center;

  gap: 32px;

  min-height: 76px;

  padding: 0 28px;

  border-bottom: 1px solid #ece7e1;

  overflow: auto;

}



.ab-mega-tab {

  background: none;

  border: none;

  padding: 0;

  min-height: 76px;

  color: #57534f;

  font-size: 16px;

  font-weight: 700;

  white-space: nowrap;

  cursor: pointer;

  position: relative;

  transition: 0.25s ease;

}



.ab-mega-tab:hover,

.ab-mega-tab.ab-active {

  color: #f47a20;

}



.ab-mega-tab.ab-active:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  border-radius: 3px;

  background: #f47a20;

}



.ab-mega-body {

  padding: 30px 28px 34px;

}



.ab-panel {

  display: none;

}



.ab-panel.ab-show {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 40px;

}



.ab-col h4 {

  margin: 0 0 16px;

  color: #222;

  font-size: 16px;

  font-weight: 700;

}



.ab-links {

  list-style: none;

  margin: 0;

  padding: 0;

}



.ab-links li {

  margin: 0 0 12px;

  display: block;

}



.ab-links a {

  display: block;

  text-decoration: none;

  color: #6c6864;

  font-size: 15px;

  line-height: 1.5;

  transition: 0.2s ease;

}



.ab-links a:hover {

  color: #f47a20;

  padding-left: 4px;

}



/* 3rd section single line */

#ab-panel-3.ab-show {

  display: block;

}



#ab-panel-3 .ab-col {

  max-width: 360px;

}



#ab-panel-3 .ab-links a {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



/* Demo page content */

.ab-demo {

  max-width: 1240px;

  margin: 40px auto;

  padding: 40px 20px;

  background: #fff;

  border-radius: 14px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);

}



.ab-demo h1 {

  font-size: 32px;

  margin-bottom: 12px;

  color: #222;

}



.ab-demo p {

  font-size: 16px;

  line-height: 1.7;

  color: #666;

}



@media (max-width: 1100px) {

  .ab-mainnav {

    gap: 24px;

  }



  .ab-right {

    gap: 14px;

  }

}



@media (max-width: 991px) {

  .ab-header-inner {

    min-height: 74px;

    flex-wrap: wrap;

    padding: 14px 16px;

    gap: 14px;

  }



  .ab-mobile-toggle {

    display: block;

    margin-left: auto;

    order: 3;

  }



  .ab-right {

    order: 2;

    margin-left: auto;

  }



  .ab-mainnav {

    order: 4;

    width: 100%;

    display: none;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

    gap: 0;

    padding: 6px 0 12px;

  }



  .ab-headwrap.ab-mobile-open .ab-mainnav {

    display: flex;

  }



  .ab-navitem {

    width: 100%;

  }



  .ab-navlink {

    width: 100%;

    min-height: 52px;

    justify-content: flex-start;

  }



  .ab-mega {

    position: static;

    width: 100%;

    transform: none;

    box-shadow: none;

    border-top: none;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    display: none;

  }



  .ab-navitem.ab-open .ab-mega {

    display: block;

  }



  .ab-mega-top {

    min-height: auto;

    gap: 18px;

    padding: 0;

    margin-bottom: 10px;

    border-bottom: 1px solid #ece7e1;

  }



  .ab-mega-tab {

    min-height: 58px;

    font-size: 15px;

  }



  .ab-mega-body {

    padding: 20px 0 8px;

  }



  .ab-panel.ab-show {

    grid-template-columns: 1fr 1fr;

    gap: 26px;

  }



  #ab-panel-3.ab-show {

    display: block;

  }

}



@media (max-width: 767px) {

  .ab-logo img {

    height: 34px;

  }



  .ab-right {

    gap: 10px;

  }



  .ab-ob-btn {

    min-height: 40px;

    padding: 0 14px;

    font-size: 14px;

  }



  .ab-ob-ic {

    width: 19px;

    height: 19px;

    font-size: 10px;

  }



  .ab-iconbtn {

    width: 22px;

    height: 22px;

  }



  .ab-flag {

    width: 22px;

    height: 22px;

  }



  .ab-mega-top {

    flex-direction: column;

    align-items: flex-start;

    overflow: visible;

  }



  .ab-mega-tab {

    min-height: 42px;

  }



  .ab-panel.ab-show {

    grid-template-columns: 1fr;

    gap: 20px;

  }



  #ab-panel-3 .ab-col {

    max-width: 100%;

  }

}

.abx-page {

  min-height: 2000px;

  background:

    linear-gradient(rgba(63, 31, 12, 0.38), rgba(63, 31, 12, 0.38)),

    url("assets/img/hero.png") center/cover no-repeat;

  background-color: #7b5634;

}



.abx-header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  transition: all 0.35s ease;

}



.abx-header.abx-scrolled {

  background: rgba(66, 31, 10, 0.72);

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);

}



.abx-wrap {

  width: min(1280px, calc(100% - 40px));

  margin: auto;

}



.abx-row {

  min-height: 84px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}



.abx-left {

  display: flex;

  align-items: center;

  gap: 92px;

  flex: 1 1 auto;

  min-width: 0;

}



.abx-logo img {

  height: 46px;

  width: auto;

  display: block;

}



.abx-mobile-btn {

  display: none;

  border: none;

  background: none;

  color: #fff;

  font-size: 24px;

  cursor: pointer;

}



.abx-nav {

  display: flex;

  align-items: center;

  gap: 34px;

  list-style: none;

}



.abx-item {

  position: relative;

}



.abx-link {

  min-height: 84px;

  display: flex;

  align-items: center;

  text-decoration: none;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  position: relative;

  white-space: nowrap;

}



.abx-item.active > .abx-link {

  color: #ff7a00;

}



.abx-item.active > .abx-link::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  background: #ff7a00;

}



.abx-right {

  display: flex;

  align-items: center;

  gap: 14px;

  flex: 0 0 auto;

}



.abx-icon {

  width: 34px;

  height: 34px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  text-decoration: none;

  font-size: 22px;

}



.abx-flag {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  display: block;

  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);

  text-decoration: none;

}



.abx-flag::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 28%;

  height: 100%;

  background: #d91e18;

  z-index: 2;

}



.abx-flag::after {

  content: "";

  position: absolute;

  left: 28%;

  top: 0;

  width: 72%;

  height: 100%;

  background: linear-gradient(

    to bottom,

    #009a49 0 33.33%,

    #fff 33.33% 66.66%,

    #000 66.66% 100%

  );

}



.abx-btn {

  min-height: 46px;

  padding: 0 22px;

  border: 2px solid rgba(255, 255, 255, 0.85);

  border-radius: 999px;

  color: #fff;

  text-decoration: none;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  font-size: 15px;

  font-weight: 700;

  white-space: nowrap;

}



.abx-btn:hover {

  background: #fff;

  color: #4d250b;

}



/* ===== Mega Menu ===== */



.abx-mega {

  position: absolute;

  top: 100%;

  left: 0;

  width: 980px;

  background: #fff;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);

  display: none;

  overflow: visible; /* no scroll */

}



.abx-item.open .abx-mega {

  display: block;

}



.abx-tabs {

  display: flex;

  gap: 34px;

  padding: 28px 28px 0;

  border-bottom: 1px solid #e7e7e7;

  overflow: visible; /* no horizontal scroll */

  flex-wrap: wrap;

}



.abx-tab {

  text-decoration: none;

  color: #2f2f2f;

  font-size: 15px;

  font-weight: 700;

  padding-bottom: 22px;

  position: relative;

  white-space: nowrap;

}



.abx-tab.current {

  color: #ff7a00;

}



.abx-tab.current::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  background: #ff7a00;

}



.abx-mega-body {

  position: relative;

  padding: 34px 28px 34px;

  min-height: 320px;

  overflow: visible;

}



.abx-close {

  position: absolute;

  right: 24px;

  top: 24px;

  border: none;

  background: none;

  color: #ff7a00;

  font-size: 28px;

  line-height: 1;

  cursor: pointer;

}



.abx-panel {

  display: none;

}



.abx-panel.show {

  display: block;

}



/* second + third level layout */

.abx-level-wrap {

  display: grid;

  grid-template-columns: 280px 1fr;

  gap: 50px;

  padding-right: 40px;

}



.abx-level2 {

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.abx-level2-link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  text-decoration: none;

  color: #5b5b5b;

  font-size: 16px;

  line-height: 1.4;

  padding: 4px 0;

  transition: 0.25s ease;

}



.abx-level2-link:hover,

.abx-level2-link.active {

  color: #ff7a00;

}



.abx-level2-link .abx-arrow {

  margin-left: 14px;

  font-size: 13px;

  color: #9a9a9a;

}



.abx-level3 {

  display: none;

  grid-template-columns: repeat(2, minmax(220px, 1fr));

  gap: 18px 40px;

  align-content: start;

  padding-top: 2px;

}



.abx-level3.show {

  display: grid;

}



.abx-level3 a {

  text-decoration: none;

  color: #5b5b5b;

  font-size: 16px;

  line-height: 1.5;

  transition: 0.25s ease;

}



.abx-level3 a:hover {

  color: #ff7a00;

}



.abx-space {

  height: 1400px;

}



@media (max-width: 1100px) {

  .abx-mega {

    width: 920px;

  }

}



@media (max-width: 991px) {

  .abx-row {

    min-height: 76px;

  }



  .abx-mobile-btn {

    display: block;

  }



  .abx-left {

    justify-content: space-between;

  }



  .abx-nav {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background: rgba(66, 31, 10, 0.97);

    flex-direction: column;

    align-items: flex-start;

    gap: 0;

    padding: 14px 20px 20px;

    display: none;

  }



  .abx-nav.mobile-open {

    display: flex;

  }



  .abx-item {

    width: 100%;

  }



  .abx-link {

    min-height: auto;

    width: 100%;

    padding: 14px 0;

  }



  .abx-mega {

    position: static;

    width: 100%;

    margin-top: 10px;

  }



  .abx-tabs {

    gap: 16px;

    padding: 20px 18px 0;

  }



  .abx-mega-body {

    min-height: auto;

    padding: 24px 18px;

  }



  .abx-level-wrap {

    grid-template-columns: 1fr;

    gap: 24px;

    padding-right: 0;

  }



  .abx-level3 {

    grid-template-columns: 1fr;

  }



  .abx-btn span {

    display: none;

  }



  .abx-btn {

    width: 46px;

    padding: 0;

    justify-content: center;

  }

}



@media (max-width: 640px) {

  .abx-wrap {

    width: min(100% - 24px, 1280px);

  }



  .abx-logo img {

    height: 38px;

  }



  .abx-right {

    gap: 10px;

  }

}

.abm-page {

  min-height: 1800px;

  background:

    linear-gradient(rgba(58, 31, 13, 0.45), rgba(58, 31, 13, 0.45)),

    url("assets/img/hero.png") center/cover no-repeat;

  background-color: #7b5634;

}



.abm-header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  background: rgba(72, 41, 21, 0.76);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  transition: 0.3s ease;

}



.abm-header.abm-scrolled {

  background: rgba(72, 41, 21, 0.84);

  backdrop-filter: blur(14px);

  -webkit-backdrop-filter: blur(14px);

}



.abm-wrap {

  width: min(1240px, calc(100% - 40px));

  margin: auto;

}



.abm-row {

  min-height: 84px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}



.abm-left {

  display: flex;

  align-items: center;

  gap: 82px;

  flex: 1 1 auto;

  min-width: 0;

}



.abm-logo img {

  height: 48px;

  width: auto;

  display: block;

}



.abm-nav {

  display: flex;

  align-items: center;

  gap: 62px;

  list-style: none;

}



.abm-item {

  position: relative;

}



.abm-link {

  min-height: 84px;

  display: flex;

  align-items: center;

  color: #fff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 600;

  position: relative;

  white-space: nowrap;

}



.abm-item.active > .abm-link {

  color: #ff6f00;

}



.abm-item.active > .abm-link::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  background: #ff6f00;

}



.abm-right {

  display: flex;

  align-items: center;

  gap: 14px;

  flex: 0 0 auto;

}



.abm-icon {

  width: 34px;

  height: 34px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  text-decoration: none;

  font-size: 22px;

}



.abm-flag {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  display: block;

  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);

  text-decoration: none;

  flex: 0 0 24px;

}



.abm-flag::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 28%;

  height: 100%;

  background: #d91e18;

  z-index: 2;

}



.abm-flag::after {

  content: "";

  position: absolute;

  left: 28%;

  top: 0;

  width: 72%;

  height: 100%;

  background: linear-gradient(

    to bottom,

    #009a49 0 33.33%,

    #ffffff 33.33% 66.66%,

    #000000 66.66% 100%

  );

}



.abm-btn {

  min-height: 46px;

  padding: 0 22px;

  border: 2px solid rgba(255, 255, 255, 0.82);

  border-radius: 999px;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: #fff;

  text-decoration: none;

  font-size: 15px;

  font-weight: 700;

  white-space: nowrap;

  transition: 0.25s ease;

}



.abm-btn:hover {

  background: #fff;

  color: #4b250f;

}



/* Mega Menu */

.abm-mega {

  position: absolute;

  top: 100%;

  left: 0;

  width: 932px;

  background: #fff;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);

  display: none;

}



.abm-item.open .abm-mega {

  display: block;

}



.abm-tabs {

  display: flex;

  gap: 34px;

  padding: 28px 28px 0;

  border-bottom: 1px solid #e7e7e7;

  flex-wrap: wrap;

}



.abm-tab {

  text-decoration: none;

  color: #3a3a3a;

  font-size: 15px;

  font-weight: 700;

  padding-bottom: 22px;

  position: relative;

  white-space: nowrap;

}



.abm-tab.current {

  color: #ff6f00;

}



.abm-tab.current::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  background: #ff6f00;

}



.abm-mega-body {

  position: relative;

  padding: 34px 28px 30px;

  min-height: 320px;

}



.abm-close {

  position: absolute;

  top: 24px;

  right: 26px;

  border: none;

  background: none;

  color: #ff6f00;

  font-size: 28px;

  line-height: 1;

  cursor: pointer;

}



.abm-panel {

  display: none;

}



.abm-panel.show {

  display: block;

}



.abm-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 22px 60px;

  padding-right: 44px;

  align-items: start;

}



.abm-col {

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.abm-sub {

  text-decoration: none;

  color: #6b6b6b;

  font-size: 14px;

  line-height: 1.5;

  transition: 0.2s ease;

}



.abm-sub:hover {

  color: #ff6f00;

}



.abm-mobile-btn {

  display: none;

  border: none;

  background: none;

  color: #fff;

  font-size: 24px;

  cursor: pointer;

}



.abm-space {

  height: 1400px;

}



@media (max-width: 991px) {

  .abm-row {

    min-height: 76px;

  }



  .abm-mobile-btn {

    display: block;

  }



  .abm-left {

    justify-content: space-between;

  }



  .abm-nav {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background: rgba(72, 41, 21, 0.97);

    flex-direction: column;

    align-items: flex-start;

    gap: 0;

    padding: 14px 20px 20px;

    display: none;

  }



  .abm-nav.mobile-open {

    display: flex;

  }



  .abm-item {

    width: 100%;

  }



  .abm-link {

    min-height: auto;

    width: 100%;

    padding: 14px 0;

  }



  .abm-mega {

    position: static;

    width: 100%;

    margin-top: 10px;

  }



  .abm-tabs {

    gap: 18px;

    padding: 20px 18px 0;

  }



  .abm-mega-body {

    min-height: auto;

    padding: 24px 18px;

  }



  .abm-grid {

    grid-template-columns: 1fr;

    gap: 16px;

    padding-right: 0;

  }



  .abm-btn span {

    display: none;

  }



  .abm-btn {

    width: 46px;

    padding: 0;

    justify-content: center;

  }

}



@media (max-width: 640px) {

  .abm-wrap {

    width: min(100% - 24px, 1240px);

  }



  .abm-logo img {

    height: 40px;

  }

}



.abm-page {

  min-height: 1800px;

  background:

    linear-gradient(rgba(58, 31, 13, 0.45), rgba(58, 31, 13, 0.45)),

    url("assets/img/hero.png") center/cover no-repeat;

  background-color: #7b5634;

}



.abm-header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  background: rgba(72, 41, 21, 0.76);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  transition: 0.3s ease;

}



.abm-header.abm-scrolled {

  background: rgba(72, 41, 21, 0.84);

  backdrop-filter: blur(14px);

  -webkit-backdrop-filter: blur(14px);

}



.abm-wrap {

  width: min(1240px, calc(100% - 40px));

  margin: auto;

}



.abm-row {

  min-height: 84px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

}



.abm-left {

  display: flex;

  align-items: center;

  gap: 34px;

  flex: 1 1 auto;

  min-width: 0;

}



.abm-logo img {

  height: 48px;

  width: auto;

  display: block;

}



.abm-nav {

  display: flex;

  align-items: center;

  gap: 34px;

  list-style: none;

}



.abm-item {

  position: relative;

}



.abm-link {

  min-height: 84px;

  display: flex;

  align-items: center;

  color: #fff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 600;

  position: relative;

  white-space: nowrap;

}



.abm-item.active > .abm-link {

  color: #ff6f00;

}



.abm-item.active > .abm-link::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  background: #ff6f00;

}



.abm-right {

  display: flex;

  align-items: center;

  gap: 14px;

  flex: 0 0 auto;

}



.abm-icon {

  width: 34px;

  height: 34px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  text-decoration: none;

  font-size: 22px;

}



.abm-flag {

  width: 24px;

  height: 24px;

  border-radius: 50%;

  overflow: hidden;

  position: relative;

  display: block;

  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);

  text-decoration: none;

  flex: 0 0 24px;

}



.abm-flag::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 28%;

  height: 100%;

  background: #d91e18;

  z-index: 2;

}



.abm-flag::after {

  content: "";

  position: absolute;

  left: 28%;

  top: 0;

  width: 72%;

  height: 100%;

  background: linear-gradient(

    to bottom,

    #009a49 0 33.33%,

    #ffffff 33.33% 66.66%,

    #000000 66.66% 100%

  );

}



.abm-btn {

  min-height: 46px;

  padding: 0 22px;

  border: 2px solid rgba(255, 255, 255, 0.82);

  border-radius: 999px;

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: #fff;

  text-decoration: none;

  font-size: 15px;

  font-weight: 700;

  white-space: nowrap;

  transition: 0.25s ease;

}



.abm-btn:hover {

  background: #fff;

  color: #4b250f;

}



/* Mega Menu */

.abm-mega {

  position: absolute;

  top: 100%;

  left: 0;

  width: 932px;

  background: #fff;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);

  display: none;

}



.abm-item.open .abm-mega {

  display: block;

}



.abm-tabs {

  display: flex;

  gap: 34px;

  padding: 28px 28px 0;

  border-bottom: 1px solid #e7e7e7;

  flex-wrap: wrap;

}



.abm-tab {

  text-decoration: none;

  color: #3a3a3a;

  font-size: 15px;

  font-weight: 700;

  padding-bottom: 22px;

  position: relative;

  white-space: nowrap;

}



.abm-tab.current {

  color: #ff6f00;

}



.abm-tab.current::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 3px;

  background: #ff6f00;

}



.abm-mega-body {

  position: relative;

  padding: 34px 28px 30px;

  min-height: 320px;

}



.abm-close {

  position: absolute;

  top: 24px;

  right: 26px;

  border: none;

  background: none;

  color: #ff6f00;

  font-size: 28px;

  line-height: 1;

  cursor: pointer;

}



.abm-panel {

  display: none;

}



.abm-panel.show {

  display: block;

}



.abm-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 22px 60px;

  padding-right: 44px;

  align-items: start;

}



.abm-col {

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.abm-sub {

  text-decoration: none;

  color: #6b6b6b;

  font-size: 16px;

  line-height: 1.5;

  transition: 0.2s ease;

}



.abm-sub:hover {

  color: #ff6f00;

}



.abm-mobile-btn {

  display: none;

  border: none;

  background: none;

  color: #fff;

  font-size: 24px;

  cursor: pointer;

}



.abm-space {

  height: 1400px;

}



@media (max-width: 991px) {

  .abm-row {

    min-height: 76px;

  }



  .abm-mobile-btn {

    display: block;

  }



  .abm-left {

    justify-content: space-between;

  }



  .abm-nav {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    background: rgba(72, 41, 21, 0.97);

    flex-direction: column;

    align-items: flex-start;

    gap: 0;

    padding: 14px 20px 20px;

    display: none;

  }



  .abm-nav.mobile-open {

    display: flex;

  }



  .abm-item {

    width: 100%;

  }



  .abm-link {

    min-height: auto;

    width: 100%;

    padding: 14px 0;

  }



  .abm-mega {

    position: static;

    width: 100%;

    margin-top: 10px;

  }



  .abm-tabs {

    gap: 18px;

    padding: 20px 18px 0;

  }



  .abm-mega-body {

    min-height: auto;

    padding: 24px 18px;

  }



  .abm-grid {

    grid-template-columns: 1fr;

    gap: 16px;

    padding-right: 0;

  }



  .abm-btn span {

    display: none;

  }



  .abm-btn {

    width: 46px;

    padding: 0;

    justify-content: center;

  }

}



@media (max-width: 640px) {

  .abm-wrap {

    width: min(100% - 24px, 1240px);

  }



  .abm-logo img {

    height: 40px;

  }

}



.abISSC-head {

  width: 100%;

}



.abISSC-title {

  margin: 0 0 14px;

}



.abISSC-sub-wrap {

  position: relative;

  width: 100%;

}



.abISSC-sub {

  margin: 0;

  line-height: 1.8;

  color: #4f5b66;

  font-size: 16px;

  transition: max-height 0.45s ease;

  overflow: hidden;

}



/* collapsed = sirf 2 lines */

.abISSC-sub.abISSC-sub-collapsed {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



/* expanded = poora text */

.abISSC-sub.abISSC-sub-expanded {

  display: block;

  overflow: visible;

}



.abISSC-more-btn {

  margin-top: 14px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 0;

  border: 0;

  background: transparent;

  color: #d97706;

  font-size: 15px;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.25s ease;

}



.abISSC-more-btn:hover {

  color: #b45309;

}



.abISSC-more-btn:focus {

  outline: none;

}



.abISSC-more-icon {

  display: inline-block;

  font-size: 14px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.abISSC-more-btn.abISSC-open .abISSC-more-icon {

  transform: rotate(180deg);

}



@media (max-width: 767px) {

  .abISSC-sub {

    font-size: 15px;

    line-height: 1.7;

  }



  .abISSC-more-btn {

    font-size: 14px;

  }

}

.abCEO-section {

  width: 100%;

}



.abCEO-head {

  text-align: center;

  margin-bottom: 28px;

}



.abCEO-title {

  margin: 0 0 10px;

}



.abCEO-sub {

  margin: 0;

}



.abCEO-hero {

  margin-bottom: 28px;

  text-align: center;

}



.abCEO-hero img {

  max-width: 100%;

  height: auto;

  display: inline-block;

  border-radius: 18px;

}



.abCEO-body {

  width: 100%;

}



.abCEO-message-wrap {

  position: relative;

  width: 100%;

}



.abCEO-message {

  margin: 0;

  color: #4f5b66;

  font-size: 16px;

  line-height: 1.9;

}



.abCEO-message.abCEO-message-collapsed {

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.abCEO-message.abCEO-message-expanded {

  display: block;

  overflow: visible;

}



.abCEO-message h4 {

  margin: 0 0 14px;

  font-size: 22px;

  line-height: 1.35;

  color: #152033;

  font-weight: 700;

}



.abCEO-message p {

  margin: 0 0 18px;

}



.abCEO-more-btn {

  margin-top: 14px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 0;

  border: 0;

  background: transparent;

  color: #f27a1a;

  font-size: 15px;

  font-weight: 700;

  cursor: pointer;

  transition: all 0.25s ease;

}



.abCEO-more-btn:hover {

  color: #d96508;

}



.abCEO-more-btn:focus {

  outline: none;

}



.abCEO-more-icon {

  font-size: 13px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.abCEO-more-btn.abCEO-open .abCEO-more-icon {

  transform: rotate(180deg);

}



.abCEO-callout {

  margin-top: 26px;

  padding: 18px 22px;

  border-left: 4px solid #f27a1a;

  background: #fff8f1;

  color: #1f2937;

  font-size: 16px;

  line-height: 1.8;

  border-radius: 12px;

}



.abCEO-management-title {

  margin: 42px 0 24px;

  text-align: center;

  color: #f27a1a;

  font-size: 30px;

  line-height: 1.2;

  font-weight: 800;

  letter-spacing: -0.02em;

}



@media (max-width: 991px) {

  .abCEO-message h4 {

    font-size: 20px;

  }



  .abCEO-management-title {

    font-size: 26px;

  }

}



@media (max-width: 767px) {

  .abCEO-message {

    font-size: 15px;

    line-height: 1.8;

  }



  .abCEO-message h4 {

    font-size: 18px;

    margin-bottom: 12px;

  }



  .abCEO-more-btn {

    font-size: 14px;

  }



  .abCEO-callout {

    font-size: 15px;

    padding: 16px 18px;

  }



  .abCEO-management-title {

    font-size: 22px;

    margin: 34px 0 20px;

  }

}

/* ===================== ISSC Custom Board Cards (No Conflict) ===================== */



.abISSC-board-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 26px;

  margin-top: 34px;

}



.abISSC-board-card {

  background: #ffffff;

  border-radius: 22px;

  overflow: hidden;

  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08);

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease;

  text-align: center;

  border: 1px solid rgba(0, 0, 0, 0.05);

}



.abISSC-board-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);

}



.abISSC-board-info {

  padding: 0 0 0px;

}



.abISSC-board-info img {

  width: 100%;

  height: 320px;

  object-fit: cover;

  display: block;

  background: #f7f7f7;

}



.abISSC-board-name {

  margin: 18px 18px 10px;

  font-size: 22px;

  line-height: 1.35;

  font-weight: 700;

  color: #162033;

}



.abISSC-board-role {

  margin: 0 18px;

  font-size: 15px;

  line-height: 1.7;

  color: #f27a1a;

  font-weight: 600;

}



@media (max-width: 991px) {

  .abISSC-board-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 22px;

  }



  .abISSC-board-info img {

    height: 290px;

  }



  .abISSC-board-name {

    font-size: 20px;

  }

}



@media (max-width: 767px) {

  .abISSC-board-grid {

    grid-template-columns: 1fr;

    gap: 18px;

  }



  .abISSC-board-info img {

    height: auto;

    max-height: 420px;

    object-fit: cover;

  }



  .abISSC-board-name {

    font-size: 18px;

    margin: 16px 14px 8px;

  }



  .abISSC-board-role {

    font-size: 14px;

    margin: 0 14px;

  }

}

/* grid */

.abISSC-board-grid {

  display: flex;

  justify-content: center;

  gap: 22px;

  flex-wrap: wrap;

  margin-top: 30px;

}



/* card size chota */

.abISSC-board-card {

  width: 240px;

  background: #fff;

  border-radius: 18px;

  overflow: hidden;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

  text-align: center;

  transition: all 0.3s ease;

}



.abISSC-board-card:hover {

  transform: translateY(-5px);

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

}



/* image choti */

.abISSC-board-info img {

  height: 238px;

  object-fit: contain;

  display: block;

}



/* name */

.abISSC-board-name {

  font-size: 16px;

  font-weight: 700;

  margin: 14px 10px 6px;

  color: #1c2434;

}



/* role */

.abISSC-board-role {

  font-size: 13px;

  color: #f27a1a;

  font-weight: 600;

  margin-bottom: 16px;

}



/* ===========================

   Awards Section - Clean Theme

   Prefix: abAWD-

=========================== */

.abAWY-section {

  position: relative;

  padding: 80px 0;

  background: #faf7f3;

  overflow: hidden;

}



.abAWY-container {

  width: min(1280px, calc(100% - 40px));

  margin: 0 auto;

}



.abAWY-head {

  text-align: center;

  max-width: 850px;

  margin: 0 auto 34px;

}



.abAWY-kicker {

  display: inline-block;

  margin-bottom: 10px;

  color: #f27a1a;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 0.12em;

  text-transform: uppercase;

}



.abAWY-title {

  margin: 0 0 12px;

  color: #162033;

  font-size: 40px;

  line-height: 1.1;

  font-weight: 700;

}



.abAWY-sub {

  margin: 0;

  color: #66707f;

  font-size: 16px;

  line-height: 1.8;

}



.abAWY-slider {

  position: relative;

  display: flex;

  align-items: stretch;

  gap: 16px;

}



.abAWY-viewport {

  width: 100%;

  overflow: hidden;

}



.abAWY-track {

  display: flex;

  gap: 18px;

  transition: transform 0.45s ease;

  will-change: transform;

  align-items: stretch;

}



.abAWY-card {

  flex: 0 0 calc(33.333% - 12px);

  background: #fff;

  border: 1px solid #ece5dd;

  border-radius: 18px;

  padding: 20px 18px 16px;

  min-height: 340px;

  height: 340px;

  display: flex;

  flex-direction: column;

  overflow: hidden;

  transition:

    height 0.42s ease,

    border-color 0.25s ease;

}



.abAWY-card.abAWY-open {

  height: auto;

  min-height: 340px;

  border-color: #dec7b3;

}



.abAWY-year {

  color: #f27a1a;

  font-size: 38px;

  line-height: 1;

  font-weight: 800;

  letter-spacing: -0.03em;

  margin: 0 0 14px;

  padding-bottom: 12px;

  border-bottom: 1px solid #f0e6de;

  flex: 0 0 auto;

}



.abAWY-list-wrap {

  position: relative;

  flex: 1 1 auto;

  overflow: hidden;

  max-height: 170px;

  transition: max-height 0.45s ease;

}



.abAWY-card.abAWY-open .abAWY-list-wrap {

  max-height: 1200px;

}



.abAWY-list-wrap::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 34px;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);

  pointer-events: none;

  transition: opacity 0.25s ease;

}



.abAWY-card.abAWY-open .abAWY-list-wrap::after,

.abAWY-card.abAWY-no-expand .abAWY-list-wrap::after {

  opacity: 0;

}



.abAWY-list {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.abAWY-item {

  padding: 0 0 10px;

  border-bottom: 1px solid #f4ece6;

}



.abAWY-item:last-child {

  border-bottom: none;

  padding-bottom: 0;

}



.abAWY-item h3 {

  margin: 0 0 5px;

  color: #162033;

  font-size: 16px;

  line-height: 1.4;

  font-weight: 700;

}



.abAWY-item p {

  margin: 0;

  color: #66707f;

  font-size: 13px;

  line-height: 1.7;

}



.abAWY-expand-btn {

  margin-top: 12px;

  align-self: flex-start;

  border: none;

  background: none;

  color: #f27a1a;

  font-size: 13px;

  font-weight: 700;

  cursor: pointer;

  padding: 0;

}



.abAWY-expand-btn:hover {

  text-decoration: underline;

}



.abAWY-card.abAWY-no-expand .abAWY-expand-btn {

  display: none;

}



.abAWY-nav {

  width: 46px;

  height: 46px;

  flex: 0 0 46px;

  border: 1px solid #eadfd5;

  border-radius: 50%;

  background: #fff;

  color: #162033;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  transition: all 0.25s ease;

  margin: auto 0;

}



.abAWY-nav svg {

  width: 20px;

  height: 20px;

}



.abAWY-nav:hover {

  border-color: #f27a1a;

  color: #f27a1a;

}



.abAWY-nav:disabled {

  opacity: 0.4;

  cursor: not-allowed;

}



.abAWY-dots {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 8px;

  margin-top: 24px;

}



.abAWY-dot {

  width: 8px;

  height: 8px;

  border: none;

  border-radius: 50%;

  background: #d7d0ca;

  cursor: pointer;

  padding: 0;

  transition: all 0.25s ease;

}



.abAWY-dot.abAWY-dot-active {

  width: 24px;

  border-radius: 999px;

  background: #f27a1a;

}



@media (max-width: 1199px) {

  .abAWY-card {

    flex: 0 0 calc(50% - 9px);

  }

}



@media (max-width: 991px) {

  .abAWY-section {

    padding: 70px 0;

  }



  .abAWY-title {

    font-size: 34px;

  }



  .abAWY-year {

    font-size: 34px;

  }

}



@media (max-width: 767px) {

  .abAWY-container {

    width: min(100% - 24px, 1280px);

  }



  .abAWY-title {

    font-size: 28px;

  }



  .abAWY-sub {

    font-size: 15px;

  }



  .abAWY-nav {

    display: none;

  }



  .abAWY-track {

    gap: 14px;

  }



  .abAWY-card {

    flex: 0 0 100%;

    min-height: 315px;

    height: 315px;

    padding: 18px 16px 16px;

    border-radius: 16px;

  }



  .abAWY-card.abAWY-open {

    min-height: 315px;

  }



  .abAWY-year {

    font-size: 30px;

    margin-bottom: 12px;

    padding-bottom: 10px;

  }



  .abAWY-list-wrap {

    max-height: 155px;

  }



  .abAWY-item h3 {

    font-size: 23px;

  }



  .abAWY-item p {

    font-size: 13px;

    line-height: 1.65;

  }

}



/* section */



/* section */



.rfy-section {

  padding: 80px 20px;

  background: #f5f5f5;

  font-family: Arial;

}



.rfy-container {

  max-width: 1200px;

  margin: auto;

}



/* title */



.rfy-title {

  text-align: center;

  font-size: 36px;

  margin-bottom: 40px;

}



.rfy-title span {

  color: #f26722;

}



/* tabs */



.rfy-tabs {

  display: flex;

  justify-content: center;

  gap: 40px;

  flex-wrap: wrap;

  border-bottom: 1px solid #ddd;

  margin-bottom: 50px;

}



.rfy-tab {

  background: none;

  border: none;

  font-size: 16px;

  padding: 10px 0;

  cursor: pointer;

  color: #666;

  position: relative;

}



.rfy-tab.active {

  color: #f26722;

  font-weight: 600;

}



.rfy-tab.active::after {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 3px;

  background: #f26722;

}



/* wrapper */



.rfy-content-wrap {

  position: relative;

  min-height: 380px;

}



/* tab content */



.rfy-tab-content {

  position: absolute;

  width: 100%;

  opacity: 0;

  transform: translateX(40px);

  transition: all 0.45s ease;

  pointer-events: none;

}



.rfy-tab-content.active {

  opacity: 1;

  transform: translateX(0);

  pointer-events: auto;

  position: relative;

}



/* layout */



.rfy-content {

  display: flex;

  gap: 60px;

  align-items: center;

  flex-wrap: wrap;

}



.rfy-text {

  flex: 1;

}



.rfy-text h3 {

  font-size: 26px;

  margin-bottom: 20px;

}



.rfy-text p {

  color: #666;

  line-height: 1.7;

  margin-bottom: 20px;

}



.rfy-link {

  color: #f26722;

  text-decoration: none;

  font-weight: 600;

}



.rfy-image {

  flex: 1;

}



.rfy-image img {

  width: 100%;

  border-radius: 12px;

}



/* mobile */



@media (max-width: 768px) {

  .rfy-content {

    flex-direction: column;

    text-align: center;

  }



  .rfy-content-wrap {

    min-height: auto;

  }



  .rfy-tab-content {

    position: relative;

    opacity: 1;

    transform: none;

    display: none;

  }



  .rfy-tab-content.active {

    display: block;

  }

}



.ab-overview-section {

  background: #f3f3f3;

  padding: 90px 20px;

  overflow: hidden;

}



.ab-overview-container {

  max-width: 1180px;

  margin: 0 auto;

}



.ab-overview-head {

  text-align: center;

  margin-bottom: 55px;

}



.ab-overview-kicker {

  display: inline-block;

  font-size: 15px;

  font-weight: 700;

  color: #1f2937;

  margin-bottom: 8px;

}



.ab-overview-title {

  margin: 0;

  font-size: 52px;

  line-height: 1.1;

  font-weight: 800;

  color: #f26522;

  letter-spacing: -0.5px;

}



.ab-overview-title span {

  color: #f3a15f;

}



.ab-overview-grid {

  display: grid;

  grid-template-columns: 1fr 1.2fr;

  gap: 48px;

  align-items: center;

}



.ab-overview-content {

  max-width: 470px;

}



.ab-overview-heading {

  font-size: 26px;

  line-height: 1.35;

  font-weight: 800;

  color: #1f2430;

  margin: 0 0 24px;

}



.ab-overview-text {

  font-size: 17px;

  line-height: 1.9;

  color: #5b6470;

  margin: 0 0 22px;

}



.ab-overview-list {

  margin: 0 0 28px;

  padding: 0;

  list-style: none;

}



.ab-overview-list li {

  position: relative;

  padding-left: 22px;

  margin-bottom: 14px;

  font-size: 16px;

  line-height: 1.7;

  color: #4b5563;

}



.ab-overview-list li::before {

  content: "";

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #f26522;

  position: absolute;

  left: 0;

  top: 11px;

}



.ab-overview-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  text-decoration: none;

  color: #f26522;

  font-size: 20px;

  font-weight: 700;

  transition: all 0.3s ease;

}



.ab-overview-link span {

  font-size: 24px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.ab-overview-link:hover {

  color: #d95416;

}



.ab-overview-link:hover span {

  transform: translateX(4px);

}



.ab-overview-image-wrap {

  position: relative;

  min-height: 500px;

  border-radius: 18px;

}



.ab-overview-image-shape {

  position: absolute;

  top: 10%;

  left: 12%;

  width: 70%;

  height: 78%;

  background: rgba(235, 226, 174, 0.6);

  border-radius: 50%;

  filter: blur(0px);

  z-index: 1;

}



.ab-overview-image {

  position: relative;

  z-index: 2;

  width: 100%;

  height: 500px;

  object-fit: cover;

  border-radius: 16px;

  display: block;

  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);

}



@media (max-width: 991px) {

  .ab-overview-title {

    font-size: 42px;

  }



  .ab-overview-grid {

    grid-template-columns: 1fr;

    gap: 35px;

  }



  .ab-overview-content {

    max-width: 100%;

  }



  .ab-overview-image-wrap {

    min-height: auto;

  }



  .ab-overview-image {

    height: 420px;

  }

}



@media (max-width: 767px) {

  .ab-overview-section {

    padding: 70px 16px;

  }



  .ab-overview-title {

    font-size: 34px;

  }



  .ab-overview-heading {

    font-size: 22px;

  }



  .ab-overview-text,

  .ab-overview-list li {

    font-size: 15px;

    line-height: 1.8;

  }



  .ab-overview-image {

    height: 300px;

  }

}



.abtcm-section {

  padding: 40px 20px;

  background: #f3f3f3;

}



.abtcm-container {

  max-width: 1180px;

  margin: 0 auto;

}



.abtcm-head {

  text-align: center;

  max-width: 860px;

  margin: 0 auto 52px;

}



.abtcm-title {

  margin: 0 0 18px;

  font-size: 52px;

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #f47a20;

  background: linear-gradient(90deg, #f47a20 0%, #f2ad68 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.abtcm-subtitle {

  margin: 0;

  font-size: 18px;

  line-height: 1.9;

  color: #606975;

}



.abtcm-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 26px;

  align-items: stretch;

}



.abtcm-card {

  background: #ece9e9;

  border-radius: 16px;

  padding: 28px 28px 26px;

  min-height: 345px;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease;

}



.abtcm-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.06);

}



.abtcm-icon {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #f47a20;

  color: #ffffff;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 64px;

}



.abtcm-icon svg {

  width: 24px;

  height: 24px;

}



.abtcm-card-title {

  margin: 0 0 20px;

  font-size: 26px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.abtcm-list {

  margin: 0 0 30px;

  padding: 0;

  list-style: none;

}



.abtcm-list li {

  position: relative;

  padding-left: 18px;

  margin-bottom: 13px;

  font-size: 17px;

  line-height: 1.8;

  color: #59616d;

}



.abtcm-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #f47a20;

}



.abtcm-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  text-decoration: none;

  font-size: 18px;

  font-weight: 700;

  color: #ff5a00;

  transition: color 0.3s ease;

}



.abtcm-link span {

  font-size: 24px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.abtcm-link:hover {

  color: #d84f00;

}



.abtcm-link:hover span {

  transform: translateX(4px);

}



@media (max-width: 991px) {

  .abtcm-title {

    font-size: 40px;

  }



  .abtcm-grid {

    grid-template-columns: 1fr;

  }



  .abtcm-card {

    min-height: auto;

  }

}



@media (max-width: 767px) {

  .abtcm-section {

    padding: 70px 16px;

  }



  .abtcm-title {

    font-size: 32px;

  }



  .abtcm-subtitle {

    font-size: 16px;

    line-height: 1.8;

  }



  .abtcm-card {

    padding: 24px 20px;

  }



  .abtcm-icon {

    margin-bottom: 34px;

  }



  .abtcm-card-title {

    font-size: 22px;

  }



  .abtcm-list li {

    font-size: 15px;

  }



  .abtcm-link {

    font-size: 16px;

  }

}

.ab-csgmt-section {

  padding: 40px 20px;

  background: #f3f3f3;

}



.ab-csgmt-container {

  max-width: 1180px;

  margin: 0 auto;

}



.ab-csgmt-head {

  text-align: center;

  max-width: 900px;

  margin: 0 auto 42px;

}



.ab-csgmt-title {

  margin: 0 0 16px;

  font-size: 48px;

  line-height: 1.12;

  font-weight: 800;

  letter-spacing: -0.5px;

  background: linear-gradient(90deg, #f47a20 0%, #f2ad68 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.ab-csgmt-subtitle {

  margin: 0;

  font-size: 18px;

  line-height: 1.9;

  color: #606975;

}



.ab-csgmt-card {

  background: #ece9e9;

  border-radius: 18px;

  padding: 34px 34px 30px;

  max-width: 860px;

  margin: 0 auto;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease;

}



.ab-csgmt-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.06);

}



.ab-csgmt-icon {

  width: 54px;

  height: 54px;

  border-radius: 50%;

  background: #f47a20;

  color: #fff;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 28px;

}



.ab-csgmt-icon svg {

  width: 24px;

  height: 24px;

}



.ab-csgmt-card-title {

  margin: 0 0 18px;

  font-size: 28px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.ab-csgmt-list {

  list-style: none;

  margin: 0 0 28px;

  padding: 0;

}



.ab-csgmt-list li {

  position: relative;

  padding-left: 20px;

  margin-bottom: 14px;

  font-size: 17px;

  line-height: 1.8;

  color: #59616d;

}



.ab-csgmt-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #f47a20;

}



.ab-csgmt-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  text-decoration: none;

  font-size: 18px;

  font-weight: 700;

  color: #ff5a00;

  transition: color 0.3s ease;

}



.ab-csgmt-link span {

  font-size: 24px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.ab-csgmt-link:hover {

  color: #d84f00;

}



.ab-csgmt-link:hover span {

  transform: translateX(4px);

}



@media (max-width: 991px) {

  .ab-csgmt-title {

    font-size: 38px;

  }



  .ab-csgmt-card {

    padding: 28px 26px;

  }

}



@media (max-width: 767px) {

  .ab-csgmt-section {

    padding: 70px 16px;

  }



  .ab-csgmt-title {

    font-size: 30px;

  }



  .ab-csgmt-subtitle {

    font-size: 16px;

    line-height: 1.8;

  }



  .ab-csgmt-card-title {

    font-size: 23px;

  }



  .ab-csgmt-list li {

    font-size: 15px;

  }



  .ab-csgmt-link {

    font-size: 16px;

  }

}

.abfx-section {

  padding: 95px 20px;

  background: #f5f4f2;

}



.abfx-container {

  max-width: 1180px;

  margin: 0 auto;

}



.abfx-head {

  text-align: center;

  max-width: 860px;

  margin: 0 auto 50px;

}



.abfx-kicker {

  display: inline-block;

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: #f47a20;

}



.abfx-title {

  margin: 0 0 16px;

  font-size: 50px;

  line-height: 1.1;

  font-weight: 800;

  color: #1f2430;

  letter-spacing: -0.5px;

}



.abfx-desc {

  margin: 0;

  font-size: 18px;

  line-height: 1.9;

  color: #606975;

}



.abfx-wrap {

  display: grid;

  grid-template-columns: 1.05fr 1.2fr;

  gap: 26px;

  align-items: stretch;

}



.abfx-main-card {

  background: linear-gradient(180deg, #fff7f0 0%, #fff 100%);

  border: 1px solid rgba(244, 122, 32, 0.12);

  border-radius: 22px;

  padding: 34px 30px;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.04);

}



.abfx-main-icon {

  width: 62px;

  height: 62px;

  border-radius: 18px;

  background: linear-gradient(135deg, #f47a20 0%, #f2ad68 100%);

  color: #fff;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 26px;

}



.abfx-main-icon svg {

  width: 28px;

  height: 28px;

}



.abfx-main-title {

  margin: 0 0 16px;

  font-size: 28px;

  line-height: 1.25;

  font-weight: 800;

  color: #1d2430;

}



.abfx-main-text {

  margin: 0 0 28px;

  font-size: 17px;

  line-height: 1.9;

  color: #5f6873;

}



.abfx-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  text-decoration: none;

  color: #f26522;

  font-size: 17px;

  font-weight: 700;

  transition: color 0.3s ease;

}



.abfx-link span {

  font-size: 22px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.abfx-link:hover {

  color: #d95416;

}



.abfx-link:hover span {

  transform: translateX(4px);

}



.abfx-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 20px;

}



.abfx-item {

  background: #ffffff;

  border-radius: 18px;

  padding: 28px 24px;

  border: 1px solid #ece7e2;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease,

    border-color 0.3s ease;

}



.abfx-item:hover {

  transform: translateY(-4px);

  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.05);

  border-color: rgba(244, 122, 32, 0.24);

}



.abfx-item-title {

  margin: 0 0 12px;

  font-size: 22px;

  line-height: 1.25;

  font-weight: 800;

  color: #1f2430;

}



.abfx-item-text {

  margin: 0;

  font-size: 16px;

  line-height: 1.8;

  color: #636c78;

}



@media (max-width: 991px) {

  .abfx-title {

    font-size: 40px;

  }



  .abfx-wrap {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 767px) {

  .abfx-section {

    padding: 70px 16px;

  }



  .abfx-title {

    font-size: 32px;

  }



  .abfx-desc {

    font-size: 16px;

    line-height: 1.8;

  }



  .abfx-grid {

    grid-template-columns: 1fr;

  }



  .abfx-main-card,

  .abfx-item {

    padding: 24px 20px;

  }



  .abfx-main-title {

    font-size: 24px;

  }



  .abfx-item-title {

    font-size: 20px;

  }



  .abfx-main-text,

  .abfx-item-text {

    font-size: 15px;

  }

}

.abinv-section {

  padding: 95px 20px;

  background: #f6f4f1;

}



.abinv-container {

  max-width: 1180px;

  margin: 0 auto;

}



.abinv-head {

  text-align: center;

  max-width: 940px;

  margin: 0 auto 52px;

}



.abinv-kicker {

  display: inline-block;

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: #f47a20;

}



.abinv-title {

  margin: 0 0 16px;

  font-size: 46px;

  line-height: 1.12;

  font-weight: 800;

  color: #1f2430;

  letter-spacing: -0.5px;

}



.abinv-subtitle {

  margin: 0;

  font-size: 18px;

  line-height: 1.9;

  color: #606975;

}



.abinv-layout {

  display: grid;

  grid-template-columns: 1.25fr 0.95fr;

  gap: 28px;

  align-items: start;

}



.abinv-main {

  background: linear-gradient(180deg, #fff7f0 0%, #ffffff 100%);

  border: 1px solid rgba(244, 122, 32, 0.14);

  border-radius: 22px;

  padding: 34px 30px;

  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.04);

}



.abinv-main-badge {

  display: inline-block;

  padding: 10px 16px;

  border-radius: 999px;

  background: rgba(244, 122, 32, 0.1);

  color: #f26522;

  font-size: 14px;

  font-weight: 700;

  margin-bottom: 26px;

}



.abinv-block {

  padding-bottom: 22px;

  margin-bottom: 22px;

  border-bottom: 1px solid #eee5dc;

}



.abinv-block:last-of-type {

  margin-bottom: 28px;

}



.abinv-block-title {

  margin: 0 0 10px;

  font-size: 27px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.abinv-block-text {

  margin: 0;

  font-size: 17px;

  line-height: 1.85;

  color: #5f6873;

}



.abinv-links-card {

  background: #ffffff;

  border: 1px solid #eee7df;

  border-radius: 18px;

  padding: 22px;

}



.abinv-links-title {

  margin: 0 0 16px;

  font-size: 20px;

  line-height: 1.2;

  font-weight: 800;

  color: #1f2430;

}



.abinv-links-list {

  display: grid;

  gap: 12px;

}



.abinv-doc-link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 14px;

  padding: 14px 16px;

  border-radius: 14px;

  text-decoration: none;

  background: #faf8f6;

  border: 1px solid #efe8e1;

  transition: all 0.3s ease;

}



.abinv-doc-link:hover {

  transform: translateY(-2px);

  border-color: rgba(244, 122, 32, 0.3);

  background: #fffaf5;

}



.abinv-doc-label {

  font-size: 16px;

  font-weight: 700;

  color: #253040;

}



.abinv-doc-action {

  font-size: 15px;

  font-weight: 700;

  color: #f26522;

  white-space: nowrap;

}



.abinv-side {

  display: grid;

  gap: 20px;

}



.abinv-side-card {

  background: #ffffff;

  border: 1px solid #ece6df;

  border-radius: 22px;

  padding: 28px 24px;

  min-height: 220px;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease,

    border-color 0.3s ease;

}



.abinv-side-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.05);

  border-color: rgba(244, 122, 32, 0.28);

}



.abinv-side-icon {

  width: 56px;

  height: 56px;

  border-radius: 16px;

  background: linear-gradient(135deg, #f47a20 0%, #f2ad68 100%);

  color: #fff;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 22px;

}



.abinv-side-icon svg {

  width: 26px;

  height: 26px;

}



.abinv-side-title {

  margin: 0 0 10px;

  font-size: 24px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.abinv-side-text {

  margin: 0;

  font-size: 16px;

  line-height: 1.85;

  color: #636c78;

}



@media (max-width: 991px) {

  .abinv-title {

    font-size: 38px;

  }



  .abinv-layout {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 767px) {

  .abinv-section {

    padding: 70px 16px;

  }



  .abinv-title {

    font-size: 30px;

  }



  .abinv-subtitle {

    font-size: 16px;

    line-height: 1.8;

  }



  .abinv-main,

  .abinv-side-card {

    padding: 24px 20px;

  }



  .abinv-block-title {

    font-size: 23px;

  }



  .abinv-block-text,

  .abinv-side-text {

    font-size: 15px;

  }



  .abinv-doc-link {

    flex-direction: column;

    align-items: flex-start;

  }



  .abinv-doc-action {

    white-space: normal;

  }

}

.abrm4-section {

  padding: 90px 20px;

  background: #f5f4f2;

}



.abrm4-container {

  max-width: 950px;

  margin: auto;

}



.abrm4-head {

  text-align: center;

  margin-bottom: 50px;

}



.abrm4-title {

  font-size: 44px;

  font-weight: 800;

  color: #f47a20;

  margin-bottom: 15px;

}



.abrm4-desc {

  font-size: 18px;

  line-height: 1.8;

  color: #6b7280;

  max-width: 720px;

  margin: auto;

}



.abrm4-list {

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.abrm4-item {

  background: #ffffff;

  border-radius: 10px;

  padding: 20px 28px;

  font-size: 17px;

  line-height: 1.8;

  color: #374151;

  border-left: 5px solid #f47a20;

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);

  transition: 0.3s;

}



.abrm4-item:hover {

  transform: translateX(6px);

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);

}



@media (max-width: 768px) {

  .abrm4-title {

    font-size: 32px;

  }



  .abrm4-item {

    font-size: 16px;

    padding: 18px 20px;

  }

}

.abeqf-section {

  padding: 40px 20px;

  background: #f6f4f1;

}



.abeqf-container {

  max-width: 1180px;

  margin: 0 auto;

}



.abeqf-head {

  text-align: center;

  max-width: 940px;

  margin: 0 auto 52px;

}



.abeqf-kicker {

  display: inline-block;

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: #f47a20;

}



.abeqf-title {

  margin: 0 0 16px;

  font-size: 46px;

  line-height: 1.12;

  font-weight: 800;

  color: #1f2430;

  letter-spacing: -0.5px;

}



.abeqf-subtitle {

  margin: 0;

  font-size: 18px;

  line-height: 1.9;

  color: #606975;

}



.abeqf-layout {

  display: contents;

  grid-template-columns: 1.25fr 0.95fr;

  gap: 28px;

  align-items: start;

}



.abeqf-main {

  background: linear-gradient(180deg, #fff7f0 0%, #ffffff 100%);

  border: 1px solid rgba(244, 122, 32, 0.14);

  border-radius: 22px;

  padding: 34px 30px;

  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.04);

}



.abeqf-main-badge {

  display: inline-block;

  padding: 10px 16px;

  border-radius: 999px;

  background: rgba(244, 122, 32, 0.1);

  color: #f26522;

  font-size: 14px;

  font-weight: 700;

  margin-bottom: 26px;

}



.abeqf-block {



}



.abeqf-block-title {

  margin: 0 0 12px;

  font-size: 27px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.abeqf-feature-list {

  margin: 0;

  padding: 0;

  list-style: none;

}



.abeqf-feature-list li {

  position: relative;

  padding-left: 18px;

  margin-bottom: 12px;

  font-size: 17px;

  line-height: 1.85;

  color: #5f6873;

}



.abeqf-feature-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #f26522;

}



.abeqf-links-card {

  background: #ffffff;

  border: 1px solid #eee7df;

  border-radius: 18px;

  padding: 22px;

}



.abeqf-links-title {

  margin: 0 0 16px;

  font-size: 20px;

  line-height: 1.2;

  font-weight: 800;

  color: #1f2430;

}



.abeqf-links-list {

  display: grid;

  gap: 12px;

}



.abeqf-doc-link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 14px;

  padding: 14px 16px;

  border-radius: 14px;

  text-decoration: none;

  background: #faf8f6;

  border: 1px solid #efe8e1;

  transition: all 0.3s ease;

}



.abeqf-doc-link:hover {

  transform: translateY(-2px);

  border-color: rgba(244, 122, 32, 0.3);

  background: #fffaf5;

}



.abeqf-doc-label {

  font-size: 16px;

  font-weight: 700;

  color: #253040;

}



.abeqf-doc-action {

  font-size: 15px;

  font-weight: 700;

  color: #f26522;

  white-space: nowrap;

}



.abeqf-side {

  margin-top: 13px;

}



.abeqf-side-card {

  background: #ffffff;

  border: 1px solid #ece6df;

  border-radius: 22px;

  padding: 28px 24px;

  min-height: 100%;

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease,

    border-color 0.3s ease;

}



.abeqf-side-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.05);

  border-color: rgba(244, 122, 32, 0.28);

}



.abeqf-side-icon {

  width: 56px;

  height: 56px;

  border-radius: 16px;

  background: linear-gradient(135deg, #f47a20 0%, #f2ad68 100%);

  color: #fff;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 22px;

}



.abeqf-side-icon svg {

  width: 26px;

  height: 26px;

}



.abeqf-side-title {

  margin: 0 0 12px;

  font-size: 24px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.abeqf-side-list {

  margin: 0;

  padding: 0;

  list-style: none;

}



.abeqf-side-list li {

  position: relative;

  padding-left: 18px;

  margin-bottom: 12px;

  font-size: 17px;

  line-height: 1.85;

  color: #636c78;

}



.abeqf-side-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 11px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #f26522;

}



@media (max-width: 991px) {

  .abeqf-title {

    font-size: 38px;

  }



  .abeqf-layout {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 767px) {

  .abeqf-section {

    padding: 70px 16px;

  }



  .abeqf-title {

    font-size: 30px;

  }



  .abeqf-subtitle {

    font-size: 16px;

    line-height: 1.8;

  }



  .abeqf-main,

  .abeqf-side-card {

    padding: 24px 20px;

  }



  .abeqf-block-title {

    font-size: 23px;

  }



  .abeqf-feature-list li,

  .abeqf-side-list li {

    font-size: 15px;

  }



  .abeqf-doc-link {

    flex-direction: column;

    align-items: flex-start;

  }



  .abeqf-doc-action {

    white-space: normal;

  }

}

.abtlp-section {

  padding: 40px 20px;

  background: #f6f4f1;

}



.abtlp-container {

  max-width: 1180px;

  margin: 0 auto;

}



.abtlp-head {

  text-align: center;

  max-width: 900px;

  margin: 0 auto 52px;

}



.abtlp-kicker {

  display: inline-block;

  margin-bottom: 10px;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  color: #f47a20;

}



.abtlp-title {

  margin: 0 0 16px;

  font-size: 46px;

  line-height: 1.12;

  font-weight: 800;

  color: #1f2430;

  letter-spacing: -0.5px;

}



.abtlp-subtitle {

  margin: 0;

  font-size: 18px;

  line-height: 1.9;

  color: #606975;

}



.abtlp-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 28px;

}



.abtlp-card {

  background: linear-gradient(180deg, #fff7f0 0%, #ffffff 100%);

  border: 1px solid rgba(244, 122, 32, 0.14);

  border-radius: 22px;

  padding: 32px 28px;

  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.04);

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease,

    border-color 0.3s ease;

}



.abtlp-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.05);

  border-color: rgba(244, 122, 32, 0.26);

}



.abtlp-card-badge {

  display: inline-block;

  padding: 10px 16px;

  border-radius: 999px;

  background: rgba(244, 122, 32, 0.1);

  color: #f26522;

  font-size: 14px;

  font-weight: 700;

  margin-bottom: 24px;

}



.abtlp-list {

  list-style: none;

  margin: 0;

  padding: 0;

}



.abtlp-list li {

  position: relative;

  padding-left: 20px;

  margin-bottom: 14px;

  font-size: 17px;

  line-height: 1.85;

  color: #5f6873;

}



.abtlp-list li:last-child {

  margin-bottom: 0;

}



.abtlp-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #f26522;

}



@media (max-width: 991px) {

  .abtlp-title {

    font-size: 38px;

  }



  .abtlp-grid {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 767px) {

  .abtlp-section {

    padding: 70px 16px;

  }



  .abtlp-title {

    font-size: 30px;

  }



  .abtlp-subtitle {

    font-size: 16px;

    line-height: 1.8;

  }



  .abtlp-card {

    padding: 24px 20px;

  }



  .abtlp-list li {

    font-size: 15px;

  }

}

.abcontact-section {

  padding: 90px 20px;

  background: #f6f4f1;

}



.abcontact-container {

  max-width: 1100px;

  margin: auto;

}



.abcontact-head {

  text-align: center;

  margin-bottom: 50px;

}



.abcontact-title {

  font-size: 44px;

  font-weight: 800;

  color: #f47a20;

  margin-bottom: 15px;

}



.abcontact-desc {

  font-size: 18px;

  line-height: 1.8;

  color: #6b7280;

  max-width: 700px;

  margin: auto;

}



.abcontact-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 25px;

}



.abcontact-card {

  background: #ffffff;

  padding: 30px;

  border-radius: 14px;

  text-align: center;

  border: 1px solid #eee;

  transition: 0.3s;

}



.abcontact-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

}



.abcontact-icon {

  font-size: 28px;

  margin-bottom: 15px;

}



.abcontact-card h3 {

  font-size: 20px;

  margin-bottom: 10px;

  color: #1f2937;

}



.abcontact-card p {

  font-size: 16px;

  color: #4b5563;

  line-height: 1.6;

}



.abcontact-card a {

  color: #f47a20;

  text-decoration: none;

  font-weight: 600;

}



@media (max-width: 900px) {

  .abcontact-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media (max-width: 600px) {

  .abcontact-grid {

    grid-template-columns: 1fr;

  }



  .abcontact-title {

    font-size: 32px;

  }

}

.abbiz-page {

  background: #f6f4f1;

  padding: 90px 20px;

}



.abbiz-container {

  max-width: 1200px;

  margin: 0 auto;

}



.abbiz-sec {

  margin-bottom: 34px;

  padding: 34px;

  background: #ffffff;

  border: 1px solid #ece6df;

  border-radius: 24px;

  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.04);

}



.abbiz-sec-head {

  text-align: center;

  max-width: 860px;

  margin: 0 auto 30px;

}



.abbiz-sec-title {

  margin: 0 0 12px;

  font-size: 38px;

  line-height: 1.15;

  font-weight: 800;

  color: #f47a20;

}



.abbiz-sec-desc {

  margin: 0;

  font-size: 17px;

  line-height: 1.85;

  color: #606975;

}



.abbiz-card-grid {

  display: grid;

  gap: 24px;

}



.abbiz-card-grid-3 {

  grid-template-columns: repeat(3, minmax(0, 1fr));

  margin-bottom: 24px;

}



.abbiz-two-col {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 24px;

  margin-bottom: 24px;

}



.abbiz-two-col:last-child {

  margin-bottom: 0;

}



.abbiz-card {

  background: linear-gradient(180deg, #fff7f0 0%, #ffffff 100%);

  border: 1px solid rgba(244, 122, 32, 0.14);

  border-radius: 20px;

  padding: 28px 24px;

  height: 100%;

  box-sizing: border-box;

}



.abbiz-tag {

  display: inline-block;

  padding: 10px 14px;

  border-radius: 999px;

  background: rgba(244, 122, 32, 0.1);

  color: #f26522;

  font-size: 13px;

  font-weight: 700;

  margin-bottom: 16px;

}



.abbiz-card-title {

  margin: 0 0 16px;

  font-size: 24px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.abbiz-block {

  margin-top: 16px;

}



.abbiz-block h4 {

  margin: 0 0 10px;

  font-size: 17px;

  line-height: 1.3;

  font-weight: 800;

  color: #253040;

}



.abbiz-text {

  margin: 0 0 14px;

  font-size: 15px;

  line-height: 1.85;

  color: #5f6873;

}



.abbiz-list {

  list-style: none;

  margin: 0;

  padding: 0;

}



.abbiz-list li {

  position: relative;

  padding-left: 18px;

  margin-bottom: 11px;

  font-size: 15px;

  line-height: 1.8;

  color: #5f6873;

}



.abbiz-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 11px;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #f26522;

}



.abbiz-link-grid {

  display: grid;

  grid-template-columns: repeat(5, minmax(0, 1fr));

  gap: 12px;

  margin-bottom: 24px;

}



.abbiz-link-box {

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  min-height: 64px;

  padding: 14px;

  text-decoration: none;

  font-size: 14px;

  font-weight: 700;

  color: #253040;

  background: #faf8f6;

  border: 1px solid #efe8e1;

  border-radius: 14px;

  transition: 0.3s ease;

}



.abbiz-link-box:hover {

  border-color: rgba(244, 122, 32, 0.3);

  background: #fffaf5;

  color: #f26522;

}



.abbiz-form-wrap {

  background: #f9f7f4;

  border: 1px solid #ece6df;

  border-radius: 20px;

  padding: 28px;

}



.abbiz-form-head {

  text-align: center;

  max-width: 760px;

  margin: 0 auto 24px;

}



.abbiz-form-head h3 {

  margin: 0 0 10px;

  font-size: 28px;

  line-height: 1.2;

  font-weight: 800;

  color: #1d2430;

}



.abbiz-form-head p {

  margin: 0;

  font-size: 16px;

  line-height: 1.8;

  color: #5f6873;

}



.abbiz-form-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

}



.abbiz-field-full {

  grid-column: 1 / -1;

}



.abbiz-field label {

  display: block;

  margin-bottom: 8px;

  font-size: 14px;

  font-weight: 700;

  color: #253040;

  text-align: left;

}



.abbiz-field input,

.abbiz-field select {

  width: 100%;

  height: 54px;

  border: 1px solid #e6ddd5;

  border-radius: 12px;

  padding: 0 16px;

  font-size: 15px;

  color: #253040;

  background: #fff;

  box-sizing: border-box;

  outline: none;

}



.abbiz-field input:focus,

.abbiz-field select:focus {

  border-color: #f47a20;

}



.abbiz-btn {

  margin: 22px auto 0;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 190px;

  height: 52px;

  border: none;

  border-radius: 999px;

  background: #f47a20;

  color: #fff;

  font-size: 15px;

  font-weight: 700;

  cursor: pointer;

}



.abbiz-form {

  text-align: center;

}



@media (max-width: 1100px) {

  .abbiz-card-grid-3 {

    grid-template-columns: 1fr;

  }



  .abbiz-link-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}



@media (max-width: 900px) {

  .abbiz-two-col,

  .abbiz-form-grid {

    grid-template-columns: 1fr;

  }



  .abbiz-field-full {

    grid-column: auto;

  }

}



@media (max-width: 767px) {

  .abbiz-page {

    padding: 70px 16px;

  }



  .abbiz-sec {

    padding: 22px 18px;

    margin-bottom: 22px;

  }



  .abbiz-sec-title {

    font-size: 30px;

  }



  .abbiz-sec-desc {

    font-size: 16px;

    line-height: 1.8;

  }



  .abbiz-card {

    padding: 22px 18px;

  }



  .abbiz-card-title {

    font-size: 22px;

  }



  .abbiz-form-head h3 {

    font-size: 24px;

  }



  .abbiz-link-grid {

    grid-template-columns: 1fr;

  }

}



.absolR-section {

  padding: 100px 0;

  background: #f3f3f3;

  overflow: hidden;

}



.absolR-container {

  width: min(1180px, calc(100% - 40px));

  margin: 0 auto;

}



.absolR-heading {

  text-align: center;

  margin-bottom: 46px;

}



.absolR-title {

  margin: 0;

  font-size: clamp(34px, 4vw, 56px);

  line-height: 1.1;

  font-weight: 800;

  letter-spacing: -0.02em;

  background: linear-gradient(90deg, #ff5a00 0%, #f1b36e 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}



.absolR-tabs {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  gap: 28px;

  margin-bottom: 66px;

  border-bottom: 0;

  flex-wrap: nowrap;

}



.absolR-tab {

  position: relative;

  border: 0;

  background: transparent;

  padding: 0 0 18px;

  color: #565d69;

  font-size: 17px;

  line-height: 1.2;

  font-weight: 700;

  cursor: pointer;

  transition: all 0.3s ease;

  white-space: nowrap;

}



.absolR-tab:hover {

  color: #ff5a00;

}



.absolR-tab::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  height: 4px;

  border-radius: 10px;

  background: #ff5a00;

  transition: width 0.35s ease;

}



.absolR-tab.is-active {

  color: #ff5a00;

}



.absolR-tab.is-active::after {

  width: 100%;

}



.absolR-panels {

  position: relative;

}



.absolR-panel {

  display: none;

  animation: absolRFade 0.35s ease;

}



.absolR-panel.is-active {

  display: block;

}



@keyframes absolRFade {

  from {

    opacity: 0;

    transform: translateY(10px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.absolR-layout {

  display: grid;

  grid-template-columns: minmax(1, 1.05fr) minmax(0, 1fr);

  gap: 70px;

  align-items: start;

}



.absolR-main {

  padding-top: 26px;

  max-width: 100%;

}



.absolR-label {

  display: inline-block;

  margin-bottom: 18px;

  color: #ff5a00;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.04em;

}



.absolR-main h3 {

  margin: 0 0 24px;

  font-size: clamp(28px, 3vw, 42px);

  line-height: 1.2;

  font-weight: 800;

  color: #1f2430;

}



.absolR-main p {

  margin: 0 0 18px;

  color: #666d78;

  font-size: 17px;

  line-height: 1.9;

  font-weight: 400;

}



.absolR-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-top: 26px;

  color: #ff5a00;

  text-decoration: none;

  font-size: 24px;

  font-weight: 800;

  transition: all 0.3s ease;

}



.absolR-link span {

  font-size: 26px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.absolR-link:hover span {

  transform: translateX(6px);

}



.absolR-side {

  display: flex;



  gap: 22px;

}



.absolR-card {

  background: #fff;

  border-radius: 18px;

  padding: 28px 28px 26px;

  box-shadow: 0 10px 25px rgba(27, 39, 69, 0.06);

  border: 1px solid rgba(22, 34, 58, 0.06);

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease;

}



.absolR-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 16px 34px rgba(27, 39, 69, 0.1);

}



.absolR-card-no {

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 14px;

  background: linear-gradient(135deg, #ff8a3d 0%, #ff5a00 100%);

  color: #fff;

  font-size: 15px;

  font-weight: 800;

  margin-bottom: 18px;

}



.absolR-card h4 {

  margin: 0 0 14px;

  color: #1f2430;

  font-size: 24px;

  line-height: 1.25;

  font-weight: 800;

}



.absolR-card p {

  margin: 0;

  color: #666d78;

  font-size: 15px;

  line-height: 1.85;

}



.absolR-empty {

  background: #fff;

  border-radius: 18px;

  padding: 50px 30px;

  text-align: center;

  box-shadow: 0 10px 25px rgba(27, 39, 69, 0.05);

}



.absolR-empty h3 {

  margin: 0 0 10px;

  font-size: 30px;

  color: #1f2430;

}



.absolR-empty p {

  margin: 0;

  color: #666d78;

  font-size: 16px;

}



@media (max-width: 1199px) {

  .absolR-tabs {

    gap: 18px;

    justify-content: center;

    flex-wrap: wrap;

  }



  .absolR-layout {

    gap: 40px;

  }

}



@media (max-width: 991px) {

  .absolR-section {

    padding: 80px 0;

  }



  .absolR-layout {

    grid-template-columns: 1fr;

    gap: 30px;

  }



  .absolR-main {

    max-width: 100%;

    padding-top: 0;

  }

}



@media (max-width: 767px) {

  .absolR-container {

    width: min(100% - 24px, 1180px);

  }



  .absolR-title {

    font-size: 38px;

  }



  .absolR-tabs {

    justify-content: flex-start;

    flex-wrap: nowrap;

    overflow-x: auto;

    gap: 26px;

    padding-bottom: 4px;

    margin-bottom: 36px;

  }



  .absolR-tab {

    font-size: 15px;

    padding-bottom: 14px;

    flex: 0 0 auto;

  }



  .absolR-main h3 {

    font-size: 28px;

  }



  .absolR-main p {

    font-size: 15px;

    line-height: 1.8;

  }



  .absolR-link {

    font-size: 20px;

  }



  .absolR-card {

    padding: 24px 22px;

    border-radius: 16px;

  }



  .absolR-card h4 {

    font-size: 21px;

  }

}



.abrecX-section {

  background: #f2f2f2;

  padding: 90px 0 100px;

  overflow: hidden;

}



.abrecX-container {

  width: min(1180px, calc(100% - 40px));

  margin: 0 auto;

}



.abrecX-title {

  margin: 0 0 68px;

  text-align: center;

  font-size: 36px;

  line-height: 1.1;

  font-weight: 500;

  letter-spacing: -0.02em;

  background: linear-gradient(90deg, #ff5a00 0%, #efb26e 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}



.abrecX-tabs {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  gap: 50px;

  margin-bottom: 60px;

}



.abrecX-tab {

  position: relative;

  border: 0;

  background: transparent;

  color: #565d68;

  font-size: 16px;

  line-height: 1.2;

  font-weight: 500;

  padding: 0 0 18px;

  cursor: pointer;

  white-space: nowrap;

  transition: color 0.3s ease;

}



.abrecX-tab:hover {

  color: #ff5a00;

}



.abrecX-tab::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  height: 4px;

  background: #ff5a00;

  border-radius: 20px;

  transition: width 0.35s ease;

}



.abrecX-tab.is-active {

  color: #ff5a00;

}



.abrecX-tab.is-active::after {

  width: 100%;

}



.abrecX-panel {

  display: none;

  animation: abrecXFade 0.35s ease;

}



.abrecX-panel.is-active {

  display: block;

}



@keyframes abrecXFade {

  from {

    opacity: 0;

    transform: translateY(8px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.abrecX-top {

  display: grid;

  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);

  gap: 72px;

  align-items: center;

  margin-bottom: 28px;

}



.abrecX-left {

  max-width: 470px;

}



.abrecX-left h3 {

  margin: 0 0 22px;

  font-size: clamp(30px, 3vw, 40px);

  line-height: 1.18;

  font-weight: 800;

  color: #1f2430;

  letter-spacing: -0.02em;

}



.abrecX-left p {

  margin: 0 0 16px;

  font-size: 17px;

  line-height: 1.85;

  color: #666d78;

}



.abrecX-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-top: 28px;

  text-decoration: none;

  color: #ff5a00;

  font-size: 15px;

  line-height: 1;

  font-weight: 800;

  transition: all 0.3s ease;

}



.abrecX-link span {

  font-size: 21px;

  line-height: 1;

  transition: transform 0.3s ease;

}



.abrecX-link:hover span {

  transform: translateX(6px);

}



.abrecX-right {

  width: 100%;

}



.abrecX-image-wrap {

  position: relative;

  width: 100%;

  border-radius: 18px;

  overflow: hidden;

  box-shadow: 0 12px 28px rgba(18, 31, 53, 0.08);

  min-height: 420px;

  background: #ddd;

}



.abrecX-image-wrap img {

  width: 100%;

  height: 100%;

  min-height: 420px;

  display: block;

  object-fit: cover;

}



.abrecX-bottom {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 24px;

}



.abrecX-info-card {

  background: #fff;

  border-radius: 18px;

  padding: 30px 30px 26px;

  box-shadow: 0 10px 24px rgba(18, 31, 53, 0.05);

  border: 1px solid rgba(22, 34, 58, 0.06);

  transition:

    transform 0.3s ease,

    box-shadow 0.3s ease;

}



.abrecX-info-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 14px 30px rgba(18, 31, 53, 0.08);

}



.abrecX-info-card h4 {

  margin: 0 0 14px;

  font-size: 22px;

  line-height: 1.2;

  font-weight: 800;

  color: #1f2430;

  letter-spacing: -0.02em;

}



.abrecX-info-card p {

  margin: 0;

  font-size: 14px;

  line-height: 1.65;

  color: #666d78;

}



@media (max-width: 1199px) {

  .abrecX-tabs {

    justify-content: flex-start;

    flex-wrap: wrap;

    gap: 22px 30px;

  }



  .abrecX-top {

    gap: 40px;

  }

}



@media (max-width: 991px) {

  .abrecX-section {

    padding: 75px 0 80px;

  }



  .abrecX-top {

    grid-template-columns: 1fr;

    gap: 30px;

  }



  .abrecX-left {

    max-width: 100%;

  }



  .abrecX-image-wrap,

  .abrecX-image-wrap img {

    min-height: 320px;

  }



  .abrecX-bottom {

    grid-template-columns: 1fr !important;

  }

}



@media (max-width: 767px) {

  .abrecX-container {

    width: min(100% - 24px, 1180px);

  }



  .abrecX-title {

    font-size: 40px;

    margin-bottom: 36px;

  }



  .abrecX-tabs {

    flex-wrap: nowrap;

    overflow-x: auto;

    gap: 28px;

    margin-bottom: 34px;

    padding-bottom: 4px;

  }



  .abrecX-tab {

    flex: 0 0 auto;

    font-size: 15px;

    padding-bottom: 14px;

  }



  .abrecX-left h3 {

    font-size: 30px;

  }



  .abrecX-left p {

    font-size: 15px;

    line-height: 1.8;

  }



  .abrecX-link {

    font-size: 22px;

  }



  .abrecX-image-wrap,

  .abrecX-image-wrap img {

    min-height: 250px;

    border-radius: 16px;

  }



  .abrecX-info-card {

    padding: 24px 22px;

    border-radius: 16px;

  }



  .abrecX-info-card h4 {

    font-size: 22px;

  }



  .abrecX-info-card p {

    font-size: 15px;

    line-height: 1.8;

  }

}



.abCM-card26 {

  background: #ffffff !important;

  border-radius: var(--abCM-r);

  padding: 28px 26px 24px;

  min-height: 77px !important;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  transition:

    transform 0.22s ease,

    box-shadow 0.22s ease;

  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);

}

/* ================================

       AJB Investments Section - Scoped CSS

       Unique class names to avoid conflict

    =================================== */



.ajbInvX-wrap * {

  box-sizing: border-box;

}



.ajbInvX-wrap {

  width: 100%;

  padding: 80px 20px;

  background: white;

  font-family: Arial, Helvetica, sans-serif;

  color: #1f2430;

}



.ajbInvX-container {

  max-width: 1200px;

  margin: 0 auto;

}



.ajbInvX-eyebrow {

  margin: 0 0 14px;

  text-align: center;

  font-size: 14px;

  line-height: 1.4;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #e67d2f;

}



.ajbInvX-title {

  margin: 0 auto 22px;

  max-width: 980px;

  text-align: center;

  font-size: clamp(32px, 4.2vw, 62px);

  line-height: 1.08;

  font-weight: 800;

  color: #1f2430;

}



.ajbInvX-intro {

  max-width: 980px;

  margin: 0 auto 44px;

  text-align: center;

  font-size: 18px;

  line-height: 1.8;

  color: #707785;

}



.ajbInvX-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 28px;

  margin-bottom: 28px;

}



.ajbInvX-card {

  background: #ffffff;

  border: 1px solid #ece6de;

  border-radius: 28px;

  padding: 34px 34px 30px;

  min-height: 190px;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);

  transition:

    transform 0.25s ease,

    box-shadow 0.25s ease,

    border-color 0.25s ease;

}



.ajbInvX-card:hover {

  transform: translateY(-3px);

  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);

  border-color: #e4d7c8;

}



.ajbInvX-cardTitle {

  margin: 0 0 12px;

  font-size: 22px;

  line-height: 1.25;

  font-weight: 800;

  color: #1f2430;

}



.ajbInvX-cardText {

  margin: 0;

  font-size: 17px;

  line-height: 1.8;

  color: #6d7481;

}



.ajbInvX-linksBox {

  background: #ffffff;

  border: 1px solid #ece6de;

  border-radius: 28px;

  padding: 30px;

  margin-bottom: 28px;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);

}



.ajbInvX-linksTitle {

  margin: 0 0 20px;

  font-size: 24px;

  line-height: 1.25;

  font-weight: 800;

  color: #1f2430;

}



.ajbInvX-linksGrid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

}



.ajbInvX-link {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

  text-decoration: none;

  background: #faf8f4;

  border: 1px solid #eee5da;

  border-radius: 18px;

  padding: 18px 20px;

  transition: all 0.25s ease;

}



.ajbInvX-link:hover {

  background: #fff4ea;

  border-color: #e67d2f;

  transform: translateY(-2px);

}



.ajbInvX-linkTextWrap {

  display: flex;

  flex-direction: column;

  gap: 4px;

  min-width: 0;

}



.ajbInvX-linkLabel {

  font-size: 12px;

  line-height: 1.3;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: #9a8068;

}



.ajbInvX-linkTitle {

  font-size: 17px;

  line-height: 1.5;

  font-weight: 700;

  color: #1f2430;

}



.ajbInvX-linkArrow {

  flex-shrink: 0;

  font-size: 22px;

  line-height: 1;

  color: #e67d2f;

}



@media (max-width: 991px) {

  .ajbInvX-grid,

  .ajbInvX-linksGrid {

    grid-template-columns: 1fr;

  }



  .ajbInvX-card {

    min-height: auto;

  }

}



@media (max-width: 640px) {

  .ajbInvX-wrap {

    padding: 60px 16px;

  }



  .ajbInvX-intro {

    font-size: 16px;

    line-height: 1.75;

    margin-bottom: 34px;

  }



  .ajbInvX-card,

  .ajbInvX-linksBox {

    padding: 24px;

    border-radius: 22px;

  }



  .ajbInvX-cardTitle {

    font-size: 20px;

  }



  .ajbInvX-cardText,

  .ajbInvX-linkTitle {

    font-size: 16px;

  }

}



.abrfy-section {

  --abrfy-primary: #f37021;

  --abrfy-primary-dark: #e15f14;

  --abrfy-text: #202733;

  --abrfy-muted: #636b78;

  --abrfy-border: #e8ddd4;

  --abrfy-white: #ffffff;

  --abrfy-shadow: 0 14px 34px rgba(27, 31, 35, 0.08);

  width: 100%;

  padding: 70px 24px;

  background: #f5f3f1;

  font-family: "Inter", "Segoe UI", Arial, sans-serif;

}



.abrfy-section * {

  box-sizing: border-box;

}



.abrfy-wrap {

  max-width: 1240px;

  margin: 0 auto;

}



.abrfy-head {

  text-align: center;

  margin-bottom: 30px;

}



.abrfy-title {

  margin: 0;

  font-size: 48px;

  line-height: 1.1;

  font-weight: 800;

  color: var(--abrfy-primary);

}



.abrfy-tabs {

  display: flex;

  flex-wrap: wrap;

  gap: 75px;

  align-items: center;

  justify-content: center;

  margin-bottom: 42px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  padding-bottom: 16px;

}



.abrfy-tab {

  position: relative;

  border: 0;

  background: none;

  padding: 10px 0 14px;

  color: #545c68;

  font-size: 17px;

  font-weight: 500;

  cursor: pointer;

  font-family: inherit;

  transition: color 0.25s ease;

}



.abrfy-tab:hover,

.abrfy-tab.is-active {

  color: var(--abrfy-primary);

}



.abrfy-tab.is-active::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -17px;

  width: 100%;

  height: 4px;

  border-radius: 10px;

  background: var(--abrfy-primary);

}



.abrfy-panel {

  display: none;

  animation: abrfyFade 0.35s ease;

}



.abrfy-panel.is-active {

  display: block;

}



@keyframes abrfyFade {

  from {

    opacity: 0;

    transform: translateY(8px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}



.abrfy-top-grid {

  display: grid;

  grid-template-columns: minmax(0, 1fr) 380px;

  gap: 48px;

  align-items: start;

  margin-bottom: 28px;

}



.abrfy-visual-col {

  display: flex;

  justify-content: flex-end;

  align-items: flex-start;

}



.abrfy-card-image-wrap {

  width: 100%;

  max-width: 360px;

  border-radius: 22px;

  overflow: hidden;

  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

  background: #ffffff;

}



.abrfy-card-image {

  display: block;

  width: 100%;

  height: auto;

  object-fit: cover;

}



.abrfy-copy h3 {

  margin: 0 0 12px;

  font-size: 38px;

  line-height: 1.15;

  color: var(--abrfy-text);

  font-weight: 700;

  margin-bottom: 53px;

}



.abrfy-copy p {

  margin: 0 0 26px;

  max-width: 760px;

  font-size: 18px;

  line-height: 1.8;

  color: var(--abrfy-muted);

}



.abrfy-feature-boxes {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 20px;

}



.abrfy-box {

  background: var(--abrfy-white);

  border: 1px solid var(--abrfy-border);

  border-radius: 20px;

  padding: 22px 22px 20px;

  box-shadow: var(--abrfy-shadow);

}



.abrfy-box h4 {

  margin: 0 0 14px;

  font-size: 18px;

  color: var(--abrfy-text);

  font-weight: 800;

}



.abrfy-box ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: grid;

  gap: 12px;

}



.abrfy-box li {

  position: relative;

  padding-left: 30px;

  color: #5f6774;

  line-height: 1.65;

  font-size: 15px;

}



.abrfy-box li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 1px;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  border: 2px solid var(--abrfy-primary);

  color: var(--abrfy-primary);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 11px;

  font-weight: 800;

  background: #fff8f2;

}



.abrfy-bottom-full {

  width: 100%;

}



.abrfy-note {

  width: 100%;

  margin: 0 0 16px;

  padding: 18px 20px;

  border-left: 4px solid var(--abrfy-primary);

  background: #fffaf6;

  color: #5d6572;

  line-height: 1.75;

  border-radius: 12px;

  font-size: 15px;

}



.abrfy-links {

  width: 100%;

  display: grid;

  grid-template-columns: 1fr;

  gap: 12px;

  margin-bottom: 18px;

}



.abrfy-links a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  width: 100%;

  min-height: 54px;

  padding: 14px 16px;

  border-radius: 14px;

  border: 1px solid var(--abrfy-border);

  background: var(--abrfy-white);

  color: #364152;

  text-decoration: none;

  font-size: 14px;

  font-weight: 700;

  transition: all 0.25s ease;

}



.abrfy-links a::after {

  content: "↗";

  color: var(--abrfy-primary);

  font-size: 16px;

  flex-shrink: 0;

}



.abrfy-links a:hover {

  border-color: #edc9b2 !important;

  transform: translateY(-1px);

}



.abrfy-form {

  width: 100%;

  background: var(--abrfy-white);

  border: 1px solid var(--abrfy-border);

  border-radius: 22px;

  padding: 24px;

  box-shadow: var(--abrfy-shadow);

}



.abrfy-form-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

}



.abrfy-field {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.abrfy-field-full {

  grid-column: 1 / -1;

}



.abrfy-field label {

  font-size: 13px;

  color: #384253;

  font-weight: 800;

}



.abrfy-field input,

.abrfy-field select {

  width: 100%;

  height: 52px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  padding: 0 15px;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  transition:

    border-color 0.25s ease,

    box-shadow 0.25s ease;

}



.abrfy-field input:focus,

.abrfy-field select:focus {

  border-color: #ed8c4c;

  box-shadow: 0 0 0 4px rgba(243, 112, 33, 0.1);

}



.abrfy-btn-row {

  margin-top: 18px;

}



.abrfy-btn {

  min-width: 180px;

  height: 52px;

  padding: 0 26px;

  border: 0;

  border-radius: 999px;

  background: var(--abrfy-primary);

  color: #fff;

  font-size: 16px;

  font-weight: 800;

  cursor: pointer;

  font-family: inherit;

  transition: all 0.25s ease;

}



.abrfy-btn:hover {

  background: var(--abrfy-primary-dark);

  transform: translateY(-1px);

}



@media (max-width: 1024px) {

  .abrfy-top-grid {

    grid-template-columns: 1fr;

    gap: 28px;

  }



  .abrfy-visual-col {

    justify-content: center;

    order: -1;

  }



  .abrfy-copy h3 {

    font-size: 32px;

  }



  .abrfy-feature-boxes {

    grid-template-columns: 1fr;

  }



  .abrfy-card-image-wrap {

    max-width: 420px;

  }

}



@media (max-width: 767px) {

  .abrfy-section {

    padding: 52px 16px;

  }



  .abrfy-title {

    font-size: 36px;

  }



  .abrfy-tabs {

justify-content: center;

        gap: 13px;

        overflow: auto;

        padding-bottom: 14px;

  }



  .abrfy-tab {

    white-space: nowrap;

    font-size: 16px;

  }



  .abrfy-copy h3 {

    font-size: 28px;

  }



  .abrfy-copy p {

    font-size: 16px;

  }



  .abrfy-form-grid {

    grid-template-columns: 1fr;

  }



  .abrfy-field-full {

    grid-column: auto;

  }



  .abrfy-btn {

    width: 100%;

  }

}



.abposu-section {

  --abposu-primary: #f37021;

  --abposu-primary-dark: #df6118;

  --abposu-text: #1f2a3a;

  --abposu-muted: #667085;

  --abposu-border: #eaded5;

  --abposu-bg: #f6f2ee;

  --abposu-white: #ffffff;

  --abposu-soft: #fff8f2;

  --abposu-shadow: 0 12px 28px rgba(28, 35, 40, 0.06);

  width: 100%;

  padding: 72px 24px;

  background-color: white;

}



.abposu-section * {

  box-sizing: border-box;

}



.abposu-wrap {

  max-width: 1240px;

  margin: 0 auto;

}



.abposu-head {

  text-align: center;

  margin-bottom: 34px;

}



.abposu-title {

  margin: 0 0 12px;

  color: var(--abposu-primary);

  font-size: 44px;

  line-height: 1.12;

  font-weight: 800;

}



.abposu-subtitle {

  max-width: 920px;

  margin: 0 auto;

  color: var(--abposu-muted);

  font-size: 17px;

  line-height: 1.7;

}



.abposu-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 18px;

  align-items: stretch;

}



.abposu-card,

.abposu-fullbox,

.abposu-enquiry {

  background: var(--abposu-white);

  border: 1px solid var(--abposu-border);

  border-radius: 24px;

  box-shadow: var(--abposu-shadow);

  overflow: hidden;

}



.abposu-card {

  min-height: 100%;

  display: flex;

  flex-direction: column;

}



.abposu-card-head,

.abposu-fullbox-head {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 18px 20px 14px;

  border-bottom: 1px solid #f1e6de;

  background: linear-gradient(180deg, #fffdfb 0%, #fff8f2 100%);

}



.abposu-card-head h3,

.abposu-fullbox-head h3 {

  margin: 0;

  color: var(--abposu-text);

  font-size: 19px;

  line-height: 1.25;

  font-weight: 800;

}



.abposu-num {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  background: rgba(243, 112, 33, 0.12);

  color: var(--abposu-primary);

  font-size: 13px;

  font-weight: 800;

  flex-shrink: 0;

}



.abposu-card-body {

  padding: 18px 20px 20px;

  flex: 1 1 auto;

}



.abposu-card-body p {

  margin: 0 0 12px;

  color: var(--abposu-muted);

  font-size: 14px;

  line-height: 1.75;

}



.abposu-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: grid;

  gap: 10px;

}



.abposu-list li {

  position: relative;

  padding-left: 24px;

  color: #5a6473;

  font-size: 14px;

  line-height: 1.7;

}



.abposu-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 12px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #ec7d3e;

}



.abposu-note-small {

  margin-top: 14px !important;

  padding-top: 12px;

  border-top: 1px solid #f2e8e0;

  font-size: 12px !important;

  color: #7d8693 !important;

}



.abposu-fullbox {

  width: 100%;

  margin-bottom: 18px;

}



.abposu-fullbox-body {

  padding: 22px 20px 22px;

}



.abposu-fullbox-text {

  margin-bottom: 18px;

}



.abposu-fullbox-text p {

  margin: 0 0 14px;

  color: var(--abposu-muted);

  font-size: 15px;

  line-height: 1.8;

}



.abposu-link-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 180px;

  min-height: 48px;

  padding: 12px 20px;

  border-radius: 999px;

  background: var(--abposu-primary);

  color: #fff;

  text-decoration: none;

  font-size: 14px;

  font-weight: 800;

  transition: all 0.25s ease;

}



.abposu-link-btn:hover {

  background: var(--abposu-primary-dark);

  transform: translateY(-1px);

}



.abposu-mini-form {

  width: 100%;

  border-top: 1px solid #f1e6de;

  padding-top: 18px;

}



.abposu-mini-grid,

.abposu-form-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

}



.abposu-field {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.abposu-field-full {

  grid-column: 1 / -1;

}



.abposu-field label {

  color: #263447;

  font-size: 13px;

  font-weight: 800;

}



.abposu-field input,

.abposu-field textarea {

  width: 100%;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  transition:

    border-color 0.25s ease,

    box-shadow 0.25s ease;

}



.abposu-field input {

  height: 54px;

  padding: 0 16px;

}



.abposu-field textarea {

  min-height: 120px;

  padding: 14px 16px;

  resize: vertical;

  line-height: 1.6;

}



.abposu-field input:focus,

.abposu-field textarea:focus,

.abposu-select:focus {

  border-color: #ed8c4c;

  box-shadow: 0 0 0 4px rgba(243, 112, 33, 0.1);

}



.abposu-enquiry {

  width: 100%;

}



.abposu-enquiry-head {

  padding: 24px 24px 18px;

  background: linear-gradient(180deg, #fffdfb 0%, #fff9f5 100%);

  border-bottom: 1px solid #f1e5dc;

}



.abposu-enquiry-head h3 {

  margin: 0 0 10px;

  color: var(--abposu-text);

  font-size: 24px;

  font-weight: 800;

}



.abposu-enquiry-head p {

  margin: 0;

  color: var(--abposu-muted);

  font-size: 15px;

  line-height: 1.8;

}



.abposu-enquiry-head strong {

  color: var(--abposu-text);

}



.abposu-form {

  padding: 24px;

}



.abposu-select-wrap {

  position: relative;

  width: 100%;

}



.abposu-select {

  width: 100%;

  height: 54px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  padding: 0 48px 0 16px;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  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='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f37021' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right 16px center;

  background-size: 16px;

}



.abposu-select option {

  color: #1f2937;

  background: #fff;

}



.abposu-btn-row {

  margin-top: 18px;

}



.abposu-btn {

  min-width: 180px;

  height: 52px;

  padding: 0 26px;

  border: 0;

  border-radius: 999px;

  background: var(--abposu-primary);

  color: #fff;

  font-size: 16px;

  font-weight: 800;

  cursor: pointer;

  font-family: inherit;

  transition: all 0.25s ease;

}



.abposu-btn:hover {

  background: var(--abposu-primary-dark);

  transform: translateY(-1px);

}



.abposu-btn-outline {

  background: #fff;

  color: var(--abposu-primary);

  border: 1px solid #efc7ae;

}



.abposu-btn-outline:hover {

  background: var(--abposu-primary);

  color: #fff;

  border-color: var(--abposu-primary);

}



@media (max-width: 1100px) {

  .abposu-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}



@media (max-width: 767px) {

  .abposu-section {

    padding: 56px 16px;

  }



  .abposu-title {

    font-size: 34px;

  }



  .abposu-subtitle {

    font-size: 16px;

  }



  .abposu-grid {

    grid-template-columns: 1fr;

  }



  .abposu-mini-grid,

  .abposu-form-grid {

    grid-template-columns: 1fr;

  }



  .abposu-field-full {

    grid-column: auto;

  }



  .abposu-btn,

  .abposu-link-btn {

    width: 100%;

  }

}



.abtwc3-section {

  --abtwc3-primary: #f37021;

  --abtwc3-primary-dark: #de6118;

  --abtwc3-text: #1f2a3a;

  --abtwc3-muted: #667085;

  --abtwc3-border: #eaded5;

  --abtwc3-bg: #f6f2ee;

  --abtwc3-white: #ffffff;

  --abtwc3-soft: #fff8f2;

  --abtwc3-shadow: 0 12px 28px rgba(28, 35, 40, 0.06);

  width: 100%;

  padding: 72px 24px;

  background: var(--abtwc3-bg);

  font-family: "Inter", "Segoe UI", Arial, sans-serif;

}



.abtwc3-section * {

  box-sizing: border-box;

}



.abtwc3-wrap {

  max-width: 1240px;

  margin: 0 auto;

}



.abtwc3-head {

  text-align: center;

  margin-bottom: 28px;

}



.abtwc3-kicker {

  display: inline-block;

  margin-bottom: 12px;

  padding: 8px 14px;

  border-radius: 999px;

  background: rgba(243, 112, 33, 0.1);

  color: var(--abtwc3-primary);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;

}



.abtwc3-title {

  margin: 0 0 10px;

  color: var(--abtwc3-primary);

  font-size: 44px;

  line-height: 1.12;

  font-weight: 800;

}



.abtwc3-subtitle {

  margin: 0;

  color: var(--abtwc3-text);

  font-size: 22px;

  line-height: 1.45;

  font-weight: 700;

  margin-bottom: 20px;

}



.abtwc3-introbox,

.abtwc3-card,

.abtwc3-enquiry {

  background: var(--abtwc3-white);

  border: 1px solid var(--abtwc3-border);

  border-radius: 24px;

  box-shadow: var(--abtwc3-shadow);

  overflow: hidden;

}



.abtwc3-introbox {

  margin-bottom: 18px;

}



.abtwc3-grid-three {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 18px;

  align-items: stretch;

  margin-top: 70px;

}



.abtwc3-grid-two {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 18px;

  align-items: stretch;

}



.abtwc3-boxhead {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 18px 20px 14px;

  border-bottom: 1px solid #f1e6de;

  background: linear-gradient(180deg, #fffdfb 0%, #fff8f2 100%);

}



.abtwc3-boxhead h3 {

  margin: 0;

  color: var(--abtwc3-text);

  font-size: 19px;

  line-height: 1.25;

  font-weight: 800;

}



.abtwc3-num {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  background: rgba(243, 112, 33, 0.12);

  color: var(--abtwc3-primary);

  font-size: 13px;

  font-weight: 800;

  flex-shrink: 0;

}



.abtwc3-boxbody {

  padding: 18px 20px 20px;

}



.abtwc3-boxbody p {

  margin: 0;

  color: var(--abtwc3-muted);

  font-size: 15px;

  line-height: 1.85;

}



.abtwc3-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: grid;

  gap: 10px;

}



.abtwc3-list li {

  position: relative;

  padding-left: 24px;

  color: #5a6473;

  font-size: 14px;

  line-height: 1.72;

}



.abtwc3-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 8px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--abtwc3-primary);

}



.abtwc3-smallnote {

  margin: 14px 0 0 !important;

  padding-top: 12px;

  border-top: 1px solid #f2e8e0;

  font-size: 12px !important;

  color: #7d8693 !important;

  line-height: 1.7;

}



.abtwc3-linkbar {

  margin-bottom: 18px;

}



.abtwc3-doclink {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  width: 100%;

  min-height: 62px;

  padding: 16px 20px;

  border-radius: 20px;

  border: 1px solid var(--abtwc3-border);

  background: var(--abtwc3-white);

  box-shadow: var(--abtwc3-shadow);

  color: var(--abtwc3-text);

  text-decoration: none;

  font-size: 15px;

  font-weight: 800;

  transition: all 0.25s ease;

}



.abtwc3-doclink:hover {

  transform: translateY(-1px);

  border-color: #e8c1a6;

}



.abtwc3-docarrow {

  color: var(--abtwc3-primary);

  font-size: 18px;

  line-height: 1;

  flex-shrink: 0;

}



.abtwc3-enquiry-head {

  display: flex;

  align-items: flex-start;

  gap: 14px;

  padding: 24px 24px 18px;

  background: linear-gradient(180deg, #fffdfb 0%, #fff9f5 100%);

  border-bottom: 1px solid #f1e5dc;

}



.abtwc3-enquiry-copy h3 {

  margin: 0 0 8px;

  color: var(--abtwc3-text);

  font-size: 24px;

  font-weight: 800;

}



.abtwc3-enquiry-copy p {

  margin: 0;

  color: var(--abtwc3-muted);

  font-size: 15px;

  line-height: 1.8;

}



.abtwc3-enquiry-copy strong {

  color: var(--abtwc3-text);

}



.abtwc3-form {

  padding: 24px;

}



.abtwc3-form-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

}



.abtwc3-field {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.abtwc3-field-full {

  grid-column: 1 / -1;

}



.abtwc3-field label {

  color: #263447;

  font-size: 13px;

  font-weight: 800;

}



.abtwc3-field input {

  width: 100%;

  height: 54px;

  padding: 0 16px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  transition:

    border-color 0.25s ease,

    box-shadow 0.25s ease;

}



.abtwc3-field input:focus,

.abtwc3-select:focus {

  border-color: #ed8c4c;

  box-shadow: 0 0 0 4px rgba(243, 112, 33, 0.1);

}



.abtwc3-select-wrap {

  position: relative;

  width: 100%;

}



.abtwc3-select {

  width: 100%;

  height: 54px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  padding: 0 48px 0 16px;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  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='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f37021' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right 16px center;

  background-size: 16px;

}



.abtwc3-select option {

  color: #1f2937;

  background: #fff;

}



.abtwc3-btn-row {

  margin-top: 18px;

}



.abtwc3-btn {

  min-width: 180px;

  height: 52px;

  padding: 0 26px;

  border: 0;

  border-radius: 999px;

  background: var(--abtwc3-primary);

  color: #fff;

  font-size: 16px;

  font-weight: 800;

  cursor: pointer;

  font-family: inherit;

  transition: all 0.25s ease;

}



.abtwc3-btn:hover {

  background: var(--abtwc3-primary-dark);

  transform: translateY(-1px);

}



@media (max-width: 991px) {

  .abtwc3-grid-three,

  .abtwc3-grid-two {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 767px) {

  .abtwc3-section {

    padding: 56px 16px;

  }



  .abtwc3-title {

    font-size: 34px;

  }



  .abtwc3-subtitle {

    font-size: 20px;

  }



  .abtwc3-form-grid {

    grid-template-columns: 1fr;

  }



  .abtwc3-field-full {

    grid-column: auto;

  }



  .abtwc3-btn {

    width: 100%;

  }



  .abtwc3-enquiry-head {

    flex-direction: column;

  }

}



.abcref-section {

  --abcref-primary: #f37021;

  --abcref-primary-dark: #de6118;

  --abcref-text: #1f2a3a;

  --abcref-muted: #667085;

  --abcref-border: #eaded5;

  --abcref-bg: #f6f2ee;

  --abcref-white: #ffffff;

  --abcref-soft: #fff8f2;

  --abcref-shadow: 0 12px 28px rgba(28, 35, 40, 0.06);

  width: 100%;

  padding: 72px 24px;

  background: white;

  font-family: "Inter", "Segoe UI", Arial, sans-serif;

}



.abcref-section * {

  box-sizing: border-box;

}



.abcref-wrap {

  max-width: 1240px;

  margin: 0 auto;

}



.abcref-head {

  text-align: center;

  margin-bottom: 28px;

}



.abcref-kicker {

  display: inline-block;

  margin-bottom: 12px;

  padding: 8px 14px;

  border-radius: 999px;

  background: rgba(243, 112, 33, 0.1);

  color: var(--abcref-primary);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;

}



.abcref-title {

  margin: 0 0 10px;

  color: var(--abcref-primary);

  font-size: 44px;

  line-height: 1.12;

  font-weight: 800;

}



.abcref-subtitle {

  max-width: 920px;

  margin: 0 auto;

  color: var(--abcref-text);

  font-size: 20px;

  line-height: 1.7;

  font-weight: 600;

}



.abcref-introbox,

.abcref-card,

.abcref-enquiry {

  background: var(--abcref-white);

  border: 1px solid var(--abcref-border);

  border-radius: 24px;

  box-shadow: var(--abcref-shadow);

  overflow: hidden;

}



.abcref-introbox {

  margin-bottom: 18px;

}



.abcref-grid-three {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 18px;

  align-items: stretch;

  margin-top: 70px;

}



.abcref-grid-two {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 18px;

  align-items: stretch;

}



.abcref-boxhead {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 18px 20px 14px;

  border-bottom: 1px solid #f1e6de;

  background: linear-gradient(180deg, #fffdfb 0%, #fff8f2 100%);

}



.abcref-boxhead h3 {

  margin: 0;

  color: var(--abcref-text);

  font-size: 19px;

  line-height: 1.25;

  font-weight: 800;

}



.abcref-num {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  background: rgba(243, 112, 33, 0.12);

  color: var(--abcref-primary);

  font-size: 13px;

  font-weight: 800;

  flex-shrink: 0;

}



.abcref-boxbody {

  padding: 18px 20px 20px;

}



.abcref-boxbody p {

  margin: 0;

  color: var(--abcref-muted);

  font-size: 15px;

  line-height: 1.85;

}



.abcref-inline-note {

  margin-top: 12px !important;

  color: var(--abcref-text) !important;

  font-weight: 700;

}



.abcref-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: grid;

  gap: 10px;

}



.abcref-list li {

  position: relative;

  padding-left: 24px;

  color: #5a6473;

  font-size: 14px;

  line-height: 1.72;

}



.abcref-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 8px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--abcref-primary);

}



.abcref-smallnote {

  margin: 14px 0 0 !important;

  padding-top: 12px;

  border-top: 1px solid #f2e8e0;

  font-size: 12px !important;

  color: #7d8693 !important;

  line-height: 1.7;

}



.abcref-boxbody-charge {

  display: flex;

  flex-direction: column;

  gap: 16px;

  justify-content: center;

  min-height: 100%;

}



.abcref-doclink {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  width: 100%;

  min-height: 56px;

  padding: 14px 18px;

  border-radius: 16px;

  border: 1px solid #efcdb8;

  background: var(--abcref-soft);

  color: var(--abcref-text);

  text-decoration: none;

  font-size: 14px;

  font-weight: 800;

  transition: all 0.25s ease;

}



.abcref-doclink:hover {

  background: #fff;

  border-color: #e8b998;

  transform: translateY(-1px);

}



.abcref-docarrow {

  color: var(--abcref-primary);

  font-size: 18px;

  line-height: 1;

  flex-shrink: 0;

}



.abcref-enquiry-head {

  display: flex;

  align-items: flex-start;

  gap: 14px;

  padding: 24px 24px 18px;

  background: linear-gradient(180deg, #fffdfb 0%, #fff9f5 100%);

  border-bottom: 1px solid #f1e5dc;

}



.abcref-enquiry-copy h3 {

  margin: 0 0 8px;

  color: var(--abcref-text);

  font-size: 24px;

  font-weight: 800;

}



.abcref-enquiry-copy p {

  margin: 0;

  color: var(--abcref-muted);

  font-size: 15px;

  line-height: 1.8;

}



.abcref-enquiry-copy strong {

  color: var(--abcref-text);

}



.abcref-form {

  padding: 24px;

}



.abcref-form-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

}



.abcref-field {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.abcref-field-full {

  grid-column: 1 / -1;

}



.abcref-field label {

  color: #263447;

  font-size: 13px;

  font-weight: 800;

}



.abcref-field input {

  width: 100%;

  height: 54px;

  padding: 0 16px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  transition:

    border-color 0.25s ease,

    box-shadow 0.25s ease;

}



.abcref-field input:focus,

.abcref-select:focus {

  border-color: #ed8c4c;

  box-shadow: 0 0 0 4px rgba(243, 112, 33, 0.1);

}



.abcref-select-wrap {

  position: relative;

  width: 100%;

}



.abcref-select {

  width: 100%;

  height: 54px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  padding: 0 48px 0 16px;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  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='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f37021' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right 16px center;

  background-size: 16px;

}



.abcref-select option {

  color: #1f2937;

  background: #fff;

}



.abcref-btn-row {

  margin-top: 18px;

}



.abcref-btn {

  min-width: 180px;

  height: 52px;

  padding: 0 26px;

  border: 0;

  border-radius: 999px;

  background: var(--abcref-primary);

  color: #fff;

  font-size: 16px;

  font-weight: 800;

  cursor: pointer;

  font-family: inherit;

  transition: all 0.25s ease;

}



.abcref-btn:hover {

  background: var(--abcref-primary-dark);

  transform: translateY(-1px);

}



@media (max-width: 991px) {

  .abcref-grid-three,

  .abcref-grid-two {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 767px) {

  .abcref-section {

    padding: 56px 16px;

  }



  .abcref-title {

    font-size: 34px;

  }



  .abcref-subtitle {

    font-size: 18px;

  }



  .abcref-form-grid {

    grid-template-columns: 1fr;

  }



  .abcref-field-full {

    grid-column: auto;

  }



  .abcref-btn {

    width: 100%;

  }



  .abcref-enquiry-head {

    flex-direction: column;

  }

}



.abmbbf-section {

  --abmbbf-primary: #f37021;

  --abmbbf-primary-dark: #de6118;

  --abmbbf-text: #1f2a3a;

  --abmbbf-muted: #667085;

  --abmbbf-border: #eaded5;

  --abmbbf-bg: #f6f2ee;

  --abmbbf-white: #ffffff;

  --abmbbf-soft: #fff8f2;

  --abmbbf-shadow: 0 12px 28px rgba(28, 35, 40, 0.06);

  width: 100%;

  padding: 72px 24px;

  background: var(--abmbbf-bg);

  font-family: "Inter", "Segoe UI", Arial, sans-serif;

}



.abmbbf-section * {

  box-sizing: border-box;

}



.abmbbf-wrap {

  max-width: 1240px;

  margin: 0 auto;

}



.abmbbf-head {

  text-align: center;

  margin-bottom: 28px;

}



.abmbbf-kicker {

  display: inline-block;

  margin-bottom: 12px;

  padding: 8px 14px;

  border-radius: 999px;

  background: rgba(243, 112, 33, 0.1);

  color: var(--abmbbf-primary);

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;

}



.abmbbf-title {

  margin: 0 0 10px;

  color: var(--abmbbf-primary);

  font-size: 44px;

  line-height: 1.12;

  font-weight: 800;

}



.abmbbf-subtitle {

  max-width: 920px;

  margin: 0 auto;

  color: var(--abmbbf-text);

  font-size: 20px;

  line-height: 1.7;

  font-weight: 600;

}



.abmbbf-introbox,

.abmbbf-card,

.abmbbf-enquiry {

  background: var(--abmbbf-white);

  border: 1px solid var(--abmbbf-border);

  border-radius: 24px;

  box-shadow: var(--abmbbf-shadow);

  overflow: hidden;

}



.abmbbf-introbox {

  margin-bottom: 18px;

}



.abmbbf-grid-three {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 18px;

  align-items: stretch;

  margin-top: 70px;

}



.abmbbf-grid-two {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 18px;

  align-items: stretch;

}



.abmbbf-boxhead {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 18px 20px 14px;

  border-bottom: 1px solid #f1e6de;

  background: linear-gradient(180deg, #fffdfb 0%, #fff8f2 100%);

}



.abmbbf-boxhead h3 {

  margin: 0;

  color: var(--abmbbf-text);

  font-size: 19px;

  line-height: 1.25;

  font-weight: 800;

}



.abmbbf-num {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  border-radius: 50%;

  background: rgba(243, 112, 33, 0.12);

  color: var(--abmbbf-primary);

  font-size: 13px;

  font-weight: 800;

  flex-shrink: 0;

}



.abmbbf-boxbody {

  padding: 18px 20px 20px;

}



.abmbbf-boxbody p {

  margin: 0;

  color: var(--abmbbf-muted);

  font-size: 15px;

  line-height: 1.85;

}



.abmbbf-inline-note {

  margin-top: 12px !important;

  color: var(--abmbbf-text) !important;

  font-weight: 700;

}



.abmbbf-list {

  list-style: none;

  padding: 0;

  margin: 0;

  display: grid;

  gap: 10px;

}



.abmbbf-list li {

  position: relative;

  padding-left: 24px;

  color: #5a6473;

  font-size: 14px;

  line-height: 1.72;

}



.abmbbf-list li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 8px;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: var(--abmbbf-primary);

}



.abmbbf-smallnote {

  margin: 14px 0 0 !important;

  padding-top: 12px;

  border-top: 1px solid #f2e8e0;

  font-size: 12px !important;

  color: #7d8693 !important;

  line-height: 1.7;

}



.abmbbf-boxbody-charge {

  display: flex;

  flex-direction: column;

  gap: 16px;

  min-height: 100%;

}



.abmbbf-doclink {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  width: 100%;

  min-height: 56px;

  padding: 14px 18px;

  border-radius: 16px;

  border: 1px solid #efcdb8;

  background: var(--abmbbf-soft);

  color: var(--abmbbf-text);

  text-decoration: none;

  font-size: 14px;

  font-weight: 800;

  transition: all 0.25s ease;

}



.abmbbf-doclink:hover {

  background: #fff;

  border-color: #e8b998;

  transform: translateY(-1px);

}



.abmbbf-docarrow {

  color: var(--abmbbf-primary);

  font-size: 18px;

  line-height: 1;

  flex-shrink: 0;

}



.abmbbf-enquiry-head {

  display: flex;

  align-items: flex-start;

  gap: 14px;

  padding: 24px 24px 18px;

  background: linear-gradient(180deg, #fffdfb 0%, #fff9f5 100%);

  border-bottom: 1px solid #f1e5dc;

}



.abmbbf-enquiry-copy h3 {

  margin: 0 0 8px;

  color: var(--abmbbf-text);

  font-size: 24px;

  font-weight: 800;

}



.abmbbf-enquiry-copy p {

  margin: 0;

  color: var(--abmbbf-muted);

  font-size: 15px;

  line-height: 1.8;

}



.abmbbf-enquiry-copy strong {

  color: var(--abmbbf-text);

}



.abmbbf-form {

  padding: 24px;

}



.abmbbf-form-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

}



.abmbbf-field {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.abmbbf-field-full {

  grid-column: 1 / -1;

}



.abmbbf-field label {

  color: #263447;

  font-size: 13px;

  font-weight: 800;

}



.abmbbf-field input {

  width: 100%;

  height: 54px;

  padding: 0 16px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  transition:

    border-color 0.25s ease,

    box-shadow 0.25s ease;

}



.abmbbf-field input:focus,

.abmbbf-select:focus {

  border-color: #ed8c4c;

  box-shadow: 0 0 0 4px rgba(243, 112, 33, 0.1);

}



.abmbbf-select-wrap {

  position: relative;

  width: 100%;

}



.abmbbf-select {

  width: 100%;

  height: 54px;

  border: 1px solid #e7d9cd;

  border-radius: 14px;

  background: #fff;

  padding: 0 48px 0 16px;

  color: #1f2937;

  font-size: 14px;

  font-family: inherit;

  outline: none;

  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='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f37021' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right 16px center;

  background-size: 16px;

}



.abmbbf-select option {

  color: #1f2937;

  background: #fff;

}



.abmbbf-btn-row {

  margin-top: 18px;

}



.abmbbf-btn {

  min-width: 180px;

  height: 52px;

  padding: 0 26px;

  border: 0;

  border-radius: 999px;

  background: var(--abmbbf-primary);

  color: #fff;

  font-size: 16px;

  font-weight: 800;

  cursor: pointer;

  font-family: inherit;

  transition: all 0.25s ease;

}



.abmbbf-btn:hover {

  background: var(--abmbbf-primary-dark);

  transform: translateY(-1px);

}



@media (max-width: 991px) {

  .abmbbf-grid-three,

  .abmbbf-grid-two {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 767px) {

  .abmbbf-section {

    padding: 56px 16px;

  }



  .abmbbf-title {

    font-size: 34px;

  }



  .abmbbf-subtitle {

    font-size: 18px;

  }



  .abmbbf-form-grid {

    grid-template-columns: 1fr;

  }



  .abmbbf-field-full {

    grid-column: auto;

  }



  .abmbbf-btn {

    width: 100%;

  }



  .abmbbf-enquiry-head {

    flex-direction: column;

  }

}



.ajaf-wrap {

  padding: 5px 0;

  background: #f5f2f2;

  overflow: hidden;

}



.ajaf-container {

  width: min(1280px, calc(100% - 48px));

  margin: 0 auto;

}



.ajaf-head {

  max-width: 860px;

  margin: 0 auto 46px;

  text-align: center;

}



.ajaf-kicker {

  display: inline-block;

  margin-bottom: 12px;

  color: #1f2430;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

}



.ajaf-title {

  margin: 0 0 16px;

  font-size: 48px;

  line-height: 1.1;

  font-weight: 800;

  background: linear-gradient(90deg, #f95d00 0%, #f59b54 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}



.ajaf-desc {

  max-width: 760px;

  margin: 0 auto;

  color: #5f6675;

  font-size: 18px;

  line-height: 1.8;

}



.ajaf-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 28px;

}



.ajaf-card {

  background: #fff;

  border: 1px solid #e5dddd;

  border-radius: 26px;

  overflow: hidden;

  box-shadow: 0 10px 30px rgba(25, 30, 45, 0.06);

  transition:

    transform 0.35s ease,

    box-shadow 0.35s ease;

}



.ajaf-card:hover {

  transform: translateY(-6px);

  box-shadow: 0 18px 42px rgba(25, 30, 45, 0.1);

}



.ajaf-visual {

  position: relative;

  height: 240px;

  overflow: hidden;

}



.ajaf-visual img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.ajaf-visual::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    180deg,

    rgba(0, 0, 0, 0.08) 0%,

    rgba(0, 0, 0, 0.42) 100%

  );

}



.ajaf-visual-overlay {

  position: absolute;

  left: 22px;

  right: 22px;

  bottom: 20px;

  z-index: 2;

  color: #fff;

}



.ajaf-visual-overlay span {

  display: block;

  margin-bottom: 6px;

  font-size: 13px;

  font-weight: 600;

  opacity: 0.92;

  letter-spacing: 0.02em;

}



.ajaf-visual-overlay strong {

  display: block;

  font-size: 24px;

  line-height: 1.2;

  font-weight: 800;

}



.ajaf-body {

  padding: 24px 22px 22px;

}



.ajaf-card-title {

  margin: 0 0 18px;

  color: #1d2430;

  font-size: 28px;

  line-height: 1.2;

  font-weight: 800;

}



.ajaf-points {

  margin: 0;

  padding: 18px 0 8px;

  list-style: none;

  border-top: 1px solid #ece7e7;

  border-bottom: 1px solid #ece7e7;

  min-height: 310px;

}



.ajaf-points li {

  position: relative;

  margin: 0 0 14px;

  padding-left: 28px;

  color: #5c6270;

  font-size: 14px;

  line-height: 1.6;

}



.ajaf-points li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 1px;

  width: 18px;

  height: 18px;

  border: 2px solid #f56f27;

  border-radius: 50%;

  color: #f56f27;

  font-size: 11px;

  font-weight: 700;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 1;

  box-sizing: border-box;

}



.ajaf-actions {

  padding-top: 20px;

  text-align: center;

}



.ajaf-btn {

  display: block;

  width: 100%;

  padding: 16px 22px;

  border-radius: 999px;

  background: #ef722f;

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  text-decoration: none;

  transition:

    background 0.25s ease,

    transform 0.25s ease;

  box-sizing: border-box;

}



.ajaf-btn:hover {

  background: #df631f;

  transform: translateY(-1px);

}



.ajaf-more {

  margin-top: 16px;

  padding: 0;

  border: 0;

  background: transparent;

  color: #525866;

  font-size: 17px;

  font-weight: 700;

  cursor: pointer;

}



.ajaf-more:hover {

  color: #ef722f;

}



.ajaf-expand {

  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 0.35s ease;

}



.ajaf-card.ajaf-open .ajaf-expand {

  grid-template-rows: 1fr;

}



.ajaf-expand-inner {

  overflow: hidden;

  padding-top: 0;

}



.ajaf-card.ajaf-open .ajaf-expand-inner {

  padding-top: 18px;

}



.ajaf-expand h4 {

  margin: 0 0 10px;

  color: #1d2430;

  font-size: 18px;

  font-weight: 800;

}



.ajaf-expand ul {

  margin: 0;

  padding-left: 18px;

  color: #5c6270;

}



.ajaf-expand ul li {

  margin-bottom: 10px;

  line-height: 1.7;

}



.ajaf-doc-section {

  margin-top: 70px;

  padding: 48px 38px;

  background: #ffffff;

  border: 1px solid #e9e1e1;

  border-radius: 28px;

  box-shadow: 0 10px 30px rgba(25, 30, 45, 0.05);

}



.ajaf-doc-head {

  text-align: center;

  margin-bottom: 34px;

}



.ajaf-doc-head h2 {

  margin: 0 0 10px;

  font-size: 40px;

  line-height: 1.1;

  font-weight: 800;

  background: linear-gradient(90deg, #f95d00, #f7a15b);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}



.ajaf-doc-head p {

  max-width: 760px;

  margin: 0 auto;

  color: #6b7280;

  font-size: 17px;

  line-height: 1.8;

}



.ajaf-doc-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 24px;

}



.ajaf-doc-card {

  background: #faf8f8;

  border: 1px solid #ece4e4;

  border-radius: 22px;

  padding: 28px;

}



.ajaf-doc-card h3 {

  margin: 0 0 18px;

  color: #1d2430;

  font-size: 24px;

  font-weight: 800;

}



.ajaf-doc-card ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.ajaf-doc-card ul li {

  position: relative;

  padding-left: 28px;

  margin-bottom: 14px;

  color: #5c6270;

  font-size: 16px;

  line-height: 1.6;

}



.ajaf-doc-card ul li:last-child {

  margin-bottom: 0;

}



.ajaf-doc-card ul li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 1px;

  width: 18px;

  height: 18px;

  border: 2px solid #f56f27;

  border-radius: 50%;

  color: #f56f27;

  font-size: 11px;

  font-weight: 700;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 1;

  box-sizing: border-box;

}



.ajaf-grad-1 {

  background: linear-gradient(135deg, #f1ab00 0%, #d06041 100%);

}

.ajaf-grad-2 {

  background: linear-gradient(135deg, #149df2 0%, #d25d47 100%);

}

.ajaf-grad-3 {

  background: linear-gradient(135deg, #2f0058 0%, #cc5a40 100%);

}

.ajaf-grad-4 {

  background: linear-gradient(135deg, #6944ff 0%, #f77f45 100%);

}

.ajaf-grad-5 {

  background: linear-gradient(135deg, #0f7b6c 0%, #8bd08e 100%);

}

.ajaf-grad-6 {

  background: linear-gradient(135deg, #1d2430 0%, #ef722f 100%);

}



@media (max-width: 1100px) {

  .ajaf-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }



  .ajaf-title {

    font-size: 40px;

  }

}



@media (max-width: 767px) {

  .ajaf-wrap {

    padding: 64px 0;

  }



  .ajaf-container {

    width: min(100% - 24px, 1280px);

  }



  .ajaf-grid {

    grid-template-columns: 1fr;

    gap: 22px;

  }



  .ajaf-title {

    font-size: 31px;

  }



  .ajaf-desc {

    font-size: 16px;

    line-height: 1.7;

  }



  .ajaf-visual {

    height: 215px;

  }



  .ajaf-card-title {

    font-size: 28px;

  }



  .ajaf-points li,

  .ajaf-doc-card ul li {

    font-size: 15px;

  }



  .ajaf-btn {

    font-size: 16px;

    padding: 14px 18px;

  }



  .ajaf-more {

    font-size: 16px;

  }



  .ajaf-doc-section {

    margin-top: 50px;

    padding: 28px 18px;

  }



  .ajaf-doc-head h2 {

    font-size: 30px;

  }



  .ajaf-doc-head p {

    font-size: 15px;

    line-height: 1.7;

  }



  .ajaf-doc-grid {

    grid-template-columns: 1fr;

  }



  .ajaf-doc-card {

    padding: 22px 18px;

  }



  .ajaf-doc-card h3 {

    font-size: 21px;

  }

}

/* ============================

   ZX ENQUIRE CENTER STYLE

============================ */



.zxenq2-section {

  padding: 80px 20px;

  background: #f4f1ee;

  font-family: "Inter", Arial, sans-serif;

}



.zxenq2-container {

  max-width: 1100px;

  margin: auto;

  text-align: center;

}



/* Heading */

.zxenq2-head h2 {

  font-size: 40px;

  color: #f07a2b;

  margin-bottom: 15px;

  font-weight: 600;

}



.zxenq2-head p {

  max-width: 900px;

  margin: auto;

  font-size: 17px;

  line-height: 1.8;

  color: #5f6b7a;

}



.zxenq2-head strong {

  color: #0f2b46;

}



/* Form Box */

.zxenq2-form {

  margin-top: 50px;

  background: #fbf9f7;

  padding: 40px;

  border-radius: 24px;

  border: 1px solid #e6d9cf;

  box-shadow: 0 10px 30px rgba(0,0,0,0.05);

  text-align: left;

}



/* Grid */

.zxenq2-grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px 24px;

}



.zxenq2-full {

  grid-column: span 2;

}



/* Fields */

.zxenq2-field label {

  display: block;

  font-size: 14px;

  margin-bottom: 8px;

  color: #0f2b46;

  font-weight: 600;

}



.zxenq2-field input,

.zxenq2-field select {

  width: 100%;

  height: 56px;

  padding: 0 16px;

  border: 1px solid #e4d7cd;

  border-radius: 14px;

  font-size: 14px;

  color: #333;

  background: #fff;

  transition: 0.3s;

}



.zxenq2-field input:focus,

.zxenq2-field select:focus {

  border-color: #f07a2b;

  box-shadow: 0 0 0 3px rgba(240,122,43,0.1);

  outline: none;

}



/* Button */

.zxenq2-btn-wrap {

  margin-top: 25px;

}



.zxenq2-btn-wrap button {

  background: #f07a2b;

  color: #fff;

  border: none;

  padding: 14px 32px;

  border-radius: 14px;

  font-weight: 600;

  cursor: pointer;

  transition: 0.3s;

}



.zxenq2-btn-wrap button:hover {

  background: #d96a20;

}



/* Responsive */

@media (max-width: 768px) {

  .zxenq2-head h2 {

    font-size: 30px;

  }



  .zxenq2-grid {

    grid-template-columns: 1fr;

  }



  .zxenq2-full {

    grid-column: span 1;

  }



  .zxenq2-form {

    padding: 25px;

  }

}





/* Zohaib Personal Page Css */



.abpdx-section {

      padding: 15px 0 15px;

      overflow: hidden;

      background-color: white;

    }



    .abpdx-container {

      width: min(1220px, 92%);

      margin: 0 auto;

    }



    .abpdx-header {

      text-align: center;

      max-width: 820px;

      margin: 0 auto 42px;

    }



    .abpdx-header h2 {

      font-size: 42px;

      line-height: 1.08;

      font-weight: 500;

      color: #f47c20;

      margin-bottom: 18px;

    }



    .abpdx-header p {

      font-size: 18px;

      line-height: 1.7;

      color: #646b78;

    }



    .abpdx-slider-wrap {

      position: relative;

    }



    .abpdx-viewport {

      overflow: hidden;

    }



    .abpdx-track {

      display: flex;

      gap: 28px;

      transition: transform 0.45s ease;

      will-change: transform;

    }



    .abpdx-card {

      flex: 0 0 calc((100% - 176px) / 3);

      position: relative;

      min-height: 505px;

      border-radius: 12px;

      overflow: hidden;

      background: #ddd;

    }



    .abpdx-card img {

      width: 100%;

      height: 65%;

      object-fit: cover;

      display: block;

    }



    .abpdx-overlay {

      position: absolute;

      left: 24px;

      right: 24px;

      bottom: 22px;

      background: #f5f5f5;

      border-radius: 12px;

      padding: 20px 20px 16px;

      box-shadow: 0 8px 24px rgba(0,0,0,0.10);

    }



    .abpdx-overlay h3 {

      font-size: 26px;

      line-height: 1.2;

      font-weight: 700;

      color: #4e5562;

      margin-bottom: 12px;

      color: #eb6f30;

    }



    .abpdx-overlay p {

font-size: 14px;

    line-height: 1.6;

    color: #626a77;

    margin-bottom: 27px;

    }



    .abpdx-link {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      font-size: 15px;

      font-weight: 700;

      color: #4f5663;

      text-decoration: none;

      transition: 0.25s ease;

    }



    .abpdx-link:hover {

      color: #f47c20;

    }



    .abpdx-link span {

      font-size: 18px;

      line-height: 1;

    }



    .abpdx-nav {

      display: flex;

      justify-content: center;

      gap: 26px;

      margin-top: 28px;

      padding-left: 6px;

    }



    .abpdx-arrow {

      width: 52px;

      height: 52px;

      border: none;

      background: transparent;

      color: #f47c20;

      font-size: 44px;

      line-height: 1;

      cursor: pointer;

      transition: 0.25s ease;

    }



    .abpdx-arrow:hover {

      transform: translateY(-2px);

      color: #d9630c;

    }



    .abpdx-arrow.is-disabled {

      opacity: 0.35;

      pointer-events: none;

    }



    @media (max-width: 1100px) {

      .abpdx-card {

        flex: 0 0 calc((100% - 28px) / 2);

        min-height: 480px;

      }



      .abpdx-header h2 {

        font-size: 46px;

      }

    }



    @media (max-width: 767px) {

      .abpdx-section {

        padding: 60px 0 70px;

      }



      .abpdx-header {

        margin-bottom: 30px;

      }



      .abpdx-header h2 {

        font-size: 34px;

      }



      .abpdx-header p {

        font-size: 16px;

      }



      .abpdx-card {

        flex: 0 0 100%;

        min-height: 460px;

      }



      .abpdx-overlay {

        left: 16px;

        right: 16px;

        bottom: 16px;

        padding: 18px 18px 15px;

      }



      .abpdx-overlay h3 {

        font-size: 21px;

      }



      .abpdx-nav {

        gap: 18px;

        margin-top: 20px;

      }



      .abpdx-arrow {

        width: 44px;

        height: 44px;

        font-size: 36px;

      }

    }



    /* SMOOTH TRANSITION */

.abpdx-card {

  transition: transform 0.35s ease;

}



.abpdx-overlay {

  transition: all 0.35s ease;

}



/* HOVER EFFECT */

.abpdx-card:hover {

  transform: translateY(-8px);

}



.abpdx-card:hover .abpdx-overlay {

  transform: translateY(-12px);

  box-shadow: 0 18px 35px rgba(0,0,0,0.18);

}

/* IMAGE ZOOM EFFECT */

.abpdx-card img {

  transition: transform 0.5s ease;

}



.abpdx-card:hover img {

  transform: scale(1.05);

}

/* SMOOTH TRANSITION */

.abpdx-overlay {

  transition: all 0.35s ease;

}



/* TEXT TRANSITION */

.abpdx-overlay h3,

.abpdx-overlay p,

.abpdx-link {

  transition: all 0.3s ease;

}



/* HOVER EFFECT */

.abpdx-card:hover .abpdx-overlay {

  background: #f47c20; /* orange */

}



/* TEXT WHITE */

.abpdx-card:hover .abpdx-overlay h3,

.abpdx-card:hover .abpdx-overlay p,

.abpdx-card:hover .abpdx-link {

  color: #ffffff;

}

.abpdx-card:hover .abpdx-link span {

  color: #ffffff;

}

































    .abcts-section {

      padding: 15px 0;

      overflow:hidden;

      background: #f5f2f2;

    }



    .abcts-container {

      width: min(1240px, 92%);

      margin: 0 auto;

    }



    .abcts-header {

      text-align: center;

      max-width: 820px;

      margin: 0 auto 36px;

    }



    .abcts-header h2 {

      font-size: 42px;

      line-height: 1.1;

      color: #f47c20;

      margin-bottom: 16px;

      font-weight: 600;

    }



    .abcts-header p {

      font-size: 18px;

      line-height: 1.7;

      color: #646b78;

    }



    .abcts-tabs {

      display: flex;

      justify-content: center;

      gap: 14px;

      flex-wrap: wrap;

      margin-bottom: 34px;

    }



    .abcts-tab {

      border: 1px solid #e3d8d2;

      background: #fff;

      color: #545c69;

      padding: 14px 24px;

      border-radius: 999px;

      font-size: 16px;

      font-weight: 700;

      cursor: pointer;

      transition: all 0.3s ease;

    }



    .abcts-tab:hover,

    .abcts-tab.is-active {

      background: #f47c20;

      border-color: #f47c20;

      color: #fff;

      box-shadow: 0 10px 24px rgba(244, 124, 32, 0.22);

    }



    .abcts-panel {

      display: none;

    }



    .abcts-panel.is-active {

      display: block;

    }



    .abcts-slider {

      position: relative;

    }



    .abcts-viewport {

      overflow: hidden;

    }



    .abcts-track {

      display: flex;

      gap: 26px;

      transition: transform 0.45s ease;

      will-change: transform;

    }



    .abcts-card {

    flex: 0 0 calc((100% - 176px) / 3);

    min-width: 0;

    position: relative;

    overflow: hidden;

    background: #ddd;

    border-radius: 13px;

    }



    .abcts-card img {

      width: 100%;

      height: 59%;

      object-fit: cover;

      display: block;

      transition: transform 0.45s ease;

    }



    .abcts-card:hover img {

      transform: scale(1.05);

    }



    .abcts-overlay {

      position: absolute;

      left: 22px;

      right: 22px;

      bottom: 22px;

      background: #f6f6f6;

      border-radius: 12px;

      padding: 20px 20px 16px;

      box-shadow: 0 10px 24px rgba(0,0,0,0.10);

      transition: all 0.35s ease;

    }



    .abcts-card:hover .abcts-overlay {

      background: #f47c20;

      transform: translateY(-10px);

      box-shadow: 0 18px 34px rgba(0,0,0,0.16);

    }



    .abcts-overlay h3 {

      font-size: 22px;

      line-height: 1.2;

      color: #4f5663;

      margin-bottom: 10px;

      transition: color 0.3s ease;

      font-weight: 700;

    }



    .abcts-overlay p {

      font-size: 16px;

      line-height: 1.6;

      color: #666e7b;

      margin-bottom: 10px;

      transition: color 0.3s ease;

    }



    .abcts-link {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      text-decoration: none;

      color: #4f5663;

      font-size: 15px;

      font-weight: 700;

      transition: color 0.3s ease;

    }



    .abcts-card:hover .abcts-overlay h3,

    .abcts-card:hover .abcts-overlay p,

    .abcts-card:hover .abcts-link {

      color: #fff;

    }



    .abcts-nav {

      display: flex;

      gap: 18px;

      margin-top: 26px;

      justify-content: center;

      padding-left: 4px;

    }



    .abcts-arrow {

      width: 48px;

      height: 48px;

      border: none;

      background: transparent;

      color: #f47c20;

      font-size: 42px;

      line-height: 1;

      cursor: pointer;

      transition: all 0.25s ease;

    }



    .abcts-arrow:hover {

      color: #d8610d;

      transform: translateY(-2px);

    }



    .abcts-arrow.is-disabled {

      opacity: 0.3;

      pointer-events: none;

    }



    .abcts-lifebox {

      max-width: 820px;

      margin: 0 auto;

      background: #fff;

      border-radius: 20px;

      padding: 42px 34px;

      text-align: center;

      box-shadow: 0 12px 28px rgba(0,0,0,0.08);

    }



    .abcts-lifebox h3 {

      font-size: 34px;

      margin-bottom: 14px;

      color: #1f2430;

    }



    .abcts-lifebox p {

      font-size: 17px;

      line-height: 1.7;

      color: #656d7a;

      margin-bottom: 22px;

    }



    .abcts-lifebtn {

      display: inline-block;

      padding: 14px 28px;

      border-radius: 999px;

      background: #f47c20;

      color: #fff;

      text-decoration: none;

      font-weight: 700;

      transition: all 0.3s ease;

    }



    .abcts-lifebtn:hover {

      background: #da6711;

      transform: translateY(-2px);

    }



    @media (max-width: 1100px) {

      .abcts-card {

        flex: 0 0 calc((100% - 26px) / 2);

        height: 470px;

      }



      .abcts-header h2 {

        font-size: 44px;

      }

    }



    @media (max-width: 767px) {

      .abcts-section {

        padding: 60px 0;

      }



      .abcts-header h2 {

        font-size: 34px;

      }



      .abcts-header p {

        font-size: 16px;

      }



      .abcts-card {

        flex: 0 0 100%;

        height: 430px;

      }



      .abcts-overlay {

        left: 16px;

        right: 16px;

        bottom: 16px;

      }



      .abcts-overlay h3 {

        font-size: 20px;

      }



      .abcts-lifebox {

        padding: 30px 20px;

      }



      .abcts-lifebox h3 {

        font-size: 28px;

      }

    }































    .abpf-section{

  padding:15px 0;

  background:#f5f2f2;

}



.abpf-container{

  width:92%;

  max-width:1200px;

  margin:auto;

}



.abpf-header{

  text-align:center;

  margin-bottom:40px;

}



.abpf-header h2{

  color:#f47c20;

  font-size:42px;

  margin-bottom:10px;

}



.abpf-header p{

  color:#666;

  max-width:700px;

  margin:auto;

}



/* SLIDER */

.abpf-viewport{ overflow:hidden; }

.abpf-track{

  display:flex;

  gap:25px;

  transition:.4s;

}



/* CARD */

.abpf-card{

  flex:0 0 calc((100% - 176px)/3);

  height:490px;

  border-radius:15px;

  overflow:hidden;

  position:relative;

  background-color: #dcdcdc;

}



.abpf-card img{

  width:100%;

  height:64%;

  object-fit:cover;

  transition:.4s;

}



.abpf-card:hover img{

  transform:scale(1.05);

}



/* OVERLAY */

.abpf-overlay{

  position:absolute;

  bottom:20px;

  left:20px;

  right:20px;

  background:#fff;

  padding:18px;

  border-radius:12px;

  transition:.3s;

}



.abpf-overlay h3{ margin-bottom:8px; color:#333; }

.abpf-overlay p{ font-size:14px; color:#666; }



.abpf-overlay a{

  display:inline-block;

  margin-top:10px;

  color:#333;

  font-weight:bold;

  text-decoration:none;

}



/* HOVER */

.abpf-card:hover .abpf-overlay{

  background:#f47c20;

  transform:translateY(-8px);

}



.abpf-card:hover .abpf-overlay h3,

.abpf-card:hover .abpf-overlay p,

.abpf-card:hover .abpf-overlay a{

  color:#fff;

}



/* NAV */

.abpf-nav{

  margin-top:20px;

  text-align:center;

}



.abpf-prev,.abpf-next{

  border:none;

  background:none;

  font-size:30px;

  color:#f47c20;

  cursor:pointer;

  margin-right:15px;

}



/* RESPONSIVE */

@media(max-width:768px){

  .abpf-card{

    flex:0 0 100%;

  }

}

























.abfcx-section{

  padding:15px 0;

  background:white;

}

.abfcx-container{

  width:min(1180px,92%);

  margin:0 auto;

}

.abfcx-header{

  text-align:center;

  max-width:760px;

  margin:0 auto 34px;

}

.abfcx-header h2{

  margin:0 0 12px;

  color:#f47c20;

  font-size:42px;

  line-height:1.08;

  font-weight:600;

}

.abfcx-header p{

  margin:0;

  color:#66707c;

  font-size:17px;

  line-height:1.7;

}

.abfcx-box{

  background:#fff;

  border-radius:22px;

  padding:28px;

  box-shadow:0 12px 28px rgba(0,0,0,.07);

}

.abfcx-tabs{

  display:flex;

  gap:14px;

  flex-wrap:wrap;

  margin-bottom:28px;

}

.abfcx-tab{

  border:1px solid #eadfd8;

  background:#fff;

  color:#525b68;

  padding:13px 22px;

  border-radius:999px;

  font-size:15px;

  font-weight:700;

  cursor:pointer;

  transition:.3s ease;

}

.abfcx-tab.is-active,

.abfcx-tab:hover{

  background:#f47c20;

  border-color:#f47c20;

  color:#fff;

}

.abfcx-panel{

  display:none;

}

.abfcx-panel.is-active{

  display:block;

}

.abfcx-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:18px;

}

.abfcx-field label{

  display:block;

  margin-bottom:8px;

  color:#303744;

  font-size:15px;

  font-weight:700;

}

.abfcx-field input{

  width:100%;

  height:54px;

  border:1px solid #ddd3ce;

  border-radius:12px;

  padding:0 16px;

  font-size:15px;

  color:#303744;

  outline:none;

  transition:.25s ease;

}

.abfcx-field input:focus{

  border-color:#f47c20;

  box-shadow:0 0 0 3px rgba(244,124,32,.12);

}

.abfcx-actions{

  margin-top:22px;

}

.abfcx-btn{

  border:none;

  background:#f47c20;

  color:#fff;

  padding:14px 28px;

  border-radius:999px;

  font-size:16px;

  font-weight:700;

  cursor:pointer;

  transition:.3s ease;

}

.abfcx-btn:hover{

  background:#da6711;

  transform:translateY(-2px);

}

.abfcx-results{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:18px;

  margin-top:28px;

}

.abfcx-result-card{

  background:#faf7f6;

  border:1px solid #eee4de;

  border-radius:16px;

  padding:18px;

}

.abfcx-result-card span{

  display:block;

  color:#6a7280;

  font-size:14px;

  line-height:1.5;

  margin-bottom:10px;

}

.abfcx-result-card strong{

  color:#1f2430;

  font-size:24px;

  line-height:1.2;

}

@media (max-width:991px){

  .abfcx-grid{

    grid-template-columns:1fr;

  }

  .abfcx-results{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }

}

@media (max-width:767px){

  .abfcx-section{

    padding:60px 0;

  }

  .abfcx-header h2{

    font-size:34px;

  }

  .abfcx-header p{

    font-size:16px;

  }

  .abfcx-box{

    padding:20px;

  }

  .abfcx-results{

    grid-template-columns:1fr;

  }

}































.abprtbl-section{

  padding:80px 0;

  background:#f3f0f0;

  font-family:Arial,sans-serif;

}



.abprtbl-container{

  width:min(1200px,92%);

  margin:auto;

}



.abprtbl-title{

  text-align:center;

  color:#f47c20;

  font-size:46px;

  margin-bottom:30px;

}



/* TABLE */

.abprtbl-wrap{

  background:#fff;

  border:1px solid #dcdcdc;

}



.abprtbl-table{

  width:100%;

  border-collapse:collapse;

}



/* HEADER */

.abprtbl-table thead th{

  background:#eeeeee;

  text-align:left;

  padding:16px;

  font-weight:600;

  font-size:15px;

  border:1px solid #dcdcdc;

}



/* BODY */

.abprtbl-table td{

  padding:18px;

  border:1px solid #dcdcdc;

  font-size:15px;

  color:#444;

  vertical-align:top;

}



/* NOTE */

.abprtbl-note{

  font-size:14px;

  color:#666;

  background:#fafafa;

}



/* MOBILE */

@media(max-width:768px){

  .abprtbl-title{

    font-size:32px;

  }



  .abprtbl-table td,

  .abprtbl-table th{

    padding:12px;

    font-size:13px;

  }

}



















.abpbx-section{

  padding:80px 0;

  background:white;

}



.abpbx-container{

  width:min(1220px,92%);

  margin:0 auto;

}



.abpbx-wrap{

  display:grid;

  grid-template-columns:1.02fr 1fr;

  gap:34px;

  align-items:center;

  background:#fff;

  border-radius:26px;

  overflow:hidden;

  box-shadow:0 14px 34px rgba(0,0,0,0.07);

}



.abpbx-image{

  min-height:460px;

  height:100%;

  overflow:hidden;

}



.abpbx-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;

  transition:transform .45s ease;

}



.abpbx-wrap:hover .abpbx-image img{

  transform:scale(1.05);

}



.abpbx-content{

  padding:42px 42px 42px 10px;

}



.abpbx-tag{

  display:inline-block;

  margin-bottom:14px;

  padding:8px 14px;

  border-radius:999px;

  background:rgba(244,124,32,0.10);

  color:#f47c20;

  font-size:13px;

  font-weight:700;

  letter-spacing:.3px;

}



.abpbx-content h2{

  margin:0 0 14px;

  font-size:46px;

  line-height:1.08;

  color:#1f2430;

  font-weight:700;

}



.abpbx-content p{

  margin:0 0 22px;

  font-size:17px;

  line-height:1.8;

  color:#616977;

}



.abpbx-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;

  margin-bottom:24px;

}



.abpbx-item{

  position:relative;

  padding:14px 14px 14px 40px;

  background:#faf7f6;

  border:1px solid #eee3dc;

  border-radius:14px;

  color:#4c5562;

  font-size:15px;

  line-height:1.5;

  transition:all .3s ease;

}



.abpbx-item::before{

  content:"✓";

  position:absolute;

  left:14px;

  top:13px;

  width:18px;

  height:18px;

  border:2px solid #f47c20;

  border-radius:50%;

  color:#f47c20;

  font-size:11px;

  line-height:14px;

  text-align:center;

  font-weight:700;

}



.abpbx-item:hover{

  transform:translateY(-3px);

  background:#f47c20;

  color:#fff;

  border-color:#f47c20;

}



.abpbx-item:hover::before{

  border-color:#fff;

  color:#fff;

}



.abpbx-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:190px;

  padding:14px 26px;

  border-radius:999px;

  background:#f47c20;

  color:#fff;

  text-decoration:none;

  font-size:16px;

  font-weight:700;

  transition:all .3s ease;

}



.abpbx-btn:hover{

  background:#d9630c;

  transform:translateY(-2px);

}



@media (max-width:1100px){

  .abpbx-wrap{

    grid-template-columns:1fr;

  }



  .abpbx-content{

    padding:34px 28px;

  }



  .abpbx-image{

    min-height:360px;

  }



  .abpbx-content h2{

    font-size:38px;

  }

}



@media (max-width:767px){

  .abpbx-section{

    padding:60px 0;

  }



  .abpbx-image{

    min-height:280px;

  }



  .abpbx-content{

    padding:26px 20px;

  }



  .abpbx-content h2{

    font-size:30px;

  }



  .abpbx-content p{

    font-size:15px;

    line-height:1.7;

  }



  .abpbx-grid{

    grid-template-columns:1fr;

  }



  .abpbx-btn{

    width:100%;

  }

}

















.abwmr-section{

  padding:80px 0;

  background:#f4f1f1;

}



.abwmr-container{

  width:min(1220px,92%);

  margin:0 auto;

}



.abwmr-header{

  text-align:center;

  max-width:850px;

  margin:0 auto 42px;

}



.abwmr-header h2{

  margin:0 0 14px;

  font-size:52px;

  line-height:1.08;

  color:#f47c20;

  font-weight:700;

}



.abwmr-header p{

  margin:0;

  color:#646c79;

  font-size:18px;

  line-height:1.7;

}



.abwmr-block{

  margin-bottom:24px;

}



.abwmr-block-inner{

  background:#fff;

  border-radius:24px;

  padding:34px 34px 30px;

  box-shadow:0 12px 28px rgba(0,0,0,.07);

}



.abwmr-tag{

  display:inline-block;

  margin-bottom:14px;

  padding:8px 14px;

  border-radius:999px;

  background: rgb(243 183 137 / 10%);

  color:#f47c20;

  font-size:13px;

  font-weight:700;

  letter-spacing:.3px;

}



.abwmr-content h3{

  margin:0 0 14px;

  font-size:30px;

  line-height:1.25;

  color:#1f2430;

  font-weight:700;

}



.abwmr-content p{

  margin:0 0 14px;

  color:#616977;

  font-size:17px;

  line-height:1.8;

}



.abwmr-points{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;

  margin:18px 0 14px;

}



.abwmr-point{

  position:relative;

  padding:14px 14px 14px 40px;

  background:#faf7f6;

  border:1px solid #eee3dc;

  border-radius:14px;

  color:#4c5562;

  font-size:15px;

  line-height:1.5;

  transition:all .3s ease;

}



.abwmr-point::before{

  content:"✓";

  position:absolute;

  left:14px;

  top:13px;

  width:18px;

  height:18px;

  border:2px solid #f47c20;

  border-radius:50%;

  color:#f47c20;

  font-size:11px;

  line-height:14px;

  text-align:center;

  font-weight:700;

}



.abwmr-point:hover{

  transform:translateY(-3px);

  background:#f47c20;

  color:#fff;

  border-color:#f47c20;

}



.abwmr-point:hover::before{

  border-color:#fff;

  color:#fff;

}



.abwmr-solutions{

  margin-top:34px;

  background:#fff;

  border-radius:26px;

  padding:34px;

  box-shadow:0 12px 28px rgba(0,0,0,.07);

}



.abwmr-solutions-head{

  text-align:center;

  margin-bottom:24px;

}



.abwmr-solutions-head h3{

  margin:0 0 10px;

  font-size:36px;

  color:#f47c20;

}



.abwmr-solutions-head p{

  margin:0;

  color:#666f7d;

  font-size:16px;

}



.abwmr-tabs{

  display:flex;

  justify-content:center;

  gap:14px;

  flex-wrap:wrap;

  margin-bottom:28px;

}



.abwmr-tab{

  border:1px solid #e4d7cf;

  background:#fff;

  color:#4d5564;

  padding:14px 26px;

  border-radius:999px;

  font-size:16px;

  font-weight:700;

  cursor:pointer;

  transition:all .3s ease;

}



.abwmr-tab:hover,

.abwmr-tab.is-active{

  background:#f47c20;

  border-color:#f47c20;

  color:#fff;

  box-shadow:0 10px 24px rgba(244,124,32,.22);

}



.abwmr-panel{

  display:none;

}



.abwmr-panel.is-active{

  display:block;

}



.abwmr-grid{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:20px;

}



.abwmr-card{

  background:#faf7f6;

  border:1px solid #eee3dc;

  border-radius:18px;

  padding:24px 20px;

  text-align:center;

  transition:all .3s ease;

}



.abwmr-card:hover{

  transform:translateY(-6px);

  box-shadow:0 14px 28px rgba(0,0,0,.09);

}



.abwmr-card h4{

  margin:0 0 16px;

  font-size:21px;

  line-height:1.35;

  color:#1f2430;

  min-height:58px;

}



.abwmr-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:150px;

  padding:12px 20px;

  border-radius:999px;

  background:#f47c20;

  color:#fff;

  text-decoration:none;

  font-size:15px;

  font-weight:700;

  transition:all .3s ease;

}



.abwmr-btn:hover{

  background:#d9630c;

  transform:translateY(-2px);

}



@media (max-width:1100px){

  .abwmr-grid{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }



  .abwmr-header h2{

    font-size:44px;

  }



  .abwmr-content h3{

    font-size:26px;

  }

}



@media (max-width:767px){

  .abwmr-section{

    padding:60px 0;

  }



  .abwmr-header h2{

    font-size:34px;

  }



  .abwmr-header p{

    font-size:16px;

  }



  .abwmr-block-inner,

  .abwmr-solutions{

    padding:24px 20px;

  }



  .abwmr-content h3{

    font-size:22px;

  }



  .abwmr-content p{

    font-size:15px;

    line-height:1.7;

  }



  .abwmr-points{

    grid-template-columns:1fr;

  }



  .abwmr-grid{

    grid-template-columns:1fr;

  }



  .abwmr-solutions-head h3{

    font-size:28px;

  }



  .abwmr-card h4{

    min-height:auto;

  }

}





.abmorex-section{

  padding:80px 0;

  background:white;

}



.abmorex-container{

  width:min(1220px,92%);

  margin:0 auto;

}



.abmorex-wrap{

  display:grid;

  grid-template-columns:1fr 1fr;

  align-items:center;

  gap:34px;

  background:#fff;

  border-radius:26px;

  overflow:hidden;

  box-shadow:0 14px 32px rgba(0,0,0,.08);

}



.abmorex-content{

  padding:42px;

}



.abmorex-tag{

  display:inline-block;

  margin-bottom:14px;

  padding:8px 14px;

  border-radius:999px;

  background:rgba(244,124,32,.10);

  color:#f47c20;

  font-size:13px;

  font-weight:700;

}



.abmorex-content h2{

  margin:0 0 10px;

  color:#f47c20;

  font-size:48px;

  line-height:1.1;

}



.abmorex-content h3{

  margin:0 0 14px;

  color:#1f2430;

  font-size:34px;

  line-height:1.2;

}



.abmorex-content p{

  margin:0 0 22px;

  color:#666f7d;

  font-size:17px;

  line-height:1.8;

}



.abmorex-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:190px;

  padding:14px 24px;

  border-radius:999px;

  background:#f47c20;

  color:#fff;

  text-decoration:none;

  font-size:15px;

  font-weight:700;

  transition:all .3s ease;

}



.abmorex-btn:hover{

  background:#d9630c;

  transform:translateY(-2px);

}



.abmorex-image{

  min-height:420px;

  height:100%;

}



.abmorex-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;

}



@media (max-width:991px){

  .abmorex-wrap{

    grid-template-columns:1fr;

  }



  .abmorex-content{

    padding:30px 24px;

  }



  .abmorex-image{

    min-height:300px;

  }

}



@media (max-width:767px){

  .abmorex-section{

    padding:60px 0;

  }



  .abmorex-content h2{

    font-size:34px;

  }



  .abmorex-content h3{

    font-size:26px;

  }



  .abmorex-content p{

    font-size:15px;

    line-height:1.7;

  }

}







.abdw-section{

  padding:80px 0;

  background:#f4f1f1;

}

.abdw-container{

  width:min(1220px,92%);

  margin:0 auto;

}

.abdw-header{

  text-align:center;

  max-width:820px;

  margin:0 auto 38px;

}

.abdw-header h2{

  margin:0 0 14px;

  font-size:52px;

  line-height:1.08;

  color:#f47c20;

  font-weight:700;

}

.abdw-header p{

  margin:0;

  color:#666f7d;

  font-size:18px;

  line-height:1.7;

}

.abdw-wrap{

  display:grid;

  grid-template-columns:1fr 1fr;

  align-items:center;

  gap:34px;

  background:#fff;

  border-radius:26px;

  overflow:hidden;

  box-shadow:0 14px 32px rgba(0,0,0,.08);

}

.abdw-content{

  padding:42px;

}

.abdw-tag{

  display:inline-block;

  margin-bottom:14px;

  padding:8px 14px;

  border-radius:999px;

  background:rgba(244,124,32,.10);

  color:#f47c20;

  font-size:13px;

  font-weight:700;

}

.abdw-content h3{

  margin:0 0 14px;

  color:#1f2430;

  font-size:36px;

  line-height:1.2;

}

.abdw-content p{

  margin:0 0 22px;

  color:#666f7d;

  font-size:17px;

  line-height:1.8;

}

.abdw-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:12px;

  margin-bottom:24px;

}

.abdw-item{

  position:relative;

  padding:14px 14px 14px 40px;

  background:#faf7f6;

  border:1px solid #eee3dc;

  border-radius:14px;

  color:#4c5562;

  font-size:15px;

  line-height:1.5;

  transition:all .3s ease;

}

.abdw-item::before{

  content:"✓";

  position:absolute;

  left:14px;

  top:13px;

  width:18px;

  height:18px;

  border:2px solid #f47c20;

  border-radius:50%;

  color:#f47c20;

  font-size:11px;

  line-height:14px;

  text-align:center;

  font-weight:700;

}

.abdw-item:hover{

  transform:translateY(-3px);

  background:#f47c20;

  color:#fff;

  border-color:#f47c20;

}

.abdw-item:hover::before{

  border-color:#fff;

  color:#fff;

}

.abdw-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:190px;

  padding:14px 24px;

  border-radius:999px;

  background:#f47c20;

  color:#fff;

  text-decoration:none;

  font-size:15px;

  font-weight:700;

  transition:all .3s ease;

}

.abdw-btn:hover{

  background:#d9630c;

  transform:translateY(-2px);

}

.abdw-image{

  min-height:420px;

  height:100%;

}

.abdw-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;

}

@media (max-width:991px){

  .abdw-wrap{

    grid-template-columns:1fr;

  }

  .abdw-content{

    padding:30px 24px;

  }

  .abdw-image{

    min-height:300px;

  }

}

@media (max-width:767px){

  .abdw-section{

    padding:60px 0;

  }

  .abdw-header h2{

    font-size:34px;

  }

  .abdw-header p,

  .abdw-content p{

    font-size:16px;

  }

  .abdw-content h3{

    font-size:28px;

  }

  .abdw-grid{

    grid-template-columns:1fr;

  }

}





.abtoc-section{

  padding:15px 0;

  background:white;

  font-family:Arial,sans-serif;

}

.abtoc-container{

  width:min(1220px,92%);

  margin:0 auto;

}

.abtoc-header{

  text-align:center;

  max-width:840px;

  margin:0 auto 28px;

}

.abtoc-header h2{

  margin:0 0 14px;

  font-size:52px;

  line-height:1.08;

  color:#f47c20;

  font-weight:700;

}

.abtoc-header p{

  margin:0;

  color:#666f7d;

  font-size:18px;

  line-height:1.7;

}

.abtoc-links{

  display:flex;

  justify-content:center;

  gap:14px;

  flex-wrap:wrap;

  margin-bottom:26px;

}

.abtoc-link-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:13px 22px;

  border-radius:999px;

  background:#fff;

  border:1px solid #e6d9d1;

  color:#4d5564;

  text-decoration:none;

  font-size:15px;

  font-weight:700;

  transition:all .3s ease;

}

.abtoc-link-btn:hover{

  background:#f47c20;

  border-color:#f47c20;

  color:#fff;

}

.abtoc-box{

  background:#fff;

  border-radius:24px;

  padding:24px;

  box-shadow:0 12px 28px rgba(0,0,0,.07);

}

.abtoc-table-wrap{

  overflow-x:auto;

}

.abtoc-table{

  width:100%;

  border-collapse:collapse;

  min-width:760px;

}

.abtoc-table thead th{

  background:#f1ece9;

  color:#1f2430;

  text-align:left;

  padding:16px 18px;

  font-size:16px;

  font-weight:700;

  border:1px solid #e4d9d3;

}

.abtoc-table td{

  padding:15px 18px;

  font-size:15px;

  line-height:1.6;

  color:#5e6674;

  border:1px solid #e9dfda;

  vertical-align:top;

}

.abtoc-group-row td{

  background:#faf6f3;

  color:#f47c20;

  font-weight:700;

  font-size:16px;

}

.abtoc-subgroup-row td{

  background:#fcfbfa;

  color:#1f2430;

  font-weight:700;

}

.abtoc-table tbody tr:hover td{

  background:#fff8f3;

}

@media (max-width:767px){

  .abtoc-section{

    padding:60px 0;

  }

  .abtoc-header h2{

    font-size:34px;

  }

  .abtoc-header p{

    font-size:16px;

  }

  .abtoc-box{

    padding:18px;

  }

}



.abppc-section{

  padding:80px 0;

  background:#f4f1f1;

  font-family:Arial,sans-serif;

}

.abppc-container{

  width:min(1220px,92%);

  margin:0 auto;

}

.abppc-header{

  text-align:center;

  max-width:820px;

  margin:0 auto 38px;

}

.abppc-header h2{

  margin:0 0 14px;

  font-size:52px;

  line-height:1.08;

  color:#f47c20;

  font-weight:700;

}

.abppc-header p{

  margin:0;

  color:#666f7d;

  font-size:18px;

  line-height:1.7;

}

.abppc-wrap{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:22px;

  margin-bottom:24px;

}

.abppc-card{

  background:#fff;

  border-radius:22px;

  padding:28px 24px;

  box-shadow:0 10px 26px rgba(0,0,0,.07);

}

.abppc-tag{

  display:inline-block;

  margin-bottom:14px;

  padding:8px 14px;

  border-radius:999px;

  background:rgba(244,124,32,.10);

  color:#f47c20;

  font-size:13px;

  font-weight:700;

}

.abppc-card h3{

  margin:0 0 12px;

  font-size:28px;

  line-height:1.2;

  color:#1f2430;

}

.abppc-card p{

  margin:0;

  color:#666f7d;

  font-size:16px;

  line-height:1.75;

}

.abppc-info-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:22px;

}

.abppc-info-box{

  background:#fff;

  border-radius:22px;

  padding:28px 24px;

  box-shadow:0 10px 26px rgba(0,0,0,.07);

}

.abppc-info-box h4{

  margin:0 0 18px;

  font-size:26px;

  line-height:1.2;

  color:#1f2430;

}

.abppc-points{

  display:grid;

  gap:12px;

}

.abppc-point{

  position:relative;

  padding:14px 14px 14px 40px;

  background:#faf7f6;

  border:1px solid #eee3dc;

  border-radius:14px;

  color:#4c5562;

  font-size:15px;

  line-height:1.55;

  transition:all .3s ease;

}

.abppc-point::before{

  content:"✓";

  position:absolute;

  left:14px;

  top:13px;

  width:18px;

  height:18px;

  border:2px solid #f47c20;

  border-radius:50%;

  color:#f47c20;

  font-size:11px;

  line-height:14px;

  text-align:center;

  font-weight:700;

}

.abppc-point:hover{

  transform:translateY(-3px);

  background:#f47c20;

  color:#fff;

  border-color:#f47c20;

}

.abppc-point:hover::before{

  border-color:#fff;

  color:#fff;

}

.abppc-note{

  margin-top:24px;

  background:#fff7f1;

  border-left:4px solid #f47c20;

  border-radius:14px;

  padding:18px 20px;

  color:#5e6674;

  font-size:15px;

  line-height:1.7;

  box-shadow:0 8px 20px rgba(0,0,0,.05);

}

@media (max-width:1100px){

  .abppc-wrap{

    grid-template-columns:1fr;

  }

  .abppc-info-grid{

    grid-template-columns:1fr;

  }

  .abppc-header h2{

    font-size:44px;

  }

}

@media (max-width:767px){

  .abppc-section{

    padding:60px 0;

  }

  .abppc-header h2{

    font-size:34px;

  }

  .abppc-header p{

    font-size:16px;

  }

  .abppc-card h3,

  .abppc-info-box h4{

    font-size:22px;

  }

}











.abdc-section{

  padding:80px 0;

  background:white;

}

.abdc-container{

  width:min(1220px,92%);

  margin:0 auto;

}

.abdc-header{

  text-align:center;

  max-width:840px;

  margin:0 auto 36px;

}

.abdc-header h2{

  margin:0 0 14px;

  font-size:52px;

  line-height:1.08;

  color:#f47c20;

  font-weight:700;

}

.abdc-header p{

  margin:0;

  color:#666f7d;

  font-size:18px;

  line-height:1.7;

}

.abdc-wrap{

  display:grid;

  grid-template-columns:1fr;

  gap:22px;

  margin-bottom:22px;

}

.abdc-main,

.abdc-side-card,

.abdc-card,

.abdc-box{

  background:#fff;

  border-radius:24px;

  box-shadow:0 12px 28px rgba(0,0,0,.07);

}

.abdc-main{

  padding:32px;

}

.abdc-side-card{

  padding:32px 24px;

  height:100%;

  display:flex;

  flex-direction:column;

  justify-content:center;

}

.abdc-tag,

.abdc-card-tag{

  display:inline-block;

  margin-bottom:14px;

  padding:8px 14px;

  border-radius:999px;

  background:rgba(244,124,32,10%);

  color:#f47c20;

  font-size:13px;

  font-weight:700;

}

.abdc-main h3{

  margin:0 0 14px;

  color:#1f2430;

  font-size:34px;

  line-height:1.2;

}

.abdc-main p,

.abdc-side-card p,

.abdc-card p,

.abdc-small{

  margin:0 0 14px;

  color:#666f7d;

  font-size:16px;

  line-height:1.75;

}

.abdc-points,

.abdc-list{

  display:grid;

  gap:12px;

  margin-top:18px;

}

.abdc-point,

.abdc-item{

  position:relative;

  padding:14px 14px 14px 40px;

  background:#faf7f6;

  border:1px solid #eee3dc;

  border-radius:14px;

  color:#4c5562;

  font-size:15px;

  line-height:1.55;

  transition:all .3s ease;

}

.abdc-point::before,

.abdc-item::before{

  content:"✓";

  position:absolute;

  left:14px;

  top:13px;

  width:18px;

  height:18px;

  border:2px solid #f47c20;

  border-radius:50%;

  color:#f47c20;

  font-size:11px;

  line-height:14px;

  text-align:center;

  font-weight:700;

}

.abdc-point:hover,

.abdc-item:hover{

  transform:translateY(-3px);

  background:#f47c20;

  color:#fff;

  border-color:#f47c20;

}

.abdc-point:hover::before,

.abdc-item:hover::before{

  border-color:#fff;

  color:#fff;

}

.abdc-side-card h4,

.abdc-card h4,

.abdc-box h4{

  margin:0 0 12px;

  color:#1f2430;

  font-size:24px;

  line-height:1.25;

}

.abdc-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:180px;

  padding:14px 24px;

  border-radius:999px;

  background:#f47c20;

  color:#fff;

  text-decoration:none;

  font-size:15px;

  font-weight:700;

  transition:all .3s ease;

}

.abdc-btn:hover{

  background:#d9630c;

  transform:translateY(-2px);

}

.abdc-grid{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:22px;

  margin-bottom:22px;

}

.abdc-card{

  padding:28px 24px;

}

.abdc-lower{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:22px;

}

.abdc-box{

  padding:28px 24px;

}

.abdc-small{

  margin-top:14px;

  margin-bottom:0;

}

.abdc-note{

  margin-top:22px;

  background:#fff7f1;

  border-left:4px solid #f47c20;

  border-radius:14px;

  padding:18px 20px;

  color:#5e6674;

  font-size:15px;

  line-height:1.7;

  box-shadow:0 8px 20px rgba(0,0,0,.05);

}



@media (max-width:1100px){

  .abdc-wrap,

  .abdc-grid,

  .abdc-lower{

    grid-template-columns:1fr;

  }

  .abdc-header h2{

    font-size:44px;

  }

}

@media (max-width:767px){

  .abdc-section{

    padding:60px 0;

  }

  .abdc-header h2{

    font-size:34px;

  }

  .abdc-header p,

  .abdc-main p,

  .abdc-side-card p,

  .abdc-card p,

  .abdc-small{

    font-size:15px;

  }

  .abdc-main,

  .abdc-side-card,

  .abdc-card,

  .abdc-box{

    padding:24px 20px;

  }

  .abdc-main h3{

    font-size:26px;

  }

  .abdc-side-card h4,

  .abdc-card h4,

  .abdc-box h4{

    font-size:21px;

  }

}







/*Ajman for life*/



.abultra2-page{

      width:100%;

      overflow-x:hidden;

      background:#735543 !important;

    }



    .abultra2-container{

      width:min(1200px, calc(100% - 40px));

      margin:0 auto;

    }



    .abultra2-section{

      padding:44px 0;

      scroll-margin-top:110px;

      position:relative;

    }



    .abultra2-section--soft{

      background:linear-gradient(180deg,#fff 0%, #fff8f2 100%);

    }



    .abultra2-section--light{

      background:#fafafa;

    }



    .abultra2-kicker{

      display:inline-block;

      margin-bottom:12px;

      font-size:13px;

      font-weight:700;

      letter-spacing:.14em;

      text-transform:uppercase;

      color:var(--abultra2-orange);

    }



    .abultra2-head{

      max-width:820px;

      margin:0 auto 40px;

      text-align:center;

    }



    .abultra2-head--left{

      text-align:left;

      max-width:100%;

      margin:0 0 30px;

    }



    .abultra2-head h2,

    .abultra2-hero-copy h1{

      margin:0 0 14px;

      line-height:1.12;

    }



    .abultra2-head h2{

      font-size:42px;

    }



    .abultra2-head p,

    .abultra2-hero-copy p,

    .abultra2-card p,

    .abultra2-benefit-card p,

    .abultra2-feature-card p,

    .abultra2-panel p,

    .abultra2-ad-content p{

      margin:0;

      color:var(--abultra2-muted);

      line-height:1.75;

      font-size:16px;

    }



    /* top nav */

    .abultra2-topbar{

      position:sticky;

      top:0;

      z-index:999;

      background:rgba(255,255,255,.94);

      backdrop-filter:blur(12px);

      border-bottom:1px solid rgba(0,0,0,.06);

      box-shadow:0 4px 18px rgba(0,0,0,.03);

    }



    .abultra2-nav{

      width:min(1200px, calc(100% - 40px));

      margin:0 auto;

      display:flex;

      align-items:center;

      justify-content:center;

      gap:12px;

      padding:14px 0;

      flex-wrap:wrap;

    }



    .abultra2-nav-btn{

      position:relative;

      border:none;

      background:#fff;

      color:#444;

      padding:12px 18px;

      border-radius:999px;

      font-size:14px;

      font-weight:700;

      cursor:pointer;

      transition:.25s ease;

      box-shadow:0 3px 10px rgba(0,0,0,.04);

    }



    .abultra2-nav-btn:hover,

    .abultra2-nav-btn.is-active{

      background:var(--abultra2-orange);

      color:#fff;

    }



    /* hero */

    .abultra2-hero{

      padding:56px 0 48px;

      background:

        radial-gradient(circle at right top, rgba(244,122,32,.14), transparent 24%),

        linear-gradient(180deg,#fff 0%, #fff8f2 100%);

    }



    .abultra2-hero-grid{

      display:grid;

      grid-template-columns:1.02fr .98fr;

      gap:34px;

      align-items:center;

    }



    .abultra2-hero-copy h1{

      font-size:38px;

      max-width:760px;

    }



    .abultra2-actions{

      display:flex;

      gap:14px;

      flex-wrap:wrap;

      margin-top:28px;

    }



    .abultra2-btn{

      display:inline-flex;

      align-items:center;

      justify-content:center;

      min-height:50px;

      padding:0 24px;

      border-radius:999px;

      text-decoration:none;

      font-weight:700;

      transition:.25s ease;

    }



    .abultra2-btn--primary{

      background:var(--abultra2-orange);

      color:#fff;

      border:1px solid var(--abultra2-orange);

    }



    .abultra2-btn--primary:hover{

      background:var(--abultra2-orange-dark);

      border-color:var(--abultra2-orange-dark);

    }



    .abultra2-btn--ghost{

      background:#fff;

      color:var(--abultra2-text);

      border:1px solid var(--abultra2-border);

    }



    .abultra2-btn--ghost:hover{

      color:var(--abultra2-orange);

      border-color:var(--abultra2-orange);

    }



    .abultra2-hero-visual{

      position:relative;

      min-height:480px;

      display:flex;

      align-items:center;

      justify-content:center;

    }



    .abultra2-banner{

      position:absolute;

      inset:0;

      border-radius:28px;

      overflow:hidden;

      box-shadow:var(--abultra2-shadow);

    }



    .abultra2-banner img{

      width:100%;

      height:100%;

      object-fit:cover;

      display:block;

    }



    .abultra2-card-float{

      position:relative;

      width:min(82%, 520px);

      transform:translateY(14px);

      filter:drop-shadow(0 22px 34px rgba(0,0,0,.2));

    }



    .abultra2-card-float img{

      width:100%;

      display:block;

    }



    /* generic cards */

    .abultra2-grid-2{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:24px;

    }



    .abultra2-card,

    .abultra2-benefit-card,

    .abultra2-feature-card,

    .abultra2-panel,

    .abultra2-apply,

    .abultra2-ad-card{

      background:#fff;

      border:1px solid var(--abultra2-border);

      border-radius:var(--abultra2-radius);

      box-shadow:var(--abultra2-shadow);

    }



    .abultra2-card,

    .abultra2-panel{

      padding:30px;

    }



    .abultra2-card h3,

    .abultra2-panel h3,

    .abultra2-ad-content h3{

      margin:0 0 14px;

      font-size:24px;

      line-height:1.2;

    }



    .abultra2-list{

      margin:0;

      padding-left:18px;

      color:var(--abultra2-muted);

      line-height:1.5;

    }

    .abultra2-list li::marker {

  color: #f47c20; /* Ajman Orange */

  font-size: 25px;

}



.abultra2-hero-master_h1 {

    font-size: 45px !important;

    max-width: 760px;

}























    .abultra2-mini-stats{

      display:flex;

      gap:14px;

      flex-wrap:wrap;

      margin-top:22px;

    }



    .abultra2-mini-stat{

      min-width:170px;

      padding:18px;

      border-radius:16px;

      background:var(--abultra2-soft);

      border:1px solid rgba(244,122,32,.18);

    }



    .abultra2-mini-stat strong{

      display:block;

      font-size:32px;

      line-height:1;

      color:var(--abultra2-orange);

      margin-bottom:8px;

    }



    .abultra2-mini-stat span{

      color:#555;

      font-size:14px;

      font-weight:600;

    }



    .abultra2-rewards{

      display:grid;

      grid-template-columns:1.2fr .8fr;

      gap:24px;

      margin-top:24px;

    }



    .abultra2-table-wrap{

      overflow:auto;

      margin-top:18px;

    }



    .abultra2-table{

      width:100%;

      min-width:650px;

      border-collapse:collapse;

    }



    .abultra2-table th,

    .abultra2-table td{

      text-align:left;

      padding:14px;

      border-bottom:1px solid #ededed;

      font-size:14px;

      line-height:1.55;

    }



    .abultra2-table th{

      background:var(--abultra2-soft);

      font-weight:700;

      color:#222;

    }



    .abultra2-touch{

      position:relative;

      overflow:hidden;

      background:linear-gradient(180deg,#1a1a1a 0%, #0f0f0f 100%);

      color:#fff;

    }



    .abultra2-touch p{

      color:rgba(255,255,255,.78);

    }



    .abultra2-touch img{

      margin-top:24px;

      width:100%;

      max-width:340px;

      display:block;

      margin-left:auto;

      transform:rotate(-8deg);

      filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));

    }



    /* ad cards */

    .abultra2-ads-grid{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:24px;

      margin-top:24px;

    }



    .abultra2-ad-card{

      overflow:hidden;

      display:grid;

      grid-template-columns:1fr 1fr;

      min-height:280px;

    }



    .abultra2-ad-media{

      height:100%;

      min-height:280px;

      background:#f5f5f5;

    }



    .abultra2-ad-media img{

      width:100%;

      height:100%;

      object-fit:cover;

      display:block;

    }



    .abultra2-ad-content{

      padding:28px;

      display:flex;

      flex-direction:column;

      justify-content:center;

      background:linear-gradient(180deg,#fff 0%, #fffaf6 100%);

    }



    .abultra2-ad-tag{

      display:inline-block;

      padding:8px 12px;

      border-radius:999px;

      background:var(--abultra2-soft);

      color:var(--abultra2-orange);

      font-size:12px;

      font-weight:700;

      letter-spacing:.08em;

      text-transform:uppercase;

      margin-bottom:12px;

      width:max-content;

    }



    /* benefits */

    .abultra2-benefits-grid{

      display:grid;

      grid-template-columns:repeat(3,1fr);

      gap:22px;

    }



    .abultra2-benefit-card{

      padding:28px;

      transition:.25s ease;

    }



    .abultra2-benefit-card:hover{

      transform:translateY(-6px);

      border-color:rgba(244,122,32,.24);

    }



    .abultra2-iconbox{

      width:74px;

      height:74px;

      border-radius:18px;

      display:flex;

      align-items:center;

      justify-content:center;

      overflow:hidden;

      background:#ff6f00;

      border:1px solid rgba(244,122,32,.14);

      margin-bottom:18px;

    }



    .abultra2-iconbox img{

      width:42px;

      height:42px;

      object-fit:contain;

      display:block;

    }



    .abultra2-benefit-card h3,

    .abultra2-feature-card h3{

      margin:0 0 12px;

      font-size:22px;

      line-height:1.25;

    }



    /* features */

    .abultra2-features-grid{

      display:grid;

      grid-template-columns:repeat(3,1fr);

      gap:22px;

    }



    .abultra2-feature-card{

      padding:28px;

      min-height:255px;

      transition:.25s ease;

    }



    .abultra2-feature-card:hover{

      transform:translateY(-5px);

    }



    .abultra2-feature-icon{

      width:72px;

      height:72px;

      border-radius:18px;

      display:flex;

      align-items:center;

      justify-content:center;

      overflow:hidden;

      background:var(--abultra2-soft);

      border:1px solid rgba(244,122,32,.14);

      margin-bottom:18px;

    }



    .abultra2-feature-icon img{

      width:42px;

      height:42px;

      object-fit:contain;

    }



    /* eligibility / apply */

    .abultra2-panels{

      display:grid;

      grid-template-columns:1fr 1fr;

      gap:24px;

    }



    .abultra2-apply{

      padding:34px;

    }



    .abultra2-formgrid{

      display:grid;

      grid-template-columns:repeat(2,1fr);

      gap:18px;

    }



    .abultra2-field--full{

      grid-column:1 / -1;

    }



    .abultra2-field label{

      display:block;

      font-size:14px;

      font-weight:700;

      margin-bottom:8px;

    }



    .abultra2-field input,

    .abultra2-field select{

      width:100%;

      height:54px;

      border:1px solid #ddd;

      border-radius:14px;

      padding:0 16px;

      font-size:15px;

      outline:none;

      transition:.25s ease;

      background:#fff;

    }



    .abultra2-field input:focus,

    .abultra2-field select:focus{

      border-color:var(--abultra2-orange);

      box-shadow:0 0 0 4px rgba(244,122,32,.1);

    }



    .abultra2-check label{

      display:flex;

      gap:12px;

      align-items:flex-start;

      color:#555;

      font-size:14px;

      line-height:1.7;

    }



    .abultra2-check input{

      margin-top:4px;

      accent-color:var(--abultra2-orange);

    }



    .abultra2-submit{

      margin-top:24px;

    }



    /* reveal */

    .abultra2-reveal{

      opacity:0;

      transform:translateY(26px);

      transition:opacity .7s ease, transform .7s ease;

    }



    .abultra2-reveal.is-visible{

      opacity:1;

      transform:none;

    }



    @media (max-width:1100px){

      .abultra2-hero-copy h1{font-size:46px}

      .abultra2-benefits-grid,

      .abultra2-features-grid{

        grid-template-columns:repeat(2,1fr);

      }

      .abultra2-ad-card{

        grid-template-columns:1fr;

      }

    }



    @media (max-width:860px){

      .abultra2-hero-grid,

      .abultra2-grid-2,

      .abultra2-rewards,

      .abultra2-ads-grid,

      .abultra2-panels,

      .abultra2-formgrid{

        grid-template-columns:1fr;

      }



      .abultra2-benefits-grid,

      .abultra2-features-grid{

        grid-template-columns:1fr;

      }



      .abultra2-field--full{

        grid-column:auto;

      }



      .abultra2-nav{

        flex-wrap:nowrap;

        overflow:auto;

        justify-content:flex-start;

        padding-bottom:14px;

      }



      .abultra2-nav-btn{

        white-space:nowrap;

      }



      .abultra2-hero-copy h1,

      .abultra2-head h2{

        font-size:36px;

      }



      .abultra2-hero-visual{

        min-height:360px;

      }

    }



    @media (max-width:576px){

      .abultra2-container{

        width:min(100% - 24px, 1200px);

      }



      .abultra2-section{

        padding:62px 0;

      }



      .abultra2-hero-copy h1,

      .abultra2-head h2{

        font-size:30px;

      }



      .abultra2-card,

      .abultra2-panel,

      .abultra2-benefit-card,

      .abultra2-feature-card,

      .abultra2-apply,

      .abultra2-ad-content{

        padding:22px;

      }

    }























    .absmep-wrap{

  position:relative;

  padding:70px 0;

  background:linear-gradient(180deg,#fffaf3 0%, #ffffff 100%);

  overflow:hidden;

}



.absmep-wrap *{

  box-sizing:border-box;

}



.absmep-container{

  width:min(1240px, calc(100% - 48px));

  margin:0 auto;

}



.absmep-head{

  max-width:900px;

  margin:0 auto 38px;

  text-align:center;

}



.absmep-eyebrow{

  display:inline-block;

  margin-bottom:12px;

  padding:6px 14px;

  border-radius:999px;

  background:rgba(244,130,32,0.10);

  color:#f48220;

  font-size:12px;

  font-weight:700;

  letter-spacing:1.6px;

  text-transform:uppercase;

}



.absmep-head h2{

  margin:0 0 14px;

  color:#1f2d3d;

  font-size:42px;

  line-height:1.15;

  font-weight:700;

}



.absmep-head p{

  margin:0;

  color:#4f5f6f;

  font-size:18px;

  line-height:1.8;

}



.absmep-grid{

  display:grid;

  grid-template-columns:repeat(3, minmax(0,1fr));

  gap:24px;

}





.aboffers-wrap{

  position:relative;

  padding:90px 0;

  background:linear-gradient(180deg,#fff8f2 0%, #ffffff 100%);

  overflow:hidden;

}



.aboffers-wrap *{

  box-sizing:border-box;

}



.aboffers-inner{

  width:min(1280px, calc(100% - 40px));

  margin:0 auto;

}



.aboffers-head{

  text-align:center;

  max-width:780px;

  margin:0 auto 42px;

}



.aboffers-eyebrow{

  display:inline-block;

  margin-bottom:14px;

  padding:7px 14px;

  border-radius:999px;

  background:rgba(224,110,36,.10);

  color:#d96b2b;

  font-size:13px;

  font-weight:700;

  letter-spacing:.12em;

  text-transform:uppercase;

}



.aboffers-head h2{

  margin:0 0 14px;

  color:#1f1f1f;

  font-size:38px;

  line-height:1.15;

  font-weight:700;

}



.aboffers-head p{

  margin:0;

  color:#666;

  font-size:16px;

  line-height:1.75;

}



.aboffers-grid{

  display:grid;

  grid-template-columns:repeat(3, minmax(0,1fr));

  gap:28px;

}



.aboffers-card{

  background:#fff;

  border:1px solid #eadfd7;

  box-shadow:0 14px 34px rgba(20,20,20,.07);

  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;

  overflow:hidden;

}



.aboffers-card:hover{

  transform:translateY(-8px);

  box-shadow:0 24px 44px rgba(20,20,20,.12);

  border-color:rgba(224,110,36,.35);

}



.aboffers-imgbox{

  position:relative;

  overflow:hidden;

  aspect-ratio: 1.42 / 1;

  background:#f5f5f5;

}



.aboffers-imgbox img{

  width:100%;

  height:100%;

  display:block;

  object-fit:cover;

  transition:transform .55s ease;

}



.aboffers-card:hover .aboffers-imgbox img{

  transform:scale(1.06);

}



.aboffers-body{

  padding:26px 24px 24px;

  text-align:center;

  background:#fff;

  min-height:255px;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:flex-start;

}



.aboffers-logo{

  min-height:64px;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-bottom:18px;

}



.aboffers-logo img{

  max-width:150px;

  max-height:58px;

  width:auto;

  height:auto;

  object-fit:contain;

  display:block;

}



.aboffers-content h3{

  margin:0 0 10px;

  color:#1f1f1f;

  font-size:15px;

  line-height:1.3;

  font-weight:700;

}

    .aboffers-content_h2{

    font-size: 22px !important;

    color: #eb6f30;

  }





.aboffers-content p{

  margin:0 0 7px;

  color:#222;

  font-size:13px;

  line-height:1.25;

  font-weight:400;

}



.aboffers-content p:first-child{

  font-weight:500;

}



.aboffers-content p:last-child{

  margin-bottom:0;

}



@media (max-width: 1199px){

  .aboffers-grid{

    grid-template-columns:repeat(2, minmax(0,1fr));

  }



  .aboffers-head h2{

    font-size:32px;

  }



  .aboffers-content p{

    font-size:17px;

  }

}



@media (max-width: 767px){

  .aboffers-wrap{

    padding:70px 0;

  }



  .aboffers-inner{

    width:min(100% - 24px, 100%);

  }



  .aboffers-grid{

    grid-template-columns:1fr;

    gap:22px;

  }



  .aboffers-head{

    margin-bottom:30px;

  }



  .aboffers-head h2{

    font-size:26px;

  }



  .aboffers-head p{

    font-size:15px;

    line-height:1.7;

  }



  .aboffers-body{

    min-height:auto;

    padding:22px 18px 20px;

  }



  .aboffers-content h3{

    font-size:14px;

  }



  .aboffers-content p{

    font-size:16px;

  }







}





















.absmep-card{

  position:relative;

  min-height:240px;

  padding:22px 20px 20px;

  background:#ffffff;

  border:1px solid rgba(31,45,61,0.08);

  border-radius:22px;

  box-shadow:0 12px 35px rgba(16,24,40,0.06);

  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;

}



.absmep-card::before{

  content:"";

  position:absolute;

  left:0;

  top:0;

  width:100%;

  height:4px;

  border-radius:22px 22px 0 0;

}



.abtbx-benefits-section {

  background: #f4f1ea;

  padding: 40px 20px 50px;

  font-family: Arial, Helvetica, sans-serif;

}



.abtbx-benefits-wrap {

  max-width: 1200px;

  margin: 0 auto;

}



.abtbx-benefits-block {

  padding-bottom: 35px;

  border-bottom: 1px solid #cfc7bb;

}



.abtbx-lifestyle-block {

  padding-top: 28px;

}



.abtbx-benefits-title {

  margin: 0 0 28px;

  font-size: 38px;

  line-height: 1.15;

  font-weight: 700;

  color: #d85b1f; /* Ajman style orange */

  letter-spacing: -0.3px;

}



.abtbx-benefits-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 34px 34px;

}



.abtbx-benefit-card {

  text-align: center;

  min-height: 185px;

  padding: 8px 10px;

}



.abtbx-logo {

  min-height: 64px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 18px;

  font-weight: 700;

  color: #1d1d1d;

  font-size: 22px;

  line-height: 1;

}



.abtbx-benefit-card h3 {

  margin: 0 0 8px;

  font-size: 18px;

  line-height: 1.35;

  font-weight: 700;

  color: #000;

}



.abtbx-benefit-card p {

  margin: 0;

  font-size: 14px;

  line-height: 1.7;

  color: #222;

}



/* Logo styling placeholders */

.abtbx-logo-dragon {

  font-size: 28px;

  letter-spacing: 0.5px;

}



.abtbx-logo-yq {

  width: 52px;

  height: 52px;

  background: linear-gradient(135deg, #4d7e2f, #24408d);

  color: #fff;

  border-radius: 8px;

  font-size: 18px;

}



.abtbx-logo-booking {

  color: #0a4aa6;

  font-size: 30px;

  font-weight: 800;

}



.abtbx-logo-agoda {

  font-size: 30px;

  color: #666;

  position: relative;

}



.abtbx-logo-agoda::after {

  content: "";

  display: block;

  width: 76px;

  height: 12px;

  margin-top: 10px;

  border-radius: 10px;

  background:

    radial-gradient(circle at 6px 6px, #eb4034 0 6px, transparent 7px),

    radial-gradient(circle at 24px 6px, #f09d27 0 6px, transparent 7px),

    radial-gradient(circle at 42px 6px, #54b948 0 6px, transparent 7px),

    radial-gradient(circle at 60px 6px, #8d4de8 0 6px, transparent 7px),

    radial-gradient(circle at 78px 6px, #2aa7df 0 6px, transparent 7px);

  background-repeat: no-repeat;

}



.abtbx-logo-ihg {

  font-size: 34px;

  letter-spacing: 2px;

  color: #222;

}



.abtbx-logo-jumeirah {

  color: #35589c;

  font-size: 28px;

  font-family: Georgia, serif;

  font-weight: 500;

}



.abtbx-logo-transfer {

  width: 72px;

  height: 58px;

  background: #f7941d;

  color: #000;

  font-size: 18px;

  border-radius: 8px;

  line-height: 1.1;

}



.abtbx-logo-sixt {

  font-size: 40px;

  font-weight: 900;

  color: #111;

  position: relative;

}



.abtbx-logo-sixt::before {

  content: "";

  position: absolute;

  width: 26px;

  height: 8px;

  background: #f7941d;

  top: 8px;

  right: 6px;

  transform: skew(-28deg);

  border-radius: 2px;

}



/* Lifestyle */

.abtbx-lifestyle-list {

  margin: 0;

  padding-left: 22px;

}



.abtbx-lifestyle-list li {

  margin-bottom: 12px;

  font-size: 16px;

  line-height: 1.8;

  color: #222;

}



.abtbx-lifestyle-list li::marker {

  color: #d85b1f;

}



/* Hover */

.abtbx-benefit-card {

  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;

  border-radius: 14px;

}



.abtbx-benefit-card:hover {

  transform: translateY(-4px);

  background: #fff;

  box-shadow: 0 12px 28px rgba(0,0,0,0.08);

}



/* Tablet */

@media (max-width: 991px) {

  .abtbx-benefits-title {

    font-size: 32px;

  }



  .abtbx-benefits-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 26px 22px;

  }

}



/* Mobile */

@media (max-width: 640px) {

  .abtbx-benefits-section {

    padding: 30px 15px 38px;

  }



  .abtbx-benefits-title {

    font-size: 28px;

    margin-bottom: 20px;

  }



  .abtbx-benefits-grid {

    grid-template-columns: 1fr;

    gap: 20px;

  }



  .abtbx-benefit-card {

    min-height: auto;

    padding: 14px 12px;

  }



  .abtbx-benefit-card h3 {

    font-size: 17px;

  }



  .abtbx-benefit-card p,

  .abtbx-lifestyle-list li {

    font-size: 14px;

    line-height: 1.7;

  }



  .abtbx-logo-booking,

  .abtbx-logo-dragon,

  .abtbx-logo-agoda,

  .abtbx-logo-jumeirah,

  .abtbx-logo-ihg,

  .abtbx-logo-sixt {

    font-size: 26px;

  }

}



































.absmep-card:hover{

  transform:translateY(-8px);

  box-shadow:0 18px 40px rgba(16,24,40,0.12);

  border-color:rgba(244,130,32,0.22);

}



.absmep-card-top{

  margin-bottom:18px;

  padding-bottom:12px;

  border-bottom:1px solid rgba(244,130,32,0.45);

}



.absmep-card-top h3{

  margin:0;

  color:#1f2d3d;

  font-size:18px;

  line-height:1.3;

  font-weight:700;

}



.absmep-logos{

  display:flex;

  flex-wrap:wrap;

  gap:12px;

}



.absmep-logo-item{

  display:flex;

  align-items:center;

  justify-content:center;

  min-height:48px;

  padding:10px 14px;

  background:#fff8f1;

  border:1px solid rgba(244,130,32,0.14);

  border-radius:14px;

  color:#1f2d3d;

  font-size:14px;

  font-weight:600;

  line-height:1.3;

  text-align:center;

  transition:all .3s ease;

}



.absmep-logo-item:hover{

  background:#f48220;

  color:#ffffff;

  border-color:#f48220;

  transform:translateY(-2px);

}



@media (max-width: 1199px){

  .absmep-grid{

    grid-template-columns:repeat(3, minmax(0,1fr));

  }

}



@media (max-width: 767px){

  .absmep-wrap{

    padding:50px 0;

  }



  .absmep-container{

    width:min(100% - 24px, 1240px);

  }



  .absmep-head{

    margin-bottom:28px;

  }



  .absmep-head h2{

    font-size:30px;

  }



  .absmep-head p{

    font-size:16px;

    line-height:1.7;

  }



  .absmep-grid{

    grid-template-columns:repeat(1, minmax(0,1fr));

    gap:18px;

  }



  .absmep-card{

    min-height:auto;

    padding:20px 16px 18px;

    border-radius:18px;

  }



  .absmep-card::before{

    border-radius:18px 18px 0 0;

  }



  .absmep-card-top h3{

    font-size:17px;

  }



  .absmep-logo-item{

    width:100%;

  }

}





  .abpbx-priority-wrap * {

    box-sizing: border-box;

  }



  .abpbx-priority-wrap {

    background: #f3f4f6;

    padding: 70px 20px;

    font-family: Arial, sans-serif;

  }



  .abpbx-priority-shell {

    max-width: 1240px;

    margin: 0 auto;

  }



  .abpbx-priority-hero {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 40px;

    align-items: center;

    background: white;

    border-radius: 26px;

    padding: 30px;

  }



  .abpbx-priority-image img {

    width: 100%;

    height: 620px;

    object-fit: cover;

    border-radius: 26px;

    display: block;

  }



  .abpbx-priority-tag {

    display: inline-block;

    padding: 10px 16px;

    background: #f6ece3;

    color: #f28c28;

    border-radius: 999px;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 20px;

  }



  .abpbx-priority-title {

    margin: 0 0 18px;

    font-size: 54px;

    line-height: 1.08;

    color: #14213d;

    font-weight: 700;

  }



  .abpbx-priority-text {

    margin: 0 0 28px;

    font-size: 18px;

    line-height: 1.7;

    color: #5b6780;

    max-width: 92%;

  }



  .abpbx-priority-features {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 14px;

    margin-bottom: 28px;

  }



  .abpbx-priority-feature {

    min-height: 64px;

    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 16px 16px;

    border: 1px solid #e5d7ca;

    border-radius: 16px;

    background: #fbfbfb;

    color: #223456;

    font-size: 16px;

    line-height: 1.45;

  }



  .abpbx-priority-feature span {

    color: #f28c28;

    font-size: 13px;

    line-height: 1.6;

    flex: 0 0 auto;

    margin-top: 2px;

  }



  .abpbx-priority-btn {

    border: 0;

    background: #f28c28;

    color: #fff;

    padding: 18px 48px;

    border-radius: 999px;

    font-size: 20px;

    font-weight: 700;

    cursor: pointer;

    transition: all 0.3s ease;

    box-shadow: none;

  }



  .abpbx-priority-btn:hover {

    background: #de7f22;

    transform: translateY(-2px);

  }



  .abpbx-priority-expand {

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    transition: max-height 0.7s ease, opacity 0.45s ease, margin-top 0.45s ease;

    margin-top: 0;

  }



  .abpbx-priority-expand.abpbx-priority-open {

    max-height: 2200px;

    opacity: 1;

    margin-top: 40px;

  }



  .abpbx-priority-expand-inner {

    padding-top: 10px;

  }



  .abpbx-priority-expand-head {

    text-align: center;

    max-width: 760px;

    margin: 0 auto 34px;

  }



  .abpbx-priority-expand-head h3 {

    margin: 0 0 10px;

    color: #f28c28;

    font-size: 48px;

    line-height: 1.1;

    font-weight: 700;

  }



  .abpbx-priority-expand-head p {

    margin: 0;

    color: #6b7488;

    font-size: 18px;

    line-height: 1.7;

  }



  .abpbx-priority-card-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 18px;

    margin-bottom: 48px;

  }



  .abpbx-priority-card {

    background: #ffffff;

    border: 1px solid #e6e8ef;

    border-radius: 22px;

    padding: 28px 22px;

    min-height: 190px;

    transition: all 0.3s ease;

  }



  .abpbx-priority-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);

  }



  .abpbx-priority-card h4 {

    margin: 0 0 16px;

    color: #14213d;

    font-size: 19px;

    line-height: 1.4;

    font-weight: 600;

  }



  .abpbx-priority-card p {

    margin: 0;

    color: #6d788e;

    font-size: 16px;

    line-height: 1.9;

  }



  .abpbx-priority-contact-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;

  }



  .abpbx-priority-contact-card {

    background: #ffffff;

    border: 1px solid #e6e8ef;

    border-radius: 22px;

    padding: 24px 20px;

    min-height: 255px;

    transition: all 0.3s ease;

  }



  .abpbx-priority-contact-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);

  }



  .abpbx-priority-icon {

    width: 44px;

    height: 44px;

    border-radius: 14px;

    background: #fdf1e8;

    color: #f28c28;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    margin-bottom: 20px;

  }



  .abpbx-priority-contact-card h5 {

    margin: 0 0 18px;

    color: #14213d;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 600;

  }



  .abpbx-priority-contact-card p {

    margin: 0 0 10px;

    color: #6d788e;

    font-size: 15px;

    line-height: 1.9;

  }



  .abpbx-priority-contact-card strong {

    display: block;

    color: #f28c28;

    font-size: 28px;

    line-height: 1.3;

    margin-bottom: 8px;

    font-weight: 700;

  }



  .abpbx-priority-contact-card a {

    display: inline-block;

    margin-top: 6px;

    color: #f28c28;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

  }



  .abpbx-priority-contact-card a:hover {

    text-decoration: underline;

  }



  @media (max-width: 1199px) {

    .abpbx-priority-title {

      font-size: 44px;

    }



    .abpbx-priority-image img {

      height: 560px;

    }



    .abpbx-priority-card-grid {

      grid-template-columns: repeat(2, 1fr);

    }



    .abpbx-priority-contact-grid {

      grid-template-columns: repeat(2, 1fr);

    }

  }



  @media (max-width: 991px) {

    .abpbx-priority-hero {

      grid-template-columns: 1fr;

    }



    .abpbx-priority-image img {

      height: 460px;

    }



    .abpbx-priority-text {

      max-width: 100%;

    }



    .abpbx-priority-title {

      font-size: 38px;

    }

  }



  @media (max-width: 767px) {

    .abpbx-priority-wrap {

      padding: 50px 14px;

    }



    .abpbx-priority-hero {

      padding: 18px;

      gap: 24px;

    }



    .abpbx-priority-image img {

      height: 320px;

      border-radius: 18px;

    }



    .abpbx-priority-title {

      font-size: 30px;

    }



    .abpbx-priority-text {

      font-size: 16px;

    }



    .abpbx-priority-features,

    .abpbx-priority-card-grid,

    .abpbx-priority-contact-grid {

      grid-template-columns: 1fr;

    }



    .abpbx-priority-expand-head h3 {

      font-size: 34px;

    }



    .abpbx-priority-btn {

      width: 100%;

      font-size: 18px;

      padding: 16px 24px;

    }

  }











.news_listingmargin{

    margin-bottom:50px;

}











.ab-posf-center-image{

  max-width: 920px;

  margin: 0 auto 45px;

  text-align: center;

}



.ab-posf-center-img{

  width: 100%;

  display: block;

  border-radius: 22px;

  border: 1px solid #eadbce;

  box-shadow: 0 14px 35px rgba(0,0,0,0.06);

}









































    .abx-header{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  transition: all 0.35s ease;



    }

    .abx-header.abx-scrolled{

      background:rgba(106,74,55,0.94);

      backdrop-filter:blur(10px);

      box-shadow:0 10px 25px rgba(0,0,0,0.12);

    }



    .abx-container{

      max-width:1280px;

      margin:0 auto;

      padding:0 24px;

    }



    .abx-header-row{

      min-height:86px;

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:24px;

    }



    .abx-left{

      min-width:0;

      flex:1;

      display:flex;

      align-items:center;

      gap:60px;

    }



    .abx-logo{

      flex-shrink:0;

      display:inline-flex;

      align-items:center;

    }

    .abx-logo img{height:46px;width:auto;}



    .abx-nav{

      list-style:none;

      display:flex;

      align-items:center;

      gap:38px;

      min-width:0;

    }

    .abx-nav > li{position:static;}



    .abx-topbtn{

      position:relative;

      display:inline-flex;

      align-items:center;

      border:none;

      background:none;

      color:#fff;

      cursor:pointer;

      font-size:16px;

      font-weight:700;

      line-height:1;

      padding:10px 0;

      transition:color .25s ease;

      white-space:nowrap;

    }

    .abx-topbtn::after{

      content:"";

      position:absolute;

      left:0;

      bottom:-10px;

      width:0;

      height:3px;

      border-radius:999px;

      background:#eb6f30;

      transition:width .28s ease;

    }

    .abx-menuitem.abx-active .abx-topbtn,

    .abx-topbtn:hover{color:#eb6f30;}

    .abx-menuitem.abx-active .abx-topbtn::after,

    .abx-topbtn:hover::after{width:100%;}



    .abx-right{

      flex-shrink:0;

      display:flex;

      align-items:center;

      gap:14px;

    }



    .abx-icon-btn{

      width:42px;height:42px;border-radius:50%;

      display:inline-flex;align-items:center;justify-content:center;

      color:#fff;

      background:rgba(255,255,255,0.08);

      border:1px solid rgba(255,255,255,0.18);

      transition:all .25s ease;

      backdrop-filter:blur(4px);

    }

    .abx-icon-btn:hover{

      background:rgba(242,140,40,0.18);

      border-color:rgba(242,140,40,0.5);

      transform:translateY(-1px);

    }

    .abx-icon-btn svg{width:19px;height:19px;fill:currentColor;display:block;}



    .abx-lang{

      width:auto;min-width:42px;padding:0 10px;border-radius:999px;gap:8px;

    }

    .abx-flag{

      width:22px;height:22px;border-radius:50%;overflow:hidden;

      border:1.5px solid rgba(255,255,255,0.75);

      flex-shrink:0;

      box-shadow:0 1px 2px rgba(0,0,0,0.12);

    }

    .abx-lang-text{color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;}



    .abx-online-btn{

      min-height:44px;padding:0 18px;border-radius:999px;

      color:#fff;border:2px solid rgba(255,255,255,0.85);

      display:inline-flex;align-items:center;gap:10px;

      font-size:15px;font-weight:700;transition:all .25s ease;

      background:transparent;white-space:nowrap;

    }

    .abx-online-btn:hover{

      background:var(--ab-orange);

      border-color:var(--ab-orange);

      color:#fff;

      transform:translateY(-1px);

    }



    .abx-mobile-toggle{

      display:none;

      width:42px;height:42px;border-radius:10px;

      border:1px solid rgba(255,255,255,0.2);

      background:rgba(255,255,255,0.08);

      color:#fff;cursor:pointer;

      align-items:center;justify-content:center;flex-shrink:0;

    }

    .abx-mobile-toggle svg{width:22px;height:22px;fill:currentColor;}



    .abx-bridge{

      position:absolute;

      top:100%;

      left:0;

      width:100%;

      height:24px;

      background:transparent;

      display:none;

    }

    .abx-bridge.abx-open{display:block;}



    .abx-dropdown{

      position:absolute;

      left:0;top:100%;

      width:100%;

      background:#fff;

      border-top:1px solid rgba(255,255,255,0.35);

      box-shadow:0 18px 44px rgba(0,0,0,0.08);

      visibility:hidden;

      pointer-events:none;

      transform:translateY(16px);

      transition:all .25s ease;

    }

    .abx-dropdown.abx-open{

      visibility:visible;

      pointer-events:auto;

      transform:translateY(0);

    }



    .abx-dropdown-inner{

      max-width:1280px;

      margin:0 auto;

      padding:0 24px;

    }



    .abx-grid{

      display:grid;

      grid-template-columns:280px 1fr 1fr 1fr;

      min-height:420px;

    }



    .abx-col{

      background:rgba(255,255,255,0.45);

      border-right:1px solid rgba(233,227,222,0.8);

      padding:28px 0;

      opacity:0;

      transform:translateY(18px);

      transition:all .35s ease;

    }

    .abx-dropdown.abx-open .abx-col{

      opacity:1;

      transform:translateY(0);

    }

    .abx-dropdown.abx-open .abx-col:nth-child(2){transition-delay:.05s;}

    .abx-dropdown.abx-open .abx-col:nth-child(3){transition-delay:.10s;}

    .abx-dropdown.abx-open .abx-col:nth-child(4){transition-delay:.15s;}

    .abx-col:last-child{border-right:none;}



    .abx-col-inner{padding:0 18px;}

    .abx-col-title{

      padding:0 12px;

      margin-bottom:14px;

      font-size:16px;

      font-weight:700;

      color:#eb6f30;

      min-height:22px;

    }

    .abx-list {

    list-style: none;

    max-height: 75vh;

    overflow-y: scroll;



    /* Hide scrollbar - Firefox */

    scrollbar-width: none;



    /* Hide scrollbar - IE & Edge */

    -ms-overflow-style: none;

}

    .abx-item{margin-bottom:6px;}



    .abx-btn,

    .abx-link{

      width:100%;

      min-height:46px;

      border:none;

      background:transparent;

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:12px;

      padding:11px 14px;

      text-align:left;

      color:var(--ab-text);

      font-size:15px;

      line-height:1.45;

      border-radius:12px;

      cursor:pointer;

      position:relative;

      overflow:hidden;

      transition:all .25s ease;

    }



    .abx-btn::before,

    .abx-link::before{

      content:"";

      position:absolute;

      left:0;

      top:0;

      width:4px;

      height:100%;

      background:var(--ab-orange);

      transform:scaleY(0);

      transform-origin:center;

      transition:transform .25s ease;

      z-index:0;

    }



    .abx-btn span,

    .abx-link span,

    .abx-btn i{

      position:relative;

      z-index:1;

      transition:all .25s ease;

    }



    .abx-btn i{

      font-style:normal;

      font-size:14px;

      color:inherit;

      flex-shrink:0;

    }



    .abx-btn:hover,

    .abx-link:hover{

      background:linear-gradient(90deg, #f28c28 0%, #ff9f45 100%);

      color:#fff;

      box-shadow:0 10px 22px rgba(242,140,40,0.24);

    }



    .abx-btn:hover::before,

    .abx-link:hover::before{

      transform:scaleY(1);

    }



    .abx-btn:hover span,

    .abx-link:hover span,

    .abx-btn:hover i{

      transform:translateX(4px);

      color:#fff;

    }



    .abx-btn.abx-selected,

    .abx-link.abx-selected{

      background:linear-gradient(90deg, #6a4a37 0%, #845d46 100%);

      color:#fff;

      box-shadow:0 10px 24px rgba(106,74,55,0.18);

    }



    .abx-btn.abx-selected::before,

    .abx-link.abx-selected::before{

      transform:scaleY(1);

      background:var(--ab-orange);

    }



    .abx-btn.abx-selected span,

    .abx-link.abx-selected span,

    .abx-btn.abx-selected i{

      color:#fff;

      transform:translateX(4px);

    }



    .abx-hidden-source{display:none !important;}



    .abx-mobile-overlay{

      position:fixed;inset:0;background:rgba(0,0,0,0.45);

      z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease;

    }

    .abx-mobile-overlay.abx-open{opacity:1;visibility:visible;}



    .abx-mobile-panel{display:none;}

    .abx-mobile-panel.abx-open{right:0;}



    .abx-mobile-close{

      position:absolute;top:18px;right:16px;

      width:42px;height:42px;border:none;border-radius:10px;

      background:rgba(255,255,255,0.10);color:#fff;

      display:flex;align-items:center;justify-content:center;cursor:pointer;

    }

    .abx-mobile-close svg{width:22px;height:22px;fill:currentColor;}



    .abx-mobile-menu,

    .abx-mobile-submenu{list-style:none;}



    .abx-mobile-item{border-bottom:1px solid rgba(255,255,255,0.12);}



    .abx-mobile-head{

      width:100%;

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:12px;

      padding:16px;

      color:#fff;

      background:none;

      border:none;

      font-size:16px;

      font-weight:700;

      text-align:left;

      cursor:pointer;

    }

    .abx-mobile-head span:last-child{

      font-size:18px;line-height:1;transition:transform .25s ease;

    }

    .abx-mobile-item.abx-open > .abx-mobile-head{color:#eb6f30;}

    .abx-mobile-item.abx-open > .abx-mobile-head span:last-child{transform:rotate(45deg);}

    .abx-mobile-sub{display:none;padding:0 0 12px;}

    .abx-mobile-item.abx-open > .abx-mobile-sub{display:block; background-color: #83563a;}



    .abx-mobile-link{

  display:block;

  color:#fff;

  padding:12px 16px;

  font-size:14px;

  line-height:1.5;

  transition:all .22s ease;

  border-top:1px solid rgba(255,255,255,0.06);

}



.abx-mobile-link:hover{

  color:#eb6f30;

  background:rgba(255,255,255,0.04);

}



.abx-mobile-accordion{

  border-top:1px solid rgba(255,255,255,0.08);

  background:rgba(255,255,255,0.02);

}



.abx-mobile-accordion-btn{

  width:100%;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  background:none;

  border:none;

  color:#fff;

  text-align:left;

  cursor:pointer;

  padding:13px 16px;

  font-size:14px;

  font-weight:600;

  line-height:1.45;

  transition:all .22s ease;

}



.abx-mobile-accordion-btn:hover{

  color:#eb6f30;

  background:rgba(255,255,255,0.05);

}



.abx-mobile-accordion-btn .abx-mobile-plus{

  font-size:16px;

  transition:transform .25s ease;

  flex-shrink:0;

}



.abx-mobile-accordion.abx-open{

  background:rgba(242,140,40,0.08);

  border-left:3px solid #eb6f30;

}



.abx-mobile-accordion.abx-open > .abx-mobile-accordion-btn{

  color:#eb6f30;

  background:rgba(242,140,40,0.10);

  font-weight:700;

}



.abx-mobile-accordion.abx-open > .abx-mobile-accordion-btn .abx-mobile-plus{

  transform:rotate(45deg);

}



.abx-mobile-submenu{

  display:none;

  background:rgba(0,0,0,0.5);

}



.abx-mobile-accordion.abx-open > .abx-mobile-submenu{

  display:block;

}



.abx-mobile-submenu > li{

  border-top:1px solid rgba(255,255,255,0.05);

  color:#eb6f30;

}



/* level 2 */

.abx-mobile-submenu .abx-mobile-link,

.abx-mobile-submenu .abx-mobile-accordion-btn{

  padding-left:28px;

  font-size:13.5px;

  background:#583f2f;

}





/* level 3 */

.abx-mobile-submenu .abx-mobile-submenu{

  background:rgba(255,255,255,0.03);

  border-left:2px solid rgba(242,140,40,0.35);

}



.abx-mobile-submenu .abx-mobile-submenu .abx-mobile-link,

.abx-mobile-submenu .abx-mobile-submenu .abx-mobile-accordion-btn{

  padding-left:42px;

  font-size:13px;

}



/* level 4 */

.abx-mobile-submenu .abx-mobile-submenu .abx-mobile-submenu{

  background:rgba(255,255,255,0.04);

  border-left:2px solid rgba(242,140,40,0.5);

}



.abx-mobile-submenu .abx-mobile-submenu .abx-mobile-submenu .abx-mobile-link,

.abx-mobile-submenu .abx-mobile-submenu .abx-mobile-submenu .abx-mobile-accordion-btn{

  padding-left:56px;

  font-size:12.5px;

}



/* active leaf link */

.abx-mobile-submenu .abx-mobile-link:hover{

  color:var(--ab-orange);

  background:rgba(242,140,40,0.08);

}



    .abx-hero{

      position:relative;

      min-height:100vh;

      display:flex;

      align-items:center;

      overflow:hidden;

      background:

        linear-gradient(90deg, rgba(129,129,129,0.62) 0%, rgba(129,129,129,0.46) 35%, rgba(129,129,129,0.16) 70%, rgba(129,129,129,0.06) 100%),

        url("https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1800&q=80") center center / cover no-repeat;

    }



    .abx-hero::before{

      content:"";

      position:absolute;

      inset:0;

      background:linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.03) 100%);

      pointer-events:none;

    }



    .abx-hero-inner{

      position:relative;

      z-index:2;

      max-width:1280px;

      width:100%;

      margin:0 auto;

      padding:140px 24px 80px;

      min-height:100vh;

      display:flex;

      align-items:center;

    }



    .abx-hero-content{

      max-width:700px;

      color:#fff;

      animation:abxFadeUp .8s ease;

    }



    .abx-hero-title{

      font-size:64px;

      line-height:1.05;

      font-weight:800;

      letter-spacing:-1.2px;

      margin-bottom:30px;

    }

    .abx-hero-title span{display:block;margin-top:10px;}



    .abx-hero-btn{

      min-height:58px;

      padding:0 38px;

      border-radius:999px;

      background:#fff;

      color:#121212;

      display:inline-flex;

      align-items:center;

      gap:12px;

      font-size:22px;

      font-weight:700;

      box-shadow:0 10px 24px rgba(0,0,0,0.08);

      transition:all .25s ease;

    }

    .abx-hero-btn:hover{

      background:var(--ab-orange);

      color:#fff;

      transform:translateY(-2px);

      box-shadow:0 16px 30px rgba(0,0,0,0.16);

    }



    .abx-hero-dots{

      position:absolute;

      left:24px;

      bottom:48px;

      z-index:2;

      display:flex;

      gap:10px;

      align-items:center;

    }

    .abx-hero-dot{

      width:12px;height:12px;border-radius:50%;

      border:1px solid rgba(255,255,255,0.78);

      background:transparent;

    }

    .abx-hero-dot.abx-active{

      width:13px;height:13px;background:#fff;border-.abx-col-titlecolor:#fff;

    }



    @keyframes abxFadeUp{

      from{opacity:0;transform:translateY(24px);}

      to{opacity:1;transform:translateY(0);}

    }



    @media (max-width:1199px){

      .abx-nav{gap:24px;}

      .abx-topbtn{font-size:15px;}

      .abx-hero-title{font-size:56px;}

    }



    @media (max-width:991px){

      .abx-container{padding:0 16px;}

      .abx-header-row{min-height:78px;}

      .abx-left{gap:16px;}

      .abx-logo img{height:40px;}

      .abx-nav,.abx-right,.abx-dropdown,.abx-bridge{display:none !important;}

      .abx-mobile-toggle{display:inline-flex;margin-left:auto;}



      .abx-mobile-panel{

        display:block;

        position:fixed;

        top:0;

        right:-100%;

        width:100%;

        max-width:380px;

        height:100vh;

        background:rgba(106,74,55,0.98);

        backdrop-filter:blur(14px);

        z-index:10000;

        transition:right .35s ease;

        overflow-y:auto;

        padding:88px 0 24px;

        box-shadow:-10px 0 30px rgba(0,0,0,0.18);

      }



      .abx-hero-inner{

        min-height:100vh;

        padding:118px 16px 70px;

        align-items:flex-start;

      }

      .abx-hero-content{

        max-width:100%;

        padding-top:110px;

      }

      .abx-hero-title{

        font-size:34px;

        line-height:1.12;

        letter-spacing:-.6px;

      }

      .abx-hero-btn{

        min-height:48px;

        font-size:16px;

        padding:0 22px;

      }

      .abx-hero-dots{

        left:16px;

        bottom:28px;

      }

    }



    @media (max-width:767px){

      .abx-mobile-panel{max-width:100%;}

    }









.readmore_box{



}

.line_box_new{

    -webkit-line-clamp: 0 !important;

    -webkit-box-orient: initial !important;

    height:128px;

}





















    .top-filters{

  display:flex;

  flex-wrap:wrap;

  gap:10px;

  margin-bottom:15px;

  list-style:none;

  padding:0;

}



.top-filters li a{

  padding:10px 16px;

  border-radius:30px;

  background:#fff;

  cursor:pointer;

  transition:.3s;

  box-shadow:0 5px 15px rgba(0,0,0,0.05);

}



.top-filters li a:hover,

.top-filters li a.active{

  background:#f05a22;

  color:#fff !important;

}

.branch-select{

  width:100%;

  padding:12px;

  border-radius:8px;

  border:1px solid #ddd;

  background:#fff;

  font-size:14px;

  cursor:pointer;

  outline:none;

  transition:.3s;

  margin-bottom:40px;

}



.branch-select:focus{

  border-color:#f05a22;

  box-shadow:0 0 0 2px rgba(240,90,34,0.1);

}    

#map-canvas{

  width:100%;

  height:550px; /* same jo humne design mein rakha */

  border-radius:12px;

}



.form-select {

    height: 65px;

    border-radius: 10px;

    border-color: #e9eaeb;

}





.hero_small_heading{

    font-size: 17px;

    color: #ff6f00;

}



.hero_big_heading {

    font-size: 27px;

    margin-bottom: 54px;

}



.hero_big_heading2 {

   font-size: 31px;

    margin-bottom: 15px;

}

.hero_big_headingp {

        font-size: 16px;

    line-height: 27px;

    margin-bottom: 43px;

}



.home_calculate_heading{

    font-size:26px;

}







/* Mobile */

@media (max-width: 600px) {





    .tp-slider-title {

        font-size: 31px;

        line-height: 41px;

        text-align: center;

        width: 100%;

    }

    

    

.abRE-title {

    margin-bottom: 36px !important;

}



.preloader-path {

    margin: 0;

    height: 0px;

    width: 0px;

    animation:none;

}



.abRE-left h3 {

    margin-top: 0px;

}



.abpfhome-card {

    flex: 0 0 calc((100% - 4px) / 1);

    height: 550px;

}





.abcts-tab {

    width: 350px;

}

.abcts-tabs {

    display: grid;

}

.abfcx-tabs {

    display: grid !important;

}



.abfcx-result-card {

    text-align: center;

}



#abfcx-flat-profit .FlatTotalProfitText {

    font-size: 37px !important;

    line-height: 27px;

}



#abfcx-flat-total .FlatTotalPaymentRateText {

    font-size: 37px !important;

    line-height: 27px;

}

#abfcx-flat-monthly .FlatMonthlyInstallmentText {

    font-size: 37px !important;

    line-height: 27px;

}

#abfcx-flat-net .FlatFinanceAmountText {

    font-size: 37px !important;

   line-height: 27px;

}



.downloadslidelist-readmore {

    display: unset;



}

    .abdw-section {

        padding: 2px 0;

    }



.gradient_text {

    padding: 0px 0px 18px 0px;

}



.ab-apps {

    display: contents;

}



.ab-apps .label {

    font-weight: 950;

    color: #3a3a3a;

    font-size: 21px;

    margin-right: 0px;

    line-height: 16px;

    width: 100%;

    text-align: left;

}

    .InnerHeading h2 {

        text-align: left !important;

        font-size: 27px;

        padding: 25px 0px;

        margin: 0px;

    }



.abprtbl-wrap {

    overflow: auto;

}



.abrecX-solutions {

    padding: 10px 0 10px;

}



.ceo_div_container{

    margin-top: 20px;

}

.ceo_div_container_heading{

    font-size: 18px; 

    color: #eb6f30;

}

.ceo_div_container_text{

    font-size: 15px; 

}

.ab-links {

    display: contents;

}



.abpf-section {

    padding: 15px 0;

}



.downloadslidelist {

        display: unset;

    }





.abpf-header h2 {

    font-size: 34px;

}



.abpf-header p {

    font-size:16px;

}



.abpf-overlay h3 {

    margin-bottom: 0px;

    color: #333;

    font-size: 30px;

    line-height: 50px;

}



.abpfhome-overlay h3 {

margin-bottom: 8px;

    color: #333;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    min-height: 69px;

    font-size: 28px;

}





.abrfy-tab.is-active::after {

    bottom: 7px;



}



.abcref-boxbody-charge {

    display: block;

}



.swiper-slide {

        height: 450px !important;

    }



    .tp-slider-item {

        padding-top: 110px !important;

        padding-bottom: 116px !important;

    }

    .tp-slider-btn{

        place-self: center;

    }


    .tp-slider-dot-wrap {

        left: 0 !important;

        right: 0 !important;

        bottom: 35px !important;

        justify-self: center;

    }

    .tp-slider-thumb{

        height:450px !important;

        background-position: right center !important;

    }

    .ab-footer-grid {

        justify-items: center;

        text-align: center;

    }

    

    .ab-footer-top {

        align-items: center !important;

    }

    .ab-brand {

        display: block !important;

        align-items: center;

        text-align: center;

    }

    .ab-footer-bottom {

        align-items: center !important;

    }

    .ab-apps .label{text-align:center !important;}

    .ab-footnote {

        text-align: center;

    }

    

.content {

    padding: 5px 28px;



}

    

.info h3 {

        font-size: 27px !important;

}

    

.home_calculate_heading {

    font-size: 20px;

}   

    

.datalistAmount {

    margin-bottom: 57px;

}

    

.tp-about-4-area {

        padding-top: 27px !important;

    }

}



.pb-120 {

    padding-bottom: 24px;

}

    

    .abMC-section {

        padding: 10px 0 !important;

    }    

    

    

.ajmanbankbreadcrumbstyle {

    margin-bottom: 0px;

    display: contents;

    align-items: center;

    white-space: normal;

    font-weight: 700;

}  

    

  .ajmannews-date {

    color: #3e3e3e;

    font-size: 13px;

    line-height: 120%;

    font-weight: 700;

    margin-bottom: 0px;

    margin-top: 28px;

    text-align: center;

}  

    

.abVM-title {

        font-size: 23px !important;

}  

    

     .abrecX-link {

        font-size: 15px !important;

    }   

    

 .abfs-grid-2 {

    grid-template-columns: repeat(1, 1fr);

}   

    

.abfs-grid-4 {

    grid-template-columns: repeat(1, 1fr);

}

    

.PaymentBox p {

    margin-bottom: 0 !important;

    font-size: 1rem !important;

}

.PaymentBox {

    min-height: 183px !important;

}

    

.abcts-track {

    gap: 20px;

}

.abultra2-table {

    min-width: 100% !important;

}

.abultra2-grid-2 {

    display: block !important;

}

    

.abultra2-nav {

  

}    

.abultra2-nav-btn{

    margin-bottom:10px;

}

    

    

    

    

    

.margin-treasury{

    margin-top:30px !important;

}

    

    

    

    

.abCovLift-section{

  padding:80px 0;

  background:#f6f6f6;

}



.abCovLift-container{

  width:92%;

  max-width:1200px;

  margin:0 auto;

}



.abCovLift-title{

  text-align:center;

  font-size:42px;

  font-weight:700;

  margin:0 0 50px;

  color:#f36b21;

}



.abCovLift-grid{

  display:grid;

  grid-template-columns:repeat(3, 1fr);

  gap:34px 28px;

}



.abCovLift-card{

  position:relative;

  cursor:pointer;

}



.abCovLift-img{

  height:270px;

  border-radius:14px;

  overflow:hidden;

  background:#ddd;

}



.abCovLift-img img{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;

  transition:transform .55s ease;

}



.abCovLift-card:hover .abCovLift-img img{

  transform:scale(1.08);

}



.abCovLift-box{

  position:relative;

  z-index:2;

  margin:-64px 24px 0;

  padding:26px 22px;

  min-height:215px;

  background:#fff;

  border-radius:13px;

  text-align:left;

  box-shadow:0 18px 35px rgba(0,0,0,.12);

  transition:all .35s cubic-bezier(.22,.61,.36,1);

}



.abCovLift-card:hover .abCovLift-box,

.abCovLift-card:active .abCovLift-box{

  background:#ff7417;

  transform:translateY(-12px);

  box-shadow:0 24px 45px rgba(255,116,23,.30);

}



.abCovLift-box h3{

  margin:0 0 14px;

  font-size:22px;

  line-height:1.25;

  font-weight:700;

  color:#505662;

  transition:color .3s ease;

}



.abCovLift-box p{

  margin:0 0 24px;

  font-size:14px;

  line-height:1.62;

  color:#5d6878;

  transition:color .3s ease;

}



.abCovLift-more{

  display:inline-flex;

  align-items:center;

  gap:9px;

  text-decoration:none;

  font-size:14px;

  font-weight:700;

  color:#505662;

  transition:color .3s ease;

}



.abCovLift-more span{

  display:inline-block;

  transition:transform .3s ease;

}



.abCovLift-card:hover .abCovLift-box h3,

.abCovLift-card:hover .abCovLift-box p,

.abCovLift-card:hover .abCovLift-more,

.abCovLift-card:active .abCovLift-box h3,

.abCovLift-card:active .abCovLift-box p,

.abCovLift-card:active .abCovLift-more{

  color:#fff;

}



.abCovLift-card:hover .abCovLift-more span,

.abCovLift-card:active .abCovLift-more span{

  transform:translate(4px,-4px);

}



/* Tablet */

@media(max-width:991px){

  .abCovLift-section{

    padding:60px 0;

  }



  .abCovLift-grid{

    grid-template-columns:repeat(2, 1fr);

  }



  .abCovLift-title{

    font-size:36px;

  }

}



/* Mobile */

@media(max-width:575px){

  .abCovLift-section{

    padding:45px 0;

  }



  .abCovLift-grid{

    grid-template-columns:1fr;

    gap:30px;

  }



  .abCovLift-title{

    font-size:32px;

    margin-bottom:35px;

  }



  .abCovLift-img{

    height:250px;

  }



  .abCovLift-box{

    margin:-58px 18px 0;

    min-height:auto;

    padding:22px 20px;

  }



  .abCovLift-box h3{

    font-size:20px;

  }

}

    

    

  

  

  

  

  

/* =========================

   UNIQUE AJMAN CAREERS CSS

   PREFIX: ajbcx-

========================= */



.ajbcx-careers-shell{

  --ajbcx-orange:#f58220;

  --ajbcx-brown:#55270e;

  --ajbcx-dark:#222222;

  --ajbcx-soft:#fff7ef;

  --ajbcx-border:#f0d8c4;

  --ajbcx-white:#ffffff;

  width:100%;

  overflow:hidden;

  font-family:Arial, sans-serif;

  color:var(--ajbcx-dark);

  background:#ffffff;

  line-height:1.7;

}



.ajbcx-careers-shell *,

.ajbcx-careers-shell *::before,

.ajbcx-careers-shell *::after{

  box-sizing:border-box;

}



/* HERO */



.ajbcx-careers-hero-block{



}



.ajbcx-careers-hero-block::before{

  content:"";

  position:absolute;

  width:320px;

  height:320px;

  right:-95px;

  top:-95px;

  border-radius:50%;

  background:rgba(255,255,255,.12);

  animation:ajbcxCareersFloat 7s ease-in-out infinite;

}



.ajbcx-careers-hero-block::after{

  content:"";

  position:absolute;

  width:170px;

  height:170px;

  left:-55px;

  bottom:45px;

  border-radius:50%;

  border:2px solid rgba(255,255,255,.18);

  animation:ajbcxCareersSpin 18s linear infinite;

}



.ajbcx-careers-hero-content{

  position:relative;

  z-index:2;

  max-width:1080px;

}



.ajbcx-careers-hero-label{

  display:inline-block;

  padding:9px 19px;

  margin-bottom:24px;

  border-radius:40px;

  background:rgba(255,255,255,.16);

  border:1px solid rgba(255,255,255,.25);

  color:#fff;

  font-size:14px;

  font-weight:700;

  letter-spacing:.4px;

}



.ajbcx-careers-hero-title{

  margin:0 0 22px;

  color:#fd7828;

  font-size:37px;

  line-height:1.08;

  font-weight:800;

}



.ajbcx-careers-hero-copy{

  margin:0;

  color:#fff;

  font-size:18px;

}



/* INTRO */



.ajbcx-careers-intro-card{

  position:relative;

  z-index:4;

  max-width:1150px;

  margin:-42px auto 72px;

  padding:36px 40px;

  border-radius:32px;

  background:#fff;

  box-shadow:0 22px 54px rgba(0,0,0,.12);

}



.ajbcx-careers-intro-card p{

  margin:0;

  font-size:17px;

}



/* FEATURE */



.ajbcx-careers-feature-area{

  max-width:1220px;

  margin:70px auto 85px;

  padding:0 7%;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:46px;

  align-items:center;

}



.ajbcx-careers-main-image{

  height:520px;

  overflow:hidden;

  border-radius:36px;

  box-shadow:0 24px 50px rgba(0,0,0,.13);

}



.ajbcx-careers-main-image img{

  width:100%;

  height:100%;

  display:block;

  object-fit:cover;

  transition:.9s ease;

}



.ajbcx-careers-main-image:hover img{

  transform:scale(1.08);

}



.ajbcx-careers-section-kicker{

  display:block;

  margin-bottom:11px;

  color:var(--ajbcx-orange);

  font-size:14px;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:1px;

}



.ajbcx-careers-feature-title{

  margin:0 0 18px;

  color:var(--ajbcx-brown);

  font-size:38px;

  line-height:1.18;

}



.ajbcx-careers-feature-copy{

  margin:0 0 16px;

}



.ajbcx-careers-list{

  padding-left:20px;

  margin:0;

}



.ajbcx-careers-list li{

  margin-bottom:9px;

}



/* CARD SECTION */



.ajbcx-careers-card-section{



}



.ajbcx-careers-section-head{

  text-align:center;

  margin-bottom:46px;

}



.ajbcx-careers-section-head span{

  color:var(--ajbcx-orange);

  font-size:14px;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:1px;

}



.ajbcx-careers-section-head h2{

  margin:8px 0 0;

  color:var(--ajbcx-brown);

  font-size:42px;

  line-height:1.15;

}



.ajbcx-careers-card-grid{

  max-width:1200px;

  margin:auto;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:24px;

}



.ajbcx-careers-info-card{

  position:relative;

  overflow:hidden;

  padding:31px;

  min-height:280px;

  border-radius:28px;

  background:#fff;

  border:1px solid var(--ajbcx-border);

  box-shadow:0 14px 35px rgba(0,0,0,.06);

  transition:.4s ease;

}



.ajbcx-careers-info-card::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:5px;

  background:var(--ajbcx-orange);

}



.ajbcx-careers-info-card:hover{

  transform:translateY(-10px);

  box-shadow:0 26px 55px rgba(245,130,32,.18);

}



.ajbcx-careers-info-card h3{

  margin:0 0 8px;

  color:var(--ajbcx-brown);

  font-size:22px;

  line-height:1.25;

}



.ajbcx-careers-info-card h4{

  margin:0 0 14px;

  color:var(--ajbcx-orange);

  font-size:16px;

}



.ajbcx-careers-info-card p{

  margin:0;

}



/* IMAGE STRIP */



.ajbcx-careers-image-strip{

  max-width:1200px;

  margin:82px auto;

  padding:0 7%;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:26px;

}



.ajbcx-careers-strip-image{

  height:360px;

  overflow:hidden;

  border-radius:32px;

  box-shadow:0 18px 42px rgba(0,0,0,.11);

}



.ajbcx-careers-strip-image img{

  width:100%;

  height:100%;

  display:block;

  object-fit:cover;

  transition:.9s ease;

}



.ajbcx-careers-strip-image:hover img{

  transform:scale(1.08);

}



/* TWO COLUMN */



.ajbcx-careers-leaders-area{

  max-width:1200px;

  margin:0 auto 90px;

  padding:0 7%;

  display:grid;

  grid-template-columns:1.1fr .9fr;

  gap:36px;

  align-items:start;

}



.ajbcx-careers-leaders-title{

  margin:0 0 18px;

  color:var(--ajbcx-brown);

  font-size:38px;

  line-height:1.18;

}



.ajbcx-careers-process-panel{

  padding:36px;

  border-radius:32px;

  color:#fff;

  background:linear-gradient(145deg,#55270e,#321305);

  box-shadow:0 22px 48px rgba(0,0,0,.17);

}



.ajbcx-careers-process-panel h3{

  margin:0 0 2px;

  font-size:28px;

  color:white;

}

.ajbcx-careers-process-panel p{

  color:white !important;

}



.ajbcx-careers-process-panel ol{

  margin:0;

  padding-left:20px;

}



.ajbcx-careers-process-panel li{

  margin-bottom:14px;

}



/* STATS */



.ajbcx-careers-impact-area{

  padding:72px 7%;

  background:#4c220b;

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:20px;

}



.ajbcx-careers-impact-card{

  padding:30px 20px;

  text-align:center;

  color:#fff;

  border-radius:26px;

  background:rgba(255,255,255,.08);

  border:1px solid rgba(255,255,255,.15);

  transition:.4s ease;

}



.ajbcx-careers-impact-card:hover{

  transform:translateY(-8px);

  background:var(--ajbcx-orange);

}



.ajbcx-careers-impact-card strong{

  display:block;

  margin-bottom:8px;

  font-size:34px;

  line-height:1.1;

}



.ajbcx-careers-impact-card span{

  font-size:14px;

}

  .number_class_car{

font-size: 28px !important;

    color: white !important;

    font-weight: 700;

    display: block;

  }

  

  

  

  

  

  

  

  

  

  

  

  

  



/* ANIMATIONS */



@keyframes ajbcxCareersFloat{

  0%,100%{transform:translateY(0)}

  50%{transform:translateY(24px)}

}



@keyframes ajbcxCareersSpin{

  from{transform:rotate(0deg)}

  to{transform:rotate(360deg)}

}



/* RESPONSIVE */



@media(max-width:992px){

  .ajbcx-careers-hero-title{

    font-size:42px;

  }



  .ajbcx-careers-feature-area,

  .ajbcx-careers-leaders-area,

  .ajbcx-careers-image-strip{

    grid-template-columns:1fr;

  }



  .ajbcx-careers-card-grid{

    grid-template-columns:repeat(2,1fr);

  }



  .ajbcx-careers-impact-area{

    grid-template-columns:repeat(2,1fr);

  }

  

  



  

  

  

}



@media(max-width:600px){

  .ajbcx-careers-hero-block{

    padding:78px 22px;

  }



  .ajbcx-careers-hero-title{

    font-size:34px;

  }



  .ajbcx-careers-intro-card{

    margin:-30px 20px 52px;

    padding:28px;

  }



  .ajbcx-careers-feature-area,

  .ajbcx-careers-card-section,

  .ajbcx-careers-image-strip,

  .ajbcx-careers-leaders-area,

  .ajbcx-careers-impact-area{

    padding-left:22px;

    padding-right:22px;

  }



  .ajbcx-careers-card-grid,

  .ajbcx-careers-impact-area{

    grid-template-columns:1fr;

  }



  .ajbcx-careers-main-image,

  .ajbcx-careers-strip-image{

    height:320px;

  }

}

























































.abVMCEO-top-boxes{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:24px;

  margin-bottom:40px;

}



.abVMCEO-white-box{

  background:#fff;

  border-radius:22px;

  padding:35px;

  box-shadow:0 15px 35px rgba(0,0,0,.07);

  border:1px solid rgba(255,122,33,.12);

  transition:.35s ease;

}



.abVMCEO-white-box:hover{

  transform:translateY(-6px);

  box-shadow:0 20px 45px rgba(255,122,33,.14);

}



.abVMCEO-white-box h3{

  margin:0 0 14px;

  color:#eb6f30;

  font-size:28px;

  font-weight:800;

}



.abVMCEO-white-box p{

  margin:0;

  color:#42506a;

  line-height:1.9;

  font-size:16px;

}













































.abx-top-btns{

  display:flex;

  gap:15px;

  align-items:center;

}



.abx-dropdown-wrap{

  position:relative;

}



.abx-online-btn{



}



.abx-online-btn:hover{



}



.abx-dropdown-menu{

  position:absolute;

  top:110%;

  left:-105px;

  min-width:240px;

  background:#fff;

  border-radius:18px;

  padding:10px 0;

  box-shadow:0 15px 40px rgba(0,0,0,0.12);

  opacity:0;

  visibility:hidden;

  transform:translateY(10px);

  transition:0.35s ease;

  z-index:9999;

}



.abx-dropdown-wrap:hover .abx-dropdown-menu{

  opacity:1;

  visibility:visible;

  transform:translateY(0);

}



.abx-dropdown-menu a{

  display:block;

  padding:12px 20px;

  color:#222;

  text-decoration:none;

  font-size:14px;

  transition:0.3s ease;

}



.abx-dropdown-menu a:hover{

  background:#f58220;

  color:#fff !important;



}

















.ceaVX-section{

  width:100%;

}



.ceaVX-wrap{

  max-width:1180px;

  margin:0 auto;

  display:grid;

  grid-template-columns:1fr 1.05fr;

  gap:45px;

  align-items:center;

}



.ceaVX-content{

  position:relative;

  padding:35px;

  background:rgba(255,255,255,0.72);

  border:1px solid rgba(245,130,32,0.18);

  border-radius:28px;

  box-shadow:0 25px 60px rgba(25,25,25,0.08);

  overflow:hidden;

}



.ceaVX-content:before{



}



.ceaVX-tag{

  display:inline-block;

  background:#f58220;

  color:#fff;

  padding:9px 16px;

  border-radius:50px;

  font-size:13px;

  font-weight:700;

  margin-bottom:18px;

}



.ceaVX-content h2{

  margin:0 0 18px;

  color:#1d1d1d;

  font-size:36px;

  line-height:1.15;

  font-weight:800;

}



.ceaVX-content p{

  margin:0;

  color:#555;

  font-size:17px;

  line-height:1.8;

}



.ceaVX-videoBox{

  background:#ffffff;

  padding:16px;

  border-radius:30px;

  box-shadow:0 30px 75px rgba(0,0,0,0.13);

  position:relative;

}



.ceaVX-videoBox:after{

  content:"";

  position:absolute;

  inset:auto 35px -12px 35px;

  height:24px;

  background:#f58220;

  border-radius:0 0 25px 25px;

  z-index:-1;

}



.ceaVX-videoFrame{

  position:relative;

  width:100%;

  padding-top:56.25%;

  border-radius:22px;

  overflow:hidden;

  background:#111;

}



.ceaVX-videoFrame iframe{

  position:absolute;

  inset:0;

  width:100%;

  height:100%;

  border:0;

}



.ceaVX-moreLink{

  margin-top:16px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  padding:15px 20px;

  border-radius:18px;

  background:#1c1c1c;

  color:#fff;

  text-decoration:none;

  font-size:15px;

  font-weight:700;

  transition:0.35s ease;

}



.ceaVX-moreLink span{

  width:34px;

  height:34px;

  display:flex;

  align-items:center;

  justify-content:center;

  background:#f58220;

  border-radius:50%;

  transition:0.35s ease;

}



.ceaVX-moreLink:hover{

  background:#f58220;

}



.ceaVX-moreLink:hover span{

  background:#fff;

  color:#f58220;

  transform:translateX(5px);

}



@media(max-width:900px){

  .ceaVX-wrap{

    grid-template-columns:1fr;

  }



  .ceaVX-content h2{

    font-size:28px;

  }

}



.ceaVX-videoArea{

  width:100%;

}



.ceaVX-videoBox{

  position:relative;

  width:100%;

  height:320px;

  border-radius:28px;

  overflow:hidden;

  background:#000;

  box-shadow:0 20px 60px rgba(0,0,0,0.12);

}



.ceaVX-videoBox iframe{

  width:100%;

  height:100%;

  border:0;

  display:block;

}



.ceaVX-moreBtn{

  margin-top:18px;

  width:100%;

  display:flex;

  align-items:center;

  justify-content:space-between;

  padding:18px 24px;

  border-radius:18px;

  background: linear-gradient(90deg, #eb6f30, #ee8853);

  color:#fff !important;

  text-decoration:none;

  font-size:16px !important;

  font-weight:400 !important;

  transition:0.35s ease;

}



.ceaVX-moreBtn span{

  width:38px;

  height:38px;

  border-radius:50%;

  background:#f58220;

  display:flex;

  align-items:center;

  justify-content:center;

  transition:0.35s ease;

}



.ceaVX-moreBtn:hover{

  background:#f58220;

}



.ceaVX-moreBtn:hover span{

  background:#fff;

  color:#f58220;

  transform:translateX(5px);

}



@media(max-width:768px){



  .ceaVX-videoBox{

    height:240px;

  }



}





.ceaVX-localVideo{

  width:100%;

  height:320px;

  object-fit:cover;

  border-radius:28px;

  background:#000;

}







.abCalcWrap{

  padding:60px 20px;

}



.abCalcHead{

  text-align:center;

  margin-bottom:35px;

}



.abCalcHead h2{

  margin:0 0 14px;

  font-size:40px;

  font-weight:800;

  line-height:1;

  background:linear-gradient(90deg,#ff5a00,#ffb77f);

  -webkit-background-clip:text;

  -webkit-text-fill-color:transparent;

}



.abCalcHead p{

  max-width:760px;

  margin:auto;

  color:#6c7788;

  font-size:17px;

  line-height:1.7;

}



.abCalcBox{

  max-width:1180px;

  margin:auto;

  background:#fff;

  border-radius:28px;

  padding:32px;

  box-shadow:0 10px 40px rgba(0,0,0,.06);

}



/* FINANCE TABS */



.abTopTabs{

  display:flex;

  gap:14px;

  flex-wrap:wrap;

  margin-bottom:22px;

}



.abTopTab{

  border:1px solid #f0d8c7;

  background:#fff;

  height:52px;

  padding:0 28px;

  border-radius:40px;

  cursor:pointer;

  font-size:17px;

  font-weight:700;

  color:#4f5a69;

  transition:.3s ease;

}



.abTopTab.active,

.abTopTab:hover{

  background:#ff7a18;

  border-color:#ff7a18;

  color:#fff;

}



/* RATE TABS */



.abRateTabs{

  display:flex;

  gap:14px;

  flex-wrap:wrap;

  margin-bottom:32px;

}



.abRateTab{

  border:1px solid #ead8ca;

  background:#fff;

  height:50px;

  padding:0 24px;

  border-radius:40px;

  cursor:pointer;

  font-size:16px;

  font-weight:700;

  color:#5b6675;

  transition:.3s ease;

}



.abRateTab.active,

.abRateTab:hover{

  background:#ff7a18;

  border-color:#ff7a18;

  color:#fff;

}



/* FORM */



.abCalcGrid{

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:22px 18px;

}



.abField label{

  display:block;

  margin-bottom:12px;

  font-size:16px;

  font-weight:700;

  color:#2f3947;

}



.abField input{

  width:100%;

  height:56px;

  border:1px solid #e6d3c8;

  border-radius:14px;

  padding:0 18px;

  box-sizing:border-box;

  outline:none;

  font-size:16px;

  color:#2f3947;

  background:#fff;

  transition:.3s ease;

}



.abField input:focus{

  border-color:#ff7a18;

  box-shadow:0 0 0 4px rgba(255,122,24,.12);

}



/* RESULT */



.abResultWrap{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:18px;

  margin-top:30px;

}



.abResultBox{

  background:#fffaf7;

  border:1px solid #f0ddd1;

  border-radius:18px;

  padding:24px 18px;

}



.abResultBox span{

  display:block;

  color:#6e7989;

  font-size:15px;

  margin-bottom:16px;

}



.abResultBox strong{

  color:#ff7a18;

  font-size:22px;

  font-weight:800;

}



@media(max-width:900px){



  .abCalcGrid{

    grid-template-columns:1fr;

  }



  .abResultWrap{

    grid-template-columns:1fr;

  }



  .abCalcHead h2{

    font-size:40px;

  }



}


.abfc-calculator{
  max-width:1100px;
  margin:0 auto;
  background:#fff;
  border-radius:28px;
  padding:30px;
  box-shadow:0 20px 45px rgba(0,0,0,0.07);
}

.abfc-tabs{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:30px;
}

.abfc-tab{
  border:1px solid #f1d7c7;
  background:#fff;
  color:#4b5563;
  padding:14px 30px;
  min-width:150px;
  border-radius:30px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:all 0.3s ease;
}

.abfc-tab.active,
.abfc-tab:hover{
  background:linear-gradient(135deg,#ff7a1a,#f15a24);
  color:#fff;
  border-color:#ff7a1a;
  box-shadow:0 10px 22px rgba(255,107,22,0.22);
}

.abfc-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 16px;
}

.abfc-field label{
  display:block;
  font-size:14px;
  font-weight:700;
  color:#374151;
  margin-bottom:10px;
}

.abfc-field input{
  width:100%;
  height:54px;
  border:1px solid #ead8cc;
  border-radius:12px;
  padding:0 16px;
  font-size:15px;
  color:#4b5563;
  outline:none;
  background:#fff;
  transition:all 0.3s ease;
}

.abfc-field input:focus{
  border-color:#ff7a1a;
  box-shadow:0 0 0 3px rgba(255,107,22,0.12);
}

/* Profit Rate with Theme Dropdown */
.abfc-profit-wrap{
  position:relative;
  width:100%;
}

.abfc-profit-wrap input{
  padding-right:195px;
}

.abfc-rate-select{
  position:absolute;
  top:5px;
  right:5px;
  width:178px;
  height:44px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#ff7a1a 0%,#f15a24 100%);
  color:#fff;
  font-size:15px;
  font-weight:700;
  padding:0 42px 0 16px;
  cursor:pointer;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  box-shadow:0 8px 18px rgba(255,107,22,0.28);
  transition:all 0.3s ease;
}

.abfc-rate-select:hover{
  background:linear-gradient(135deg,#f15a24 0%,#ff7a1a 100%);
  box-shadow:0 12px 26px rgba(255,107,22,0.35);
}

.abfc-rate-select option{
  background:#fff;
  color:#333;
  font-weight:600;
}

.abfc-select-arrow{
  position:absolute;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:10px solid #fff;
  pointer-events:none;
}

.abfc-results{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:28px;
}

.abfc-card{
  border:1px solid #f0d8c9;
  border-radius:16px;
  padding:24px 16px;
  min-height:112px;
  background:linear-gradient(180deg,#fffdfb,#fff8f4);
  transition:all 0.3s ease;
}

.abfc-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(255,107,22,0.10);
}

.abfc-card span{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#8b97a8;
  margin-bottom:16px;
}

.abfc-card strong{
  display:block;
  font-size:22px;
  font-weight:800;
  color:#ff6b16;
}

.abfc-bottom{
  display:flex;
  justify-content:flex-end;
  margin-top:30px;
}

.abfc-apply-btn{
  border:0;
  border-radius:30px;
  background:linear-gradient(135deg,#ff7a1a 0%,#f15a24 100%);
  color:#fff;
  padding:15px 74px;
  font-size:20px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(255,107,22,0.30);
  transition:all 0.3s ease;
}

.abfc-apply-btn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#f15a24 0%,#ff7a1a 100%);
  box-shadow:0 18px 38px rgba(255,107,22,0.42);
}

.abfc-apply-btn:active{
  transform:translateY(0);
}

@media(max-width:900px){
  .abfc-results{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:650px){
  body{
    padding:20px 10px;
  }

  .abfc-calculator{
    padding:22px 16px;
    border-radius:20px;
  }

  .abfc-form-grid{
    grid-template-columns:1fr;
  }

  .abfc-results{
    grid-template-columns:1fr;
  }

  .abfc-tab{
    width:100%;
  }

  .abfc-profit-wrap input{
    padding-right:155px;
  }

  .abfc-rate-select{
    width:145px;
    font-size:13px;
    padding-left:12px;
  }

  .abfc-bottom{
    justify-content:center;
  }

  .abfc-apply-btn{
    width:100%;
    padding:14px 20px;
  }
}