/* Exact Color Palette Variables */
:root {
  --navy-dark: #081120;
  --navy: #0A1B2E;
  --navy-light: #10263F;
  --gold: #C9962E;
  --gold-light: #E3B54A;
  --gold-dark: #A87B1F;
  --cream: #F7F4EF;
  --white: #FFFFFF;
  --text-dark: #1C2B3A;
  --text-gray: #6C7683;

  --font-heading: 'Cinzel', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;

  --shadow-btn: 0 4px 15px rgba(201, 150, 46, 0.4);
  --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.5);

  --glass-bg: rgba(8, 17, 32, 0.45);
  --glass-border: rgba(255, 255, 255, 0.15);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-body);
  background-color: var(--navy-dark);
  color: var(--white);
  line-height: 1.5;
}

/* 1. Top Bar */
.top-bar {
  background-color: var(--navy-dark);
  padding: 8px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  z-index: 1001;
}

.top-info {
  display: flex;
  gap: 25px;
}

.top-info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #D0D5DD;
}

.top-info-item i {
  color: var(--gold);
  font-size: 14px;
}

.social-links {
  display: flex;
  gap: 16px;
}

.social-links a {
  color: #D0D5DD;
  font-size: 14px;
  transition: color 0.3s;
}

.social-links a:hover {
  color: var(--gold);
}

/* 2. Header & Navigation */
.main-header {
  background-color: var(--white);
  padding: 12px 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.brand-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}

.logo-icon {
  width: 46px;
  height: 46px;
  background: var(--navy);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--gold);
  color: var(--gold);
  font-size: 20px;
}

.brand-text h1 {
  font-family: var(--font-heading);
  font-size: 22px;
  color: var(--navy);
  letter-spacing: 1.5px;
  line-height: 1;
  font-weight: 800;
}

.brand-text span {
  font-size: 9px;
  letter-spacing: 2px;
  color: #c9962e !important;
  text-transform: uppercase;
  display: block;
  margin-top: 2px;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
}

.nav-link {
  color: var(--text-dark);
  font-weight: 600;
  font-size: 14px;
  position: relative;
  padding: 4px 0;
  text-decoration: none;
}

.nav-link.active {
  color: var(--gold);
}

.nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--gold);
}

/* Buttons */
.btn-gold {
  background-color: var(--gold);
  color: var(--white);
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-btn);
  text-decoration: none;
}

.btn-gold:hover {
  background-color: var(--gold-dark);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(201, 150, 46, 0.5);
}

.btn-outline {
  background: rgba(8, 17, 32, 0.4);
  border: 1.5px solid var(--gold);
  color: var(--gold);
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
  text-decoration: none;
  backdrop-filter: blur(4px);
}

.btn-outline:hover {
  background: var(--gold);
  color: var(--white);
}



/* Header drawer support. */
@media (max-width: 1150px) {
  .nav-container {
    right: 0;
    width: min(86vw, 360px);
    height: 100dvh;
    padding: max(88px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom));
    overflow-y: auto;
    transform: translateX(105%);
    visibility: hidden;
    transition: transform .35s cubic-bezier(.22, .61, .36, 1), visibility .35s;
    z-index: 1002;
  }

  .nav-container.active {
    right: 0;
    transform: translateX(0);
    visibility: visible;
  }

  .nav-menu {
    align-items: stretch;
    gap: 2px;
  }

  .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(10, 27, 46, .08);
  }

  .mobile-toggle { z-index: 1003; }
  .menu-overlay { z-index: 1001; }

  .ap-nav-dropdown .ap-dropdown-menu {
    position: static;
    display: none;
    min-width: 0;
    margin: 0 0 8px;
    padding: 4px 0;
    border-top: 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: var(--navy);
  }

  .ap-nav-dropdown.active .ap-dropdown-menu { display: block; }
  .ap-nav-dropdown.active .ap-dropdown-arrow { transform: rotate(180deg); }
}


@media (max-width: 640px) {
  .nav-container {
    width: min(90vw, 340px);
    padding-inline: 22px;
  }
}

.ap-dropdown-toggle {
    cursor: pointer;
}

.ap-dropdown-arrow {
    cursor: pointer;
    pointer-events: auto;
}

/* About dropdown */
.ap-nav-dropdown .ap-dropdown-menu {
    display: none;
}

.ap-nav-dropdown.ap-dropdown-open .ap-dropdown-menu {
    display: block;
}

.ap-nav-dropdown.ap-dropdown-open .ap-dropdown-arrow {
    transform: rotate(180deg);
}

.ap-dropdown-toggle {
    cursor: pointer;
}

.ap-dropdown-arrow {
    pointer-events: none;
}





/* 3. Hero Slider Section */
.hero-slider-container {
    position: relative;
    width: 100%;
    min-height: 580px;
    overflow: hidden;
    background: #081120;
}

.slide {
    position: absolute;
    inset: 0;
    min-height: 580px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s ease;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Dark overlay */
.slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(8, 17, 32, 0.95) 0%,
        rgba(8, 17, 32, 0.75) 45%,
        rgba(8, 17, 32, 0.2) 100%
    );
    z-index: 0;
}

.hero-content,
.side-panels-wrapper {
    position: relative;
    z-index: 2;
}

.slide {
    position: absolute;
    inset: 0;
    min-height: 580px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s ease;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.slide-1 {
  background-image: url('../image/slider1.jpeg');
}

.slide-2 {
  background-image: url('../image/slider2.jpeg');
}

.slide-3 {
  background-image: url('../image/slider3.jpeg');
}

.slide-4 {
  background-image: url('../image/slider5.jpeg');
}


.slider-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 60px 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
  z-index: 1;
}

.slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.hero-tag {
  color: var(--gold-light);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}

.hero-title {
  font-family: var(--font-heading);
  font-size: 40px;
  line-height: 1.1;
  color: var(--white);
  margin-bottom: 20px;
  font-weight: 700;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.hero-title span {
  color: var(--gold-light);
  display: block;
}

.hero-desc {
  color: #E2E8F0;
  font-size: 15px;
  max-width: 520px;
  margin-bottom: 30px;
  line-height: 1.6;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

.hero-cta {
  display: flex;
  gap: 16px;
  margin-bottom: 45px;
}

/* Hero Bottom Features */
.hero-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 25px;
}

.feature-item {
  text-align: center;
}

.feature-item i {
  color: var(--gold);
  font-size: 22px;
  margin-bottom: 8px;
  display: block;
}

.feature-item p {
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.3;
}

/* Right Glassmorphic Side Panels */
.side-panels-wrapper {
  display: flex;
  justify-content: flex-end;
}

.side-panels {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.glass-panel {
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgb(201 150 46);
  padding: 16px 22px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 230px;
  box-shadow: var(--shadow-glass);
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.glass-panel:hover {
  transform: translateX(-6px);
  border-color: var(--gold);
}

.glass-panel i {
  color: var(--gold);
  font-size: 20px;
  width: 22px;
  text-align: center;
}

.glass-panel span {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--white);
}

/* Slider Arrows Navigation */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: rgba(8, 17, 32, 0.6);
  border: 1px solid var(--gold);
  color: var(--gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}

.slider-arrow:hover {
  background: var(--gold);
  color: var(--white);
}

.slider-prev {
  left: 15px;
}

.slider-next {
  right: 15px;
}

/* Slider Dots Indicator */
.slider-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 10;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid var(--gold);
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
  background: var(--gold);
  width: 28px;
  border-radius: 6px;
}

/* 4. Bottom Stats Strip */
.stats-strip {
  background-color: #00142d;
  padding: 25px 50px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  align-items: center;
}

.stat-box {
  display: flex;
  align-items: center;
  gap: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  padding-right: 15px;
}

.stat-box:last-child {
  border-right: none;
}

.stat-box i {
  color: var(--gold);
  font-size: 28px;
}

.stat-info h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  line-height: 1.2;
}

.stat-info p {
  font-size: 11px;
  color: var(--text-gray);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}



/* Brand Logo Styling */
.brand-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.logo-img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.brand-text h1 {
  font-family: var(--font-heading);
  /* 'Cinzel', serif */
  font-size: 20px;
  color: var(--navy);
  letter-spacing: 1.2px;
  line-height: 1.1;
  font-weight: 800;
  margin: 0;
}

.brand-text span {
  font-size: 10px;
  letter-spacing: 1.5px;
  color: var(--text-gray);
  text-transform: uppercase;
  display: block;
  margin-top: 2px;
  font-weight: 600;
  text-align: center;
}







/* ==========================================
   AXIOM PRESS - OUR SERVICES SECTION STYLES
   ========================================== */

#ax-services-section {
  background-color: #F7F4EF;
  /* Off-white / Cream background */
  padding: 70px 30px;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

#ax-services-section .ax-serv-container {
  max-width: 1240px;
  margin: 0 auto;
}

/* Header Styling */
#ax-services-section .ax-serv-header {
  text-align: center;
  margin-bottom: 45px;
}

#ax-services-section .ax-serv-tag {
  color: #C9962E;
  /* Gold Primary */
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}

#ax-services-section .ax-serv-title {
  font-family: 'Cinzel', serif;
  font-size: 32px;
  color: #1C2B3A;
  /* Dark Slate */
  font-weight: 700;
  margin: 0 0 14px 0;
  line-height: 1.25;
}

/* Divider with Gold Lines and Diamond Icon */
#ax-services-section .ax-serv-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

#ax-services-section .ax-serv-line {
  width: 45px;
  height: 1.5px;
  background-color: #C9962E;
  display: inline-block;
}

#ax-services-section .ax-serv-diamond {
  color: #C9962E;
  font-size: 7px;
}

/* 6-Column Responsive Grid */
#ax-services-section .ax-serv-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

/* Individual Card Styling */
#ax-services-section .ax-serv-card {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 30px 18px 25px 18px;
  text-align: center;
  border: 1px solid rgba(8, 17, 32, 0.06);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ax-services-section .ax-serv-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(8, 17, 32, 0.08);
  border-color: rgba(201, 150, 46, 0.3);
}

/* Icon Box with Gold Circle Glow */
#ax-services-section .ax-serv-icon-box {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

#ax-services-section .ax-serv-icon-box i {
  font-size: 34px;
  color: #0A1B2E;
  /* Navy Blue Icon Line */
  position: relative;
  z-index: 2;
}

#ax-services-section .ax-serv-icon-badge {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: rgba(201, 150, 46, 0.22);
  /* Light Gold Circle Accent */
  border-radius: 50%;
  bottom: 4px;
  right: 6px;
  z-index: 1;
}

/* Card Title */
#ax-services-section .ax-serv-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #1C2B3A;
  margin: 0 0 12px 0;
  line-height: 1.25;
}

/* Card Description */
#ax-services-section .ax-serv-card-desc {
  font-size: 12.5px;
  color: #6C7683;
  /* Muted Gray */
  line-height: 1.5;
  margin: 0;
}

/* Responsive Styles for Tablets and Mobile */
@media (max-width: 1100px) {
  #ax-services-section .ax-serv-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

@media (max-width: 650px) {
  #ax-services-section .ax-serv-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }

  #ax-services-section .ax-serv-title {
    font-size: 24px;
  }

  #ax-services-section {
    padding: 45px 16px;
  }
}







/* ==========================================
   AXIOM PRESS - HOW WE WORK CONTAINER STYLES
   ========================================== */

#ax-process-section {
  /* padding: 50px 20px; */
  width: 100%;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #F7F4EF;
  /* Outer Section Light Background */
}

/* Rounded Dark Box Container (Exact like image) */
#ax-process-section .ax-proc-box {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #081120;
  /* Dark Navy Container */
  border-radius: 16px;
  /* Rounded Corners */
  padding: 45px 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}

/* Header Styling */
#ax-process-section .ax-proc-header {
  text-align: center;
  margin-bottom: 45px;
}

#ax-process-section .ax-proc-tag {
  color: #C9962E;
  /* Gold Accent */
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}

#ax-process-section .ax-proc-title {
  font-family: 'Cinzel', serif;
  font-size: 32px;
  color: #FFFFFF;
  font-weight: 700;
  margin: 0 0 14px 0;
  line-height: 1.2;
}

/* Gold Divider Lines */
#ax-process-section .ax-proc-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

#ax-process-section .ax-proc-line {
  width: 45px;
  height: 1.5px;
  background-color: #C9962E;
  display: inline-block;
}

#ax-process-section .ax-proc-diamond {
  color: #C9962E;
  font-size: 7px;
}

/* Flex Grid Layout for Steps and Arrows */
#ax-process-section .ax-proc-grid {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
}

/* Individual Step Block */
#ax-process-section .ax-proc-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* White Circle Icon with Gold Ring and Number Badge */
#ax-process-section .ax-proc-circle-wrapper {
  position: relative;
  margin-bottom: 20px;
}

#ax-process-section .ax-proc-icon-circle {
  width: 85px;
  height: 85px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 3px solid #C9962E;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 3px rgba(201, 150, 46, 0.25);
  transition: transform 0.3s ease;
}

#ax-process-section .ax-proc-step:hover .ax-proc-icon-circle {
  transform: translateY(-5px);
}

#ax-process-section .ax-proc-icon-circle i {
  font-size: 34px;
  color: #C9962E;
}

/* Numbered Badge (1, 2, 3, 4) */
#ax-process-section .ax-proc-badge {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  background-color: #081120;
  border: 2px solid #C9962E;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Text Content */
#ax-process-section .ax-proc-step-title {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 8px 0;
}

#ax-process-section .ax-proc-step-desc {
  font-size: 12.5px;
  color: #A0AEC0;
  line-height: 1.5;
  margin: 0;
  max-width: 190px;
}

/* Dashed Arrow Connectors */
#ax-process-section .ax-proc-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  color: #C9962E;
  font-size: 20px;
}

/* Responsive Support */
@media (max-width: 900px) {
  #ax-process-section .ax-proc-box {
    padding: 35px 20px;
  }

  #ax-process-section .ax-proc-grid {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  #ax-process-section .ax-proc-arrow {
    transform: rotate(90deg);
    padding-top: 0;
  }
}




/* ==========================================
   AXIOM PRESS - PACKAGES SLIDER STYLES
   ========================================== */

#ax-pkg-slider-section {
  background-color: #F7F4EF;
  padding: 70px 20px;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
  position: relative;
}

#ax-pkg-slider-section .ax-pkg-slider-container {
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
}

/* Header Styling */
#ax-pkg-slider-section .ax-pkg-slider-header {
  text-align: center;
  margin-bottom: 45px;
}

#ax-pkg-slider-section .ax-pkg-slider-tag {
  color: #C9962E;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}

#ax-pkg-slider-section .ax-pkg-slider-title {
  font-family: 'Cinzel', serif;
  font-size: 32px;
  color: #1C2B3A;
  font-weight: 700;
  margin: 0 0 14px 0;
}

#ax-pkg-slider-section .ax-pkg-slider-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

#ax-pkg-slider-section .ax-pkg-slider-line {
  width: 45px;
  height: 1.5px;
  background-color: #C9962E;
  display: inline-block;
}

#ax-pkg-slider-section .ax-pkg-slider-diamond {
  color: #C9962E;
  font-size: 7px;
}

/* Swiper Container Padding */
.ax-pkg-swiper {
  padding: 20px 10px 50px 10px !important;
}

/* Card Style */
#ax-pkg-slider-section .ax-pkg-card {
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 30px 22px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

#ax-pkg-slider-section .ax-pkg-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* Highlighted Card (Economic) */
#ax-pkg-slider-section .ax-pkg-highlight {
  border: 2px solid #C9962E;
  box-shadow: 0 8px 25px rgba(201, 150, 46, 0.2);
}

#ax-pkg-slider-section .ax-pkg-badge-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #C9962E;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

#ax-pkg-slider-section .ax-pkg-highlight .ax-pkg-card-top {
  margin-top: 15px;
}

.ax-pkg-icon {
  font-size: 26px;
  display: block;
  margin-bottom: 8px;
  text-align: center;
}

#ax-pkg-slider-section .ax-pkg-plan-name {
  font-family: 'Cinzel', serif;
  font-size: 18px;
  font-weight: 700;
  color: #1C2B3A;
  text-align: center;
  margin: 0 0 4px 0;
}

#ax-pkg-slider-section .ax-pkg-plan-subtitle {
  font-size: 12px;
  color: #6C7683;
  text-align: center;
  margin: 0 0 15px 0;
}

#ax-pkg-slider-section .ax-pkg-price {
  font-family: 'Cinzel', serif;
  font-size: 24px;
  font-weight: 700;
  color: #C9962E;
  text-align: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #E2E8F0;
}

.ax-pkg-includes {
  font-size: 12px;
  font-weight: 700;
  color: #1C2B3A;
  margin-bottom: 10px;
}

/* Features List */
#ax-pkg-slider-section .ax-pkg-features {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
  flex-grow: 1;
}

#ax-pkg-slider-section .ax-pkg-features li {
  font-size: 12.5px;
  color: #334155;
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.4;
}

#ax-pkg-slider-section .ax-pkg-features li i {
  color: #C9962E;
  font-size: 12px;
  margin-top: 2px;
}

/* Buttons */
#ax-pkg-slider-section .ax-pkg-btn {
  display: block;
  width: 100%;
  padding: 12px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  margin-top: auto;
}

#ax-pkg-slider-section .ax-pkg-btn-outline {
  background-color: transparent;
  border: 1.5px solid #1C2B3A;
  color: #1C2B3A;
}

#ax-pkg-slider-section .ax-pkg-btn-outline:hover {
  background-color: #1C2B3A;
  color: #FFFFFF;
}

#ax-pkg-slider-section .ax-pkg-btn-solid {
  background-color: #C9962E;
  border: 1.5px solid #C9962E;
  color: #FFFFFF;
}

#ax-pkg-slider-section .ax-pkg-btn-solid:hover {
  background-color: #A87B1F;
}

/* Slider Arrows Customization */
.ax-pkg-next,
.ax-pkg-prev {
  color: #C9962E !important;
  background: #FFFFFF;
  width: 45px !important;
  height: 45px !important;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #E2E8F0;
}

.ax-pkg-next::after,
.ax-pkg-prev::after {
  font-size: 18px !important;
  font-weight: bold;
}

.ax-pkg-next:hover,
.ax-pkg-prev:hover {
  background: #C9962E;
  color: #FFFFFF !important;
}

/* Swiper Dots */
.ax-pkg-pagination .swiper-pagination-bullet-active {
  background: #C9962E !important;
}




/* ==========================================
   AXIOM PRESS - TESTIMONIALS SLIDER STYLES
   ========================================== */

#ax-tst-slider-section {
  background-color: #FFFFFF;
  padding: 70px 20px;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
  position: relative;
}

#ax-tst-slider-section .ax-tst-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* Header Styling */
#ax-tst-slider-section .ax-tst-header {
  text-align: center;
  margin-bottom: 45px;
}

#ax-tst-slider-section .ax-tst-tag {
  color: #C9962E;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}

#ax-tst-slider-section .ax-tst-title {
  font-family: 'Cinzel', serif;
  font-size: 30px;
  color: #1C2B3A;
  font-weight: 700;
  margin: 0 0 14px 0;
  line-height: 1.25;
}

#ax-tst-slider-section .ax-tst-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

#ax-tst-slider-section .ax-tst-line {
  width: 45px;
  height: 1.5px;
  background-color: #C9962E;
  display: inline-block;
}

#ax-tst-slider-section .ax-tst-diamond {
  color: #C9962E;
  font-size: 7px;
}

/* Swiper Container Spacing */
.ax-tst-swiper {
  padding: 10px 10px 50px 10px !important;
}

/* Testimonial Card Style */
#ax-tst-slider-section .ax-tst-card {
  background-color: #FFFFFF;
  border: 1px solid #EAEFEF;
  border-radius: 12px;
  padding: 25px 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
  height: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

#ax-tst-slider-section .ax-tst-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
  border-color: #CBD5E1;
}

/* Avatar Image */
#ax-tst-slider-section .ax-tst-avatar {
  flex-shrink: 0;
}

#ax-tst-slider-section .ax-tst-avatar img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Content Details */
#ax-tst-slider-section .ax-tst-content {
  display: flex;
  flex-direction: column;
}

#ax-tst-slider-section .ax-tst-stars {
  color: #C9962E;
  font-size: 12px;
  margin-bottom: 8px;
  display: flex;
  gap: 3px;
}

#ax-tst-slider-section .ax-tst-quote {
  font-size: 12.5px;
  color: #334155;
  line-height: 1.5;
  margin: 0 0 12px 0;
  font-weight: 500;
}

#ax-tst-slider-section .ax-tst-author {
  font-size: 13px;
  font-weight: 700;
  color: #1C2B3A;
  margin: 0 0 2px 0;
}

#ax-tst-slider-section .ax-tst-book {
  font-size: 11.5px;
  color: #64748B;
  display: block;
}

/* Custom Swiper Navigation Arrows */
.ax-tst-next,
.ax-tst-prev {
  color: #C9962E !important;
  background: #FFFFFF;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  border: 1px solid #EAEFEF;
}

.ax-tst-next::after,
.ax-tst-prev::after {
  font-size: 16px !important;
  font-weight: bold;
}

.ax-tst-next:hover,
.ax-tst-prev:hover {
  background: #C9962E;
  color: #FFFFFF !important;
}

/* Custom Swiper Dots */
.ax-tst-pagination .swiper-pagination-bullet {
  background: #E2E8F0 !important;
  opacity: 1 !important;
  width: 9px;
  height: 9px;
  transition: all 0.3s ease;
}

.ax-tst-pagination .swiper-pagination-bullet-active {
  background: #C9962E !important;
  width: 22px;
  border-radius: 5px;
}

/* Responsive Support */
@media (max-width: 640px) {
  #ax-tst-slider-section .ax-tst-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #ax-tst-slider-section .ax-tst-stars {
    justify-content: center;
  }

  .ax-tst-next,
  .ax-tst-prev {
    display: none !important;
  }
}








/* ==========================================
   AXIOM PRESS - FOOTER & CTA SECTION STYLES
   ========================================== */

#ax-footer-section {
  background-color: #00132d;
  color: #FFFFFF;
  font-family: 'Plus Jakarta Sans', sans-serif;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

#ax-footer-section .ax-ft-container {
  max-width: 1275px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ------------------------------------------
   1. TOP CTA BANNER STYLES
   ------------------------------------------ */
#ax-footer-section .ax-ft-cta-banner {
  background: linear-gradient(180deg, #0A1628 0%, #00132d 100%);
  border-top: 2px solid #C9962E;
  /* Gold Top Highlight Line */
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  /* padding: 5px 0; */
}

#ax-footer-section .ax-ft-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* #ax-footer-section .ax-ft-cta-graphic {
  flex-shrink: 0;
} */

#ax-footer-section .ax-ft-book-img {
  width: 250px;
  height: 110px;
  /* margin-top: -80px; */
  object-fit: cover;
  /* border-radius: 6px; */
  /* box-shadow: 0 4px 15px rgba(201, 150, 46, 0.2);
  filter: brightness(0.9) contrast(1.1); */
}

#ax-footer-section .ax-ft-cta-content {
  flex-grow: 1;
  padding: 0 15px;
}

#ax-footer-section .ax-ft-cta-title {
  font-family: 'Cinzel', serif;
  font-size: 26px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 6px 0;
  letter-spacing: 0.5px;
}

#ax-footer-section .ax-ft-cta-subtitle {
  font-size: 14px;
  color: #CBD5E1;
  margin: 0;
}

#ax-footer-section .ax-ft-cta-action {
  flex-shrink: 0;
}

#ax-footer-section .ax-ft-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #C9962E;
  /* Gold Accent */
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 14px 28px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(201, 150, 46, 0.3);
}

#ax-footer-section .ax-ft-cta-btn:hover {
  background-color: #A87B1F;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(201, 150, 46, 0.4);
}

/* ------------------------------------------
   2. MAIN FOOTER GRID & COLUMNS STYLES
   ------------------------------------------ */
#ax-footer-section .ax-ft-main {
  padding: 40px 0 40px 0;
}

#ax-footer-section .ax-ft-grid {
    display: grid;
    grid-template-columns: 1.3fr 0.5fr 0.7fr 0.6fr 0.6fr;
    gap: 20px;
}

#ax-footer-section .ax-ft-col {
  padding-right: 15px;
  position: relative;
}

/* Vertical Dividers Between Columns (Matching Image) */
#ax-footer-section .ax-ft-col:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.08);
}

/* Logo Styling */
#ax-footer-section .ax-ft-brand-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

#ax-footer-section .ax-ft-logo-icon {
  font-size: 32px;
  color: #C9962E;
}

#ax-footer-section .ax-ft-logo-text {
  display: flex;
  flex-direction: column;
}

#ax-footer-section .ax-ft-logo-title {
  font-family: 'Cinzel', serif;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  line-height: 1;
}

#ax-footer-section .ax-ft-logo-tagline {
  font-size: 11px;
  color: #C9962E;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 4px;
}

#ax-footer-section .ax-ft-brand-desc {
  font-size: 13.5px;
  color: #FFFFFF;
  line-height: 1.6;
  margin: 0 0 10px 0;
}

/* Social Icons */
#ax-footer-section .ax-ft-socials {
  display: flex;
  align-items: center;
  gap: 12px;
}

#ax-footer-section .ax-ft-socials a {
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.3s ease;
}

#ax-footer-section .ax-ft-socials a:hover {
  background-color: #C9962E;
  border-color: #C9962E;
  transform: translateY(-2px);
}

/* Column Titles */
#ax-footer-section .ax-ft-col-title {
  font-size: 14px;
  font-weight: 700;
  color: #c9962e;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

/* Lists and Links */
#ax-footer-section .ax-ft-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#ax-footer-section .ax-ft-list li {
  margin-bottom: 10px;
}

#ax-footer-section .ax-ft-list a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.3s ease;
}

#ax-footer-section .ax-ft-list a:hover {
  color: #C9962E;
}

/* Contact Info Column */
#ax-footer-section .ax-ft-contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
}

#ax-footer-section .ax-ft-contact-info li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

#ax-footer-section .ax-ft-contact-icon {
  color: #C9962E;
  font-size: 14px;
  margin-top: 3px;
  flex-shrink: 0;
}

#ax-footer-section .ax-ft-contact-info div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

#ax-footer-section .ax-ft-contact-info span,
#ax-footer-section .ax-ft-contact-info a {
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.4;
}

#ax-footer-section .ax-ft-contact-info a:hover {
  color: #C9962E;
}

#ax-footer-section .ax-ft-phone-num {
  font-size: 14px !important;
  font-weight: 700;
  color: #FFFFFF !important;
}

/* ------------------------------------------
   3. BOTTOM BAR STYLES
   ------------------------------------------ */
#ax-footer-section .ax-ft-bottom-bar {
  background-color: #00132d;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 16px 0;
}

#ax-footer-section .ax-ft-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ax-footer-section .ax-ft-copyright {
  font-size: 14px;
  color: #FFFFFF;
  margin: 0;
}

#ax-footer-section .ax-ft-bottom-links {
  display: flex;
  align-items: center;
  gap: 10px;
}

#ax-footer-section .ax-ft-bottom-links a {
  font-size: 14px;
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.3s ease;
}

#ax-footer-section .ax-ft-bottom-links a:hover {
  color: #C9962E;
}

#ax-footer-section .ax-ft-sep {
  color: #334155;
  font-size: 11px;
}

/* ------------------------------------------
   4. FLOATING WHATSAPP BUTTON
   ------------------------------------------ */
#ax-footer-section .ax-ft-whatsapp-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 50px;
  height: 50px;
  background-color: #25D366;
  color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
  z-index: 9999;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#ax-footer-section .ax-ft-whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

/* ------------------------------------------
   5. RESPONSIVE BREAKPOINTS
   ------------------------------------------ */
@media (max-width: 1024px) {
  #ax-footer-section .ax-ft-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
  }

  #ax-footer-section .ax-ft-col-brand {
    grid-column: span 3;
  }

  #ax-footer-section .ax-ft-col::after {
    display: none;
    /* Hide vertical dividers on tablet */
  }
}

@media (max-width: 768px) {
  #ax-footer-section .ax-ft-cta-inner {
    flex-direction: column;
    text-align: center;
  }

  #ax-footer-section .ax-ft-cta-content {
    padding: 10px 0;
  }

  #ax-footer-section .ax-ft-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  #ax-footer-section .ax-ft-col-brand {
    grid-column: span 2;
  }

  #ax-footer-section .ax-ft-bottom-inner {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}

/* ======================================================================
   RESPONSIVE SITE HEADER
   Kept at the end of the stylesheet so it consistently overrides older
   header rules used throughout the site.
   ====================================================================== */
.main-header {
  gap: 24px;
}

.brand-logo,
.header-right {
  flex-shrink: 0;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nav-container {
  min-width: 0;
}

@media (min-width: 1151px) and (max-width: 1320px) {
  .main-header {
    padding-inline: 28px;
    gap: 18px;
  }

  .nav-menu {
    gap: 15px;
  }

  .nav-link {
    font-size: 12px;
  }

  .desktop-cta {
    padding: 11px 16px;
    font-size: 11px;
  }
}

/* Use the drawer before the desktop navigation becomes cramped. */
@media (max-width: 1150px) {
  .main-header {
    padding: 10px clamp(18px, 4vw, 40px);
  }

  .mobile-toggle {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(10, 27, 46, 0.14);
    border-radius: 6px;
    color: var(--navy);
  }

  .desktop-cta {
    display: none;
  }

  .nav-container {
    position: fixed;
    top: 0;
    right: 0;
    width: min(86vw, 360px);
    height: 100dvh;
    padding: max(88px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom));
    background: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translateX(105%);
    visibility: hidden;
    transition: transform 0.35s cubic-bezier(.22, .61, .36, 1), visibility 0.35s;
    z-index: 1002;
    box-shadow: -12px 0 32px rgba(0, 0, 0, 0.2);
  }

  .nav-container.active {
    right: 0;
    transform: translateX(0);
    visibility: visible;
  }

  .nav-menu {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
  }

  .nav-menu > li {
    width: 100%;
  }

  .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 10px 0;
    font-size: 1rem;
    border-bottom: 1px solid rgba(10, 27, 46, 0.08);
  }

  .nav-link.active::after {
    bottom: 5px;
    width: 32px;
  }

  .mobile-cta-wrapper {
    display: block;
    width: 100%;
    margin-top: 28px;
  }

  .mobile-cta-wrapper .btn-gold {
    width: 100%;
    justify-content: center;
  }

  .ap-nav-dropdown .ap-dropdown-menu {
    position: static;
    display: none;
    min-width: 0;
    margin: 0 0 8px;
    padding: 4px 0;
    border-top: 0;
    border-radius: 4px;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: var(--navy);
  }

  .ap-nav-dropdown.active .ap-dropdown-menu {
    display: block;
  }

  .ap-nav-dropdown.active .ap-dropdown-arrow {
    transform: rotate(180deg);
  }

  .ap-dropdown-menu li a {
    padding: 10px 14px;
  }

  .menu-overlay {
    z-index: 1001;
  }

  .mobile-toggle {
    z-index: 1003;
  }
}

@media (max-width: 640px) {
  .top-bar {
    padding: 7px 16px;
  }

  .top-info {
    gap: 14px;
  }

  .top-info-item {
    font-size: 11px;
    gap: 5px;
  }

  .main-header {
    padding: 9px 16px;
    gap: 12px;
  }

  .logo-img {
    width: 44px;
    height: 44px;
  }

  .brand-logo {
    gap: 8px;
  }

  .brand-text h1 {
    font-size: 16px;
    letter-spacing: 0.8px;
  }

  .brand-text span {
    font-size: 7px;
    letter-spacing: 1px;
  }

  .nav-container {
    width: min(90vw, 340px);
    padding-inline: 22px;
  }
}

@media (max-width: 420px) {
  .top-info .top-info-item:nth-child(n + 2) {
    display: none;
  }

  .top-info-item {
    font-size: 12px;
  }

  .brand-text h1 {
    font-size: 14px;
  }

  .brand-text span {
    font-size: 6px;
  }

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

@media (max-width: 480px) {
  #ax-footer-section .ax-ft-grid {
    grid-template-columns: 1fr;
  }

  #ax-footer-section .ax-ft-col-brand {
    grid-column: span 1;
  }
}


#ax-footer-section .ax-ft-brand-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

/* Image Logo Styling */
#ax-footer-section .ax-ft-logo-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 50%;
  /* Gol shape ke liye */
  flex-shrink: 0;
}

#ax-footer-section .ax-ft-logo-text {
  display: flex;
  flex-direction: column;
}

#ax-footer-section .ax-ft-logo-title {
  font-family: 'Cinzel', serif;
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1.5px;
  line-height: 1;
}

#ax-footer-section .ax-ft-logo-tagline {
  font-size: 11px;
  color: #C9962E;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 4px;
}


.ax-serv-header p {
  color: #000;
  margin-bottom: 15px;
}











/* Mobile Responsive CSS & Navigation Drawer */

.mobile-toggle {
  display: none;
  background: transparent;
  border: none;
  color: var(--text-light, #000);
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 1001;
  padding: 5px;
}

.mobile-toggle .icon-close {
  display: none;
}

.mobile-toggle.active .icon-open {
  display: none;
}

.mobile-toggle.active .icon-close {
  display: block;
  color: var(--gold-primary, #d4af37);
}

.mobile-cta-wrapper {
  display: none;
}

.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.menu-overlay.active {
  /* opacity: 1; */
  visibility: visible;
}

/* Screen <= 1024px (Laptops / Tablets) */
@media (max-width: 1024px) {
  .slide {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 50px 5%;
  }

  .side-panels-wrapper {
    /* justify-content: flex-start; */
    display: none;
  }

  .side-panels {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .stats-strip {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Screen <= 868px (Mobile & Small Tablets Menu Active) */
@media (max-width: 868px) {
  .top-info .top-info-item:nth-child(n+3) {
    display: none;
  }

  .mobile-toggle {
    display: block;
  }

  .desktop-cta {
    display: none;
  }

  .nav-container {
    position: fixed;
    top: 0;
    right: -100%;
    width: 280px;
    height: 100vh;
    background: #FFFFFF;
    padding: 90px 25px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 999;
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.5);
  }

  .nav-container.active {
    right: 0;
  }

  .nav-menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .nav-link {
    font-size: 1.1rem;
  }

  .mobile-cta-wrapper {
    display: block;
    width: 100%;
    margin-top: 20px;
  }

  .mobile-cta-wrapper .btn-gold {
    width: 100%;
    justify-content: center;
  }

  .hero-features {
    /* grid-template-columns: repeat(2, 1fr); */
    gap: 20px;
  }

  .slider-arrow {
    display: none;
  }
}

/* Screen <= 576px (Small Mobile Phones) */
@media (max-width: 576px) {
  .top-bar {
    justify-content: center;
  }

  .social-links {
    display: none;
  }

  .brand-text h1 {
    font-size: 1.1rem;
  }

  .brand-text span {
    font-size: 0.58rem;
  }

  .hero-title {
    font-size: 1.75rem;
  }

  .hero-desc {
    font-size: 0.9rem;
  }

  .hero-cta {
    flex-direction: column;
  }

  .hero-cta a {
    width: 100%;
    justify-content: center;
  }

  .side-panels {
    grid-template-columns: 1fr;
  }

  .stats-strip {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

/* Screen <= 380px (Extra Small Mobile) */
@media (max-width: 380px) {

  .stats-strip,
  .hero-features {
    /* grid-template-columns: 1fr; */
  }
}
















/* =========================================================
   AXIOM PRESS
   PUBLISHING PACKAGES INNER PAGE
========================================================= */

#axp-packages-page {

    --axp-navy: #0b1f3a;
    --axp-navy-dark: #061326;

    --axp-gold: #d4af37;
    --axp-gold-light: #e6c75c;

    --axp-text: #1c2a3a;
    --axp-muted: #778392;

    --axp-border: #e8ebef;
    --axp-light: #f8f9fa;

    width: 100%;

    overflow: hidden;

    background: #fff;

    /* font-family:
        'Poppins',
        sans-serif; */
}


/* RESET */

#axp-packages-page *,
#axp-packages-page *::before,
#axp-packages-page *::after {

    box-sizing: border-box;
}


/* CONTAINER */

#axp-packages-page .axp-packages-container {

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

    padding-left: 25px;

    padding-right: 25px;
}


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

#axp-packages-page .axp-packages-hero {

    position: relative;

    min-height: 245px;

    display: flex;

    align-items: center;

    overflow: hidden;

   /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("/axiom-press/assets/image/bar.jpeg");
}


/* Decorative lines */

#axp-packages-page .axp-packages-hero::before {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    right: -120px;

    top: -100px;

    border: 1px solid
        rgba(212,175,55,.16);

    border-radius: 50%;
}


#axp-packages-page .axp-packages-hero::after {

    content: "";

    position: absolute;

    width: 210px;

    height: 210px;

    right: -65px;

    top: -55px;

    border: 1px solid
        rgba(212,175,55,.1);

    border-radius: 50%;
}


#axp-packages-page .axp-packages-hero-pattern {

    position: absolute;

    inset: 0;

    opacity: .18;

    background-image:

        linear-gradient(
            rgba(255,255,255,.04) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.04) 1px,
            transparent 1px
        );

    background-size: 55px 55px;
}


#axp-packages-page .axp-packages-breadcrumb-wrap {

    position: relative;

    z-index: 2;
}


#axp-packages-page .axp-packages-breadcrumb-label {

    display: inline-block;

    margin-bottom: 10px;

    color: var(--axp-gold-light);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;
}


#axp-packages-page .axp-packages-hero-title {

    margin: 0 0 16px;

    color: #fff;

    font-family:
        'Playfair Display',
        Georgia,
        serif;

    font-size: 47px;

    font-weight: 500;

    line-height: 1.1;
}


#axp-packages-page .axp-packages-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;
}


#axp-packages-page .axp-packages-breadcrumb a {

    color: #fff;

    text-decoration: none;

    font-size: 11px;

    transition: .3s ease;
}


#axp-packages-page .axp-packages-breadcrumb a:hover {

    color: var(--axp-gold-light);
}


#axp-packages-page .axp-packages-breadcrumb i {

    color: var(--axp-gold);

    font-size: 8px;
}


#axp-packages-page .axp-packages-breadcrumb span {

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

    font-size: 11px;
}


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

#axp-packages-page .axp-packages-section {

    padding: 50px 0 50px;

    background:

        radial-gradient(
            circle at 5% 10%,
            rgba(212,175,55,.045),
            transparent 25%
        ),

        #fff;
}


/* =========================================================
   HEADER
========================================================= */

#axp-packages-page .axp-packages-section-header {

    max-width: 720px;

    margin: 0 auto 65px;

    text-align: center;
}


#axp-packages-page .axp-packages-section-tag {

    display: inline-block;

    margin-bottom: 12px;

    color: var(--axp-gold);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 3.5px;
}


#axp-packages-page .axp-packages-section-title {

    margin: 0;

    color: var(--axp-navy);

    font-family:
        'Playfair Display',
        Georgia,
        serif;

    font-size: 54px;

    line-height: 1.1;

    font-weight: 500;
}


/* DIVIDER */

#axp-packages-page .axp-packages-divider {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    margin: 19px 0 18px;
}


#axp-packages-page .axp-packages-divider-line {

    width: 65px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--axp-gold)
        );
}


#axp-packages-page
.axp-packages-divider-line:last-child {

    background:
        linear-gradient(
            90deg,
            var(--axp-gold),
            transparent
        );
}


#axp-packages-page .axp-packages-divider-icon {

    color: var(--axp-gold);

    font-size: 7px;

    transform: rotate(45deg);
}


#axp-packages-page .axp-packages-section-description {

    max-width: 620px;

    margin: auto;

    color: #000;

    font-size: 14px;

    line-height: 1.9;
}


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

#axp-packages-page .axp-packages-grid {

    display: grid;

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

    gap: 25px;

    align-items: stretch;
}


/* FIRST ROW */

#axp-packages-page
.axp-package-card:nth-child(1),
#axp-packages-page
.axp-package-card:nth-child(2),
#axp-packages-page
.axp-package-card:nth-child(3) {

    grid-column: span 2;
}


/* SECOND ROW CENTER */

#axp-packages-page
.axp-package-card:nth-child(4) {

    grid-column: 2 / span 2;
}


#axp-packages-page
.axp-package-card:nth-child(5) {

    grid-column: 4 / span 2;
}


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

#axp-packages-page .axp-package-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    background: #fff;

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

    box-shadow:
        0 12px 35px
        rgba(7,20,38,.055);

    overflow: hidden;

    opacity: 0;

    transform:
        translateY(35px);

    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.2,.75,.2,1),
        box-shadow .4s ease,
        border-color .4s ease;
}


/* ACTIVE */

#axp-packages-page
.axp-package-card.axp-package-visible {

    opacity: 1;
    transform: translateY(0);
    border-radius: 12px;
}


/* TOP GOLD LINE */

#axp-packages-page
.axp-package-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--axp-gold),
            var(--axp-gold-light)
        );

    transform:
        scaleX(0);

    transform-origin: left;

    transition: .45s ease;

    z-index: 2;
}


#axp-packages-page
.axp-package-card:hover {

    border-color:
        rgba(212,175,55,.45);

    box-shadow:
        0 25px 55px
        rgba(7,20,38,.12);

    transform:
        translateY(-8px);
}


#axp-packages-page
.axp-package-card:hover::before {

    transform:
        scaleX(1);
}


/* =========================================================
   FEATURED
========================================================= */

#axp-packages-page
.axp-package-featured {

    border-color:
        rgba(212,175,55,.65);

    box-shadow:
        0 18px 50px
        rgba(212,175,55,.12);
}


/* =========================================================
   RIBBON
========================================================= */

#axp-packages-page
.axp-package-ribbon {

    position: absolute;

    top: 0;

    right: 20px;

    padding: 9px 13px;

    color: var(--axp-navy);

    background:
        var(--axp-gold);

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1px;

    z-index: 5;
}


#axp-packages-page
.axp-package-ribbon i {

    margin-right: 4px;

    font-size: 7px;
}


/* =========================================================
   CARD TOP
========================================================= */

#axp-packages-page .axp-package-top {

    position: relative;
    padding: 25px 28px 10px;
}


#axp-packages-page .axp-package-number {

    position: absolute;

    top: 24px;

    right: 25px;

    color: #edf0f3;

    font-family:
        'Playfair Display',
        Georgia,
        serif;

    font-size: 44px;

    line-height: 1;
}


/* =========================================================
   ICON
========================================================= */

#axp-packages-page .axp-package-icon {

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    color: var(--axp-gold);

    background:
        rgba(212,175,55,.07);

    border: 1px solid
        rgba(212,175,55,.3);

    font-size: 17px;

    transition: .4s ease;
}


#axp-packages-page
.axp-package-card:hover
.axp-package-icon {

    color: #fff;

    background:
        var(--axp-navy);

    transform:
        translateY(-3px);
}


/* =========================================================
   CARD TEXT
========================================================= */

#axp-packages-page .axp-package-kicker {

    display: block;

    /* margin-bottom: 7px; */

    color: #c9962e;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.8px;
}


#axp-packages-page .axp-package-title {

    margin: 0 0 8px;

    color: var(--axp-navy);

    font-family:
        'Playfair Display',
        Georgia,
        serif;

    font-size: 28px;

    font-weight: 600;
}


#axp-packages-page .axp-package-text {

    min-height: 30px;

    margin: 0;

    color: #000;

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   PRICE
========================================================= */

#axp-packages-page .axp-package-price {

    display: flex;

    align-items: baseline;

    flex-wrap: wrap;

    gap: 3px;

    /* margin-top: 21px; */

    padding-top: 15px;

    border-top: 1px solid
        #edf0f2;
}


#axp-packages-page .axp-package-price span {

    width: 100%;

    margin-bottom: 5px;

    color: #c9962e;

    font-size: 10px;

    font-weight: 700;

    /* letter-spacing: 1.5px; */
}


#axp-packages-page .axp-package-price strong {

    color: var(--axp-navy);

    font-size: 27px;

    line-height: 1;

    font-weight: 700;
}


#axp-packages-page .axp-package-price small {

    color: var(--axp-gold);

    font-size: 12px;

    font-weight: 700;
}


/* =========================================================
   DIVIDER
========================================================= */

#axp-packages-page .axp-package-divider {

    height: 1px;

    margin: 0 28px;

    background:
        #edf0f2;
}


/* =========================================================
   CARD BODY
========================================================= */

#axp-packages-page .axp-package-body {

    flex: 1;

    padding: 24px 28px 10px;
}


#axp-packages-page .axp-package-body h4 {

    margin: 0 0 8px;

    color: var(--axp-navy);

    font-size: 14px;

    font-weight: 800;

    /* letter-spacing: 1.5px; */
}


/* PLUS */

#axp-packages-page .axp-package-plus {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 17px;

    padding: 9px 11px;

    color: #725f27;

    background:
        #fcf8e9;

    border-left:
        2px solid var(--axp-gold);

    font-size: 8px;

    font-weight: 600;
}


#axp-packages-page .axp-package-plus i {

    color: var(--axp-gold);

    font-size: 7px;
}


/* FEATURES */

#axp-packages-page .axp-package-body ul {

    margin: 0;

    padding: 0;

    list-style: none;
}


#axp-packages-page .axp-package-body li {

    display: flex;

    align-items: flex-start;

    gap: 9px;

    padding: 8px 0;

    color: #000;

    font-size: 14px;

    /* line-height: 1.45; */

    border-bottom:
        1px dashed #edf0f2;
}


#axp-packages-page
.axp-package-body li i {

    flex: 0 0 auto;

    margin-top: 3px;

    color: var(--axp-gold);

    font-size: 7px;
}


/* =========================================================
   FOOTER BUTTON
========================================================= */

#axp-packages-page .axp-package-footer {

    padding: 15px 28px 28px;
}


#axp-packages-page .axp-package-btn {

    min-height: 46px;
    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    color: var(--axp-navy);

    background: #fff;

    border: 1px solid
        var(--axp-navy);

    text-decoration: none;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.2px;

    transition: .35s ease;
}


#axp-packages-page .axp-package-btn i {

    transition: .3s ease;
}


#axp-packages-page .axp-package-btn:hover {

    color: #fff;

    background:
        var(--axp-navy);

    transform:
        translateY(-2px);
}


#axp-packages-page .axp-package-btn:hover i {

    transform:
        translateX(5px);
}


/* GOLD BUTTON */

#axp-packages-page
.axp-package-btn-gold {

    color: var(--axp-navy);

    background:
        var(--axp-gold);

    border-color:
        var(--axp-gold);
}


#axp-packages-page
.axp-package-btn-gold:hover {

    color: var(--axp-navy);

    background:
        var(--axp-gold-light);

    border-color:
        var(--axp-gold-light);
}


/* =========================================================
   GOLD CARD
========================================================= */

#axp-packages-page
.axp-package-gold {

    background:
        linear-gradient(
            180deg,
            #fffdf6 0%,
            #fff 38%
        );
}


/* =========================================================
   BOTTOM CTA
========================================================= */

#axp-packages-page .axp-packages-cta {

    padding: 25px 0;

    /* background:
        var(--axp-navy-dark); */
}


#axp-packages-page .axp-packages-cta-box {

    display: flex;
    border-radius: 10px;

    align-items: center;

    gap: 25px;

    padding: 32px 38px;

    border:
        1px solid
        rgba(212,175,55,.25);

    background:
        #061326;
}


#axp-packages-page .axp-packages-cta-icon {

    width: 58px;

    height: 58px;

    flex: 0 0 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--axp-gold);

    border:
        1px solid
        rgba(212,175,55,.4);
}


#axp-packages-page .axp-packages-cta-content {

    flex: 1;
}


#axp-packages-page .axp-packages-cta-content span {

    color: var(--axp-gold-light);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2px;
}


#axp-packages-page .axp-packages-cta-content h2 {

    margin: 5px 0 0;

    color: #fff;

    font-family:
        'Playfair Display',
        Georgia,
        serif;

    font-size: 29px;

    font-weight: 500;
}


#axp-packages-page
.axp-packages-cta-content h2 em {

    color: var(--axp-gold-light);

    font-style: normal;
}


#axp-packages-page
.axp-packages-cta-button {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 15px 22px;

    color: #FFFFFF;

    background:
        #c9962e;

    text-decoration: none;

    font-size: 11px;
    border-radius: 10px;

    font-weight: 800;

    letter-spacing: 1px;

    transition: .35s ease;
}


#axp-packages-page
.axp-packages-cta-button:hover {

    color: var(--axp-navy);

    background: #fff;

    transform:
        translateY(-3px);
}


#axp-packages-page
.axp-packages-cta-button i {

    transition: .3s ease;
}


#axp-packages-page
.axp-packages-cta-button:hover i {

    transform:
        translateX(5px);
}


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

@media (max-width: 1100px) {

    #axp-packages-page .axp-packages-grid {

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


    #axp-packages-page
    .axp-package-card:nth-child(1),
    #axp-packages-page
    .axp-package-card:nth-child(2),
    #axp-packages-page
    .axp-package-card:nth-child(3),
    #axp-packages-page
    .axp-package-card:nth-child(4),
    #axp-packages-page
    .axp-package-card:nth-child(5) {

        grid-column: auto;
    }

}


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

@media (max-width: 767px) {

    #axp-packages-page
    .axp-packages-container {

        padding-left: 18px;

        padding-right: 18px;
    }


    #axp-packages-page
    .axp-packages-hero {

        min-height: 200px;
    }


    #axp-packages-page
    .axp-packages-hero-title {

        font-size: 38px;
    }


    #axp-packages-page
    .axp-packages-section {

        padding: 65px 0 75px;
    }


    #axp-packages-page
    .axp-packages-section-header {

        margin-bottom: 42px;
    }


    #axp-packages-page
    .axp-packages-section-title {

        font-size: 40px;
    }


    #axp-packages-page
    .axp-packages-grid {

        grid-template-columns: 1fr;

        gap: 20px;
    }


    #axp-packages-page
    .axp-package-card:nth-child(1),
    #axp-packages-page
    .axp-package-card:nth-child(2),
    #axp-packages-page
    .axp-package-card:nth-child(3),
    #axp-packages-page
    .axp-package-card:nth-child(4),
    #axp-packages-page
    .axp-package-card:nth-child(5) {

        grid-column: auto;
    }


    #axp-packages-page
    .axp-packages-cta-box {

        flex-direction: column;

        text-align: center;

        padding: 30px 20px;
    }


    #axp-packages-page
    .axp-packages-cta-icon {

        margin: 0 auto;
    }


    #axp-packages-page
    .axp-packages-cta-button {

        margin-top: 5px;
    }

}


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

@media (max-width: 480px) {

    #axp-packages-page
    .axp-packages-hero-title {

        font-size: 32px;
    }


    #axp-packages-page
    .axp-packages-section-title {

        font-size: 34px;
    }


    #axp-packages-page
    .axp-packages-section-tag {

        font-size: 8px;

        letter-spacing: 2.5px;
    }


    #axp-packages-page
    .axp-packages-divider-line {

        width: 45px;
    }


    #axp-packages-page
    .axp-package-top {

        padding-left: 23px;

        padding-right: 23px;
    }


    #axp-packages-page
    .axp-package-body {

        padding-left: 23px;

        padding-right: 23px;
    }


    #axp-packages-page
    .axp-package-footer {

        padding-left: 23px;

        padding-right: 23px;
    }


    #axp-packages-page
    .axp-package-divider {

        margin-left: 23px;

        margin-right: 23px;
    }

}


















/* =========================================================
   AXIOM PRESS
   CONTACT & AUTHOR ENQUIRY PAGE
========================================================= */

#axp-contact-page {

    --axp-contact-navy: #0b1f3a;
    --axp-contact-dark: #061326;

    --axp-contact-gold: #d4af37;
    --axp-contact-gold-light: #e5c55c;

    --axp-contact-text: #1b2a3b;
    --axp-contact-muted: #788492;

    --axp-contact-border: #e7ebef;

    width: 100%;

    overflow: hidden;

    background: #fff;

    font-family:
        "Poppins",
        sans-serif;
}


#axp-contact-page *,
#axp-contact-page *::before,
#axp-contact-page *::after {

    box-sizing: border-box;
}


#axp-contact-page
.axp-contact-container {

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

    padding-left: 25px;

    padding-right: 25px;
}


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

#axp-contact-page
.axp-contact-hero {

    position: relative;

    min-height: 250px;

    display: flex;

    align-items: center;

    overflow: hidden;

    /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("../image/bar.jpeg");
}


#axp-contact-page
.axp-contact-hero-pattern {

    position: absolute;

    inset: 0;

    opacity: .18;

    background-image:

        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size: 55px 55px;
}


#axp-contact-page
.axp-contact-hero::before {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    right: -120px;

    top: -120px;

    border: 1px solid
        rgba(212,175,55,.18);

    border-radius: 50%;
}


#axp-contact-page
.axp-contact-hero::after {

    content: "";

    position: absolute;

    width: 220px;

    height: 220px;

    right: -65px;

    top: -65px;

    border: 1px solid
        rgba(212,175,55,.11);

    border-radius: 50%;
}


#axp-contact-page
.axp-contact-hero-content {

    position: relative;

    z-index: 2;
}


#axp-contact-page
.axp-contact-hero-tag {

    display: inline-block;

    margin-bottom: 10px;

    color:
        var(--axp-contact-gold-light);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;
}


#axp-contact-page
.axp-contact-hero-title {

    margin: 0 0 15px;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 48px;

    font-weight: 500;

    line-height: 1.1;
}


#axp-contact-page
.axp-contact-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;
}


#axp-contact-page
.axp-contact-breadcrumb a {

    color: #fff;

    text-decoration: none;

    font-size: 11px;

    transition: .3s ease;
}


#axp-contact-page
.axp-contact-breadcrumb a:hover {

    color:
        var(--axp-contact-gold-light);
}


#axp-contact-page
.axp-contact-breadcrumb i {

    color:
        var(--axp-contact-gold);

    font-size: 8px;
}


#axp-contact-page
.axp-contact-breadcrumb span {

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

    font-size: 11px;
}


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

#axp-contact-page
.axp-contact-main {

    padding: 50px 0 50px;

    background:

        radial-gradient(
            circle at 0 15%,
            rgba(212,175,55,.045),
            transparent 25%
        ),

        #fff;
}


/* =========================================================
   SECTION HEADER
========================================================= */

#axp-contact-page
.axp-contact-section-header {

    max-width: 750px;

    margin: 0 auto 60px;

    text-align: center;
}


#axp-contact-page
.axp-contact-section-tag {

    display: inline-block;

    margin-bottom: 12px;

    color:
        var(--axp-contact-gold);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 3.5px;
}


#axp-contact-page
.axp-contact-section-title {

    margin: 0;

    color:
        var(--axp-contact-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 50px;

    font-weight: 500;

    line-height: 1.15;
}


/* DIVIDER */

#axp-contact-page
.axp-contact-divider {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 13px;

    margin: 19px 0;
}


#axp-contact-page
.axp-contact-divider-line {

    width: 65px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--axp-contact-gold)
        );
}


#axp-contact-page
.axp-contact-divider-line:last-child {

    background:
        linear-gradient(
            90deg,
            var(--axp-contact-gold),
            transparent
        );
}


#axp-contact-page
.axp-contact-divider-icon {

    color:
        var(--axp-contact-gold);

    font-size: 7px;

    transform: rotate(45deg);
}


#axp-contact-page
.axp-contact-section-description {

    max-width: 650px;

    margin: auto;

    color:
        #000;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   LAYOUT
========================================================= */

#axp-contact-page
.axp-contact-layout {

    display: grid;

    grid-template-columns:
        38% 62%;

    border: 1px solid
        var(--axp-contact-border);

    background: #fff;

    box-shadow:
        0 20px 60px
        rgba(7,20,38,.07);
}


/* =========================================================
   LEFT INFORMATION
========================================================= */

#axp-contact-page
.axp-contact-info {

    position: relative;

    padding: 48px 38px;

    overflow: hidden;

    color: #fff;

    background:

        radial-gradient(
            circle at 90% 10%,
            rgba(212,175,55,.16),
            transparent 30%
        ),

        linear-gradient(
            145deg,
            #07152a,
            #0b1f3a
        );
}


#axp-contact-page
.axp-contact-info::before {

    content: "";

    position: absolute;

    width: 250px;

    height: 250px;

    right: -120px;

    bottom: -120px;

    border: 1px solid
        rgba(212,175,55,.14);

    border-radius: 50%;
}


#axp-contact-page
.axp-contact-info-heading {

    position: relative;

    z-index: 2;

    margin-bottom: 34px;
}


#axp-contact-page
.axp-contact-info-heading > span {

    color:
        var(--axp-contact-gold-light);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2.5px;
}


#axp-contact-page
.axp-contact-info-heading h3 {

    max-width: 320px;

    margin: 10px 0 13px;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 31px;

    font-weight: 500;

    line-height: 1.2;
}


#axp-contact-page
.axp-contact-info-heading p {

    margin: 0;

    color:
        #ffffff;

    font-size: 12px;

    /* line-height: 1.8; */
}


/* =========================================================
   INFO CARDS
========================================================= */

#axp-contact-page
.axp-contact-info-card {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 17px 0;

    border-bottom:
        1px solid
        rgba(255,255,255,.09);
}


#axp-contact-page
.axp-contact-info-icon {

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--axp-contact-gold);

    border:
        1px solid
        rgba(212,175,55,.32);

    background:
        rgba(212,175,55,.05);

    font-size: 13px;

    transition: .35s ease;
}


#axp-contact-page
.axp-contact-info-card:hover
.axp-contact-info-icon {

    color:
        var(--axp-contact-navy);

    background:
        var(--axp-contact-gold);

    transform:
        translateY(-3px);
}


#axp-contact-page
.axp-contact-info-text {

    min-width: 0;
}


#axp-contact-page
.axp-contact-info-text > span {

    display: block;

    margin-bottom: 5px;

    color:
        rgb(201 150 46);

    font-size: 14px;

    font-weight: 700;
}


#axp-contact-page
.axp-contact-info-text h4 {

    margin: 0;

    color: #fff;

    font-size: 12px;

    font-weight: 500;
}


#axp-contact-page
.axp-contact-info-text p {

    margin: 2px 0 0;

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

    font-size: 9px;
}


#axp-contact-page
.axp-contact-info-text a {

    display: block;

    width: fit-content;

    margin-bottom: 4px;

    color: #ffffff;

    text-decoration: none;

    font-size: 15px;

    transition: .3s ease;
}


#axp-contact-page
.axp-contact-info-text a:hover {

    color:
        var(--axp-contact-gold-light);
}


/* QUOTE */

#axp-contact-page
.axp-contact-quote {

    position: relative;

    z-index: 2;

    display: flex;

    gap: 13px;

    margin-top: 30px;

    padding: 18px;

    border-left:
        2px solid
        var(--axp-contact-gold);

    background:
        rgba(255,255,255,.035);
}


#axp-contact-page
.axp-contact-quote i {

    color:
        var(--axp-contact-gold);

    font-size: 14px;
}


#axp-contact-page
.axp-contact-quote p {

    margin: 0;

    color:
        #ffffff;

    font-size: 12px;

    font-style: italic;

    line-height: 1.6;
}


/* =========================================================
   FORM WRAPPER
========================================================= */

#axp-contact-page
.axp-contact-form-wrap {

    padding: 43px 45px;

    background: #fff;
}


#axp-contact-page
.axp-contact-form-top {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 30px;

    padding-bottom: 22px;

    border-bottom:
        1px solid
        var(--axp-contact-border);
}


#axp-contact-page
.axp-contact-form-top > div:first-child span {

    color:
        #c9962e;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2px;
}


#axp-contact-page
.axp-contact-form-top h3 {

    margin: 7px 0 0;

    color:
        var(--axp-contact-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 28px;

    font-weight: 600;
}


/* BADGE */

#axp-contact-page
.axp-contact-form-badge {

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 9px 11px;

    color:
        #806c2f;

    background:
        #fcf8e9;

    border:
        1px solid
        rgba(212,175,55,.25);

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;
}


#axp-contact-page
.axp-contact-form-badge i {

    color:
        var(--axp-contact-gold);
}


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

#axp-contact-page
.axp-contact-form-row {

    display: grid;

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

    gap: 20px;
}


#axp-contact-page
.axp-contact-field {

    margin-bottom: 20px;
}


#axp-contact-page
.axp-contact-field label {

    display: block;

    margin-bottom: 8px;

    color:
        var(--axp-contact-text);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .5px;
}


#axp-contact-page
.axp-contact-field label sup {

    color:
        #c59b1e;

    font-size: 9px;
}


/* INPUT */

#axp-contact-page
.axp-contact-input {

    position: relative;
}


#axp-contact-page
.axp-contact-input > i:first-child {

    position: absolute;

    left: 15px;

    top: 50%;

    z-index: 2;

    color:
        #9ba5af;

    font-size: 11px;

    transform:
        translateY(-50%);

    pointer-events: none;

    transition: .3s ease;
}


#axp-contact-page
.axp-contact-input input,
#axp-contact-page
.axp-contact-input select {

    width: 100%;

    height: 49px;

    padding:
        0 42px;

    color:
        var(--axp-contact-text);

    background:
        #fafbfc;

    border:
        1px solid
        #e2e7eb;

    outline: none;

    border-radius: 0;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    transition: .3s ease;

    appearance: none;
}


#axp-contact-page
.axp-contact-input input::placeholder {

    color:
        #aab2bb;
}


#axp-contact-page
.axp-contact-input input:focus,
#axp-contact-page
.axp-contact-input select:focus {

    border-color:
        var(--axp-contact-gold);

    background: #fff;

    box-shadow:
        0 0 0 3px
        rgba(212,175,55,.08);
}


#axp-contact-page
.axp-contact-input:focus-within
> i:first-child {

    color:
        var(--axp-contact-gold);
}


/* SELECT */

#axp-contact-page
.axp-contact-select-arrow {

    position: absolute;

    right: 15px;

    top: 50%;

    color:
        #9ba5af;

    font-size: 8px;

    transform:
        translateY(-50%);

    pointer-events: none;
}


/* TEXTAREA */

#axp-contact-page
.axp-contact-textarea {

    position: relative;
}


#axp-contact-page
.axp-contact-textarea > i {

    position: absolute;

    left: 15px;

    top: 17px;

    color:
        #9ba5af;

    font-size: 11px;

    pointer-events: none;

    transition: .3s ease;
}


#axp-contact-page
.axp-contact-textarea textarea {

    display: block;

    width: 100%;

    min-height: 125px;

    padding:
        14px 15px 14px 42px;

    resize: vertical;

    color:
        var(--axp-contact-text);

    background:
        #fafbfc;

    border:
        1px solid
        #e2e7eb;

    outline: none;

    border-radius: 0;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 12px;

    line-height: 1.7;

    transition: .3s ease;
}


#axp-contact-page
.axp-contact-textarea textarea::placeholder {

    color:
        #aab2bb;
}


#axp-contact-page
.axp-contact-textarea textarea:focus {

    border-color:
        var(--axp-contact-gold);

    background: #fff;

    box-shadow:
        0 0 0 3px
        rgba(212,175,55,.08);
}


#axp-contact-page
.axp-contact-textarea:focus-within > i {

    color:
        var(--axp-contact-gold);
}


/* =========================================================
   FILE UPLOAD
========================================================= */

#axp-contact-page
#axp-manuscript-file {

    display: none;
}


#axp-contact-page
.axp-manuscript-upload {

    position: relative;

    display: flex;

    align-items: center;

    gap: 15px;

    min-height: 92px;

    padding: 16px 20px;

    cursor: pointer;

    border:
        1px dashed
        #d9c584;

    background:
        linear-gradient(
            135deg,
            #fffdf7,
            #fafbfc
        );

    transition: .35s ease;
}


#axp-contact-page
.axp-manuscript-upload:hover,
#axp-contact-page
.axp-manuscript-upload.axp-upload-dragover {

    border-color:
        var(--axp-contact-gold);

    background:
        #fffaf0;

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 25px
        rgba(212,175,55,.08);
}


#axp-contact-page
.axp-upload-icon {

    width: 49px;

    height: 49px;

    flex: 0 0 49px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--axp-contact-gold);

    background:
        rgba(212,175,55,.09);

    border:
        1px solid
        rgba(212,175,55,.25);

    font-size: 17px;

    transition: .35s ease;
}


#axp-contact-page
.axp-manuscript-upload:hover
.axp-upload-icon {

    color:
        #fff;

    background:
        var(--axp-contact-navy);

    transform:
        scale(1.04);
}


#axp-contact-page
.axp-upload-content {

    min-width: 0;

    flex: 1;
}


#axp-contact-page
.axp-upload-content strong {

    display: block;

    margin-bottom: 3px;

    color:
        var(--axp-contact-text);

    font-size: 12px;

    font-weight: 700;
}


#axp-contact-page
.axp-upload-content span {

    display: block;

    color:
        #000;

    font-size: 10px;
}


#axp-contact-page
.axp-upload-content small {

    display: block;

    margin-top: 5px;

    overflow: hidden;

    color:
        var(--axp-contact-gold);

    font-size: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;
}


#axp-contact-page
.axp-upload-arrow {

    color:
        #a5adb5;

    font-size: 12px;
}


/* =========================================================
   FORM BOTTOM
========================================================= */

#axp-contact-page
.axp-contact-form-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-top: 5px;
}


#axp-contact-page
.axp-contact-form-note {

    display: flex;

    align-items: center;

    gap: 7px;

    margin: 0;

    color:
        #8c969f;

    font-size: 8px;

    line-height: 1.5;
}


#axp-contact-page
.axp-contact-form-note i {

    color:
        var(--axp-contact-gold);

    font-size: 9px;
}


/* SUBMIT */

#axp-contact-page
.axp-contact-submit {

    min-width: 175px;

    min-height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border: 0;

    cursor: pointer;

    color:
        #ffffff;

        border-radius: 5px;

    background:
        var(--axp-contact-gold);

    font-family:
        "Poppins",
        sans-serif;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;

    transition: .35s ease;
}


#axp-contact-page
.axp-contact-submit:hover {

    background:
        var(--axp-contact-gold-light);

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 25px
        rgba(212,175,55,.22);
}


#axp-contact-page
.axp-contact-submit i {

    transition: .3s ease;
}


#axp-contact-page
.axp-contact-submit:hover i {

    transform:
        translateX(5px);
}


/* =========================================================
   SUCCESS
========================================================= */

#axp-contact-page
.axp-contact-success {

    display: none;

    align-items: flex-start;

    gap: 12px;

    margin-top: 20px;

    padding: 15px;

    color:
        #486142;

    background:
        #f4f9f0;

    border:
        1px solid
        #d9e8d1;
}


#axp-contact-page
.axp-contact-success.axp-success-visible {

    display: flex;

    animation:
        axpContactFadeUp .5s ease;
}


#axp-contact-page
.axp-contact-success > i {

    margin-top: 2px;

    color:
        #71995d;
}


#axp-contact-page
.axp-contact-success strong {

    display: block;

    margin-bottom: 3px;

    font-size: 10px;
}


#axp-contact-page
.axp-contact-success span {

    display: block;

    font-size: 8px;

    line-height: 1.6;
}


/* =========================================================
   CTA
========================================================= */

#axp-contact-page
.axp-contact-cta {

    padding: 65px 0;

    background:
        var(--axp-contact-dark);
}


#axp-contact-page
.axp-contact-cta-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 35px 40px;

    border:
        1px solid
        rgba(212,175,55,.23);

    background:
        rgba(255,255,255,.025);
}


#axp-contact-page
.axp-contact-cta-content > span {

    color:
        var(--axp-contact-gold-light);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 2px;
}


#axp-contact-page
.axp-contact-cta-content h2 {

    margin: 7px 0 0;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 30px;

    font-weight: 500;
}


#axp-contact-page
.axp-contact-cta-content h2 em {

    color:
        var(--axp-contact-gold-light);

    font-style: normal;
}


#axp-contact-page
.axp-contact-cta-button {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 16px 23px;

    color:
        var(--axp-contact-navy);

    background:
        var(--axp-contact-gold);

    text-decoration: none;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;

    transition: .35s ease;
}


#axp-contact-page
.axp-contact-cta-button:hover {

    color:
        var(--axp-contact-navy);

    background: #fff;

    transform:
        translateY(-3px);
}


#axp-contact-page
.axp-contact-cta-button i {

    transition: .3s ease;
}


#axp-contact-page
.axp-contact-cta-button:hover i {

    transform:
        translateX(5px);
}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes axpContactFadeUp {

    from {

        opacity: 0;

        transform:
            translateY(15px);
    }

    to {

        opacity: 1;

        transform:
            translateY(0);
    }
}


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

@media (max-width: 1000px) {

    #axp-contact-page
    .axp-contact-layout {

        grid-template-columns: 1fr;
    }


    #axp-contact-page
    .axp-contact-info {

        padding: 40px;
    }


    #axp-contact-page
    .axp-contact-form-wrap {

        padding: 40px;
    }

}


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

@media (max-width: 767px) {

    #axp-contact-page
    .axp-contact-container {

        padding-left: 18px;

        padding-right: 18px;
    }


    #axp-contact-page
    .axp-contact-hero {

        min-height: 210px;
    }


    #axp-contact-page
    .axp-contact-hero-title {

        font-size: 36px;
    }


    #axp-contact-page
    .axp-contact-main {

        padding: 65px 0 75px;
    }


    #axp-contact-page
    .axp-contact-section-header {

        margin-bottom: 40px;
    }


    #axp-contact-page
    .axp-contact-section-title {

        font-size: 38px;
    }


    #axp-contact-page
    .axp-contact-layout {

        display: block;
    }


    #axp-contact-page
    .axp-contact-info {

        padding: 35px 25px;
    }


    #axp-contact-page
    .axp-contact-form-wrap {

        padding: 32px 22px;
    }


    #axp-contact-page
    .axp-contact-form-row {

        grid-template-columns: 1fr;

        gap: 0;
    }


    #axp-contact-page
    .axp-contact-form-top {

        flex-direction: column;
    }


    #axp-contact-page
    .axp-contact-form-badge {

        align-self: flex-start;
    }


    #axp-contact-page
    .axp-contact-form-bottom {

        flex-direction: column;

        align-items: stretch;
    }


    #axp-contact-page
    .axp-contact-submit {

        width: 100%;
    }


    #axp-contact-page
    .axp-contact-cta-box {

        flex-direction: column;

        align-items: flex-start;

        padding: 30px 25px;
    }


    #axp-contact-page
    .axp-contact-cta-button {

        width: 100%;

        justify-content: center;
    }

}


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

@media (max-width: 480px) {

    #axp-contact-page
    .axp-contact-hero-title {

        font-size: 31px;
    }


    #axp-contact-page
    .axp-contact-section-title {

        font-size: 33px;
    }


    #axp-contact-page
    .axp-contact-info {

        padding: 30px 20px;
    }


    #axp-contact-page
    .axp-contact-info-heading h3 {

        font-size: 27px;
    }


    #axp-contact-page
    .axp-contact-form-wrap {

        padding: 28px 18px;
    }


    #axp-contact-page
    .axp-manuscript-upload {

        padding: 14px;
    }


    #axp-contact-page
    .axp-upload-arrow {

        display: none;
    }


    #axp-contact-page
    .axp-contact-cta-content h2 {

        font-size: 26px;
    }

}

















/* =========================================================
   AXIOM PRESS
   ABOUT US PAGE
========================================================= */

#axp-about-page {

    --axp-about-navy: #0b1f3a;
    --axp-about-dark: #061326;

    --axp-about-gold: #d4af37;
    --axp-about-gold-light: #e5c55c;

    --axp-about-text: #1b2a3b;
    --axp-about-muted: #788492;

    --axp-about-border: #e7ebef;

    width: 100%;

    overflow: hidden;

    background: #fff;

    color: var(--axp-about-text);

    /* font-family: "Poppins", sans-serif; */
}


#axp-about-page *,
#axp-about-page *::before,
#axp-about-page *::after {

    box-sizing: border-box;
}


#axp-about-page
.axp-about-container {

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

    padding: 0 25px;
}


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

#axp-about-page
.axp-about-hero {

    position: relative;

    min-height: 255px;

    display: flex;

    align-items: center;

    overflow: hidden;

    /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("../image/bar.jpeg");
}


#axp-about-page
.axp-about-hero-pattern {

    position: absolute;

    inset: 0;

    opacity: .16;

    background-image:
        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size: 55px 55px;
}


#axp-about-page
.axp-about-hero::before {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    right: -125px;

    top: -140px;

    border:
        1px solid
        rgba(212,175,55,.18);

    border-radius: 50%;
}


#axp-about-page
.axp-about-hero::after {

    content: "";

    position: absolute;

    width: 230px;

    height: 230px;

    right: -65px;

    top: -70px;

    border:
        1px solid
        rgba(212,175,55,.12);

    border-radius: 50%;
}


#axp-about-page
.axp-about-hero-content {

    position: relative;

    z-index: 2;
}


#axp-about-page
.axp-about-hero-tag {

    display: inline-block;

    margin-bottom: 10px;

    color:
        var(--axp-about-gold-light);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;
}


#axp-about-page
.axp-about-hero-title {

    margin: 0 0 15px;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 50px;

    font-weight: 500;

    line-height: 1.1;
}


#axp-about-page
.axp-about-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;
}


#axp-about-page
.axp-about-breadcrumb a {

    color: #fff;

    text-decoration: none;

    font-size: 11px;

    transition: .3s ease;
}


#axp-about-page
.axp-about-breadcrumb a:hover {

    color:
        var(--axp-about-gold-light);
}


#axp-about-page
.axp-about-breadcrumb i {

    color:
        var(--axp-about-gold);

    font-size: 8px;
}


#axp-about-page
.axp-about-breadcrumb span {

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

    font-size: 11px;
}


/* =========================================================
   COMMON SECTION HEADER
========================================================= */

#axp-about-page
.axp-about-section-tag {

    display: inline-block;

    margin-bottom: 12px;

    color:
        var(--axp-about-gold);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 3px;
}


#axp-about-page
.axp-about-section-title {

    margin: 0;

    color:
        var(--axp-about-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 47px;

    font-weight: 500;

    line-height: 1.14;
}


#axp-about-page
.axp-about-section-title em {

    color:
        var(--axp-about-gold);

    font-style: normal;
}


#axp-about-page
.axp-about-divider {

    display: flex;

    align-items: center;

    gap: 12px;

    margin: 18px 0 20px;
}


#axp-about-page
.axp-about-divider span {

    width: 65px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--axp-about-gold)
        );
}


#axp-about-page
.axp-about-divider span:last-child {

    background:
        linear-gradient(
            90deg,
            var(--axp-about-gold),
            transparent
        );
}


#axp-about-page
.axp-about-divider i {

    color:
        var(--axp-about-gold);

    font-size: 7px;

    transform: rotate(45deg);
}


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

#axp-about-page
.axp-about-intro {

    padding: 50px 0;

    background:
        radial-gradient(
            circle at 5% 20%,
            rgba(212,175,55,.045),
            transparent 25%
        ),
        #fff;
}


#axp-about-page
.axp-about-intro-grid {

    display: grid;

    grid-template-columns: 43% 57%;

    align-items: center;

    gap: 65px;
}


/* VISUAL */

#axp-about-page
.axp-about-visual {

    position: relative;

    min-height: 480px;

    display: flex;

    align-items: center;

    justify-content: center;
}


#axp-about-page
.axp-about-visual-frame {

    position: relative;

    width: 330px;

    height: 410px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            145deg,
            #f7f3e6,
            #eee6cf
        );

    border:
        1px solid
        rgba(212,175,55,.3);

    box-shadow:
        25px 30px 70px
        rgba(11,31,58,.14);
}


#axp-about-page
.axp-about-visual-frame::before {

    content: "";

    position: absolute;

    inset: 13px;

    border:
        1px solid
        rgba(212,175,55,.28);
}


/* BOOK */

#axp-about-page
.axp-about-book-shape {

    position: relative;

    z-index: 3;

    width: 190px;

    height: 285px;

    perspective: 800px;

    transform:
        rotate(-7deg);
}


#axp-about-page
.axp-about-book-cover {

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 20px;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            #0d294c,
            #07172d
        );

    border:
        1px solid
        rgba(212,175,55,.55);

    box-shadow:
        14px 20px 30px
        rgba(0,0,0,.22);
}


#axp-about-page
.axp-about-book-cover::after {

    content: "";

    position: absolute;

    inset: 10px;

    border:
        1px solid
        rgba(212,175,55,.45);
}


#axp-about-page
.axp-about-book-small {

    position: relative;

    z-index: 2;

    color:
        var(--axp-about-gold-light);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 3px;
}


#axp-about-page
.axp-about-book-cover strong {

    position: relative;

    z-index: 2;

    margin-top: 10px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 29px;

    font-weight: 500;

    letter-spacing: 2px;
}


#axp-about-page
.axp-about-book-line {

    position: relative;

    z-index: 2;

    width: 50px;

    height: 1px;

    margin: 14px 0;

    background:
        var(--axp-about-gold);
}


#axp-about-page
.axp-about-book-cover small {

    position: relative;

    z-index: 2;

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

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 9px;

    font-style: italic;
}


/* DECORATION */

#axp-about-page
.axp-about-gold-circle {

    position: absolute;

    width: 210px;

    height: 210px;

    top: 40px;

    right: -55px;

    border:
        1px solid
        rgba(212,175,55,.38);

    border-radius: 50%;
}


#axp-about-page
.axp-about-visual-diamond {

    position: absolute;

    z-index: 4;

    right: -24px;

    bottom: 55px;

    width: 54px;

    height: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--axp-about-gold);

    background:
        var(--axp-about-navy);

    border:
        1px solid
        rgba(212,175,55,.5);

    transform: rotate(45deg);
}


#axp-about-page
.axp-about-visual-diamond i {

    font-size: 8px;

    transform: rotate(-45deg);
}


/* BADGE */

#axp-about-page
.axp-about-experience-badge {

    position: absolute;

    z-index: 5;

    left: 5px;

    bottom: 45px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 14px 17px;

    color: #fff;

    background:
        var(--axp-about-navy);

    box-shadow:
        0 15px 30px
        rgba(11,31,58,.18);
}


#axp-about-page
.axp-about-experience-badge strong {

    color:
        var(--axp-about-gold-light);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 25px;

    font-weight: 500;
}


#axp-about-page
.axp-about-experience-badge span {

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

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 1.5;
}


/* INTRO CONTENT */

#axp-about-page
.axp-about-intro-content {

    max-width: 600px;
}


#axp-about-page
.axp-about-intro-content p {

    margin: 0 0 15px;

    color:
        #000;

    font-size: 14px;

    line-height: 1.95;
}


#axp-about-page
.axp-about-signature {

    display: inline-flex;

    flex-direction: column;

    margin-top: 18px;

    padding-left: 15px;

    border-left:
        2px solid
        var(--axp-about-gold);
}


#axp-about-page
.axp-about-signature span {

    color:
        var(--axp-about-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1.5px;
}


#axp-about-page
.axp-about-signature small {

    margin-top: 2px;

    color:
        var(--axp-about-gold);

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 2px;
}


/* =========================================================
   MISSION / VISION
========================================================= */

#axp-about-page
.axp-about-mission {

    padding: 90px 0;

    background:
        #f8f9fa;
}


#axp-about-page
.axp-about-section-heading {

    max-width: 680px;

    margin: 0 auto 50px;

    text-align: center;
}


#axp-about-page
.axp-about-section-heading
.axp-about-divider {

    justify-content: center;
}


#axp-about-page
.axp-about-section-heading > p {

    margin: 0;

    color:
        #000;

    font-size: 14px;

    line-height: 1.8;
}


#axp-about-page
.axp-about-purpose-grid {

    display: grid;

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

    gap: 25px;
}


#axp-about-page
.axp-about-purpose-card {

    position: relative;

    padding: 42px 38px;

    overflow: hidden;

    background: #fff;

    border:
        1px solid
        var(--axp-about-border);

    box-shadow:
        0 15px 40px
        rgba(11,31,58,.05);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


#axp-about-page
.axp-about-purpose-card:hover {

    transform:
        translateY(-7px);

    box-shadow:
        0 25px 55px
        rgba(11,31,58,.10);
}


#axp-about-page
.axp-about-purpose-card-dark {

    color: #fff;

    background:
        var(--axp-about-navy);

    border-color:
        var(--axp-about-navy);
}


#axp-about-page
.axp-about-purpose-number {

    position: absolute;

    top: 20px;

    right: 25px;

    color:
        rgba(212,175,55,.13);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 65px;

    line-height: 1;
}


#axp-about-page
.axp-about-purpose-icon {

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    color:
        var(--axp-about-gold);

    border:
        1px solid
        rgba(212,175,55,.35);

    background:
        rgba(212,175,55,.06);

    font-size: 17px;
}


#axp-about-page
.axp-about-purpose-tag {

    color:
        var(--axp-about-gold);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;
}


#axp-about-page
.axp-about-purpose-card h3 {

    margin: 8px 0 13px;

    color:
        var(--axp-about-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 27px;

    font-weight: 600;
}


#axp-about-page
.axp-about-purpose-card-dark h3 {

    color: #fff;
}


#axp-about-page
.axp-about-purpose-card p {

    max-width: 470px;

    margin: 0;

    color:
        var(--axp-about-muted);

    font-size: 14px;

    line-height: 1.85;
}


#axp-about-page
.axp-about-purpose-card-dark p {

    color:
        rgba(255,255,255,.58);
}


#axp-about-page
.axp-about-purpose-line {

    width: 55px;

    height: 1px;

    margin-top: 25px;

    background:
        var(--axp-about-gold);
}


/* =========================================================
   WHY AXIOM
========================================================= */

#axp-about-page
.axp-about-why {

    padding: 100px 0;

    background: #fff;
}


#axp-about-page
.axp-about-why-grid {

    display: grid;

    grid-template-columns:
        42% 58%;

    align-items: center;

    gap: 60px;
}


#axp-about-page
.axp-about-why-content {

    max-width: 520px;
}


#axp-about-page
.axp-about-divider-left {

    justify-content: flex-start;
}


#axp-about-page
.axp-about-why-content p {

    margin: 0 0 15px;

    color:
        #000;

    font-size: 14px;

    line-height: 1.9;
}


#axp-about-page
.axp-about-feature-grid {

    display: grid;

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

    gap: 18px;
}


#axp-about-page
.axp-about-feature {

    display: flex;

    gap: 15px;

    padding: 25px;

    border:
        1px solid
        var(--axp-about-border);

    background: #fff;

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


#axp-about-page
.axp-about-feature:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(212,175,55,.5);

    box-shadow:
        0 15px 35px
        rgba(11,31,58,.07);
}


#axp-about-page
.axp-about-feature-icon {

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        var(--axp-about-gold);

    background:
        rgba(212,175,55,.07);

    border:
        1px solid
        rgba(212,175,55,.22);

    font-size: 13px;
}


#axp-about-page
.axp-about-feature h4 {

    margin: 0 0 6px;

    color:
        var(--axp-about-navy);

    font-size: 15px;

    font-weight: 700;
}


#axp-about-page
.axp-about-feature p {

    margin: 0;

    color:
        #000;

    font-size: 12px;

    line-height: 1.7;
}


/* =========================================================
   JOURNEY
========================================================= */

#axp-about-page
.axp-about-journey {

    padding: 90px 0;

    background:
        #f8f9fa;
}


#axp-about-page
.axp-about-steps {

    position: relative;

    display: grid;

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

    gap: 20px;
}


#axp-about-page
.axp-about-steps::before {

    content: "";

    position: absolute;

    left: 10%;

    right: 10%;

    top: 54px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--axp-about-gold),
            transparent
        );
}


#axp-about-page
.axp-about-step {

    position: relative;

    z-index: 2;

    text-align: center;
}


#axp-about-page
.axp-about-step-number {

    display: block;

    margin-bottom: 12px;

    color:
        rgba(11,31,58,.28);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;
}


#axp-about-page
.axp-about-step-icon {

    width: 72px;

    height: 72px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 17px;

    color:
        var(--axp-about-gold);

    background:
        #f8f9fa;

    border:
        1px solid
        var(--axp-about-gold);

    border-radius: 50%;

    font-size: 17px;

    box-shadow:
        0 0 0 8px #f8f9fa;
}


#axp-about-page
.axp-about-step h3 {

    margin: 0 0 8px;

    color:
        var(--axp-about-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 23px;

    font-weight: 600;
}


#axp-about-page
.axp-about-step p {

    max-width: 190px;

    margin: auto;

    color:
        #000;

    font-size: 12px;

    line-height: 1.75;
}


/* =========================================================
   CTA
========================================================= */

#axp-about-page
.axp-about-cta {

    padding: 65px 0;

    background:
        var(--axp-about-dark);
}


#axp-about-page
.axp-about-cta-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 38px 42px;

    border:
        1px solid
        rgba(212,175,55,.25);

    background:
        rgba(255,255,255,.025);
}


#axp-about-page
.axp-about-cta-box > div > span {

    color:
        var(--axp-about-gold-light);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;
}


#axp-about-page
.axp-about-cta-box h2 {

    margin: 7px 0 0;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 31px;

    font-weight: 500;
}


#axp-about-page
.axp-about-cta-box h2 em {

    color:
        var(--axp-about-gold-light);

    font-style: normal;
}


#axp-about-page
.axp-about-cta-button {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 16px 23px;
    border-radius: 5px;

    color:
        #ffffff;

    background:
        var(--axp-about-gold);

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    white-space: nowrap;

    transition: .35s ease;
}


#axp-about-page
.axp-about-cta-button:hover {

    color:
        var(--axp-about-navy);

    background: #fff;

    transform:
        translateY(-3px);
}


#axp-about-page
.axp-about-cta-button i {

    transition: .3s ease;
}


#axp-about-page
.axp-about-cta-button:hover i {

    transform:
        translateX(5px);
}


/* =========================================================
   REVEAL ANIMATION
========================================================= */

#axp-about-page
.axp-about-reveal {

    opacity: 0;

    transform:
        translateY(25px);

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


#axp-about-page
.axp-about-reveal.axp-about-visible {

    opacity: 1;

    transform:
        translateY(0);
}


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

@media (max-width: 1000px) {

    #axp-about-page
    .axp-about-intro-grid {

        grid-template-columns: 1fr;

        gap: 50px;
    }


    #axp-about-page
    .axp-about-visual {

        min-height: 430px;
    }


    #axp-about-page
    .axp-about-intro-content {

        max-width: 100%;

        text-align: center;
    }


    #axp-about-page
    .axp-about-intro-content
    .axp-about-divider {

        justify-content: center;
    }


    #axp-about-page
    .axp-about-signature {

        text-align: left;
    }


    #axp-about-page
    .axp-about-why-grid {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    #axp-about-page
    .axp-about-why-content {

        max-width: 100%;

        text-align: center;
    }


    #axp-about-page
    .axp-about-divider-left {

        justify-content: center;
    }


    #axp-about-page
    .axp-about-steps {

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

        gap: 45px 20px;
    }


    #axp-about-page
    .axp-about-steps::before {

        display: none;
    }

}


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

@media (max-width: 767px) {

    #axp-about-page
    .axp-about-container {

        padding-left: 18px;

        padding-right: 18px;
    }


    #axp-about-page
    .axp-about-hero {

        min-height: 215px;
    }


    #axp-about-page
    .axp-about-hero-title {

        font-size: 37px;
    }


    #axp-about-page
    .axp-about-intro {

        padding: 70px 0;
    }


    #axp-about-page
    .axp-about-visual {

        min-height: 390px;
    }


    #axp-about-page
    .axp-about-visual-frame {

        width: 285px;

        height: 360px;
    }


    #axp-about-page
    .axp-about-book-shape {

        width: 165px;

        height: 250px;
    }


    #axp-about-page
    .axp-about-section-title {

        font-size: 38px;
    }


    #axp-about-page
    .axp-about-purpose-grid {

        grid-template-columns: 1fr;
    }


    #axp-about-page
    .axp-about-purpose-card {

        padding: 32px 25px;
    }


    #axp-about-page
    .axp-about-feature-grid {

        grid-template-columns: 1fr;
    }


    #axp-about-page
    .axp-about-why,
    #axp-about-page
    .axp-about-mission,
    #axp-about-page
    .axp-about-journey {

        padding: 70px 0;
    }


    #axp-about-page
    .axp-about-steps {

        grid-template-columns: 1fr;
    }


    #axp-about-page
    .axp-about-cta-box {

        flex-direction: column;

        align-items: flex-start;

        padding: 30px 25px;
    }


    #axp-about-page
    .axp-about-cta-button {

        width: 100%;

        justify-content: center;

        white-space: normal;

        text-align: center;
    }

}


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

@media (max-width: 480px) {

    #axp-about-page
    .axp-about-hero-title {

        font-size: 32px;
    }


    #axp-about-page
    .axp-about-section-title {

        font-size: 33px;
    }


    #axp-about-page
    .axp-about-visual {

        min-height: 350px;
    }


    #axp-about-page
    .axp-about-visual-frame {

        width: 255px;

        height: 325px;
    }


    #axp-about-page
    .axp-about-book-shape {

        width: 145px;

        height: 220px;
    }


    #axp-about-page
    .axp-about-experience-badge {

        left: 0;

        bottom: 20px;
    }


    #axp-about-page
    .axp-about-gold-circle {

        right: -35px;
    }


    #axp-about-page
    .axp-about-cta-box h2 {

        font-size: 26px;
    }

}


















/* =========================================================
   AXIOM PRESS
   PUBLISH YOUR BOOK PAGE
========================================================= */

#axp-publish-page {

    --axp-publish-navy: #0b1f3a;
    --axp-publish-dark: #061326;
    --axp-publish-gold: #d4af37;
    --axp-publish-gold-light: #e6c65d;
    --axp-publish-text: #1b2a3b;
    --axp-publish-muted: #788492;
    --axp-publish-border: #e5e9ed;

    width: 100%;
    overflow: hidden;

    color: var(--axp-publish-text);
    background: #fff;

    font-family: "Poppins", sans-serif;
}


#axp-publish-page *,
#axp-publish-page *::before,
#axp-publish-page *::after {
    box-sizing: border-box;
}


#axp-publish-page
.axp-publish-container {

    width: 100%;
    max-width: 1240px;

    margin: auto;
    padding: 0 25px;
}


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

#axp-publish-page
.axp-publish-hero {

    position: relative;

    min-height: 310px;

    display: flex;
    align-items: center;

    overflow: hidden;

    /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("../image/bar.jpeg");
}


#axp-publish-page
.axp-publish-hero-pattern {

    position: absolute;
    inset: 0;

    opacity: .13;

    background-image:
        linear-gradient(
            rgba(255,255,255,.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.06) 1px,
            transparent 1px
        );

    background-size: 60px 60px;
}


#axp-publish-page
.axp-publish-hero::before {

    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -130px;
    top: -180px;

    border:
        1px solid
        rgba(212,175,55,.20);

    border-radius: 50%;
}


#axp-publish-page
.axp-publish-hero::after {

    content: "";

    position: absolute;

    width: 290px;
    height: 290px;

    right: -60px;
    top: -110px;

    border:
        1px solid
        rgba(212,175,55,.13);

    border-radius: 50%;
}


#axp-publish-page
.axp-publish-hero-content {

    position: relative;
    z-index: 2;

    max-width: 750px;
}


#axp-publish-page
.axp-publish-hero-tag {

    display: inline-block;

    margin-bottom: 10px;

    color: var(--axp-publish-gold-light);

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 3px;
}


#axp-publish-page
.axp-publish-hero-title {

    margin: 0 0 12px;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 54px;
    font-weight: 500;

    line-height: 1.1;
}


#axp-publish-page
.axp-publish-hero-text {

    max-width: 620px;

    margin: 0 0 20px;

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

    font-size: 12px;

    line-height: 1.8;
}


#axp-publish-page
.axp-publish-breadcrumb {

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


#axp-publish-page
.axp-publish-breadcrumb a {

    color: #fff;

    text-decoration: none;

    font-size: 10px;

    transition: .3s ease;
}


#axp-publish-page
.axp-publish-breadcrumb a:hover {

    color: var(--axp-publish-gold-light);
}


#axp-publish-page
.axp-publish-breadcrumb i {

    color: var(--axp-publish-gold);

    font-size: 8px;
}


#axp-publish-page
.axp-publish-breadcrumb span {

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

    font-size: 10px;
}


/* =========================================================
   COMMON HEADER
========================================================= */

#axp-publish-page
.axp-publish-section-tag {

    display: inline-block;

    margin-bottom: 12px;

    color: var(--axp-publish-gold);

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 3px;
}


#axp-publish-page
.axp-publish-section-title {

    margin: 0;

    color: var(--axp-publish-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 45px;
    font-weight: 500;

    line-height: 1.15;
}


#axp-publish-page
.axp-publish-section-title em {

    color: var(--axp-publish-gold);

    font-style: normal;
}


#axp-publish-page
.axp-publish-divider {

    display: flex;
    align-items: center;

    gap: 11px;

    margin: 18px 0;
}


#axp-publish-page
.axp-publish-divider span {

    width: 65px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--axp-publish-gold)
        );
}


#axp-publish-page
.axp-publish-divider span:last-child {

    background:
        linear-gradient(
            90deg,
            var(--axp-publish-gold),
            transparent
        );
}


#axp-publish-page
.axp-publish-divider i {

    color: var(--axp-publish-gold);

    font-size: 7px;

    transform: rotate(45deg);
}


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

#axp-publish-page
.axp-publish-intro {

    padding: 50px 0;

    background:
        radial-gradient(
            circle at 8% 50%,
            rgba(212,175,55,.045),
            transparent 25%
        ),
        #fff;
}


#axp-publish-page
.axp-publish-intro-grid {

    display: grid;

    grid-template-columns: 43% 57%;

    align-items: center;

    gap: 70px;
}


/* BOOK VISUAL */

#axp-publish-page
.axp-publish-book-visual {

    position: relative;

    min-height: 480px;

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


#axp-publish-page
.axp-publish-book-glow {

    position: absolute;

    width: 310px;
    height: 310px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(212,175,55,.15),
            transparent 68%
        );
}


#axp-publish-page
.axp-publish-book {

    position: relative;
    z-index: 3;

    width: 225px;
    height: 320px;

    padding: 10px;

    background:
        linear-gradient(
            145deg,
            #e7c967,
            #9b7420
        );

    box-shadow:
        22px 28px 45px
        rgba(6,19,38,.25);

    transform:
        rotate(-7deg);

    transition:
        transform .6s ease;
}


#axp-publish-page
.axp-publish-book:hover {

    transform:
        rotate(-2deg)
        translateY(-8px);
}


#axp-publish-page
.axp-publish-book-inner {

    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    color: #fff;

    border:
        1px solid
        rgba(212,175,55,.65);

    background:
        linear-gradient(
            145deg,
            #102c50,
            #061529
        );
}


#axp-publish-page
.axp-publish-book-inner::after {

    content: "";

    position: absolute;

    inset: 18px;

    border:
        1px solid
        rgba(212,175,55,.4);
}


#axp-publish-page
.axp-publish-book-inner span {

    position: relative;
    z-index: 2;

    color: var(--axp-publish-gold-light);

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 4px;
}


#axp-publish-page
.axp-publish-book-inner strong {

    position: relative;
    z-index: 2;

    margin-top: 20px;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 38px;
    line-height: .95;

    font-weight: 500;
}


#axp-publish-page
.axp-publish-book-inner div {

    position: relative;
    z-index: 2;

    width: 55px;
    height: 1px;

    margin: 20px 0;

    background: var(--axp-publish-gold);
}


#axp-publish-page
.axp-publish-book-inner small {

    position: relative;
    z-index: 2;

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

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 8px;

    letter-spacing: 1px;
}


#axp-publish-page
.axp-publish-book-shadow {

    position: absolute;

    bottom: 54px;

    width: 235px;
    height: 30px;

    background:
        rgba(6,19,38,.22);

    filter: blur(14px);

    border-radius: 50%;
}


#axp-publish-page
.axp-publish-floating-card {

    position: absolute;

    z-index: 5;

    right: -15px;
    bottom: 45px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 15px 17px;

    background: #fff;

    border:
        1px solid
        var(--axp-publish-border);

    box-shadow:
        0 15px 40px
        rgba(11,31,58,.13);
}


#axp-publish-page
.axp-publish-floating-card > i {

    width: 38px;
    height: 38px;

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

    color: var(--axp-publish-gold);

    background:
        rgba(212,175,55,.08);

    border:
        1px solid
        rgba(212,175,55,.25);
}


#axp-publish-page
.axp-publish-floating-card strong {

    display: block;

    color: var(--axp-publish-navy);

    font-size: 10px;
}


#axp-publish-page
.axp-publish-floating-card span {

    display: block;

    margin-top: 2px;

    color: var(--axp-publish-muted);

    font-size: 7px;
}


/* INTRO CONTENT */

#axp-publish-page
.axp-publish-intro-content {

    max-width: 620px;
}


#axp-publish-page
.axp-publish-intro-content p {

    margin: 0 0 15px;

    color: #000;

    font-size: 14px;

    line-height: 1.9;
}


#axp-publish-page
.axp-publish-intro-points {

    display: grid;

    gap: 9px;

    margin: 24px 0;
}


#axp-publish-page
.axp-publish-intro-points div {

    display: flex;
    align-items: center;

    gap: 10px;

    color: var(--axp-publish-text);

    font-size: 12px;
}


#axp-publish-page
.axp-publish-intro-points i {

    color: var(--axp-publish-gold);

    font-size: 11px;
}


/* BUTTON */

#axp-publish-page
.axp-publish-primary-btn {

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

    padding: 15px 23px;

    color: var(--axp-publish-navy);

    background: var(--axp-publish-gold);

    text-decoration: none;

    border-radius: 5px;
    font-size: 12px;
    font-weight: 800;

    letter-spacing: 1px;

    transition: .35s ease;
}


#axp-publish-page
.axp-publish-primary-btn:hover {

    color: var(--axp-publish-navy);

    background: #fff;

    box-shadow:
        0 10px 30px
        rgba(212,175,55,.18);

    transform:
        translateY(-3px);
}


#axp-publish-page
.axp-publish-primary-btn i {

    transition: .3s ease;
}


#axp-publish-page
.axp-publish-primary-btn:hover i {

    transform:
        translateX(5px);
}


/* =========================================================
   SERVICES
========================================================= */

#axp-publish-page
.axp-publish-services {

    padding: 50px 0;

    background: #f8f9fa;
}


#axp-publish-page
.axp-publish-section-heading {

    max-width: 700px;

    margin: 0 auto 50px;

    text-align: center;
}


#axp-publish-page
.axp-publish-section-heading
.axp-publish-divider {

    justify-content: center;
}


#axp-publish-page
.axp-publish-section-heading > p {

    margin: 0;

    color: #000;

    font-size: 14px;

    line-height: 1.8;
}


#axp-publish-page
.axp-publish-service-grid {

    display: grid;

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

    gap: 20px;
}


#axp-publish-page
.axp-publish-service-card {

    position: relative;

    min-height: 275px;

    padding: 32px 27px;

    overflow: hidden;

    background: #fff;

    border:
        1px solid
        var(--axp-publish-border);

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


#axp-publish-page
.axp-publish-service-card::before {

    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 3px;
    height: 0;

    background:
        var(--axp-publish-gold);

    transition: .4s ease;
}


#axp-publish-page
.axp-publish-service-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(212,175,55,.4);

    box-shadow:
        0 20px 45px
        rgba(11,31,58,.08);
}


#axp-publish-page
.axp-publish-service-card:hover::before {

    height: 100%;
}


#axp-publish-page
.axp-publish-service-number {

    position: absolute;

    top: 17px;
    right: 20px;

    color:
        rgba(11,31,58,.07);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 58px;

    line-height: 1;
}


#axp-publish-page
.axp-publish-service-icon {

    width: 52px;
    height: 52px;

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

    margin-bottom: 22px;

    color:
        var(--axp-publish-gold);

    background:
        rgba(212,175,55,.07);

    border:
        1px solid
        rgba(212,175,55,.25);

    font-size: 15px;
}


#axp-publish-page
.axp-publish-service-card h3 {

    max-width: 210px;

    margin: 0 0 12px;

    color: var(--axp-publish-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 23px;

    font-weight: 600;

    line-height: 1.2;
}


#axp-publish-page
.axp-publish-service-card p {

    margin: 0 0 20px;

    color: #000;

    font-size: 14px;

    line-height: 1.8;
}


#axp-publish-page
.axp-publish-service-link {

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

    color: var(--axp-publish-navy);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .5px;
}


#axp-publish-page
.axp-publish-service-link i {

    color: var(--axp-publish-gold);

    transition: .3s ease;
}


#axp-publish-page
.axp-publish-service-card:hover
.axp-publish-service-link i {

    transform:
        translateX(5px);
}


/* =========================================================
   PROCESS
========================================================= */

#axp-publish-page
.axp-publish-process {

    padding: 95px 0;

    background: #fff;
}


#axp-publish-page
.axp-publish-process-grid {

    display: grid;

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

    align-items: start;

    gap: 12px;
}


#axp-publish-page
.axp-publish-process-item {

    text-align: center;
}


#axp-publish-page
.axp-publish-process-icon {

    width: 75px;
    height: 75px;

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

    margin: 0 auto 15px;

    color: var(--axp-publish-gold);

    background:
        rgba(212,175,55,.05);

    border:
        1px solid
        var(--axp-publish-gold);

    border-radius: 50%;

    font-size: 17px;

    box-shadow:
        0 0 0 7px #fff;
}


#axp-publish-page
.axp-publish-process-item > span {

    color: var(--axp-publish-gold);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 2px;
}


#axp-publish-page
.axp-publish-process-item h3 {

    margin: 7px 0;

    color: var(--axp-publish-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 22px;
}


#axp-publish-page
.axp-publish-process-item p {

    max-width: 160px;

    margin: auto;

    color: #000;

    font-size: 12px;

    line-height: 1.75;
}


#axp-publish-page
.axp-publish-process-line {

    width: 35px;

    height: 1px;

    margin-top: 37px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--axp-publish-gold),
            transparent
        );
}


/* =========================================================
   BENEFITS
========================================================= */

#axp-publish-page
.axp-publish-benefits {

    padding: 95px 0;

    background:
        linear-gradient(
            120deg,
            #f8f9fa,
            #fff
        );
}


#axp-publish-page
.axp-publish-benefits-grid {

    display: grid;

    grid-template-columns:
        45% 55%;

    gap: 70px;

    align-items: center;
}


#axp-publish-page
.axp-publish-benefits-content {

    max-width: 530px;
}


#axp-publish-page
.axp-publish-benefits-content > p {

    margin: 0 0 15px;

    color: #000;

    font-size: 14px;

    line-height: 1.9;
}


#axp-publish-page
.axp-publish-benefit-list {

    display: grid;

    gap: 13px;
}


#axp-publish-page
.axp-publish-benefit {

    display: flex;

    gap: 15px;

    padding: 22px;

    background: #fff;

    border:
        1px solid
        var(--axp-publish-border);

    transition: .35s ease;
}


#axp-publish-page
.axp-publish-benefit:hover {

    transform:
        translateX(5px);

    border-color:
        rgba(212,175,55,.4);

    box-shadow:
        0 12px 30px
        rgba(11,31,58,.06);
}


#axp-publish-page
.axp-publish-benefit > i {

    color: var(--axp-publish-gold);

    font-size: 18px;

    margin-top: 2px;
}


#axp-publish-page
.axp-publish-benefit h4 {

    margin: 0 0 5px;

    color: var(--axp-publish-navy);

    font-size: 14px;
}


#axp-publish-page
.axp-publish-benefit p {

    margin: 0;

    color: var(--axp-publish-muted);

    font-size: 14px;

    line-height: 1.7;
}


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

#axp-publish-page
.axp-publish-form-section {

    padding: 100px 0;

    background:
        var(--axp-publish-dark);
}


#axp-publish-page
.axp-publish-form-wrapper {

    display: grid;

    grid-template-columns:
        38% 62%;

    gap: 30px;

    padding: 55px;

    background: #fff;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.20);
}


#axp-publish-page
.axp-publish-form-intro {

    padding-top: 10px;
}


#axp-publish-page
.axp-publish-form-intro p {

    max-width: 390px;

    margin: 0 0 25px;

    color: #000;

    font-size: 14px;

    line-height: 1.9;
}


#axp-publish-page
.axp-publish-form-note {

    display: flex;
    align-items: flex-start;

    gap: 10px;

    padding: 15px;

    color: var(--axp-publish-muted);

    background:
        #f8f9fa;

    border-left:
        2px solid
        var(--axp-publish-gold);

    font-size: 12px;

    line-height: 1.6;
}


#axp-publish-page
.axp-publish-form-note i {

    color: var(--axp-publish-gold);

    margin-top: 2px;
}


/* FORM */

#axp-publish-page
.axp-publish-manuscript-form {

    display: flex;

    flex-direction: column;

    gap: 18px;
}


#axp-publish-page
.axp-publish-form-row {

    display: grid;

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

    gap: 17px;
}


#axp-publish-page
.axp-publish-field {

    display: flex;

    flex-direction: column;

    gap: 7px;
}


#axp-publish-page
.axp-publish-field label {

    color: var(--axp-publish-navy);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .5px;
}


#axp-publish-page
.axp-publish-field label sup {

    color:
        #b38d20;

    font-size: 9px;
}


#axp-publish-page
.axp-publish-input-wrap,
#axp-publish-page
.axp-publish-textarea-wrap {

    position: relative;
}


#axp-publish-page
.axp-publish-input-wrap > i,
#axp-publish-page
.axp-publish-textarea-wrap > i {

    position: absolute;

    left: 14px;
    top: 50%;

    z-index: 2;

    color: var(--axp-publish-gold);

    font-size: 11px;

    transform:
        translateY(-50%);
}


#axp-publish-page
.axp-publish-textarea-wrap > i {

    top: 18px;

    transform: none;
}


#axp-publish-page
.axp-publish-input-wrap input,
#axp-publish-page
.axp-publish-input-wrap select,
#axp-publish-page
.axp-publish-textarea-wrap textarea {

    width: 100%;

    border:
        1px solid
        var(--axp-publish-border);

    outline: none;

    color: var(--axp-publish-text);

    background: #fff;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    transition: .3s ease;
}


#axp-publish-page
.axp-publish-input-wrap input,
#axp-publish-page
.axp-publish-input-wrap select {

    height: 46px;

    padding:
        0 14px 0 40px;
}


#axp-publish-page
.axp-publish-textarea-wrap textarea {

    min-height: 115px;

    padding:
        13px 14px 13px 40px;

    resize: vertical;
}


#axp-publish-page
.axp-publish-input-wrap input:focus,
#axp-publish-page
.axp-publish-input-wrap select:focus,
#axp-publish-page
.axp-publish-textarea-wrap textarea:focus {

    border-color:
        var(--axp-publish-gold);

    box-shadow:
        0 0 0 3px
        rgba(212,175,55,.08);
}


#axp-publish-page
.axp-publish-input-wrap select {

    cursor: pointer;
}


/* UPLOAD */

#axp-publish-page
.axp-publish-upload-box {

    position: relative;

    min-height: 145px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 5px;

    padding: 20px;

    text-align: center;

    border:
        1px dashed
        rgba(212,175,55,.65);

    background:
        #fcfbf6;

    cursor: pointer;

    transition: .3s ease;
}


#axp-publish-page
.axp-publish-upload-box:hover {

    background:
        #faf7ec;

    border-color:
        var(--axp-publish-gold);
}


#axp-publish-page
.axp-publish-upload-box input {

    display: none;
}


#axp-publish-page
.axp-publish-upload-icon {

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 4px;

    color: var(--axp-publish-gold);

    background: #fff;

    border:
        1px solid
        rgba(212,175,55,.3);

    border-radius: 50%;
}


#axp-publish-page
.axp-publish-upload-box strong {

    color: var(--axp-publish-navy);

    font-size: 12px;
}


#axp-publish-page
.axp-publish-upload-box small {

    color: var(--axp-publish-muted);

    font-size: 10px;
}


#axp-publish-page
.axp-publish-file-name {

    max-width: 90%;

    overflow: hidden;

    color: var(--axp-publish-gold);

    font-size: 9px;

    text-overflow: ellipsis;

    white-space: nowrap;
}


/* SUBMIT */

#axp-publish-page
.axp-publish-submit-btn {

    width: 100%;

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

    gap: 12px;

    min-height: 48px;

    border: none;

    color: #fff;

    background:
        var(--axp-publish-navy);

    cursor: pointer;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    transition: .35s ease;
}


#axp-publish-page
.axp-publish-submit-btn:hover {

    background:
        var(--axp-publish-gold);

    color:
        var(--axp-publish-navy);

    transform:
        translateY(-2px);
}


#axp-publish-page
.axp-publish-submit-btn i {

    transition: .3s ease;
}


#axp-publish-page
.axp-publish-submit-btn:hover i {

    transform:
        translateX(5px);
}


#axp-publish-page
.axp-publish-form-status {

    min-height: 15px;

    text-align: center;

    font-size: 8px;
}


/* =========================================================
   FINAL CTA
========================================================= */

#axp-publish-page
.axp-publish-final-cta {

    padding: 40px 0;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            #081a31,
            #0b1f3a
        );
}


#axp-publish-page
.axp-publish-final-content > span {

    color: var(--axp-publish-gold-light);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 4px;
}


#axp-publish-page
.axp-publish-final-content h2 {

    margin: 12px 0 25px;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 40px;

    font-weight: 500;

    line-height: 1.2;
}


#axp-publish-page
.axp-publish-final-content h2 em {

    color: var(--axp-publish-gold-light);

    font-style: normal;
}


#axp-publish-page
.axp-publish-outline-btn {

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

    gap: 10px;

    padding: 14px 22px;

    color: #fff;

    border:
        1px solid
        var(--axp-publish-gold);

    text-decoration: none;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1px;

    transition: .35s ease;
}


#axp-publish-page
.axp-publish-outline-btn:hover {

    color:
        var(--axp-publish-navy);

    background:
        var(--axp-publish-gold);

    transform:
        translateY(-3px);
}


/* =========================================================
   REVEAL
========================================================= */

#axp-publish-page
.axp-publish-reveal {

    opacity: 0;

    transform:
        translateY(25px);

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


#axp-publish-page
.axp-publish-visible {

    opacity: 1;

    transform:
        translateY(0);
}


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

@media (max-width: 1050px) {

    #axp-publish-page
    .axp-publish-intro-grid {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    #axp-publish-page
    .axp-publish-book-visual {

        min-height: 430px;
    }


    #axp-publish-page
    .axp-publish-intro-content {

        max-width: 100%;

        text-align: center;
    }


    #axp-publish-page
    .axp-publish-intro-content
    .axp-publish-divider {

        justify-content: center;
    }


    #axp-publish-page
    .axp-publish-intro-points {

        justify-content: center;
    }


    #axp-publish-page
    .axp-publish-form-wrapper {

        grid-template-columns: 1fr;

        gap: 40px;

        padding: 40px;
    }


    #axp-publish-page
    .axp-publish-benefits-grid {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    #axp-publish-page
    .axp-publish-benefits-content {

        max-width: 100%;

        text-align: center;
    }


    #axp-publish-page
    .axp-publish-benefits-content
    .axp-publish-divider {

        justify-content: center;
    }


    #axp-publish-page
    .axp-publish-process-grid {

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

        gap: 45px;
    }


    #axp-publish-page
    .axp-publish-process-line {

        display: none;
    }

}


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

@media (max-width: 767px) {

    #axp-publish-page
    .axp-publish-container {

        padding-left: 18px;
        padding-right: 18px;
    }


    #axp-publish-page
    .axp-publish-hero {

        min-height: 270px;
    }


    #axp-publish-page
    .axp-publish-hero-title {

        font-size: 39px;
    }


    #axp-publish-page
    .axp-publish-intro,
    #axp-publish-page
    .axp-publish-services,
    #axp-publish-page
    .axp-publish-process,
    #axp-publish-page
    .axp-publish-benefits,
    #axp-publish-page
    .axp-publish-form-section {

        padding-top: 70px;
        padding-bottom: 70px;
    }


    #axp-publish-page
    .axp-publish-section-title {

        font-size: 35px;
    }


    #axp-publish-page
    .axp-publish-book-visual {

        min-height: 390px;
    }


    #axp-publish-page
    .axp-publish-book {

        width: 190px;
        height: 280px;
    }


    #axp-publish-page
    .axp-publish-floating-card {

        right: 0;
        bottom: 30px;
    }


    #axp-publish-page
    .axp-publish-service-grid {

        grid-template-columns: 1fr;
    }


    #axp-publish-page
    .axp-publish-process-grid {

        grid-template-columns: 1fr;
    }


    #axp-publish-page
    .axp-publish-form-wrapper {

        padding: 28px 20px;
    }


    #axp-publish-page
    .axp-publish-form-row {

        grid-template-columns: 1fr;
    }


    #axp-publish-page
    .axp-publish-final-content h2 {

        font-size: 32px;
    }

}


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

@media (max-width: 480px) {

    #axp-publish-page
    .axp-publish-hero-title {

        font-size: 34px;
    }


    #axp-publish-page
    .axp-publish-section-title {

        font-size: 31px;
    }


    #axp-publish-page
    .axp-publish-book {

        width: 165px;
        height: 245px;
    }


    #axp-publish-page
    .axp-publish-book-inner strong {

        font-size: 29px;
    }


    #axp-publish-page
    .axp-publish-floating-card {

        padding: 11px;

        gap: 8px;
    }


    #axp-publish-page
    .axp-publish-floating-card > i {

        width: 32px;
        height: 32px;
    }


    #axp-publish-page
    .axp-publish-final-content h2 {

        font-size: 27px;
    }

}

















/* =========================================================
   AXIOM PRESS SERVICES PAGE
========================================================= */

#axp-services-page {

    --axp-navy: #0b1f3a;
    --axp-dark: #061326;
    --axp-gold: #d4af37;
    --axp-gold-light: #e7ca69;
    --axp-text: #17283d;
    --axp-muted: #788493;
    --axp-border: #e6e9ed;

    width: 100%;
    overflow: hidden;

    font-family: "Poppins", sans-serif;

    background: #ffffff;
    color: var(--axp-text);
}

#axp-services-page *,
#axp-services-page *::before,
#axp-services-page *::after {
    box-sizing: border-box;
}

#axp-services-page
.axp-services-container {

    width: 100%;
    max-width: 1240px;

    margin: 0 auto;

    padding-left: 25px;
    padding-right: 25px;
}


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

#axp-services-page
.axp-services-hero {

    position: relative;

    min-height: 300px;

    display: flex;
    align-items: center;

   /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("../image/bar.jpeg");

    overflow: hidden;
}

#axp-services-page
.axp-services-hero::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -180px;
    top: -230px;

    border: 1px solid rgba(212,175,55,.25);

    border-radius: 50%;
}

#axp-services-page
.axp-services-hero::after {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    right: -100px;
    top: -150px;

    border: 1px solid rgba(212,175,55,.14);

    border-radius: 50%;
}

#axp-services-page
.axp-services-hero-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,175,55,.04)
        );
}

#axp-services-page
.axp-services-hero-content {

    position: relative;
    z-index: 2;

    padding: 45px 0;
}

#axp-services-page
.axp-services-hero-tag {

    display: block;

    margin-bottom: 10px;

    color: var(--axp-gold-light);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 4px;
}

#axp-services-page
.axp-services-hero h1 {

    margin: 0 0 20px;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 55px;

    font-weight: 500;

    line-height: 1.1;
}

#axp-services-page
.axp-services-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;
}

#axp-services-page
.axp-services-breadcrumb a {

    color: #fff;

    text-decoration: none;

    font-size: 10px;

    transition: .3s ease;
}

#axp-services-page
.axp-services-breadcrumb a:hover {

    color: var(--axp-gold);
}

#axp-services-page
.axp-services-breadcrumb i {

    color: var(--axp-gold);

    font-size: 8px;
}

#axp-services-page
.axp-services-breadcrumb span {

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

    font-size: 10px;
}


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

#axp-services-page
.axp-services-intro {

    padding: 50px 0 50px;

    background: #fff;
}

#axp-services-page
.axp-services-header {

    max-width: 760px;

    margin: 0 auto 55px;

    text-align: center;
}

#axp-services-page
.axp-services-tag {

    display: block;

    margin-bottom: 9px;

    color: var(--axp-gold);

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 3px;
}

#axp-services-page
.axp-services-header h2 {

    margin: 0;

    color: var(--axp-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 46px;

    font-weight: 500;
}

#axp-services-page
.axp-services-divider {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin: 17px 0;
}

#axp-services-page
.axp-services-divider span {

    width: 65px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--axp-gold)
        );
}

#axp-services-page
.axp-services-divider span:last-child {

    background:
        linear-gradient(
            90deg,
            var(--axp-gold),
            transparent
        );
}

#axp-services-page
.axp-services-divider i {

    color: var(--axp-gold);

    font-size: 7px;

    transform: rotate(45deg);
}

#axp-services-page
.axp-services-header p {

    max-width: 620px;

    margin: auto;

    color: #000;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   SERVICE GRID
========================================================= */

#axp-services-page
.axp-services-grid {

    display: grid;

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

    gap: 25px;
}


/* =========================================================
   SERVICE BOX
========================================================= */

#axp-services-page
.axp-service-box {

    position: relative;

    overflow: hidden;

    background: #fff;

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

    box-shadow:
        0 8px 30px rgba(11,31,58,.045);

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

#axp-services-page
.axp-service-box:hover {

    transform: translateY(-9px);

    border-color:
        rgba(212,175,55,.5);

    box-shadow:
        0 25px 55px rgba(11,31,58,.12);
}


/* =========================================================
   IMAGE
========================================================= */

#axp-services-page
.axp-service-image {

    position: relative;

    width: 100%;

    height: 245px;

    overflow: hidden;

    background: var(--axp-navy);
}

#axp-services-page
.axp-service-image img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .7s ease;
}

#axp-services-page
.axp-service-box:hover
.axp-service-image img {

    transform: scale(1.08);
}


/* IMAGE OVERLAY */

#axp-services-page
.axp-service-image-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(6,19,38,.05) 25%,
            rgba(6,19,38,.75) 100%
        );

    transition: .4s ease;
}

#axp-services-page
.axp-service-box:hover
.axp-service-image-overlay {

    background:
        linear-gradient(
            180deg,
            rgba(6,19,38,.12),
            rgba(6,19,38,.82)
        );
}


/* NUMBER */

#axp-services-page
.axp-service-number {

    position: absolute;

    right: 18px;
    bottom: 15px;

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

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 30px;

    line-height: 1;
}


/* =========================================================
   CONTENT
========================================================= */

#axp-services-page
.axp-service-content {

    padding: 27px 27px 29px;
}

#axp-services-page
.axp-service-small-title {

    display: block;

    margin-bottom: 7px;

    color: var(--axp-gold);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2.2px;
}

#axp-services-page
.axp-service-content h3 {

    margin: 0 0 12px;

    color: var(--axp-navy);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 25px;

    font-weight: 600;

    line-height: 1.2;
}

#axp-services-page
.axp-service-content p {

    min-height: 60px;

    margin: 0 0 0px;

    color: #000;

    font-size: 12px;

    line-height: 1.8;
}


.axp-service-full-content ul li {
    font-size: 14px;
    color: #c9962e;
    font-weight: 600;
}


.axp-publish-intro-points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.axp-publish-intro-points > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    transition: 0.3s ease;
}

.axp-publish-intro-points > div:hover {
    border-color: #d4af37;
    transform: translateY(-2px);
}

.axp-process-number {
    flex-shrink: 0;
    color: #d4af37;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

.axp-publish-intro-points > div > span:last-child {
    color: #555;
    font-size: 11px;
    line-height: 1.4;
}

.axp-publish-intro-points strong {
    color: #0b1f3a;
    font-size: 11px;
    font-weight: 700;
}


/* Mobile */
@media (max-width: 575px) {
    .axp-publish-intro-points {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .axp-publish-intro-points > div {
        padding: 9px 10px;
    }

    .axp-process-number {
        font-size: 11px;
    }

    .axp-publish-intro-points > div > span:last-child,
    .axp-publish-intro-points strong {
        font-size: 10px;
    }
}




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

#axp-services-page
.axp-service-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding-bottom: 8px;

    color: var(--axp-navy);

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    /* letter-spacing: .7px; */
}

#axp-services-page
.axp-service-btn::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 1px;

    background: var(--axp-gold);

    transform: scaleX(.35);

    transform-origin: left;

    transition: .35s ease;
}

#axp-services-page
.axp-service-btn i {

    color: var(--axp-gold);

    transition: .35s ease;
}

#axp-services-page
.axp-service-btn:hover::after {

    transform: scaleX(1);
}

#axp-services-page
.axp-service-btn:hover i {

    transform: translateX(5px);
}


/* =========================================================
   FEATURED CARD
========================================================= */

#axp-services-page
.axp-service-featured {

    border-color:
        rgba(212,175,55,.35);
}

#axp-services-page
.axp-service-featured
.axp-service-content {

    background:
        linear-gradient(
            180deg,
            #fff,
            #fffdf7
        );
}


/* =========================================================
   CTA
========================================================= */

#axp-services-page
.axp-services-cta {

    position: relative;

    overflow: hidden;

    padding: 70px 0;

    background:
        linear-gradient(
            120deg,
            #061326,
            #0b1f3a
        );
}

#axp-services-page
.axp-services-cta-pattern {

    position: absolute;

    width: 450px;
    height: 450px;

    right: -200px;
    top: -230px;

    border:
        1px solid
        rgba(212,175,55,.2);

    border-radius: 50%;
}

#axp-services-page
.axp-services-cta-inner {

    position: relative;
    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 35px;
}

#axp-services-page
.axp-services-cta-inner > div > span {

    display: block;

    margin-bottom: 10px;

    color: var(--axp-gold-light);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 3px;
}

#axp-services-page
.axp-services-cta h2 {

    margin: 0;

    color: #fff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 40px;

    font-weight: 500;
}

#axp-services-page
.axp-services-cta h2 em {

    color: var(--axp-gold-light);

    font-style: normal;
}

#axp-services-page
.axp-services-cta-btn {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    flex-shrink: 0;

    padding: 16px 24px;

    color: var(--axp-navy);

    background: var(--axp-gold);

    text-decoration: none;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;

    transition: .35s ease;
}

#axp-services-page
.axp-services-cta-btn:hover {

    background: #fff;

    transform: translateY(-4px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.2);
}

#axp-services-page
.axp-services-cta-btn i {

    transition: .3s ease;
}

#axp-services-page
.axp-services-cta-btn:hover i {

    transform: translateX(5px);
}


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

@media (max-width: 1050px) {

    #axp-services-page
    .axp-services-grid {

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

    #axp-services-page
    .axp-services-cta-inner {

        align-items: flex-start;

        flex-direction: column;
    }
}


@media (max-width: 767px) {

    #axp-services-page
    .axp-services-container {

        padding-left: 18px;
        padding-right: 18px;
    }

    #axp-services-page
    .axp-services-hero {

        min-height: 260px;
    }

    #axp-services-page
    .axp-services-hero h1 {

        font-size: 40px;
    }

    #axp-services-page
    .axp-services-intro {

        padding: 70px 0 75px;
    }

    #axp-services-page
    .axp-services-header {

        margin-bottom: 40px;
    }

    #axp-services-page
    .axp-services-header h2 {

        font-size: 37px;
    }

    #axp-services-page
    .axp-services-grid {

        grid-template-columns: 1fr;

        gap: 22px;
    }

    #axp-services-page
    .axp-service-image {

        height: 230px;
    }

    #axp-services-page
    .axp-service-content {

        padding: 24px;
    }

    #axp-services-page
    .axp-service-content p {

        min-height: auto;
    }

    #axp-services-page
    .axp-services-cta {

        padding: 55px 0;
    }

    #axp-services-page
    .axp-services-cta h2 {

        font-size: 32px;
    }

    #axp-services-page
    .axp-services-cta-btn {

        width: 100%;

        justify-content: center;
    }
}


@media (max-width: 480px) {

    #axp-services-page
    .axp-services-hero h1 {

        font-size: 34px;
    }

    #axp-services-page
    .axp-services-header h2 {

        font-size: 32px;
    }

    #axp-services-page
    .axp-service-image {

        height: 210px;
    }
}











/* =========================================================
   AXIOM PRESS AUTHORS PAGE
   FULLY ISOLATED CSS
========================================================= */


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

#axp-authors-page-hero {

    position: relative;

    width: 100%;

    min-height: 255px;

    display: flex;

    align-items: center;

    overflow: hidden;

   /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("../image/bar.jpeg");

}


#axp-authors-page-pattern {

    position: absolute;

    inset: 0;

    opacity: .28;

    background-image:

        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size: 55px 55px;

}


#axp-authors-page-hero::after {

    content: "";

    position: absolute;

    width: 360px;

    height: 360px;

    right: -90px;

    top: -185px;

    border: 1px solid rgba(201,151,43,.20);

    border-radius: 50%;

    box-shadow:
        0 0 0 60px rgba(201,151,43,.025);

}


.axp-authors-page-container {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1230px;

    margin: 0 auto;

    padding: 45px 25px;

}


.axp-authors-page-tag {

    display: block;

    margin-bottom: 12px;

    color: #c9972b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;

}


.axp-authors-page-title {

    margin: 0 0 14px;

    color: #ffffff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 50px;

    font-weight: 400;

    line-height: 1.1;

}


.axp-authors-page-breadcrumb {

    display: flex;

    align-items: center;

    gap: 11px;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;

}


.axp-authors-page-breadcrumb a {

    color: #ffffff;

    text-decoration: none;

}


.axp-authors-page-breadcrumb a:hover {

    color: #c9972b;

}


.axp-authors-page-breadcrumb i {

    color: #c9972b;

    font-size: 9px;

}


.axp-authors-page-breadcrumb span {

    color: #8995a3;

}


/* =========================================================
   AUTHORS SECTION
========================================================= */

#axp-authors-page-section {

    width: 100%;

    padding: 70px 0 85px;

    background: #ffffff;

}


.axp-authors-page-wrapper {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto;

    padding: 0 20px;

}


/* =========================================================
   HEADING
========================================================= */

.axp-authors-page-heading {

    width: 100%;

    max-width: 650px;

    margin: 0 auto 42px;

    text-align: center;

}


.axp-authors-page-heading > span {

    display: block;

    margin-bottom: 8px;

    color: #c9972b;

    font-family: "DM Sans", sans-serif;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 3px;

}


.axp-authors-page-heading h2 {

    margin: 0;

    color: #182536;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 38px;

    font-weight: 500;

    line-height: 1.2;

}


.axp-authors-page-heading h2 em {

    color: #c9972b;

    font-style: italic;

}


.axp-authors-page-heading p {

    margin: 12px 0 0;

    color: #000;

    font-family: "DM Sans", sans-serif;

    font-size: 14px;

}


/* =========================================================
   IMPORTANT:
   PURE CSS GRID
   NO BOOTSTRAP
========================================================= */

.axp-authors-page-grid {

    display: grid;

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

    gap: 25px;

    width: 100%;

}


/* =========================================================
   AUTHOR CARD
========================================================= */

.axp-author-card {

    width: 100%;

    min-width: 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5e7ea;

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

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

}


.axp-author-card:hover {

    transform: translateY(-5px);

    border-color: rgba(201,151,43,.55);

    box-shadow:
        0 12px 30px rgba(0,0,0,.09);

}


/* =========================================================
   CARD IMAGE
========================================================= */

.axp-author-card-image {

    width: 100%;

    height: 210px;

    overflow: hidden;

    background: #eeeeee;

}


.axp-author-card-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transition:
        transform .5s ease;

}


.axp-author-card:hover
.axp-author-card-image img {

    transform: scale(1.05);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.axp-author-card-content {

    width: 100%;

    padding: 17px 19px 19px;

}


.axp-author-card-label {

    display: block;

    margin-bottom: 5px;

    color: #c9972b;

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;

}


.axp-author-card-content h3 {

    margin: 0 0 7px;

    color: #182536;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 21px;

    font-weight: 500;

    line-height: 1.2;

}


.axp-author-card-content p {

    margin: 0 0 14px;

    color: #000;

    font-family: "DM Sans", sans-serif;

    font-size: 14px;

    line-height: 1.6;

}


.axp-author-card-link {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #182536;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;

    font-weight: 700;

    text-decoration: none;

}


.axp-author-card-link i {

    color: #c9972b;

    font-size: 9px;

    transition: transform .3s ease;

}


.axp-author-card-link:hover {

    color: #c9972b;

}


.axp-author-card-link:hover i {

    transform: translateX(4px);

}


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

@media (max-width: 900px) {

    .axp-authors-page-grid {

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

    }

}


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

@media (max-width: 600px) {

    #axp-authors-page-hero {

        min-height: 220px;

    }


    .axp-authors-page-container {

        padding: 40px 20px;

    }


    .axp-authors-page-title {

        font-size: 36px;

    }


    #axp-authors-page-section {

        padding: 55px 0 65px;

    }


    .axp-authors-page-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }


    .axp-author-card-image {

        height: 240px;

    }


    .axp-authors-page-heading h2 {

        font-size: 32px;

    }

}


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

@media (max-width: 400px) {

    .axp-authors-page-title {

        font-size: 31px;

    }


    .axp-author-card-image {

        height: 220px;

    }

}


/* =========================================================
   AUTHOR POPUP
========================================================= */

#axp-author-popup {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: none;

    align-items: center;

    justify-content: center;

    padding: 20px;

}


/* Popup Active */

#axp-author-popup.axp-popup-active {

    display: flex;

}


/* Dark Overlay */

.axp-author-popup-overlay {

    position: absolute;

    inset: 0;

    background: rgba(3, 14, 27, .78);

    backdrop-filter: blur(5px);

}


/* Popup Box */

.axp-author-popup-box {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 430px;

    background: #ffffff;

    border: 1px solid rgba(201,151,43,.45);

    box-shadow:
        0 25px 70px rgba(0,0,0,.30);

    transform: scale(.88);

    opacity: 0;

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

}


/* Opening Animation */

#axp-author-popup.axp-popup-active
.axp-author-popup-box {

    transform: scale(1);

    opacity: 1;

}


/* Close Button */

.axp-author-popup-close {

    position: absolute;

    z-index: 5;

    top: 12px;

    right: 12px;

    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0;

    border-radius: 50%;

    background: #ffffff;

    color: #061426;

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

    cursor: pointer;

    transition: .3s;

}


.axp-author-popup-close:hover {

    background: #c9972b;

    color: #ffffff;

}


/* Popup Image */

.axp-author-popup-image {

    width: 100%;

    height: 330px;

    overflow: hidden;

    background: #eeeeee;

}


.axp-author-popup-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}


/* Popup Information */

.axp-author-popup-info {

    padding: 22px 25px 25px;

    text-align: center;

}


.axp-author-popup-info span {

    display: block;

    margin-bottom: 6px;

    color: #c9972b;

    font-family: "DM Sans", sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 3px;

}


.axp-author-popup-info h3 {

    margin: 0;

    color: #182536;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 30px;

    font-weight: 500;

}


/* Mobile */

@media (max-width: 500px) {

    .axp-author-popup-box {

        max-width: 340px;

    }

    .axp-author-popup-image {

        height: 280px;

    }

    .axp-author-popup-info h3 {

        font-size: 26px;

    }

}












/* =========================================================
   AXIOM PRESS BLOG PAGE
========================================================= */

:root {

    --axp-blog-gold: #c9972b;
    --axp-blog-navy: #061426;
    --axp-blog-dark: #182536;
    --axp-blog-muted: #737b84;
}


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

#axp-blog-page-hero {

    position: relative;

    width: 100%;

    min-height: 255px;

    display: flex;

    align-items: center;

    overflow: hidden;

    /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("../image/bar.jpeg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}


.axp-blog-page-pattern {

    position: absolute;

    inset: 0;

    opacity: .28;

    background-image:

        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size: 55px 55px;

}


#axp-blog-page-hero::after {

    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -90px;
    top: -185px;

    border: 1px solid rgba(201,151,43,.20);

    border-radius: 50%;

    box-shadow:
        0 0 0 60px rgba(201,151,43,.025);

}


.axp-blog-page-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1230px;

    margin: auto;

    padding: 45px 25px;

}


.axp-blog-page-tag {

    display: block;

    margin-bottom: 12px;

    color: var(--axp-blog-gold);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;

}


.axp-blog-page-title {

    margin: 0 0 14px;

    color: #ffffff;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 50px;

    font-weight: 400;

    line-height: 1.1;

}


.axp-blog-page-breadcrumb {

    display: flex;

    align-items: center;

    gap: 11px;

    font-family: "DM Sans", sans-serif;

    font-size: 12px;

}


.axp-blog-page-breadcrumb a {

    color: #ffffff;

    text-decoration: none;

}


.axp-blog-page-breadcrumb a:hover {

    color: var(--axp-blog-gold);

}


.axp-blog-page-breadcrumb i {

    color: var(--axp-blog-gold);

    font-size: 9px;

}


.axp-blog-page-breadcrumb span {

    color: #8995a3;

}


/* =========================================================
   BLOG SECTION
========================================================= */

#axp-blog-page-section {

    width: 100%;

    padding: 70px 0 85px;

    background: #ffffff;

    --font-heading: 'Cinzel', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;

}


.axp-blog-page-wrapper {

    width: 100%;

    max-width: 1100px;

    margin: 0 auto;

    padding: 0 20px;

}


/* =========================================================
   HEADING
========================================================= */

.axp-blog-page-heading {

    max-width: 650px;

    margin: 0 auto 42px;

    text-align: center;

}


.axp-blog-page-heading > span {

    display: block;

    margin-bottom: 8px;

    color: #C9962E;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 3px;

}


.axp-blog-page-heading h2 {

    margin: 0;

    color: var(--axp-blog-dark);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 38px;

    font-weight: 500;

}


.axp-blog-page-heading h2 em {

    color: var(--axp-blog-gold);

    font-style: italic;

}


.axp-blog-page-heading p {

    margin: 12px 0 0;

    color: #000;

    font-family: "DM Sans", sans-serif;

    font-size: 14px;

}


/* =========================================================
   BLOG GRID
========================================================= */

.axp-blog-page-grid {

    display: grid;

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

    gap: 25px;

}


/* =========================================================
   BLOG CARD
========================================================= */

.axp-blog-card {

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #e5e7ea;

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

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

}


.axp-blog-card:hover {

    transform: translateY(-6px);

    border-color:
        rgba(201,151,43,.55);

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

}


/* =========================================================
   IMAGE
========================================================= */

.axp-blog-card-image {

    position: relative;

    width: 100%;

    height: 205px;

    overflow: hidden;

}


.axp-blog-card-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;

}


.axp-blog-card:hover
.axp-blog-card-image img {

    transform: scale(1.06);

}


/* Category */

.axp-blog-card-category {

    position: absolute;

    left: 15px;

    bottom: 14px;

    padding: 6px 10px;

    color: #ffffff;

    background: var(--axp-blog-gold);

    font-family: "DM Sans", sans-serif;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.axp-blog-card-content {

    padding: 18px 19px 20px;

}


.axp-blog-card-date {

    margin-bottom: 8px;

    color: #999fa5;

    font-family: "DM Sans", sans-serif;

    font-size: 9px;

}


.axp-blog-card-date i {

    margin-right: 4px;

    color: var(--axp-blog-gold);

}


.axp-blog-card-content h3 {

    margin: 0 0 9px;

    color: var(--axp-blog-dark);

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 20px;

    font-weight: 500;

    line-height: 1.3;

}


.axp-blog-card-content p {

    margin: 0 0 15px;

    color: var(--axp-blog-muted);

    font-family: "DM Sans", sans-serif;

    font-size: 11px;

    line-height: 1.65;

}


.axp-blog-read-more {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--axp-blog-dark);

    font-family: "DM Sans", sans-serif;

    font-size: 10px;

    font-weight: 700;

    text-decoration: none;

}


.axp-blog-read-more i {

    color: var(--axp-blog-gold);

    font-size: 9px;

    transition: .3s;

}


.axp-blog-read-more:hover {

    color: var(--axp-blog-gold);

}


.axp-blog-read-more:hover i {

    transform: translateX(4px);

}


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

@media (max-width: 900px) {

    .axp-blog-page-grid {

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

    }

}


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

@media (max-width: 600px) {

    #axp-blog-page-hero {

        min-height: 220px;

    }


    .axp-blog-page-container {

        padding: 40px 20px;

    }


    .axp-blog-page-title {

        font-size: 36px;

    }


    #axp-blog-page-section {

        padding: 55px 0 65px;

    }


    .axp-blog-page-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }


    .axp-blog-card-image {

        height: 230px;

    }


    .axp-blog-page-heading h2 {

        font-size: 32px;

    }

}











/* ===================================================
   1. HERO BANNER SECTION (Image Matching Style)
   =================================================== */
.page-banner-section {
    position: relative;
    /* Background Image */
    background-image:
        linear-gradient(
            90deg,
            rgba(6, 20, 38, 0.88) 0%,
            rgba(8, 24, 43, 0.65) 55%,
            rgba(23, 39, 53, 0.35) 100%
        ),
        url("../image/bar.jpeg");
    /* background: linear-gradient(135deg, #0a111e 0%, #0e1a2e 50%, #15243b 100%); */
    padding: 70px 0;
    overflow: hidden;
    color: #ffffff;
    /* font-family: 'Poppins', sans-serif; */
}

/* Geometric Light Rings on the Right Side */
.banner-circles-bg {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(197, 160, 89, 0.18);
    border-radius: 50%;
    pointer-events: none;
}

.banner-circles-bg::before {
    content: '';
    position: absolute;
    top: 40px;
    right: 40px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(197, 160, 89, 0.12);
    border-radius: 50%;
}

.banner-circles-bg::after {
    content: '';
    position: absolute;
    top: 80px;
    right: 80px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(197, 160, 89, 0.08);
    border-radius: 50%;
}

.banner-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 2;
}

.banner-subtitle {
    display: inline-block;
    color: #c5a059; /* Gold accent color */
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.banner-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 47px;
    font-weight: 500;
    color: #ffffff;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

/* Breadcrumb Navigation */
.breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.breadcrumb-nav a {
    color: #e2e8f0;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.breadcrumb-nav a:hover {
    color: #c5a059;
}

.breadcrumb-nav .separator {
    color: #64748b;
    font-size: 12px;
}

.breadcrumb-nav .current {
    color: #94a3b8;
}


/* ===================================================
   2. PRIVACY POLICY CONTENT SECTION
   =================================================== */
.privacy-policy-section {
    padding: 60px 20px;
    background-color: #ffffff;
    color: #333333;
    font-family: 'Poppins', sans-serif;
    line-height: 1.7;
}

.privacy-container {
    max-width: 1060px;
    margin: 0 auto;
}

/* Meta Box */
/* .policy-meta {
    background-color: #f8f9fa;
    border-left: 4px solid #c5a059;
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 0 6px 6px 0;
} */

/* .policy-meta p {
    font-size: 14px;
    color: #555555;
    margin: 0;
} */

/* Intro Text */
.policy-intro {
    font-size: 15px;
    margin-bottom: 35px;
    color: #444444;
}

/* Policy Content Blocks */
.policy-block {
    margin-bottom: 32px;
}

.policy-block h2 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    color: #0e1a2e;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
    margin-bottom: 15px;
    font-weight: 600;
}

.policy-block h3 {
    font-size: 15px;
    color: #c5a059;
    margin: 18px 0 10px 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.policy-block p {
    font-size: 15px;
    margin-bottom: 12px;
}

/* Bullet Lists */
.policy-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.policy-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    font-size: 15px;
}

.policy-list li::before {
    content: "•";
    color: #c5a059;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 5px;
    top: -2px;
}

/* Contact Card */
.contact-card {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-top: 15px;
}

.contact-card p {
    margin-bottom: 6px;
    font-size: 14px;
}

.contact-card a {
    color: #c5a059;
    text-decoration: none;
    font-weight: 600;
}

.contact-card a:hover {
    text-decoration: underline;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .page-banner-section {
        padding: 50px 0;
    }
    .banner-title {
        font-size: 32px;
    }
    .privacy-policy-section {
        padding: 40px 15px;
    }
    .policy-block h2 {
        font-size: 19px;
    }
}








/* ===================================================
   1. HERO BANNER SECTION
   =================================================== */
/* .page-banner-section {
    position: relative;
    background: linear-gradient(135deg, #0a111e 0%, #0e1a2e 50%, #15243b 100%);
    padding: 70px 0;
    overflow: hidden;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
} */

/* Geometric Light Rings */
.banner-circles-bg {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(197, 160, 89, 0.18);
    border-radius: 50%;
    pointer-events: none;
}

.banner-circles-bg::before {
    content: '';
    position: absolute;
    top: 40px;
    right: 40px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(197, 160, 89, 0.12);
    border-radius: 50%;
}

.banner-circles-bg::after {
    content: '';
    position: absolute;
    top: 80px;
    right: 80px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(197, 160, 89, 0.08);
    border-radius: 50%;
}

/* .banner-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 2;
} */

.banner-subtitle {
    display: inline-block;
    color: #c5a059;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.banner-title {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

/* Breadcrumb Navigation */
.breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.breadcrumb-nav a {
    color: #e2e8f0;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.breadcrumb-nav a:hover {
    color: #c5a059;
}

.breadcrumb-nav .separator {
    color: #64748b;
    font-size: 12px;
}

.breadcrumb-nav .current {
    color: #94a3b8;
}


/* ===================================================
   2. TERMS & CONDITIONS CONTENT SECTION
   =================================================== */
.terms-section {
    padding: 60px 20px;
    background-color: #ffffff;
    color: #333333;
    /* font-family: 'Poppins', sans-serif; */
    line-height: 1.7;
}

.terms-container {
    max-width: 1060px;
    margin: 0 auto;
}

/* Meta Box */
.terms-meta {
    background-color: #051f45;
    border-left: 4px solid #c5a059;
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 0 6px 6px 0;
}

.terms-meta p {
    font-size: 14px;
    color: #ffffff;
    margin: 0;
}

/* Intro Text */
.terms-intro {
    font-size: 16px;
    margin-bottom: 35px;
    color: #000;
}

/* Content Blocks */
.terms-block {
    margin-bottom: 32px;
}

.terms-block h2 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    color: #0e1a2e;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
    margin-bottom: 15px;
    font-weight: 600;
}

.terms-block p {
    font-size: 16px;
    margin-bottom: 12px;
    color: #000;
}

/* Bullet Lists */
.terms-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.terms-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    font-size: 15px;
}

.terms-list li::before {
    content: "•";
    color: #c9962e;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 5px;
    top: -2px;
}

/* Contact Card */
.contact-card {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-top: 15px;
}

.contact-card p {
    margin-bottom: 6px;
    font-size: 14px;
}

.contact-card a {
    color: #c5a059;
    text-decoration: none;
    font-weight: 600;
}

.contact-card a:hover {
    text-decoration: underline;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .page-banner-section {
        padding: 50px 0;
    }
    .banner-title {
        font-size: 32px;
    }
    .terms-section {
        padding: 40px 15px;
    }
    .terms-block h2 {
        font-size: 19px;
    }
}








/* ===================================================
   1. HERO BANNER SECTION
   =================================================== */
/* .page-banner-section {
    position: relative;
    background: linear-gradient(135deg, #0a111e 0%, #0e1a2e 50%, #15243b 100%);
    padding: 70px 0;
    overflow: hidden;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
} */

.banner-circles-bg {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(197, 160, 89, 0.18);
    border-radius: 50%;
    pointer-events: none;
}

.banner-circles-bg::before {
    content: '';
    position: absolute;
    top: 40px;
    right: 40px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(197, 160, 89, 0.12);
    border-radius: 50%;
}

.banner-circles-bg::after {
    content: '';
    position: absolute;
    top: 80px;
    right: 80px;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(197, 160, 89, 0.08);
    border-radius: 50%;
}

/* .banner-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 2;
} */

.banner-subtitle {
    display: inline-block;
    color: #c5a059;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.banner-title {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.breadcrumb-nav a {
    color: #e2e8f0;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.breadcrumb-nav a:hover {
    color: #c5a059;
}

.breadcrumb-nav .separator {
    color: #64748b;
    font-size: 12px;
}

.breadcrumb-nav .current {
    color: #94a3b8;
}


/* ===================================================
   2. REFUND POLICY CONTENT SECTION
   =================================================== */
.refund-policy-section {
    padding: 60px 20px;
    background-color: #ffffff;
    color: #333333;
    /* font-family: 'Poppins', sans-serif; */
    line-height: 1.7;
}

.refund-container {
    max-width: 1060px;
    margin: 0 auto;
}

/* Meta Box */
.policy-meta {
    background-color: #051f45;
    border-left: 4px solid #c5a059;
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 0 6px 6px 0;
}

.policy-meta p {
    font-size: 14px;
    color: #ffffff;
    margin: 0;
}

.policy-intro {
    font-size: 16px;
    margin-bottom: 35px;
    color: #000;
}

.policy-block {
    margin-bottom: 32px;
}

.policy-block h2 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    color: #0e1a2e;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
    margin-bottom: 15px;
    font-weight: 600;
}

.policy-block h3 {
    font-size: 15px;
    color: #c9962e;
    margin: 18px 0 8px 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.policy-block p {
    font-size: 16px;
    margin-bottom: 12px;
    color: #000;
}

.policy-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.policy-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    font-size: 15px;
}

.policy-list li::before {
    content: "•";
    color: #c9962e;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    left: 5px;
    top: -2px;
}

.contact-card {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    margin-top: 15px;
}

.contact-card p {
    margin-bottom: 6px;
    font-size: 14px;
}

.contact-card a {
    color: #c9962e;
    text-decoration: none;
    font-weight: 600;
}

.contact-card a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .page-banner-section {
        padding: 50px 0;
    }
    .banner-title {
        font-size: 32px;
    }
    .refund-policy-section {
        padding: 40px 15px;
    }
    .policy-block h2 {
        font-size: 19px;
    }
}












/* Pricing Section Container */
.pricing-hero {
    --bg-color: #f7f5f0;
    --eyebrow-color: #d94a38;
    --heading-color: #16181b;
    --body-color: #636b76;
    /* --font-heading: 'Instrument Serif', Georgia, serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, sans-serif; */
font-family: "Playfair Display", Georgia, serif;
    background-color: var(--bg-color);
    font-family: var(--font-body);
    width: 100%;
    /* max-width: 820px; */
    margin: 0 auto;
    text-align: center;
    padding: 60px 20px;
    box-sizing: border-box;
}

/* Eyebrow Tag */
.pricing-hero .eyebrow {
    color: #c9962e;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 18px;
    display: block;
}

/* Main Heading */
.pricing-hero .main-heading {
    font-family: var(--font-heading);
    color: #0b1f3a;
    font-size: 47px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.02em;
    margin: 0 auto 24px auto;
    max-width: 780px;
}

/* Sub-heading Paragraph */
.pricing-hero .sub-heading {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    max-width: 680px;
    margin: 0 auto;
}

/* Responsive Tweaks */
@media (max-width: 600px) {
    .pricing-hero {
        padding: 40px 15px;
    }
    .pricing-hero .eyebrow {
        font-size: 0.75rem;
        margin-bottom: 12px;
    }
    .pricing-hero .main-heading {
        margin-bottom: 18px;
    }
}










/* Section Background & Grid Setup */
.axp-bcalc-wrapper {
  --axp-font-serif: 'Instrument Serif', Georgia, serif;
  --axp-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --axp-red: #e61c24;
  --axp-red-hover: #cc121a;
  --axp-bg-page: #ffffff; /* White Background */
  --axp-bg-card-light: #ffffff;
  --axp-bg-card-dark: #121621;
  --axp-bg-box-dark: #1a1f2c;
  --axp-text-dark: #111827;
  --axp-text-muted: #6b7280;
  --axp-border: #e2e8f0;

  font-family: var(--axp-font-sans);
  color: var(--axp-text-dark);
  background-color: var(--axp-bg-page);
  padding: 30px 40px;
  
  /* 50/50 Equal Width & Equal Height Grid Alignment */
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch; /* Both panels forced to match exact equal height */
  gap: 24px;
  /* max-width: 1120px; */
  /* width: 100%; */
  /* margin: 0 auto; */
  /* box-sizing: border-box; */
}

/* Internal Resets */
.axp-bcalc-wrapper *,
.axp-bcalc-wrapper *::before,
.axp-bcalc-wrapper *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Left Panel (Form Box) */
.axp-bcalc-config-panel {
  background: var(--axp-bg-card-light);
  border: 1px solid var(--axp-border);
  border-radius: 20px;
  padding: 36px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.axp-bcalc-title {
  font-family: var(--axp-font-serif);
  font-size: 22px;
  font-weight: 400;
  color: var(--axp-text-dark);
  letter-spacing: -0.02em;
}

.axp-bcalc-subtitle {
  color: var(--axp-text-muted);
  font-size: 0.9rem;
  margin-top: 4px;
  margin-bottom: 24px;
}

.axp-bcalc-grid-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.axp-bcalc-grid-3col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin-bottom: 20px;
}

.axp-bcalc-field {
  display: flex;
  flex-direction: column;
}

.axp-bcalc-label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}

.axp-bcalc-input,
.axp-bcalc-select {
  height: 38px;
  padding: 0 14px;
  border: 1px solid var(--axp-border);
  border-radius: 10px;
  font-family: var(--axp-font-sans);
  font-size: 0.9rem;
  color: var(--axp-text-dark);
  background-color: #ffffff;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.axp-bcalc-input:focus,
.axp-bcalc-select:focus {
  border-color: var(--axp-red);
  box-shadow: 0 0 0 3px rgba(230, 28, 36, 0.1);
}

/* Quantity Slider Styling */
.axp-bcalc-qty-section {
  margin-top: 20px;
}

.axp-bcalc-qty-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.axp-bcalc-input-qty {
  width: 90px;
  height: 38px;
  text-align: center;
  font-weight: 600;
}

.axp-bcalc-slider-container {
  margin: 0px 0px 5px;
}

.axp-bcalc-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  background: #e2e8f0;
  border-radius: 3px;
  outline: none;
}

.axp-bcalc-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--axp-red);
  cursor: pointer;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.axp-bcalc-presets {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.axp-bcalc-btn-preset {
  padding: 6px 14px;
  border: 1px solid var(--axp-border);
  background: #ffffff;
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.axp-bcalc-btn-preset:hover {
  border-color: var(--axp-red);
  color: var(--axp-red);
}

.axp-bcalc-discount-info {
  font-size: 0.78rem;
  color: var(--axp-text-muted);
}

.axp-bcalc-divider {
  border: 0;
  height: 1px;
  background: var(--axp-border);
  margin: 22px 0;
}

.axp-bcalc-btn-submit {
  width: 100%;
  height: 40px;
  background-color: #c9962e;
  color: #ffffff;
  border: none;
  border-radius: 24px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}

.axp-bcalc-btn-submit:hover {
  background-color: #b97f0a;
}

.axp-bcalc-footer-notice {
  text-align: center;
  font-size: 0.76rem;
  color: var(--axp-text-muted);
  margin-top: 8px;
}

/* Right Panel (Live Estimate Box) */
.axp-bcalc-estimate-panel {
  background-color: #00132d;
  color: #ffffff;
  border-radius: 20px;
  padding: 36px;
  /* display: flex; */
  flex-direction: column;
  justify-content: space-between; /* Keeps red box anchored cleanly to the bottom */
  height: 100%;
}

.axp-bcalc-tag-live {
  color: #c9962e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

.axp-bcalc-total-amount {
  font-family: var(--axp-font-serif);
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 6px;
}

.axp-bcalc-summary-text {
  color: #9ca3af;
  font-size: 0.85rem;
  margin-bottom: 24px;
}

.axp-bcalc-per-unit-card {
  background-color: var(--axp-bg-box-dark);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
}

.axp-bcalc-per-unit-label {
  font-size: 0.8rem;
  color: #9ca3af;
  display: block;
  margin-bottom: 4px;
}

.axp-bcalc-per-unit-price {
  font-family: var(--axp-font-serif);
  font-size: 1.8rem;
}

.axp-bcalc-breakdown {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 0.86rem;
}

.axp-bcalc-breakdown-row {
  display: flex;
  justify-content: space-between;
  color: #d1d5db;
}

.axp-bcalc-dark-divider {
  border: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 4px 0;
}

.axp-bcalc-row-total {
  font-weight: 700;
  color: #ffffff;
  font-size: 0.95rem;
}

.axp-bcalc-feature-box {
  background-color: #c9962e;
  border-radius: 14px;
  padding: 18px 20px;
  margin-top: 24px;
  color: #ffffff;
}

.axp-bcalc-feature-box strong {
  display: block;
  font-size: 0.88rem;
  margin-bottom: 4px;
}

.axp-bcalc-feature-box p {
  font-size: 0.78rem;
  line-height: 1.4;
  opacity: 0.95;
}

/* Responsiveness */
@media (max-width: 900px) {
  .axp-bcalc-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .axp-bcalc-grid-2col,
  .axp-bcalc-grid-3col {
    grid-template-columns: 1fr;
  }

  .axp-bcalc-config-panel,
  .axp-bcalc-estimate-panel {
    padding: 24px 20px;
  }

  .axp-bcalc-total-amount {
    font-size: 2.5rem;
  }
}














/* Main Wrapper & Section Variables */
.pub-pkg-section {
  --pub-font-serif: 'Instrument Serif', Georgia, serif;
  --pub-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --pub-red: #e61c24;
  --pub-red-hover: #cc121a;
  --pub-bg-page: #fbf9f5;
  --pub-text-dark: #121621;
  --pub-text-muted: #6b7280;
  --pub-border: #e2e8f0;

  background-color: var(--pub-bg-page);
  font-family: var(--pub-font-sans);
  color: var(--pub-text-dark);
  padding: 60px 20px;
  width: 100%;
  box-sizing: border-box;
}

/* Scoped Reset */
.pub-pkg-section *,
.pub-pkg-section *::before,
.pub-pkg-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Header Styling */
.pub-pkg-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 50px auto;
}

.pub-pkg-tag {
  color: #c9962e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12em;
  display: block;
  margin-bottom: 12px;
}

.pub-pkg-title {
  font-family: var(--pub-font-serif);
  font-size: 46px;
  font-weight: 500;
  line-height: 1.1;
  color: #0b1f3a;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.pub-pkg-subtitle {
  font-size: 14px;
  color: #000;
  line-height: 1.5;
}

/* Cards Grid */
.pub-pkg-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  max-width: 1320px;
  margin: 0 auto;
  align-items: stretch;
}

/* General Card Base */
.pub-pkg-card {
  background-color: #ffffff;
  border: 1px solid var(--pub-border);
  border-radius: 20px;
  padding: 28px 20px 24px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pub-pkg-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* Featured (Diamond) Card */
.pub-pkg-card-featured {
  border: 2px solid #c9962e;
  box-shadow: 0 10px 30px rgba(230, 28, 36, 0.08);
}

/* Popular Badge */
.pub-pkg-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #c9962e;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 12px;
  white-space: nowrap;
}

/* Dot Indicators */
.pub-pkg-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
}

.pub-pkg-dot-silver { background-color: #94a3b8; }
.pub-pkg-dot-gold { background-color: #f59e0b; }
.pub-pkg-dot-diamond { background-color: #06b6d4; }
.pub-pkg-dot-sapphire { background-color: #2563eb; }
.pub-pkg-dot-ruby { background-color: #dc2626; }

/* Card Content Header */
.pub-pkg-card-title {
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.pub-pkg-card-desc {
  font-size: 0.8rem;
  color: var(--pub-text-muted);
  margin-bottom: 20px;
}

.pub-pkg-price {
  font-family: var(--pub-font-serif);
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 24px;
}

.pub-pkg-gst {
  font-family: var(--pub-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--pub-text-muted);
  margin-left: 2px;
}

/* Includes Heading */
.pub-pkg-includes-header {
  font-size: 0.68rem;
  font-weight: 700;
  color: #c9962e;
  letter-spacing: 0.05em;
  margin-bottom: 14px;
}

/* Feature List */
.pub-pkg-features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}

.pub-pkg-features li {
  font-size: 0.8rem;
  color: #374151;
  line-height: 1.35;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.pub-pkg-check {
  color: #c9962e;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
}

/* Card Button Section */
.pub-pkg-card-bottom {
  margin-top: auto;
}

.pub-pkg-btn {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  font-family: var(--pub-font-sans);
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pub-pkg-btn-outline {
  background-color: transparent;
  border: 1px solid #d1d5db;
  color: var(--pub-text-dark);
}

.pub-pkg-btn-outline:hover {
  border-color: #c9962e;
  color: #c9962e;
}

.pub-pkg-btn-filled {
  background-color: #c9962e;
  border: none;
  color: #ffffff;
}

.pub-pkg-btn-filled:hover {
  background-color: #c9962e;
}

/* Bottom Disclaimer */
.pub-pkg-disclaimer {
  text-align: center;
  font-size: 0.75rem;
  color: var(--pub-text-muted);
  margin-top: 40px;
}

/* Responsive Layout */
@media (max-width: 1200px) {
  .pub-pkg-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .pub-pkg-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pub-pkg-title {
    font-size: 2.4rem;
  }
}

@media (max-width: 520px) {
  .pub-pkg-grid {
    grid-template-columns: 1fr;
  }
}













.cmp-feat-section {
  --cmp-font-serif: 'Instrument Serif', Georgia, serif;
  --cmp-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --cmp-red: #cc1e28;
  --cmp-bg-page: #fbf9f5;
  --cmp-border: #e2e8f0;
  --cmp-text-dark: #121621;
  --cmp-text-muted: #6b7280;
  --cmp-highlight-bg: #fdf2f2;

  background-color: var(--cmp-bg-page);
  font-family: var(--cmp-font-sans);
  color: var(--cmp-text-dark);
  padding: 60px 20px;
  width: 100%;
  box-sizing: border-box;
}

.cmp-feat-section *,
.cmp-feat-section *::before,
.cmp-feat-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.cmp-feat-header {
  text-align: center;
  margin-bottom: 30px;
}

.cmp-feat-title {
  font-family: var(--cmp-font-serif);
  font-size: 46px;
  font-weight: 500;
  color: #0b1f3a;
  letter-spacing: -0.01em;
}

/* Outer Container with Rounded Corners */
.cmp-feat-container {
  max-width: 1180px;
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid var(--cmp-border);
  border-radius: 16px;
  overflow-x: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

/* Table Styling */
.cmp-feat-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 0.88rem;
  min-width: 800px;
}

/* Header Cells */
.cmp-feat-table thead th {
  padding: 20px 14px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--cmp-text-dark);
  border-bottom: 1px solid var(--cmp-border);
  background-color: #ffffff;
}

.cmp-feat-table thead th.cmp-feat-th-services {
  text-align: left;
  padding-left: 24px;
  color: var(--cmp-text-muted);
  font-weight: 600;
  width: 25%;
}

/* Colored Dots for Tiers */
.cmp-feat-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 6px;
}

.cmp-feat-dot-basic { background-color: #64748b; }
.cmp-feat-dot-economic { background-color: #f59e0b; }
.cmp-feat-dot-premium { background-color: #06b6d4; }
.cmp-feat-dot-silver { background-color: #2563eb; }
.cmp-feat-dot-gold { background-color: #dc2626; }

/* Category Header Row */
.cmp-feat-cat-row td {
  text-align: left;
  padding: 12px 24px;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--cmp-red);
  letter-spacing: 0.06em;
  background-color: #fcf8f6;
  border-top: 1px solid var(--cmp-border);
  border-bottom: 1px solid var(--cmp-border);
}

/* Regular Data Rows */
.cmp-feat-table tbody tr td {
  padding: 14px 12px;
  border-bottom: 1px solid #f1f5f9;
  color: #374151;
}

.cmp-feat-name {
  text-align: left !important;
  padding-left: 24px !important;
  font-weight: 500;
  color: var(--cmp-text-dark) !important;
}

/* Highlighted Column (PREMIUM Plan) */
.cmp-feat-col-highlight {
  background-color: var(--cmp-highlight-bg) !important;
}

/* Checkmark and Crossmark */
.cmp-feat-check {
  color: var(--cmp-red);
  font-weight: 700;
  font-size: 1rem;
}

.cmp-feat-cross {
  color: #cbd5e1;
  font-size: 0.9rem;
}

/* Hover Effect */
.cmp-feat-table tbody tr:hover td:not(.cmp-feat-col-highlight) {
  background-color: #f8fafc;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .cmp-feat-title {
    font-size: 2.1rem;
  }
}


@media (max-width: 767px) {
  .axp-bcalc-wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }

  .axp-bcalc-config-panel{
    border-radius: none !important;
  }
}













/* Main Wrapper & Color Variables */
.faq-section {
  --faq-font-serif: 'Instrument Serif', Georgia, serif;
  --faq-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --faq-bg-page: #ffffff;
  --faq-text-dark: #121621;
  --faq-text-muted: #6b7280;
  --faq-border: #e5e7eb;

  background-color: var(--faq-bg-page);
  font-family: var(--faq-font-sans);
  color: var(--faq-text-dark);
  padding: 40px 20px;
  width: 100%;
  box-sizing: border-box;
}

/* Scoped Reset */
.faq-section *,
.faq-section *::before,
.faq-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Header Styling */
.faq-header {
  text-align: center;
  margin-bottom: 50px;
}

.faq-title {
  font-family: var(--faq-font-serif);
  font-size: 46px;
  font-weight: 500;
  line-height: 1.1;
  color: #0b1f3a;
  letter-spacing: -0.02em;
}

/* Container Layout */
.faq-container {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

/* Individual FAQ Item */
.faq-item {
  padding: 24px 0;
  border-bottom: 1px solid var(--faq-border);
}

.faq-item:last-child {
  border-bottom: none; /* Last item doesn't need bottom border */
}

/* Question Styling */
.faq-question {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--faq-text-dark);
  margin-bottom: 8px;
  line-height: 1.3;
}

/* Answer Styling */
.faq-answer {
  font-size: 0.92rem;
  color: var(--faq-text-muted);
  line-height: 1.6;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .faq-section {
    padding: 50px 16px;
  }

  .faq-title {
    font-size: 2.4rem;
  }

  .faq-item {
    padding: 20px 0;
  }

  .faq-question {
    font-size: 1rem;
  }

  .faq-answer {
    font-size: 0.88rem;
  }
}






/* =========================================
   AXIOM PRESS BANNER SECTION STYLES
   ========================================= */

/* Main Section Container */
section.ap-banner-section {
    position: relative;
    width: 100%;
    min-height: 100px;
    aspect-ratio: 21 / 9;
    background-color: #000F29; /* Deep Navy */
    background-image: url('../image/challenge.jpeg');
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 3px solid #D4AF37;
}

/* Background Overlay for Rich Gold Glow */
.ap-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 65% 50%, rgba(212, 175, 55, 0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* Logo Badge Styling */
.ap-logo-wrapper {
    position: absolute;
    top: 25px;
    left: 30px;
    z-index: 2;
}

.ap-logo-badge {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 2px solid #D4AF37;
    background-color: rgba(0, 15, 41, 0.85);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #D4AF37;
}

.ap-logo-icon {
    font-size: 28px;
    line-height: 1;
}

.ap-logo-title {
    font-family: 'Cinzel', serif, Georgia;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 4px;
}

/* Center Content */
.ap-banner-content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

/* Bottom Plaque Badge */
.ap-plaque-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    text-align: center;
    width: 100%;
}

.ap-challenge-badge {
    display: inline-block;
    padding: 10px 40px;
    background: linear-gradient(135deg, #021B42 0%, #000F29 100%);
    border: 2px solid #D4AF37;
    border-radius: 50px;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.5), inset 0 0 10px rgba(212, 175, 55, 0.2);
}

.ap-badge-text {
    font-family: 'Cinzel', serif, Georgia;
    font-size: 26px;
    font-weight: 700;
    color: #F5E6A3;
    letter-spacing: 1.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

/* =========================================
   RESPONSIVE DESIGN (All Devices)
   ========================================= */

/* Tablet Screens (under 992px) */
@media screen and (max-width: 992px) {
    section.ap-banner-section {
        min-height: 380px;
        aspect-ratio: 16 / 9;
    }
    
    .ap-logo-badge {
        width: 90px;
        height: 90px;
    }

    .ap-badge-text {
        font-size: 20px;
    }
    
    .ap-challenge-badge {
        padding: 8px 30px;
    }
}

/* Mobile Screens (under 600px) */
@media screen and (max-width: 600px) {
    section.ap-banner-section {
        min-height: 300px;
        aspect-ratio: 4 / 3;
        padding: 15px;
    }

    .ap-logo-wrapper {
        top: 15px;
        left: 15px;
    }

    .ap-logo-badge {
        width: 75px;
        height: 75px;
    }

    .ap-logo-title {
        font-size: 8px;
    }

    .ap-badge-text {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .ap-challenge-badge {
        padding: 6px 20px;
    }
}


/* Anchor Tag Styling for Banner */
.ap-banner-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none; /* Text underline hatane ke liye */
    color: inherit;
    position: relative;
    z-index: 1;
}

/* Hover Effect for Banner Plaque */
.ap-banner-link:hover .ap-challenge-badge {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.8);
    transition: all 0.3s ease;
}










/* Section Container Styling */
#faq-sec-section {
  width: 100%;
  background-color: #ffffff;
  padding: 60px 20px;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #333333;
}

#faq-sec-section .faq-sec-container {
  max-width: 820px;
  margin: 0 auto;
}

.axp-publish-final-content.axp-publish-reveal.axp-publish-visible h2 p {
    font-size: 20px;
}

/* Section Title */
#faq-sec-section .faq-sec-title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: #222222;
  margin: 0 0 15px 0;
  letter-spacing: -0.2px;
}

/* Accordion Wrapper */
#faq-sec-section .faq-sec-accordion {
  display: flex;
  flex-direction: column;
}

/* Individual FAQ Item */
#faq-sec-section .faq-sec-item {
  border-bottom: 1px solid #4a4a4a;
}

/* Question Button */
#faq-sec-section .faq-sec-question {
  width: 100%;
  background: none;
  border: none;
  padding: 22px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  outline: none;
  gap: 15px;
  transition: color 0.2s ease;
}

#faq-sec-section .faq-sec-qtext {
  font-size: 1.05rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.45;
}

#faq-sec-section .faq-sec-question:hover .faq-sec-qtext {
  color: #000000;
}

/* Chevron Icon Animation */
#faq-sec-section .faq-sec-icon {
  flex-shrink: 0;
  color: #555555;
  transition: transform 0.3s ease, color 0.3s ease;
}

#faq-sec-section .faq-sec-item.faq-sec-active .faq-sec-icon {
  transform: rotate(180deg);
  color: #000000;
}

/* Answer Slide Collapsible Box */
#faq-sec-section .faq-sec-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

#faq-sec-section .faq-sec-answer-inner {
  padding-bottom: 22px;
  font-size: 0.96rem;
  line-height: 1.6;
  color: #666666;
}

/* Responsive Mobile Adjustments */
@media (max-width: 600px) {
  #faq-sec-section {
    padding: 40px 15px;
  }

  #faq-sec-section .faq-sec-title {
    font-size: 1.45rem;
    margin-bottom: 30px;
  }

  #faq-sec-section .faq-sec-question {
    padding: 18px 0;
  }

  #faq-sec-section .faq-sec-qtext {
    font-size: 0.95rem;
  }

  #faq-sec-section .faq-sec-answer-inner {
    font-size: 0.9rem;
    padding-bottom: 18px;
  }
}


















/* =========================================
   AXIOM PRESS BLOG DETAIL
   Premium Navy + Gold Theme
========================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Poppins:wght@300;400;500;600;700&display=swap');


/* ===============================
   ROOT
================================ */
#axp-blog-detail-01 {
    --axp-navy: #0B1F3A;
    --axp-deep-navy: #071628;
    --axp-gold: #D4AF37;
    --axp-light-gold: #E4C866;
    --axp-white: #ffffff;
    --axp-text: #252525;
    --axp-muted: #6d7279;
    --axp-border: #e7e3d8;
    --axp-cream: #f8f6f0;

    font-family: 'Poppins', sans-serif;
    color: var(--axp-text);
    background: #ffffff;
    overflow: hidden;
}


/* ===============================
   BREADCRUMB
================================ */
.axp-blog-breadcrumb {
    min-height: 255px;
    position: relative;
    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(5, 19, 35, 0.96),
            rgba(7, 22, 40, 0.82),
            rgba(7, 22, 40, 0.55)
        ),
        url('https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=1800&q=85');

    background-size: cover;
    background-position: center;
}


.axp-blog-breadcrumb-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7, 22, 40, 0.85),
            transparent 70%
        );
}


.axp-blog-breadcrumb-inner {
    width: min(1180px, 90%);
    margin: auto;
    position: relative;
    z-index: 2;
    padding: 40px 0;
}


.axp-blog-breadcrumb-label {
    color: var(--axp-gold);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 4px;
    margin-bottom: 12px;
}


.axp-blog-breadcrumb-label span {
    margin: 0 7px;
}


.axp-blog-breadcrumb h1 {
    color: #ffffff;
    font-family: 'DM Serif Display', serif;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.08;
    font-weight: 400;
    margin: 0 0 18px;
    max-width: 780px;
}


.axp-blog-breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
}


.axp-blog-breadcrumb-nav a {
    color: #ffffff;
    text-decoration: none;
    transition: 0.3s ease;
}


.axp-blog-breadcrumb-nav a:hover {
    color: var(--axp-gold);
}


.axp-blog-breadcrumb-nav i {
    color: var(--axp-gold);
    font-size: 9px;
}


.axp-blog-breadcrumb-nav span {
    color: rgba(255,255,255,0.65);
}


/* ===============================
   ARTICLE WRAPPER
================================ */
.axp-blog-article-wrap {
    width: min(1180px, 90%);
    margin: auto;
    padding: 90px 0 85px;
}


.axp-blog-article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(330px, 0.8fr);
    gap: 80px;
    align-items: start;
}


/* ===============================
   ARTICLE CONTENT
================================ */
.axp-blog-category {
    display: flex;
    align-items: center;
    gap: 10px;

    color: var(--axp-gold);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;

    margin-bottom: 15px;
}


.axp-blog-category-line {
    width: 35px;
    height: 1px;
    background: var(--axp-gold);
}


.axp-blog-article-content h2 {
    font-family: 'DM Serif Display', serif;
    color: var(--axp-navy);
    font-size: clamp(38px, 4vw, 55px);
    font-weight: 400;
    line-height: 1.12;
    margin: 0 0 22px;
}


.axp-blog-intro {
    max-width: 720px;

    color: #626872;
    font-size: 17px;
    line-height: 1.9;
    font-weight: 300;

    margin: 0 0 25px;
}


/* ===============================
   META
================================ */
.axp-blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;

    padding: 17px 0;
    margin-bottom: 35px;

    border-top: 1px solid var(--axp-border);
    border-bottom: 1px solid var(--axp-border);

    color: #777;
    font-size: 11px;
}


.axp-blog-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}


.axp-blog-meta i {
    color: var(--axp-gold);
    font-size: 13px;
}


.axp-meta-divider {
    width: 1px;
    height: 15px;
    background: #d8d4c9;
}


/* ===============================
   ARTICLE TEXT
================================ */
.axp-blog-main-text {
    font-size: 15px;
    line-height: 1.95;
    color: #555b62;
}


.axp-blog-main-text p {
    margin: 0 0 23px;
}


.axp-blog-opening {
    color: var(--axp-navy);
    font-size: 19px;
    line-height: 1.85;
    font-weight: 500;
}


.axp-blog-final-line {
    color: var(--axp-navy);
    font-family: 'DM Serif Display', serif;
    font-size: 28px;
    line-height: 1.4;
    margin-top: 35px !important;
}


/* ===============================
   QUOTE BOX
================================ */
.axp-blog-highlight {
    position: relative;

    margin: 38px 0;
    padding: 28px 35px 28px 70px;

    background: var(--axp-cream);
    border-left: 3px solid var(--axp-gold);
}


.axp-highlight-icon {
    position: absolute;
    left: 25px;
    top: 27px;

    color: var(--axp-gold);
    font-size: 23px;
}


.axp-blog-highlight p {
    margin: 0;
    color: var(--axp-navy);
    font-family: 'DM Serif Display', serif;
    font-size: 24px;
    line-height: 1.45;
}


/* ===============================
   RIGHT IMAGE
================================ */
.axp-blog-visual {
    position: sticky;
    top: 30px;
}


.axp-blog-image-card {
    position: relative;
    padding: 0 20px 25px 0;
}


.axp-blog-image-frame {
    position: relative;
    height: 560px;
    overflow: hidden;
    background: var(--axp-navy);
}


.axp-blog-image-frame::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(212,175,55,0.55);
    z-index: 3;
    pointer-events: none;
}


.axp-blog-image-frame img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    transition: transform 0.7s ease;
}


.axp-blog-image-card:hover img {
    transform: scale(1.04);
}


.axp-blog-image-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(5,18,32,0.82),
            rgba(5,18,32,0.05) 65%
        );

    z-index: 1;
}


.axp-blog-image-caption {
    position: absolute;
    z-index: 4;

    left: 35px;
    bottom: 35px;

    display: flex;
    flex-direction: column;
    gap: 5px;
}


.axp-blog-image-caption span {
    color: var(--axp-gold);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
}


.axp-blog-image-caption strong {
    color: #ffffff;
    font-family: 'DM Serif Display', serif;
    font-size: 30px;
    font-weight: 400;
}


/* Decorative elements */
.axp-blog-gold-ring {
    position: absolute;
    right: 0;
    bottom: 0;

    width: 90px;
    height: 90px;

    border: 1px solid var(--axp-gold);
    border-radius: 50%;
    opacity: 0.65;
}


.axp-blog-gold-dot {
    position: absolute;
    right: 8px;
    top: 30px;

    width: 9px;
    height: 9px;

    background: var(--axp-gold);
    border-radius: 50%;
}


/* ===============================
   EDITORIAL CARD
================================ */
.axp-blog-editorial-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    margin-top: 28px;
    padding: 24px;

    background: #faf9f5;
    border: 1px solid #ebe7dc;
}


.axp-editorial-icon {
    min-width: 45px;
    height: 45px;

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

    background: var(--axp-navy);
    color: var(--axp-gold);

    font-size: 18px;
}


.axp-blog-editorial-card span {
    display: block;

    color: var(--axp-gold);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;

    margin-bottom: 7px;
}


.axp-blog-editorial-card p {
    margin: 0;

    color: #555;
    font-family: 'DM Serif Display', serif;
    font-size: 17px;
    line-height: 1.5;
}


/* ===============================
   ARTICLE FOOTER
================================ */
.axp-blog-article-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 45px;
    padding-top: 25px;

    border-top: 1px solid var(--axp-border);
}


.axp-blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


.axp-blog-tags span {
    padding: 7px 12px;

    border: 1px solid #ddd8cc;

    color: #777;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
}


.axp-blog-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--axp-navy);
    text-decoration: none;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;

    transition: 0.3s ease;
}


.axp-blog-back i {
    color: var(--axp-gold);
}


.axp-blog-back:hover {
    color: var(--axp-gold);
}


/* ===============================
   CTA
================================ */
.axp-blog-cta {
    position: relative;
    overflow: hidden;

    padding: 85px 20px;

    background:
        linear-gradient(
            110deg,
            #07182c,
            #0B1F3A
        );

    text-align: center;
}


.axp-blog-cta-pattern {
    position: absolute;
    width: 500px;
    height: 500px;

    right: -180px;
    top: -220px;

    border: 1px solid rgba(212,175,55,0.18);
    border-radius: 50%;
}


.axp-blog-cta-pattern::after {
    content: "";

    position: absolute;
    inset: 55px;

    border: 1px solid rgba(212,175,55,0.12);
    border-radius: 50%;
}


.axp-blog-cta-content {
    position: relative;
    z-index: 2;
}


.axp-cta-small {
    display: block;

    color: var(--axp-gold);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4px;

    margin-bottom: 15px;
}


.axp-blog-cta h2 {
    margin: 0 0 15px;

    color: #ffffff;

    font-family: 'DM Serif Display', serif;
    font-size: clamp(35px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 400;
}


.axp-blog-cta h2 em {
    color: var(--axp-gold);
    font-style: normal;
}


.axp-blog-cta p {
    max-width: 570px;
    margin: 0 auto 28px;

    color: rgba(255,255,255,0.7);
    font-size: 14px;
    line-height: 1.8;
}


.axp-blog-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 13px;

    padding: 14px 24px;

    background: var(--axp-gold);
    color: #101820;

    text-decoration: none;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;

    transition: all 0.3s ease;
}


.axp-blog-cta-btn i {
    transition: transform 0.3s ease;
}


.axp-blog-cta-btn:hover {
    background: #ffffff;
    color: var(--axp-navy);
}


.axp-blog-cta-btn:hover i {
    transform: translateX(5px);
}


/* ===============================
   TABLET
================================ */
@media (max-width: 991px) {

    .axp-blog-article-wrap {
        padding: 70px 0;
    }

    .axp-blog-article-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .axp-blog-visual {
        position: relative;
        top: auto;
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .axp-blog-image-frame {
        height: 500px;
    }

}


/* ===============================
   MOBILE
================================ */
@media (max-width: 767px) {

    .axp-blog-breadcrumb {
        min-height: 245px;
    }

    .axp-blog-breadcrumb-inner {
        width: 88%;
        padding: 35px 0;
    }

    .axp-blog-breadcrumb-label {
        font-size: 9px;
        letter-spacing: 2.5px;
    }

    .axp-blog-breadcrumb h1 {
        font-size: 34px;
        line-height: 1.12;
        margin-bottom: 15px;
    }

    .axp-blog-breadcrumb-nav {
        gap: 8px;
        font-size: 10px;
    }


    .axp-blog-article-wrap {
        width: 88%;
        padding: 55px 0;
    }

    .axp-blog-article-grid {
        gap: 45px;
    }


    .axp-blog-category {
        font-size: 9px;
        letter-spacing: 2.5px;
    }

    .axp-blog-article-content h2 {
        font-size: 36px;
    }

    .axp-blog-intro {
        font-size: 14px;
        line-height: 1.8;
    }


    .axp-blog-meta {
        gap: 10px;
        font-size: 9px;
    }

    .axp-meta-divider {
        display: none;
    }


    .axp-blog-main-text {
        font-size: 14px;
        line-height: 1.85;
    }

    .axp-blog-opening {
        font-size: 17px;
    }


    .axp-blog-highlight {
        padding: 24px 20px 24px 55px;
        margin: 30px 0;
    }

    .axp-highlight-icon {
        left: 18px;
        top: 23px;
    }

    .axp-blog-highlight p {
        font-size: 21px;
    }


    .axp-blog-final-line {
        font-size: 25px;
    }


    .axp-blog-image-card {
        padding: 0 12px 15px 0;
    }

    .axp-blog-image-frame {
        height: 430px;
    }

    .axp-blog-image-caption {
        left: 27px;
        bottom: 27px;
    }

    .axp-blog-image-caption strong {
        font-size: 27px;
    }


    .axp-blog-editorial-card {
        padding: 20px;
    }


    .axp-blog-article-footer {
        align-items: flex-start;
        flex-direction: column;
    }


    .axp-blog-cta {
        padding: 65px 20px;
    }

    .axp-blog-cta h2 {
        font-size: 36px;
    }

    .axp-blog-cta p {
        font-size: 13px;
    }

    .axp-blog-cta-btn {
        font-size: 9px;
        padding: 13px 18px;
    }

}


/* ===============================
   SMALL MOBILE
================================ */
@media (max-width: 420px) {

    .axp-blog-breadcrumb h1 {
        font-size: 30px;
    }

    .axp-blog-article-content h2 {
        font-size: 32px;
    }

    .axp-blog-image-frame {
        height: 380px;
    }

    .axp-blog-image-caption strong {
        font-size: 24px;
    }

}










/* =========================================
   AXIOM PRESS BLOG ARTICLE 02
========================================= */

#axp-blog-detail-02 {

    --axp02-navy: #0B1F3A;
    --axp02-deep: #071628;
    --axp02-gold: #D4AF37;
    --axp02-gold-light: #E4C866;
    --axp02-white: #ffffff;
    --axp02-text: #50565d;
    --axp02-muted: #70767d;
    --axp02-border: #e6e2d8;
    --axp02-cream: #f8f6ef;

    font-family: 'Poppins', sans-serif;
    color: var(--axp02-text);

    background: #ffffff;

    overflow: hidden;
}


/* =========================================
   BREADCRUMB
========================================= */

.axp02-blog-breadcrumb {

    min-height: 255px;

    position: relative;

    display: flex;
    align-items: center;

    background:

        linear-gradient(
            90deg,
            rgba(5,19,35,0.96),
            rgba(7,22,40,0.84),
            rgba(7,22,40,0.55)
        ),

        url('https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=1800&q=85');

    background-size: cover;

    background-position: center;
}


.axp02-breadcrumb-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5,18,32,0.85),
            transparent 75%
        );
}


.axp02-breadcrumb-inner {

    width: min(1180px, 90%);

    margin: auto;

    position: relative;

    z-index: 2;

    padding: 40px 0;
}


.axp02-breadcrumb-label {

    color: var(--axp02-gold);

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 4px;

    margin-bottom: 12px;
}


.axp02-breadcrumb-label span {

    margin: 0 7px;

}


.axp02-breadcrumb-inner h1 {

    color: #ffffff;

    font-family: 'DM Serif Display', serif;

    font-size: clamp(36px, 4vw, 55px);

    line-height: 1.08;

    font-weight: 400;

    max-width: 820px;

    margin: 0 0 18px;
}


.axp02-breadcrumb-nav {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 12px;
}


.axp02-breadcrumb-nav a {

    color: #ffffff;

    text-decoration: none;

    transition: 0.3s;
}


.axp02-breadcrumb-nav a:hover {

    color: var(--axp02-gold);
}


.axp02-breadcrumb-nav i {

    color: var(--axp02-gold);

    font-size: 9px;
}


.axp02-breadcrumb-nav span {

    color: rgba(255,255,255,0.65);
}



/* =========================================
   ARTICLE WRAPPER
========================================= */

.axp02-article-wrapper {

    width: min(1180px, 90%);

    margin: auto;

    padding: 90px 0 85px;
}


.axp02-article-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(330px, 0.8fr);

    gap: 80px;

    align-items: start;
}



/* =========================================
   ARTICLE CONTENT
========================================= */

.axp02-category {

    display: flex;

    align-items: center;

    gap: 10px;

    color: var(--axp02-gold);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 3px;

    margin-bottom: 15px;
}


.axp02-category-line {

    width: 35px;

    height: 1px;

    background: var(--axp02-gold);
}


.axp02-article-content h2 {

    font-family: 'DM Serif Display', serif;

    color: var(--axp02-navy);

    font-size: clamp(38px, 4vw, 55px);

    font-weight: 400;

    line-height: 1.12;

    margin: 0 0 22px;
}


.axp02-intro {

    max-width: 720px;

    color: #626872;

    font-size: 17px;

    line-height: 1.9;

    font-weight: 300;

    margin: 0 0 25px;
}



/* =========================================
   META
========================================= */

.axp02-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 16px;

    padding: 17px 0;

    margin-bottom: 35px;

    border-top: 1px solid var(--axp02-border);

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

    color: #777;

    font-size: 11px;
}


.axp02-meta span {

    display: flex;

    align-items: center;

    gap: 8px;
}


.axp02-meta i {

    color: var(--axp02-gold);

    font-size: 13px;
}


.axp02-meta-divider {

    width: 1px;

    height: 15px;

    background: #d8d4c9;
}



/* =========================================
   ARTICLE TEXT
========================================= */

.axp02-main-text {

    font-size: 15px;

    line-height: 1.95;

    color: var(--axp02-text);
}


.axp02-main-text p {

    margin: 0 0 23px;
}


.axp02-opening {

    color: var(--axp02-navy);

    font-size: 19px;

    line-height: 1.85;

    font-weight: 500;
}



/* =========================================
   HIGHLIGHT
========================================= */

.axp02-highlight {

    display: flex;

    align-items: flex-start;

    gap: 22px;

    margin: 38px 0;

    padding: 28px 30px;

    background: var(--axp02-cream);

    border-left: 3px solid var(--axp02-gold);
}


.axp02-highlight-icon {

    min-width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--axp02-navy);

    color: var(--axp02-gold);

    font-size: 17px;
}


.axp02-highlight-content span {

    display: block;

    color: var(--axp02-gold);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 7px;
}


.axp02-highlight-content p {

    margin: 0;

    color: var(--axp02-navy);

    font-family: 'DM Serif Display', serif;

    font-size: 22px;

    line-height: 1.5;
}



/* =========================================
   PUBLISHING JOURNEY
========================================= */

.axp02-journey {

    margin: 38px 0;

    padding: 30px;

    background: #faf9f5;

    border: 1px solid #ebe7dc;
}


.axp02-journey-title {

    display: flex;

    align-items: center;

    gap: 10px;

    color: var(--axp02-navy);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 25px;
}


.axp02-journey-title span {

    width: 28px;

    height: 1px;

    background: var(--axp02-gold);
}


.axp02-journey-items {

    display: grid;

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

    gap: 20px;
}


.axp02-journey-item {

    display: flex;

    gap: 12px;
}


.axp02-step-number {

    min-width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--axp02-navy);

    color: var(--axp02-gold);

    font-family: 'DM Serif Display', serif;

    font-size: 13px;
}


.axp02-journey-item strong {

    display: block;

    color: var(--axp02-navy);

    font-size: 12px;

    margin-bottom: 5px;
}


.axp02-journey-item p {

    margin: 0;

    color: #777;

    font-size: 10px;

    line-height: 1.6;
}



/* =========================================
   FINAL TEXT
========================================= */

.axp02-final-line {

    color: var(--axp02-navy);

    font-family: 'DM Serif Display', serif;

    font-size: 27px;

    line-height: 1.45;

    margin-top: 35px !important;
}



/* =========================================
   RIGHT IMAGE
========================================= */

.axp02-visual {

    position: sticky;

    top: 30px;
}


.axp02-image-card {

    position: relative;

    padding: 0 20px 25px 0;
}


.axp02-image-frame {

    position: relative;

    height: 560px;

    overflow: hidden;

    background: var(--axp02-navy);
}


.axp02-image-frame::before {

    content: "";

    position: absolute;

    inset: 12px;

    border: 1px solid
        rgba(212,175,55,0.55);

    z-index: 3;

    pointer-events: none;
}


.axp02-image-frame img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.7s ease;
}


.axp02-image-card:hover img {

    transform: scale(1.04);
}


.axp02-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(5,18,32,0.88),
            rgba(5,18,32,0.03) 70%
        );

    z-index: 1;
}


.axp02-image-caption {

    position: absolute;

    z-index: 4;

    left: 35px;

    bottom: 35px;

    display: flex;

    flex-direction: column;

    gap: 5px;
}


.axp02-image-caption span {

    color: var(--axp02-gold);

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 3px;
}


.axp02-image-caption strong {

    color: #ffffff;

    font-family: 'DM Serif Display', serif;

    font-size: 32px;

    line-height: 1.15;

    font-weight: 400;
}



/* GOLD DECORATION */

.axp02-gold-circle {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 90px;

    height: 90px;

    border: 1px solid var(--axp02-gold);

    border-radius: 50%;

    opacity: 0.65;
}


.axp02-gold-dot {

    position: absolute;

    right: 8px;

    top: 30px;

    width: 9px;

    height: 9px;

    background: var(--axp02-gold);

    border-radius: 50%;
}



/* =========================================
   EDITORIAL CARD
========================================= */

.axp02-editorial-card {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-top: 28px;

    padding: 24px;

    background: #faf9f5;

    border: 1px solid #ebe7dc;
}


.axp02-editorial-icon {

    min-width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--axp02-navy);

    color: var(--axp02-gold);

    font-size: 18px;
}


.axp02-editorial-text span {

    display: block;

    color: var(--axp02-gold);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 7px;
}


.axp02-editorial-text p {

    margin: 0;

    color: #555;

    font-family: 'DM Serif Display', serif;

    font-size: 17px;

    line-height: 1.5;
}



/* =========================================
   ARTICLE FOOTER
========================================= */

.axp02-article-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-top: 45px;

    padding-top: 25px;

    border-top: 1px solid var(--axp02-border);
}


.axp02-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;
}


.axp02-tags span {

    padding: 7px 12px;

    border: 1px solid #ddd8cc;

    color: #777;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 1px;
}


.axp02-back {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: var(--axp02-navy);

    text-decoration: none;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 1px;

    transition: 0.3s;
}


.axp02-back i {

    color: var(--axp02-gold);
}


.axp02-back:hover {

    color: var(--axp02-gold);
}



/* =========================================
   CTA
========================================= */

.axp02-cta {

    position: relative;

    overflow: hidden;

    padding: 85px 20px;

    background:
        linear-gradient(
            110deg,
            #07182c,
            #0B1F3A
        );

    text-align: center;
}


.axp02-cta-decoration {

    position: absolute;

    width: 500px;

    height: 500px;

    right: -180px;

    top: -220px;

    border: 1px solid
        rgba(212,175,55,0.18);

    border-radius: 50%;
}


.axp02-cta-decoration::after {

    content: "";

    position: absolute;

    inset: 55px;

    border: 1px solid
        rgba(212,175,55,0.12);

    border-radius: 50%;
}


.axp02-cta-content {

    position: relative;

    z-index: 2;
}


.axp02-cta-label {

    display: block;

    color: var(--axp02-gold);

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 4px;

    margin-bottom: 15px;
}


.axp02-cta h2 {

    margin: 0 0 15px;

    color: #ffffff;

    font-family: 'DM Serif Display', serif;

    font-size: clamp(35px, 4vw, 52px);

    line-height: 1.15;

    font-weight: 400;
}


.axp02-cta h2 em {

    color: var(--axp02-gold);

    font-style: normal;
}


.axp02-cta p {

    max-width: 590px;

    margin: 0 auto 28px;

    color: rgba(255,255,255,0.7);

    font-size: 14px;

    line-height: 1.8;
}


.axp02-cta-button {

    display: inline-flex;

    align-items: center;

    gap: 13px;

    padding: 14px 24px;

    background: var(--axp02-gold);

    color: #101820;

    text-decoration: none;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    transition: 0.3s;
}


.axp02-cta-button i {

    transition: transform 0.3s;
}


.axp02-cta-button:hover {

    background: #ffffff;

    color: var(--axp02-navy);
}


.axp02-cta-button:hover i {

    transform: translateX(5px);
}



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

@media (max-width: 991px) {

    .axp02-article-wrapper {

        padding: 70px 0;
    }


    .axp02-article-grid {

        grid-template-columns: 1fr;

        gap: 55px;
    }


    .axp02-visual {

        position: relative;

        top: auto;

        max-width: 650px;

        width: 100%;

        margin: 0 auto;
    }


    .axp02-image-frame {

        height: 500px;
    }


    .axp02-journey-items {

        grid-template-columns: 1fr;
    }

}



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

@media (max-width: 767px) {

    .axp02-blog-breadcrumb {

        min-height: 245px;
    }


    .axp02-breadcrumb-inner {

        width: 88%;

        padding: 35px 0;
    }


    .axp02-breadcrumb-label {

        font-size: 9px;

        letter-spacing: 2.5px;
    }


    .axp02-breadcrumb-inner h1 {

        font-size: 34px;

        line-height: 1.12;
    }


    .axp02-breadcrumb-nav {

        gap: 8px;

        font-size: 10px;
    }


    .axp02-article-wrapper {

        width: 88%;

        padding: 55px 0;
    }


    .axp02-category {

        font-size: 9px;

        letter-spacing: 2.5px;
    }


    .axp02-article-content h2 {

        font-size: 36px;
    }


    .axp02-intro {

        font-size: 14px;

        line-height: 1.8;
    }


    .axp02-meta {

        gap: 10px;

        font-size: 9px;
    }


    .axp02-meta-divider {

        display: none;
    }


    .axp02-main-text {

        font-size: 14px;

        line-height: 1.85;
    }


    .axp02-opening {

        font-size: 17px;
    }


    .axp02-highlight {

        gap: 15px;

        padding: 22px 18px;
    }


    .axp02-highlight-content p {

        font-size: 19px;
    }


    .axp02-journey {

        padding: 22px;

        margin: 30px 0;
    }


    .axp02-journey-items {

        gap: 18px;
    }


    .axp02-final-line {

        font-size: 24px;
    }


    .axp02-image-card {

        padding: 0 12px 15px 0;
    }


    .axp02-image-frame {

        height: 430px;
    }


    .axp02-image-caption {

        left: 27px;

        bottom: 27px;
    }


    .axp02-image-caption strong {

        font-size: 28px;
    }


    .axp02-editorial-card {

        padding: 20px;
    }


    .axp02-article-footer {

        align-items: flex-start;

        flex-direction: column;
    }


    .axp02-cta {

        padding: 65px 20px;
    }


    .axp02-cta h2 {

        font-size: 36px;
    }


    .axp02-cta p {

        font-size: 13px;
    }


    .axp02-cta-button {

        font-size: 9px;

        padding: 13px 18px;
    }

}



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

@media (max-width: 420px) {

    .axp02-breadcrumb-inner h1 {

        font-size: 30px;
    }


    .axp02-article-content h2 {

        font-size: 32px;
    }


    .axp02-image-frame {

        height: 380px;
    }


    .axp02-image-caption strong {

        font-size: 24px;
    }

}











.axp-marketing-content {
    padding: 30px;
    background: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(11, 31, 58, 0.08);
}

.axp-marketing-title {
    position: relative;
    margin: 0 0 10px;
    padding-left: 16px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    color: #0B1F3A;
}

.axp-marketing-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 25px;
    background: #D4AF37;
    border-radius: 5px;
}

.axp-marketing-description {
    margin: 0 0 22px;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.7;
    max-width: 650px;
}

.axp-marketing-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.axp-marketing-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    background: #f8f9fb;
    border: 1px solid #edf0f4;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.axp-marketing-list li i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0B1F3A;
    color: #D4AF37;
    font-size: 10px;
}

.axp-marketing-list li span {
    color: #26364a;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.axp-marketing-list li:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 175, 55, 0.5);
    background: #ffffff;
    box-shadow: 0 7px 18px rgba(11, 31, 58, 0.08);
}

.axp-marketing-list li:hover i {
    background: #D4AF37;
    color: #0B1F3A;
}


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

@media (max-width: 767px) {

    .axp-marketing-content {
        padding: 22px;
        border-radius: 14px;
    }

    .axp-marketing-title {
        font-size: 22px;
    }

    .axp-marketing-description {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .axp-marketing-list {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .axp-marketing-list li {
        padding: 10px;
    }

}


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

@media (max-width: 480px) {

    .axp-marketing-content {
        padding: 18px;
    }

    .axp-marketing-title {
        font-size: 20px;
    }

    .axp-marketing-title::before {
        height: 21px;
    }

    .axp-marketing-description {
        font-size: 12px;
        line-height: 1.6;
    }

    .axp-marketing-list li span {
        font-size: 12px;
    }

    .axp-marketing-list li i {
        width: 20px;
        height: 20px;
        font-size: 9px;
    }

}














.axp-book-format-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 25px;
}

.axp-format-block {
    padding: 25px;
    background: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(11, 31, 58, 0.07);
    transition: all 0.3s ease;
}

.axp-format-block:hover {
    transform: translateY(-4px);
    border-color: rgba(212, 175, 55, 0.55);
    box-shadow: 0 15px 35px rgba(11, 31, 58, 0.10);
}


/* Heading */
.axp-format-title {
    position: relative;
    margin: 0 0 10px;
    padding-left: 15px;
    color: #0B1F3A;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.3;
}

.axp-format-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 24px;
    background: #D4AF37;
    border-radius: 5px;
}


/* Description */
.axp-format-description {
    margin: 0 0 18px;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.7;
}


/* List */
.axp-format-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.axp-format-list li {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    background: #f8f9fb;
    border: 1px solid #edf0f4;
    border-radius: 7px;
    transition: all 0.3s ease;
}

.axp-format-list li i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0B1F3A;
    color: #D4AF37;
    font-size: 9px;
}

.axp-format-list li span {
    color: #26364a;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.axp-format-list li:hover {
    background: #ffffff;
    border-color: rgba(212, 175, 55, 0.5);
    transform: translateX(3px);
}

.axp-format-list li:hover i {
    background: #D4AF37;
    color: #0B1F3A;
}


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

@media (max-width: 991px) {

    .axp-book-format-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}


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

@media (max-width: 767px) {

    .axp-format-block {
        padding: 20px;
        border-radius: 13px;
    }

    .axp-format-title {
        font-size: 20px;
    }

    .axp-format-title::before {
        height: 21px;
    }

    .axp-format-description {
        font-size: 12px;
    }

    .axp-format-list {
        grid-template-columns: 1fr;
    }

    .axp-format-list li {
        padding: 9px;
    }

    .axp-format-list li span {
        font-size: 12px;
    }

}


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

@media (max-width: 480px) {

    .axp-book-format-content {
        gap: 15px;
    }

    .axp-format-block {
        padding: 17px;
    }

    .axp-format-title {
        font-size: 19px;
    }

    .axp-format-description {
        line-height: 1.6;
    }

}







/* Heading Styles */
h1.book-title {
  font-size: 2em;
  text-align: center;
  margin-bottom: 1em;
}

h2.chapter-title {
  font-size: 1.5em;
  /* text-align: center; */
  margin-top: 2em;
  margin-bottom: 1em;
  font-weight: bold;
}

/* List Styles */
ul.ebook-list, ol.ebook-list {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em; /* Prevents bullets from clipping outside margins */
}

ul.ebook-list li, ol.ebook-list li {
  text-indent: 0; /* Overrides default eBook paragraph indent */
  margin-bottom: 0.5em;
  line-height: 1.5;
}








/* ==========================================================================
   Axiom Press - Compact & Modern Team Grid Styling
   ========================================================================== */

:root {
    --ap-primary-navy: #0b1a30;
    --ap-secondary-navy: #132743;
    --ap-accent-gold: #c5a059;
    --ap-gold-hover: #d4af37;
    --ap-text-dark: #1e293b;
    --ap-text-muted: #64748b;
    --ap-bg-light: #f8fafc;
    --ap-white: #ffffff;
    --ap-border: #e2e8f0;
    --ap-shadow: 0 8px 20px rgba(11, 26, 48, 0.06);
}

/* --- 1. Navigation & Dropdown --- */
.ap-nav-dropdown {
    position: relative;
}

.ap-dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ap-dropdown-arrow {
    font-size: 0.75rem;
    transition: transform 0.3s ease;
}

.ap-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 190px;
    background-color: var(--ap-primary-navy);
    border-top: 3px solid var(--ap-accent-gold);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    padding: 8px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 999;
    border-radius: 0 0 6px 6px;
}

.ap-nav-dropdown.ap-dropdown-open .ap-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ap-nav-dropdown.ap-dropdown-open .ap-dropdown-arrow {
    transform: rotate(180deg);
}

.ap-dropdown-menu li a {
    display: block;
    padding: 8px 18px;
    color: var(--ap-white);
    font-size: 0.9rem;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.ap-dropdown-menu li a:hover {
    background-color: var(--ap-secondary-navy);
    color: var(--ap-accent-gold);
}

/* --- 2. Hero Banner Section --- */
.ap-hero-banner {
    position: relative;
    width: 100%;
    min-height: 240px;
    background-color: var(--ap-primary-navy);
    background-image: url('../image/bar.jpeg');
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    padding: 50px 20px;
}

.ap-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(11, 26, 48, 0.95) 0%, rgba(11, 26, 48, 0.75) 50%, rgba(11, 26, 48, 0.85) 100%);
    z-index: 1;
}

.ap-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.ap-hero-badge {
    color: var(--ap-accent-gold);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.ap-hero-title {
    color: var(--ap-white);
    font-size: 2.8rem;
    font-weight: 700;
    font-family: Georgia, serif;
    margin: 0 0 12px 0;
    line-height: 1.1;
}

.ap-breadcrumb-nav .ap-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}

.ap-breadcrumb-item a {
    color: var(--ap-white);
    text-decoration: none;
    opacity: 0.85;
    transition: opacity 0.2s ease, color 0.2s ease;
}

.ap-breadcrumb-item a:hover {
    opacity: 1;
    color: var(--ap-accent-gold);
}

.ap-breadcrumb-item + .ap-breadcrumb-item::before {
    content: ">";
    color: var(--ap-accent-gold);
    margin-right: 8px;
    font-weight: bold;
}

.ap-breadcrumb-item.active {
    color: var(--ap-accent-gold);
    opacity: 1;
}

/* --- 3. Compact Team Section --- */
.ap-team-section {
    padding: 60px 20px;
    background-color: var(--ap-bg-light);
    color: var(--ap-text-dark);
}

.ap-team-container {
    max-width: 1240px;
    margin: 0 auto;
}

.ap-team-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.ap-team-badge {
    display: inline-block;
    color: #C9962E;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.ap-team-title {
    font-size: 38px;
    color: #0b1f3a;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.2;
}

.ap-team-subtitle {
    font-size: 0.95rem;
    color: #000;
    line-height: 1.6;
}

/* Compact 4-Column Grid Layout */
.ap-team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 50px;
}

/* Sleek Compact Card Design */
.ap-team-card {
    background: var(--ap-white);
    border-radius: 10px;
    border: 1px solid var(--ap-border);
    box-shadow: var(--ap-shadow);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.ap-team-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(11, 26, 48, 0.12);
    border-color: var(--ap-accent-gold);
}

.ap-team-card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Compact Square/Portrait Ratio Image Container */
.ap-team-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: var(--ap-primary-navy);
    overflow: hidden;
}

.ap-team-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-position: top center; */
    transition: transform 0.4s ease;
}

.ap-team-card:hover .ap-team-img {
    transform: scale(1.05);
}

.ap-team-number {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(11, 26, 48, 0.85);
    color: var(--ap-accent-gold);
    font-size: 0.75rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid var(--ap-accent-gold);
    backdrop-filter: blur(4px);
    z-index: 2;
}

.ap-team-content {
    padding: 18px 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.ap-member-name {
    font-size: 1.05rem;
    color: var(--ap-primary-navy);
    font-weight: 700;
    margin: 0 0 3px 0;
    letter-spacing: 0.3px;
    line-height: 1.3;
}

.ap-member-role {
    display: block;
    color: #C9962E;
    font-weight: 600;
    font-size: 0.8rem;
    margin-bottom: 10px;
    line-height: 1.3;
}

.ap-member-bio {
    font-size: 0.825rem;
    color: #000;
    line-height: 1.5;
    margin-bottom: 15px;
}

/* Compact Responsibilities List */
.ap-member-responsibilities {
    /* margin-top: auto; */
    padding-top: 12px;
    border-top: 1px dashed var(--ap-border);
}

.ap-responsibilities-heading {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--ap-primary-navy);
    font-weight: 700;
    margin-bottom: 8px;
}

.ap-member-responsibilities ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ap-member-responsibilities li {
    font-size: 0.8rem;
    color: var(--ap-text-dark);
    display: flex;
    align-items: flex-start;
    gap: 6px;
    line-height: 1.3;
}

.ap-member-responsibilities li i {
    color: #C9962E;
    font-size: 0.75rem;
    margin-top: 2px;
    flex-shrink: 0;
}

/* --- 4. Approach Banner --- */
.ap-approach-banner {
    background: linear-gradient(135deg, var(--ap-primary-navy) 0%, var(--ap-secondary-navy) 100%);
    border-radius: 12px;
    padding: 35px 25px;
    text-align: center;
    color: var(--ap-white);
    box-shadow: var(--ap-shadow);
    border: 1px solid rgba(197, 160, 89, 0.25);
}

.ap-approach-badge {
    color: #C9962E;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.ap-approach-title {
    font-size: 1.6rem;
    color: var(--ap-white);
    margin: 8px 0 12px 0;
    font-weight: 700;
}

.ap-approach-text {
    font-size: 0.95rem;
    color: #cbd5e1;
    max-width: 600px;
    margin: 0 auto 22px auto;
    line-height: 1.5;
}

.ap-approach-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ap-btn-gold {
    background-color: #C9962E;
    color: #ffffff;
    padding: 10px 22px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s ease, transform 0.2s ease;
}

.ap-btn-gold:hover {
    background-color: var(--ap-gold-hover);
    transform: translateY(-2px);
}

.ap-btn-outline {
    background-color: transparent;
    color: var(--ap-white);
    border: 1px solid #C9962E;
    padding: 10px 22px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease;
}

.ap-btn-outline:hover {
    background-color: #C9962E;
    color: var(--ap-primary-navy);
}

/* --- 5. Responsive Grid Breakdown --- */
@media (max-width: 1200px) {
    .ap-team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .ap-nav-dropdown .ap-dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background-color: rgba(255, 255, 255, 0.05);
        padding-left: 15px;
        margin-top: 5px;
        display: none;
    }

    /* Do not use :hover on touch screens: it can remain sticky after a tap. */
    .ap-nav-dropdown.active .ap-dropdown-menu,
    .ap-nav-dropdown.ap-dropdown-open .ap-dropdown-menu {
        display: block;
    }

    .ap-hero-banner {
        min-height: 200px;
        padding: 35px 15px;
    }

    .ap-hero-title {
        font-size: 2rem;
    }

    .ap-team-section {
        padding: 40px 15px;
    }

    .ap-team-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ap-approach-banner {
        padding: 25px 15px;
    }

    .ap-approach-actions {
        flex-direction: column;
        width: 100%;
    }

    .ap-btn-gold, .ap-btn-outline {
        width: 100%;
        justify-content: center;
    }
}

/* Shared responsive header overrides - intentionally last in this file. */
@media (max-width: 1150px) {
  .main-header { padding: 10px clamp(18px, 4vw, 40px); }

  .mobile-toggle {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(10, 27, 46, .14);
    border-radius: 6px;
    color: var(--navy);
    z-index: 1003;
  }

  .desktop-cta { display: none; }

  .nav-container {
    position: fixed;
    top: 0;
    right: 0;
    width: min(86vw, 360px);
    height: 100dvh;
    padding: max(88px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translateX(105%);
    visibility: hidden;
    transition: transform .35s cubic-bezier(.22, .61, .36, 1), visibility .35s;
    z-index: 1002;
    box-shadow: -12px 0 32px rgba(0, 0, 0, .2);
  }

  .nav-container.active { transform: translateX(0); visibility: visible; }

  .nav-menu { width: 100%; flex-direction: column; align-items: stretch; gap: 2px; }
  .nav-menu > li { width: 100%; }
  .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 10px 0;
    font-size: 1rem;
    border-bottom: 1px solid rgba(10, 27, 46, .08);
  }
  .nav-link.active::after { bottom: 5px; width: 32px; }
  .mobile-cta-wrapper { display: block; width: 100%; margin-top: 28px; }
  .mobile-cta-wrapper .btn-gold { width: 100%; justify-content: center; }
  .menu-overlay { z-index: 1001; }

  .ap-nav-dropdown .ap-dropdown-menu {
    position: static;
    display: none;
    min-width: 0;
    margin: 0 0 8px;
    padding: 4px 0;
    border-top: 0;
    border-radius: 4px;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: var(--navy);
  }
  .ap-nav-dropdown.active .ap-dropdown-menu,
  .ap-nav-dropdown.ap-dropdown-open .ap-dropdown-menu { display: block; }
  .ap-nav-dropdown.active .ap-dropdown-arrow,
  .ap-nav-dropdown.ap-dropdown-open .ap-dropdown-arrow { transform: rotate(180deg); }
  .ap-dropdown-menu li a { padding: 10px 14px; }
}

@media (max-width: 640px) {
  .top-bar { padding: 7px 16px; }
  .top-info { gap: 14px; }
  .top-info-item { font-size: 11px; gap: 5px; }
  .main-header { padding: 9px 16px; gap: 12px; }
  .logo-img { width: 44px; height: 44px; }
  .brand-logo { gap: 8px; }
  .brand-text h1 { font-size: 16px; letter-spacing: .8px; }
  .brand-text span { font-size: 7px; letter-spacing: 1px; }
  .nav-container { width: min(90vw, 340px); padding-inline: 22px; }
}

@media (max-width: 420px) {
  .top-info .top-info-item:nth-child(n + 2) { display: none; }
  .top-info-item { font-size: 12px; }
  .brand-text h1 { font-size: 14px; }
  .brand-text span { font-size: 6px; }
  .logo-img { width: 40px; height: 40px; }
}

/* Keep the hamburger above the drawer so it always works as a close button. */
@media (max-width: 1150px) {
  .menu-open .main-header { z-index: 1003; }
  .menu-open .mobile-toggle { position: relative; }
}



.ap-member-responsibilities p {
    font-size: 13.2px;
    color: #000;
}

p.ax-ft-brand-desc span {
    color: #c9962e;
    font-weight: 700;
}













/* =========================================================
   AXIOM PRESS LIVE PRINTING CALCULATOR
========================================================= */

.axp-live-printing-calculator {

    --axp-lpc-navy: #00132d;
    --axp-lpc-gold: #c9962e;
    --axp-lpc-gold-dark: #b27f18;

    --axp-lpc-text: #111827;
    --axp-lpc-muted: #6b7280;
    --axp-lpc-border: #e2e8f0;

    width: 100%;
    padding: 50px 25px;
    background: #ffffff;

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

}


.axp-live-printing-calculator *,
.axp-live-printing-calculator *::before,
.axp-live-printing-calculator *::after {

    box-sizing: border-box;

}


.axp-lpc-container {

    max-width: 1270px;
    margin: 0 auto;

    display: grid;

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

    gap: 25px;

    align-items: stretch;

}


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

.axp-lpc-form-card {

    padding: 35px;

    background: #ffffff;

    border: 1px solid var(--axp-lpc-border);

    border-radius: 20px;

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

}


.axp-lpc-eyebrow {

    display: block;

    margin-bottom: 8px;

    color: var(--axp-lpc-gold);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

}


.axp-lpc-form-head h2 {

    margin: 0;

    color: var(--axp-lpc-navy);

    font-size: 28px;

    line-height: 1.25;

}


.axp-lpc-form-head p {

    margin: 10px 0 28px;

    color: var(--axp-lpc-muted);

    font-size: 13px;

    line-height: 1.6;

}


.axp-lpc-field {

    margin-bottom: 19px;

}


.axp-lpc-field > label {

    display: block;

    margin-bottom: 8px;

    color: var(--axp-lpc-text);

    font-size: 12px;

    font-weight: 700;

}


.axp-lpc-field select,
.axp-lpc-field input[type="number"] {

    width: 100%;
    height: 48px;

    padding: 0 14px;

    border: 1px solid var(--axp-lpc-border);

    border-radius: 10px;

    background: #ffffff;

    color: var(--axp-lpc-text);

    outline: none;

    font-size: 14px;

}


.axp-lpc-field select:focus,
.axp-lpc-field input[type="number"]:focus {

    border-color: var(--axp-lpc-gold);

    box-shadow:
        0 0 0 3px rgba(201,150,46,.12);

}


.axp-lpc-field small {

    display: block;

    margin-top: 6px;

    color: var(--axp-lpc-muted);

    font-size: 11px;

}


/* RADIO */

.axp-lpc-options {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

}


.axp-lpc-option {

    position: relative;

    cursor: pointer;

}


.axp-lpc-option input {

    position: absolute;

    opacity: 0;

}


.axp-lpc-option span {

    min-height: 48px;

    padding: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--axp-lpc-border);

    border-radius: 10px;

    background: #ffffff;

    color: var(--axp-lpc-text);

    font-size: 13px;

    font-weight: 600;

    transition: .2s ease;

}


.axp-lpc-option input:checked + span {

    border-color: var(--axp-lpc-gold);

    background: rgba(201,150,46,.08);

    box-shadow:
        0 0 0 1px var(--axp-lpc-gold);

}


/* CALCULATE BUTTON */

.axp-lpc-calculate-btn {

    width: 100%;
    height: 48px;

    border: 0;

    border-radius: 25px;

    background: var(--axp-lpc-gold);

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

    transition: .2s ease;

}


.axp-lpc-calculate-btn:hover {

    background: var(--axp-lpc-gold-dark);

}


/* =========================================================
   RESULT
========================================================= */

.axp-lpc-result-card {

    position: sticky;

    top: 25px;

    align-self: start;

    padding: 35px;

    border-radius: 20px;

    background: var(--axp-lpc-navy);

    color: #ffffff;

    box-shadow:
        0 15px 40px rgba(0,19,45,.18);

}


.axp-lpc-live-label {

    color: var(--axp-lpc-gold);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

}


.axp-lpc-result-top h2 {

    margin: 8px 0 0;

    color: #ffffff;

    font-size: 22px;

}


.axp-lpc-main-total {

    margin-top: 18px;

    color: #ffffff;

    font-size: 44px;

    line-height: 1;

    font-weight: 700;

}


/* SUMMARY */

.axp-lpc-summary {

    margin-top: 27px;

    padding: 18px 0;

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

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

}


.axp-lpc-summary-row {

    display: flex;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 12px;

    color: #aab4c2;

    font-size: 13px;

}


.axp-lpc-summary-row:last-child {

    margin-bottom: 0;

}


.axp-lpc-summary-row strong {

    color: #ffffff;

}


/* BREAKDOWN */

.axp-lpc-breakdown {

    display: flex;

    flex-direction: column;

    gap: 14px;

    margin-top: 22px;

}


.axp-lpc-breakdown-row {

    display: flex;

    justify-content: space-between;

    gap: 20px;

    color: #c9d0da;

    font-size: 13px;

}


.axp-lpc-breakdown-row strong {

    color: #ffffff;

}


.axp-lpc-divider {

    height: 1px;

    width: 100%;

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

}


.axp-lpc-per-copy {

    padding: 16px 18px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 12px;

    background: #092341;

}


.axp-lpc-per-copy span {

    display: block;

    margin-bottom: 5px;

    color: #aab4c2;

    font-size: 11px;

}


.axp-lpc-per-copy strong {

    color: #ffffff;

    font-size: 27px;

}


.axp-lpc-total-row {

    display: flex;

    justify-content: space-between;

    gap: 15px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

}


.axp-lpc-total-row strong {

    color: var(--axp-lpc-gold);

}


/* DISCLAIMER */

.axp-lpc-disclaimer {

    margin-top: 23px;

    padding-top: 18px;

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

    color: #aab4c2;

    font-size: 11px;

    line-height: 1.55;

}


.axp-lpc-disclaimer ul {

    margin: 8px 0 0;

    padding-left: 18px;

}


.axp-lpc-disclaimer li {

    margin-bottom: 4px;

}


/* ACTIONS */

.axp-lpc-actions {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-top: 24px;

}


.axp-lpc-actions button {

    min-height: 44px;

    padding: 9px 10px;

    border: 1px solid rgba(255,255,255,.15);

    border-radius: 23px;

    background: transparent;

    color: #ffffff;

    font-size: 11px;

    font-weight: 600;

    cursor: pointer;

    transition: .2s ease;

}


.axp-lpc-actions button:hover {

    border-color: var(--axp-lpc-gold);

    color: var(--axp-lpc-gold);

}


.axp-lpc-actions .axp-lpc-quote-btn {

    grid-column: 1 / -1;

    background: #ffffff;

    border-color: #ffffff;

    color: var(--axp-lpc-navy);

}


.axp-lpc-actions .axp-lpc-quote-btn:hover {

    background: var(--axp-lpc-gold);

    border-color: var(--axp-lpc-gold);

    color: #ffffff;

}


/* =========================================================
   COMPARISON
========================================================= */

.axp-lpc-comparison {

    max-width: 1180px;

    margin: 35px auto 0;

}


.axp-lpc-comparison-head {

    margin-bottom: 18px;

}


.axp-lpc-comparison-head span {

    color: var(--axp-lpc-gold);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

}


.axp-lpc-comparison-head h2 {

    margin: 6px 0 0;

    color: var(--axp-lpc-navy);

    font-size: 25px;

}


.axp-lpc-compare-box {

    padding: 25px;

    margin-bottom: 20px;

    border: 1px solid var(--axp-lpc-border);

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 7px 25px rgba(0,0,0,.04);

}


.axp-lpc-compare-box h3 {

    margin: 0 0 18px;

    color: var(--axp-lpc-navy);

    font-size: 17px;

}


/* TABLE */

.axp-lpc-table-wrap {

    width: 100%;

    overflow-x: auto;

}


.axp-lpc-table-wrap table {

    width: 100%;

    border-collapse: collapse;

    min-width: 650px;

}


.axp-lpc-table-wrap th {

    padding: 13px;

    background: var(--axp-lpc-navy);

    color: #ffffff;

    font-size: 12px;

    text-align: left;

}


.axp-lpc-table-wrap td {

    padding: 13px;

    border-bottom: 1px solid var(--axp-lpc-border);

    color: var(--axp-lpc-text);

    font-size: 13px;

}


.axp-lpc-table-wrap tr:last-child td {

    border-bottom: 0;

}


/* TWO COMPARISON BOXES */

.axp-lpc-compare-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

}


.axp-lpc-option-compare > div {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 14px 0;

    border-bottom: 1px solid var(--axp-lpc-border);

}


.axp-lpc-option-compare > div:last-child {

    border-bottom: 0;

}


.axp-lpc-option-compare span {

    color: var(--axp-lpc-text);

    font-size: 13px;

}


.axp-lpc-option-compare strong {

    color: var(--axp-lpc-navy);

    font-size: 17px;

}


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

@media (max-width: 900px) {

    .axp-lpc-container {

        grid-template-columns: 1fr;

    }

    .axp-lpc-result-card {

        position: relative;

        top: auto;

    }

}


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

@media (max-width: 600px) {

    .axp-live-printing-calculator {

        padding: 30px 15px;

    }

    .axp-lpc-form-card,
    .axp-lpc-result-card {

        padding: 24px 20px;

        border-radius: 17px;

    }

    .axp-lpc-form-head h2 {

        font-size: 24px;

    }

    .axp-lpc-main-total {

        font-size: 36px;

    }

    .axp-lpc-options {

        grid-template-columns: 1fr;

    }

    .axp-lpc-actions {

        grid-template-columns: 1fr;

    }

    .axp-lpc-actions .axp-lpc-quote-btn {

        grid-column: auto;

    }

    .axp-lpc-compare-grid {

        grid-template-columns: 1fr;

    }

}


/* =========================================================
   PRINT / SAVE AS PDF
========================================================= */

@media print {

    body * {

        visibility: hidden;

    }

    #axpLivePrintingCalculator,
    #axpLivePrintingCalculator * {

        visibility: visible;

    }

    #axpLivePrintingCalculator {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

    }

    .axp-lpc-form-card {

        display: none;

    }

    .axp-lpc-container {

        display: block;

    }

    .axp-lpc-result-card {

        position: relative;

        top: 0;

    }

    .axp-lpc-actions {

        display: none;

    }

}