/* Global Font Family */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

*{
    font-family: 'Inter', sans-serif;
}
/* ================= COMMON ================= */
.anx-container {
  width: 1200px;
  margin: 0 auto;
}

/* ================= TOP BAR ================= */
.anx-topbar {
  background: #0d2b4d; /* exact deep blue */
  color: #fff;
  font-size: 13px;
}

.anx-topbar-inner {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}

.anx-topbar-left span {
  margin-right: 20px;
}

.anx-topbar-right a {
  color: #fff;
  margin-left: 12px;
  text-decoration: none;
  font-size: 12px;
}

/* ================= NAVBAR ================= */
.anx-navbar {
  background: #fff;
  border-bottom: 1px solid #eee;
}

.anx-navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0;
}

/* LOGO */
.anx-logo-box img {
  height: 48px;
}

/* MENU */
.anx-nav-list {
  display: flex;
  list-style: none;
  gap: 22px;
}

.anx-nav-list li a {
  text-decoration: none;
  color: #1a2b49;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

/* ACTIVE LINK */
.anx-active-link::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff6b00;
}

/* CTA BUTTON */
.anx-btn-header {
  background: #ffb400; /* yellow/orange from image */
  padding: 10px 16px;
  border-radius: 6px;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

/* MOBILE */
.anx-mobile-toggle {
  display: none;
  font-size: 22px;
  cursor: pointer;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {

  .anx-container {
    width: 90%;
  }

  .anx-nav-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    flex-direction: column;
    padding: 20px;
  }

  .anx-nav-list {
    flex-direction: column;
    gap: 14px;
  }

  .anx-mobile-toggle {
    display: block;
  }

}
/* ================= MOBILE MENU FIX ================= */

@media (max-width: 992px) {

  .anx-nav-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #ffffff;

    display: none;
    flex-direction: column;

    padding: 20px 0;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    z-index: 999;
  }

  .anx-nav-menu.anx-menu-open {
    display: flex;
  }

  .anx-nav-list {
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
  }

  .anx-nav-list li {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .anx-nav-list li a {
    display: block;
    width: 100%;
    padding: 14px 0;
    font-size: 15px;
  }

  .anx-mobile-toggle {
    display: block;
  }

  /* hide desktop CTA in mobile */
  .anx-header-cta {
    display: none;
  }
}

/* ================= DRAWER BASE ================= */

.anx-mobile-drawer {
  position: fixed;
  top: 0;
  left: -100%;
  width: 280px;
  height: 100%;

  background: #ffffff;
  z-index: 1000;

  transition: all 0.35s ease;
  box-shadow: 5px 0 25px rgba(0,0,0,0.1);
}

.anx-mobile-drawer.anx-drawer-open {
  left: 0;
}

/* ================= INNER ================= */

.anx-drawer-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

.anx-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #eee;
}

.anx-drawer-header img {
  height: 40px;
}

.anx-drawer-header button {
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

/* ================= MENU ================= */

.anx-drawer-menu {
  list-style: none;
  padding: 10px 20px;
}

.anx-drawer-menu li {
  border-bottom: 1px solid #eee;
}

.anx-drawer-menu li a {
  display: block;
  padding: 14px 0;
  text-decoration: none;
  color: #1a2b49;
  font-weight: 500;
}

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

.anx-drawer-cta {
  margin-top: auto;
  padding: 20px;
}

.anx-drawer-cta a {
  display: block;
  background: #ffb400;
  text-align: center;
  padding: 12px;
  border-radius: 6px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

/* ================= OVERLAY ================= */

.anx-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;

  transition: all 0.3s ease;
  z-index: 999;
}

.anx-drawer-overlay.anx-overlay-show {
  opacity: 1;
  visibility: visible;
}

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

@media (max-width: 992px) {

  .anx-nav-menu {
    display: none;
  }

  .anx-header-cta {
    display: none;
  }

  .anx-mobile-toggle {
    display: block;
  }
}

/* LOCK BODY */
.anx-no-scroll {
  overflow: hidden;
}

/* =========================================================
ANAGKI HERO FINAL FIX
COMPACT + PROPER RESPONSIVE + NO OVERSIZE
REPLACE OLD HERO CSS COMPLETELY
========================================================= */

.anxv2hero-main-wrapper{
    position: relative;
    overflow: hidden;

    background:
    linear-gradient(
        90deg,
        rgba(2,27,73,0.94) 0%,
        rgba(2,27,73,0.88) 42%,
        rgba(2,27,73,0.55) 100%
    ),
    url("images/hero-bg.jpg");

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

/* REMOVE EXTRA OVERLAY */

.anxv2hero-overlay-layer{
    display: none;
}

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

.anxv2hero-container{
    width: 92%;
    max-width: 1280px;

    margin: 0 auto;

    min-height: 620px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    padding-top: 70px;
    padding-bottom: 70px;
}

/* =========================================================
LEFT CONTENT
========================================================= */

.anxv2hero-content-wrapper{
    width: 100%;
    max-width: 610px;

    color: #ffffff;
}

.anxv2hero-mini-badge{
    display: inline-block;

    margin-bottom: 18px;

    color: #ffbf00;

    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}

/* FIXED HUGE HEADING */

.anxv2hero-main-heading{
    font-size: 58px;
    line-height: 1.08;
    font-weight: 800;

    margin-bottom: 22px;

    letter-spacing: -1px;
}

/* DESCRIPTION */

.anxv2hero-description{
    font-size: 18px;
    line-height: 1.7;

    color: rgba(255,255,255,0.88);

    max-width: 560px;

    margin-bottom: 32px;
}

/* =========================================================
BUTTONS
========================================================= */

.anxv2hero-button-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px;
}

.anxv2hero-button-group a{
    height: 50px;

    padding: 0 24px;

    border-radius: 8px;

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

    gap: 10px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    transition: 0.3s ease;
}

.anxv2hero-primary-btn{
    background: #ffbf00;
    color: #111827;
}

.anxv2hero-secondary-btn{
    border: 1px solid rgba(255,255,255,0.30);
    color: #ffffff;
}

.anxv2hero-whatsapp-btn{
    background: #22c55e;
    color: #ffffff;
}

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

.anxv2hero-form-main-wrapper{
    width: 100%;
    max-width: 410px;

    flex-shrink: 0;
}

/* SMALLER FORM */

.anxv2hero-form-card{
    background: rgba(255,255,255,0.97);

    border-radius: 20px;

    padding: 24px;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.16);
}

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

.anxv2hero-form-badge{
    display: inline-flex;
    align-items: center;

    background: #fff4d7;
    color: #bc8100;

    padding: 8px 14px;

    border-radius: 100px;

    font-size: 12px;
    font-weight: 700;

    margin-bottom: 16px;
}

/* FIX HUGE FORM HEADING */

.anxv2hero-form-heading{
    font-size: 34px;
    line-height: 1.1;
    font-weight: 800;

    color: #0f172a;

    margin-bottom: 10px;
}

.anxv2hero-form-description{
    font-size: 14px;
    line-height: 1.7;

    color: #64748b;

    margin-bottom: 22px;
}

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

.anxv2hero-form-grid{
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 14px;
}

/* INPUTS */

.anxv2hero-form-layout input,
.anxv2hero-form-layout select,
.anxv2hero-form-layout textarea{
    width: 100%;

    min-width: 0;

    border: 1px solid #dbe2ea;

    outline: none;

    background: #ffffff;

    border-radius: 10px;

    padding: 14px 16px;

    font-size: 14px;

    font-family: inherit;

    transition: 0.3s ease;

    box-sizing: border-box;
}

.anxv2hero-form-layout input:focus,
.anxv2hero-form-layout select:focus,
.anxv2hero-form-layout textarea:focus{
    border-color: #021b49;
}

.anxv2hero-form-layout textarea{
    height: 100px;

    resize: none;

    margin-top: 14px;
}

/* BUTTON */

.anxv2hero-form-layout button{
    width: 100%;

    height: 50px;

    border: none;

    border-radius: 10px;

    background: #021b49;

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    margin-top: 16px;

    cursor: pointer;
}

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

@media(max-width:1100px){

    .anxv2hero-container{
        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        gap: 40px;

        padding-top: 60px;
        padding-bottom: 60px;
    }

    .anxv2hero-content-wrapper{
        max-width: 100%;
    }

    .anxv2hero-main-heading{
        font-size: 48px;
    }

    .anxv2hero-form-main-wrapper{
        max-width: 100%;
        width: 100%;
    }

}
/* =========================================
PROPER MOBILE FORM SPACING FIX
REPLACE OLD MOBILE HERO CSS
========================================= */

@media(max-width:768px){

    .anxv2hero-container{
        width: 100%;

        padding-top: 50px;
        padding-bottom: 50px;

        gap: 36px;
    }

    /* CONTENT SIDE */

    .anxv2hero-content-wrapper{
        width: calc(100% - 40px);

        margin: 0 auto;
    }

    /* FORM SIDE */

    .anxv2hero-form-main-wrapper{
        width: calc(100% - 40px);

        max-width: 100%;

        margin: 0 auto;
    }

    /* FORM CARD */

    .anxv2hero-form-card{
        width: 100%;

        padding: 22px;

        border-radius: 18px;

        box-sizing: border-box;
    }

    /* SINGLE COLUMN */

    .anxv2hero-form-grid{
        grid-template-columns: 1fr;
    }

    /* MOBILE HEADING */

    .anxv2hero-main-heading{
        font-size: 38px;
        line-height: 1.12;

        margin-bottom: 18px;
    }

    .anxv2hero-description{
        font-size: 15px;
        line-height: 1.7;

        margin-bottom: 0;
    }

    /* HIDE BUTTONS */

    .anxv2hero-button-group{
        display: none;
    }

}

/* =========================================
TRUE FULL WIDTH MOBILE FIX
REMOVE ALL SIDE WHITE SPACE
========================================= */

html,
body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* HERO FULL WIDTH */

.anxv2hero-main-wrapper{
    width: 100vw;

    margin: 0;
    padding: 0;

    overflow: hidden;
}

/* MOBILE */

@media(max-width:768px){

    .anxv2hero-container{
        width: 100vw;
        max-width: 100vw;

        margin: 0;
        padding:
        50px
        0
        50px
        0;

        gap: 36px;
    }

    /* CONTENT */

    .anxv2hero-content-wrapper{
        width: 100%;

        padding-left: 16px;
        padding-right: 16px;

        margin: 0;

        box-sizing: border-box;
    }

    /* FORM */

    .anxv2hero-form-main-wrapper{
        width: 100%;

        max-width: 100%;

        padding-left: 16px;
        padding-right: 16px;

        margin: 0;

        box-sizing: border-box;
    }

    .anxv2hero-form-card{
        width: 100%;

        margin: 0;

        box-sizing: border-box;
    }

}


/* =========================================================
RIGHT IMAGE SIDE
========================================================= */

.anxv2hero-image-main-wrapper{
    width: 100%;
    max-width: 520px;

    flex-shrink: 0;
}

.anxv2hero-image-card{
    position: relative;

    width: 100%;

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
    0 25px 80px rgba(0,0,0,0.28);
}

/* IMAGE */

.anxv2hero-image-card img{
    width: 100%;
    height: 640px;

    object-fit: cover;

    display: block;
}

/* =========================================================
FLOATING GLASS CARD
========================================================= */

.anxv2hero-floating-badge{
    position: absolute;

    left: 24px;
    bottom: 24px;

    width: calc(100% - 48px);

    padding: 22px;

    border-radius: 20px;

    backdrop-filter: blur(18px);

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

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

    box-sizing: border-box;
}

.anxv2hero-floating-badge span{
    display: inline-flex;

    padding: 8px 14px;

    border-radius: 100px;

    background: rgba(255,191,0,0.18);

    color: #ffcc33;

    font-size: 12px;
    font-weight: 700;

    margin-bottom: 12px;
}

.anxv2hero-floating-badge h4{
    color: #ffffff;

    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;

    margin: 0;
}

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

@media(max-width:1100px){

    .anxv2hero-image-main-wrapper{
        max-width: 100%;
        width: 100%;
    }

    .anxv2hero-image-card img{
        height: 560px;
    }

}

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

@media(max-width:768px){

    .anxv2hero-image-main-wrapper{
        width: 100%;

        padding-left: 16px;
        padding-right: 16px;

        box-sizing: border-box;
    }

    .anxv2hero-image-card{
        border-radius: 22px;
    }

    .anxv2hero-image-card img{
        height: 440px;
    }

    .anxv2hero-floating-badge{
        left: 16px;
        right: 16px;
        bottom: 16px;

        width: auto;

        padding: 18px;
    }

    .anxv2hero-floating-badge h4{
        font-size: 18px;
        line-height: 1.5;
    }

}

/* =========================================
ANAGKI TRUST BADGES SECTION
========================================= */

.anxbadge-main-wrapper{
    position: relative;
    z-index: 5;

    margin-top: -42px;
}

.anxbadge-container{
    width: 92%;
    max-width: 1180px;

    margin: 0 auto;

    background: #ffffff;

    border-radius: 18px;

    padding: 26px 10px;

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

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

/* SINGLE ITEM */

.anxbadge-single-item{
    position: relative;

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

    gap: 16px;

    padding: 0 22px;
}

/* BORDER */

.anxbadge-single-item::after{
    content: "";

    position: absolute;

    top: 50%;
    right: 0;

    transform: translateY(-50%);

    width: 1px;
    height: 52px;

    background: #e7edf5;
}

.anxbadge-single-item:last-child::after{
    display: none;
}

/* ICON */

.anxbadge-icon-box{
    flex-shrink: 0;

    width: 54px;
    height: 54px;

    border-radius: 14px;

    background:
    linear-gradient(
        135deg,
        #f8fbff,
        #eef4fb
    );

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

.anxbadge-icon-box i{
    font-size: 24px;
    color: #021b49;
}

/* CONTENT */

.anxbadge-content-box h3{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;

    color: #0f172a;

    margin-bottom: 4px;
}

.anxbadge-content-box p{
    font-size: 14px;
    color: #64748b;
}

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

@media(max-width:1100px){

    .anxbadge-container{
        grid-template-columns: repeat(3, 1fr);

        gap: 24px;

        padding: 26px;
    }

    .anxbadge-single-item:nth-child(3)::after{
        display: none;
    }

}
/* =========================================
BETTER MOBILE UI FOR BADGES SECTION
REPLACE ONLY MOBILE CSS
========================================= */

@media(max-width:768px){

    .anxbadge-main-wrapper{
        margin-top: -18px;

        padding: 0 16px;
    }

    .anxbadge-container{
        width: 100%;

        display: flex;
        overflow-x: auto;

        gap: 14px;

        padding: 16px;

        border-radius: 16px;

        scroll-snap-type: x mandatory;

        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .anxbadge-container::-webkit-scrollbar{
        display: none;
    }

    /* CARD STYLE */

    .anxbadge-single-item{
        min-width: 210px;

        flex-shrink: 0;

        background: #f8fbff;

        border: 1px solid #edf2f7;

        border-radius: 14px;

        padding: 14px;

        gap: 14px;

        justify-content: flex-start;

        scroll-snap-align: start;
    }

    .anxbadge-single-item::after{
        display: none;
    }

    /* ICON */

    .anxbadge-icon-box{
        width: 48px;
        height: 48px;

        border-radius: 12px;

        background: #ffffff;

        box-shadow:
        0 4px 12px rgba(15,23,42,0.05);
    }

    .anxbadge-icon-box i{
        font-size: 20px;
    }

    /* TEXT */

    .anxbadge-content-box h3{
        font-size: 15px;

        margin-bottom: 3px;
    }

    .anxbadge-content-box p{
        font-size: 13px;
        line-height: 1.4;
    }

}
/* =========================================
ANAGKI SERVICES SECTION
FINAL PREMIUM VERSION
========================================= */

.anxsvc5-main-wrapper{
    padding: 90px 0;

    background: #f8fafc;
}

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

.anxsvc5-top-wrapper{
    text-align: center;

    margin-bottom: 56px;

    padding: 0 20px;
}

.anxsvc5-mini-title{
    display: inline-block;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;

    color: #d9a300;

    margin-bottom: 14px;
}

.anxsvc5-main-heading{
    font-size: 48px;
    line-height: 1.15;
    font-weight: 800;

    color: #021b49;
}

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

.anxsvc5-grid-wrapper{
    width: 92%;
    max-width: 1280px;

    margin: 0 auto;

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

    gap: 24px;
}

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

.anxsvc5-single-card{
    position: relative;

    background: #ffffff;

    border: 1px solid #e7edf5;

    border-radius: 22px;

    padding: 34px 28px;

    overflow: hidden;

    transition: 0.35s ease;
}

/* TOP BRAND LINE */

.anxsvc5-single-card::before{
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background:
    linear-gradient(
        90deg,
        #021b49,
        #0c3479
    );
}

/* HOVER */

.anxsvc5-single-card:hover{
    transform: translateY(-8px);

    border-color: rgba(2,27,73,0.10);

    box-shadow:
    0 24px 50px rgba(2,27,73,0.08);
}

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

.anxsvc5-icon-box{
    width: 104px;
    height:104px;

    border-radius: 18px;

    background:
    linear-gradient(
        135deg,
        #f4f8fd,
        #ebf1f9
    );

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

    margin-bottom: 26px;
}

/* PNG ICON */

.anxsvc5-icon-box img{
    width: 102px;
    height: 102px;

    object-fit: contain;
}

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

.anxsvc5-single-card h3{
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;

    color: #0f172a;

    margin-bottom: 14px;
}

.anxsvc5-single-card p{
    font-size: 15px;
    line-height: 1.8;

    color: #64748b;

    margin-bottom: 20px;
}

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

.anxsvc5-card-btn{
    display: inline-flex;
    align-items: center;

    gap: 8px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    color: #021b49;

    transition: 0.3s ease;
}

.anxsvc5-card-btn span{
    transition: 0.3s ease;
}

.anxsvc5-card-btn:hover{
    color: #f3bf25;
}

.anxsvc5-card-btn:hover span{
    transform: translateX(4px);
}

/* =========================================
BOTTOM LINE
========================================= */

.anxsvc5-card-line{
    display: block;

    width: 56px;
    height: 4px;

    border-radius: 100px;

    background: #021b49;

    margin-top: 22px;
}

/* =========================================
LAPTOP
========================================= */

@media(max-width:1200px){

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

}

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

@media(max-width:992px){

    .anxsvc5-main-heading{
        font-size: 40px;
    }

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

}

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

@media(max-width:768px){

    .anxsvc5-main-wrapper{
        padding: 70px 0;
    }

    .anxsvc5-top-wrapper{
        margin-bottom: 36px;
    }

    .anxsvc5-main-heading{
        font-size: 32px;
        line-height: 1.2;
    }

    .anxsvc5-grid-wrapper{
        width: calc(100% - 32px);

        grid-template-columns: 1fr;

        gap: 18px;
    }

    .anxsvc5-single-card{
        padding: 26px 22px;

        border-radius: 18px;
    }

    .anxsvc5-icon-box{
        width: 104px;
        height: 104px;

        border-radius: 16px;

        margin-bottom: 22px;
    }

    .anxsvc5-icon-box img{
        width: 96px;
        height: 96px;
    }

    .anxsvc5-single-card h3{
        font-size: 21px;
    }

    .anxsvc5-single-card p{
        font-size: 14px;
        line-height: 1.7;
    }

}
/* =========================================
REAL FINAL FIX
OUTER WHITE SPACING FIXED
DESKTOP + MOBILE
========================================= */

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

.anxcta6-main-wrapper{

    /* THIS CREATES OUTSIDE WHITE SPACE */
    padding:
    34px
    34px
    50px
    34px;

    background: #f5f7fb;
}

/* =========================================
BLUE CONTAINER
========================================= */

.anxcta6-container{

    width: 100%;

    max-width: 1380px;

    margin: 0 auto;

    background:
    linear-gradient(
        90deg,
        #031f5b 0%,
        #0b2d6b 100%
    );

    border-radius: 22px;

    /* INNER SPACE */
    padding: 22px 30px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 28px;

    overflow: hidden;

    /* IMPORTANT */
    box-sizing: border-box;
}

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

.anxcta6-left-wrapper{
    display: flex;
    align-items: center;

    gap: 18px;

    flex-shrink: 0;
}

/* ICON */

.anxcta6-call-icon{
    width: 64px;
    height: 64px;

    min-width: 64px;

    border-radius: 50%;

    border: 2px solid rgba(255,191,0,0.45);

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

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

.anxcta6-call-icon i{
    font-size: 24px;

    color: #ffffff;
}

/* TEXT */

.anxcta6-mini-text{
    font-size: 13px;

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

    margin-bottom: 6px;
}

.anxcta6-main-content h2{
    font-size: 30px;

    line-height: 1.1;

    font-weight: 800;

    color: #ffffff;
}

/* =========================================
FEATURES
========================================= */

.anxcta6-features-wrapper{
    display: flex;
    align-items: center;

    gap: 24px;
}

/* ITEM */

.anxcta6-feature-item{
    display: flex;
    align-items: center;

    gap: 12px;

    position: relative;
}

/* DIVIDER */

.anxcta6-feature-item::before{
    content: "";

    position: absolute;

    left: -12px;
    top: 50%;

    transform: translateY(-50%);

    width: 1px;
    height: 44px;

    background:
    rgba(255,255,255,0.10);
}

.anxcta6-feature-item:first-child::before{
    display: none;
}

/* FEATURE ICON */

.anxcta6-feature-icon{
    width: 46px;
    height: 46px;

    min-width: 46px;

    border-radius: 50%;

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

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

.anxcta6-feature-icon i{
    font-size: 17px;

    color: #ffffff;
}

/* TEXT */

.anxcta6-feature-text h4{
    font-size: 15px;

    line-height: 1.3;

    color: #ffffff;

    margin-bottom: 4px;
}

.anxcta6-feature-text p{
    font-size: 12px;

    color: rgba(255,255,255,0.72);
}

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

.anxcta6-call-btn{

    /* IMPORTANT */
    margin-left: 12px;

    min-width: 285px;

    background: #ffbf00;

    border-radius: 16px;

    padding: 15px 22px;

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

    gap: 12px;

    text-decoration: none;

    flex-shrink: 0;
}

/* BUTTON ICON */

.anxcta6-btn-icon{
    width: 46px;
    height: 46px;

    min-width: 46px;

    border-radius: 50%;

    background:
    rgba(2,27,73,0.08);

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

.anxcta6-btn-icon i{
    font-size: 17px;

    color: #021b49;
}

/* BUTTON TEXT */

.anxcta6-btn-text span{
    display: block;

    font-size: 10px;

    margin-bottom: 3px;

    color: #021b49;

    font-weight: 700;
}

.anxcta6-btn-text strong{
    font-size: 22px;

    line-height: 1;

    color: #021b49;

    font-weight: 800;
}

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

@media(max-width:992px){

    .anxcta6-container{
        flex-direction: column;

        align-items: stretch;
    }

    .anxcta6-features-wrapper{
        justify-content: space-between;

        flex-wrap: wrap;
    }

    .anxcta6-call-btn{
        width: 100%;

        margin-left: 0;
    }

}

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

@media(max-width:768px){

    /* THIS IS THE IMPORTANT OUTSIDE SPACING */

    .anxcta6-main-wrapper{

        padding:
        18px
        16px
        34px
        16px;
    }

    /* BLUE BOX */

    .anxcta6-container{

        width: 100%;

        border-radius: 18px;

        padding: 18px 16px;

        gap: 16px;

        flex-direction: column;

        align-items: stretch;
    }

    /* LEFT */

    .anxcta6-left-wrapper{
        width: 100%;

        gap: 14px;

        align-items: center;
    }

    /* ICON */

    .anxcta6-call-icon{
        width: 54px;
        height: 54px;

        min-width: 54px;
    }

    .anxcta6-call-icon i{
        font-size: 21px;
    }

    /* TEXT */

    .anxcta6-mini-text{
        font-size: 11px;
    }

    .anxcta6-main-content h2{
        font-size: 28px;

        line-height: 1.1;
    }

    /* FEATURES */

    .anxcta6-features-wrapper{
        width: 100%;

        flex-direction: column;

        gap: 10px;
    }

    .anxcta6-feature-item{

        width: 100%;

        padding: 13px 14px;

        border-radius: 14px;

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

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

    .anxcta6-feature-item::before{
        display: none;
    }

    /* BUTTON */

    .anxcta6-call-btn{

        width: 100%;

        min-width: 100%;

        margin-left: 0;

        padding: 14px 16px;

        border-radius: 14px;
    }

}

/* =========================================
WHY CHOOSE US
UPDATED FINAL SPACING FIX
========================================= */

.anxwhyfinal-main-wrapper{

    width:100%;

    padding:90px 0;

    background:#f7f9fc;

    overflow:hidden;
}

/* =========================================
OUTER CONTAINER
THIS FIXES LEFT + RIGHT SPACING
========================================= */

.anxwhyfinal-container{

    width:100%;

    max-width:1440px;

    margin:0 auto;

    /* IMPORTANT */
    padding-left:48px;
    padding-right:48px;

    display:grid;

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

    align-items:center;

    gap:70px;

    box-sizing:border-box;
}

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

.anxwhyfinal-left{

    width:100%;
}

.anxwhyfinal-mini-title{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    letter-spacing:1.5px;

    color:#d8a200;

    margin-bottom:22px;
}

.anxwhyfinal-heading{

    font-size:64px;

    line-height:1.08;

    font-weight:700;

    color:#082567;

    margin-bottom:28px;
}

.anxwhyfinal-heading span{

    color:#ffc400;
}

.anxwhyfinal-description{

    max-width:640px;

    font-size:18px;

    line-height:1.9;

    color:#5f6b85;
}

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

.anxwhyfinal-grid{

    width:100%;

    display:grid;

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

    gap:16px;

    /* IMPORTANT */
    padding-right:10px;

    box-sizing:border-box;
}

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

.anxwhyfinal-card{

    background:#ffffff;

    border:1px solid rgba(8,37,103,0.05);

    border-radius:20px;

    min-height:185px;

    padding:22px 14px;

    text-align:center;

    transition:0.35s ease;

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

    box-sizing:border-box;
}

.anxwhyfinal-card:hover{

    transform:translateY(-5px);

    border-color:#ffc400;

    box-shadow:
    0 14px 28px rgba(8,37,103,0.08);
}

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

.anxwhyfinal-icon{

    width:56px;
    height:56px;

    margin:auto auto 16px;

    border-radius:16px;

    background:#fff8e8;

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

.anxwhyfinal-icon i{

    font-size:22px;

    color:#082567;
}

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

.anxwhyfinal-card h3{

    font-size:18px;

    line-height:1.3;

    font-weight:700;

    color:#082567;

    margin-bottom:6px;
}

.anxwhyfinal-card p{

    font-size:14px;

    line-height:1.5;

    color:#6f7a92;
}

/* =========================================
LAPTOP
========================================= */

@media(max-width:1280px){

    .anxwhyfinal-container{

        grid-template-columns:1fr;

        gap:50px;

        padding-left:36px;
        padding-right:36px;
    }

    .anxwhyfinal-grid{

        padding-right:0;
    }

}

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

@media(max-width:992px){

    .anxwhyfinal-heading{

        font-size:52px;
    }

    .anxwhyfinal-grid{

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

}

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

@media(max-width:768px){

    .anxwhyfinal-main-wrapper{

        padding:70px 0;
    }

    .anxwhyfinal-container{

        /* IMPORTANT MOBILE SPACING */
        padding-left:18px;
        padding-right:18px;

        gap:38px;
    }

    .anxwhyfinal-heading{

        font-size:40px;

        line-height:1.15;

        margin-bottom:20px;
    }

    .anxwhyfinal-description{

        font-size:16px;

        line-height:1.8;
    }

    .anxwhyfinal-grid{

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

        gap:12px;

        width:100%;
    }

    .anxwhyfinal-card{

        min-height:auto;

        padding:18px 12px;

        border-radius:18px;
    }

    .anxwhyfinal-icon{

        width:48px;
        height:48px;

        border-radius:14px;

        margin-bottom:14px;
    }

    .anxwhyfinal-icon i{

        font-size:18px;
    }

    .anxwhyfinal-card h3{

        font-size:16px;
    }

    .anxwhyfinal-card p{

        font-size:13px;
    }

}

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

@media(max-width:480px){

    .anxwhyfinal-container{

        /* FINAL FIX */
        padding-left:16px;
        padding-right:16px;
    }

    .anxwhyfinal-heading{

        font-size:34px;
    }

    .anxwhyfinal-grid{

        gap:10px;
    }

    .anxwhyfinal-card{

        padding:16px 10px;
    }

}

/* =========================================
ANAGKI SPECIALITY SECTION
========================================= */

.anxspecial-main-wrapper{

    width:100%;

    padding:90px 0;

    background:#f7f9fc;
}

.anxspecial-container{

    max-width:1400px;

    margin:auto;

    padding:0 40px;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:50px;
}

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

.anxspecial-mini-title{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    color:#d8a200;

    margin-bottom:18px;
}

.anxspecial-main-heading{

    font-size:58px;

    line-height:1.12;

    font-weight:700;

    color:#082567;

    margin-bottom:20px;
}

.anxspecial-description{

    font-size:18px;

    line-height:1.8;

    color:#5e6a84;

    max-width:650px;

    margin-bottom:28px;
}

/* =========================================
SERVICE BOX
========================================= */

.anxspecial-service-box{

    background:#ffffff;

    border-radius:24px;

    padding:28px;

    border:1px solid rgba(8,37,103,0.06);

    box-shadow:
    0 12px 35px rgba(8,37,103,0.06);

    position:relative;
}

.anxspecial-service-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 24px;

    background:#082567;

    color:#ffffff;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    margin-bottom:26px;
}

.anxspecial-service-grid{

    display:grid;

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

    gap:18px 28px;
}

.anxspecial-service-item{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

    font-weight:600;

    color:#082567;
}

.anxspecial-service-item i{

    font-size:20px;

    color:#d8a200;
}

/* =========================================
BOTTOM NOTE
========================================= */

.anxspecial-bottom-note{

    margin-top:26px;

    padding-top:20px;

    border-top:1px solid #eceff5;

    display:flex;

    align-items:center;

    gap:14px;

    color:#082567;

    font-size:16px;

    font-weight:600;
}

.anxspecial-bottom-note i{

    font-size:20px;

    color:#082567;
}

/* =========================================
IMAGE
========================================= */

.anxspecial-image-wrapper{

    width:100%;

    border-radius:28px;

    overflow:hidden;
}

.anxspecial-image-wrapper img{

    width:100%;

    display:block;

    object-fit:cover;
}

/* =========================================
FEATURES
========================================= */

.anxspecial-feature-wrapper{

    max-width:1400px;

    margin:34px auto 0;

    padding:0 40px;

    display:grid;

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

    gap:18px;
}

.anxspecial-feature-card{

    background:#ffffff;

    border-radius:22px;

    padding:28px 20px;

    text-align:center;

    border:1px solid rgba(8,37,103,0.06);

    transition:0.3s ease;
}

.anxspecial-feature-card:hover{

    transform:translateY(-6px);

    border-color:#d8a200;
}

.anxspecial-feature-icon{

    width:62px;
    height:62px;

    margin:auto auto 18px;

    border-radius:18px;

    background:#fff7e3;

    display:flex;

    align-items:center;

    justify-content:center;
}

.anxspecial-feature-icon i{

    font-size:26px;

    color:#d8a200;
}

.anxspecial-feature-card h3{

    font-size:20px;

    line-height:1.4;

    color:#082567;

    margin-bottom:12px;
}

.anxspecial-feature-card p{

    font-size:15px;

    line-height:1.7;

    color:#69758f;
}

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

.anxspecial-cta-wrapper{

    max-width:1400px;

    margin:30px auto 0;

    padding:0 40px;

    display:grid;

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

    gap:20px;
}

.anxspecial-cta-btn{

    border-radius:20px;

    padding:22px 24px;

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    transition:0.3s ease;
}

.anxspecial-cta-btn i{

    font-size:26px;
}

.anxspecial-cta-btn div{

    display:flex;

    flex-direction:column;
}

.anxspecial-cta-btn strong{

    font-size:20px;

    margin-bottom:4px;
}

.anxspecial-cta-btn span{

    font-size:15px;
}

.anxspecial-blue-btn{

    background:#082567;

    color:#ffffff;
}

.anxspecial-green-btn{

    background:#18a63f;

    color:#ffffff;
}

.anxspecial-yellow-btn{

    background:#ffbe00;

    color:#082567;
}

/* =========================================
STATS
========================================= */

.anxspecial-stats-wrapper{

    max-width:1400px;

    margin:34px auto 0;

    padding:34px 40px;

    background:#082567;

    border-radius:26px;

    display:grid;

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

    gap:20px;
}

.anxspecial-stat-item{

    display:flex;

    align-items:center;

    gap:18px;

    color:#ffffff;
}

.anxspecial-stat-item i{

    font-size:34px;

    color:#ffffff;
}

.anxspecial-stat-item h3{

    font-size:42px;

    line-height:1;

    margin-bottom:8px;
}

.anxspecial-stat-item p{

    font-size:15px;

    color:rgba(255,255,255,0.8);
}

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

@media(max-width:1200px){

    .anxspecial-container{

        grid-template-columns:1fr;
    }

    .anxspecial-feature-wrapper{

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

    .anxspecial-stats-wrapper{

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

}

@media(max-width:768px){

    .anxspecial-main-wrapper{

        padding:70px 0;
    }

    .anxspecial-container,
    .anxspecial-feature-wrapper,
    .anxspecial-cta-wrapper,
    .anxspecial-stats-wrapper{

        padding-left:18px;
        padding-right:18px;
    }

    .anxspecial-main-heading{

        font-size:38px;
    }

    .anxspecial-description{

        font-size:16px;
    }

    .anxspecial-service-box{

        padding:22px 18px;
    }

    .anxspecial-service-grid{

        grid-template-columns:1fr;
    }

    .anxspecial-feature-wrapper{

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

    .anxspecial-feature-card{

        padding:22px 16px;
    }

    .anxspecial-cta-wrapper{

        grid-template-columns:1fr;
    }

    .anxspecial-stats-wrapper{

        grid-template-columns:1fr;

        padding:26px 20px;
    }

    .anxspecial-stat-item h3{

        font-size:32px;
    }

}

@media(max-width:480px){

    .anxspecial-main-heading{

        font-size:32px;
    }

    .anxspecial-feature-wrapper{

        grid-template-columns:1fr;
    }

}



/* =========================
   QUOTE SECTION
========================= */

.anagki-quote-section{
    width: 100%;
    padding: 90px 0;
    background: #f5f6f8;
    overflow: hidden;
}

/* CONTAINER */

.anagki-container{
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;

    /* PROPER SIDE SPACING */
    padding-left: 50px;
    padding-right: 50px;
}

/* MAIN GRID */

.anagki-quote-wrapper{
    display: grid;

    grid-template-columns:
    minmax(0, 520px)
    minmax(0, 620px);

    justify-content: space-between;
    align-items: start;

    gap: 70px;
}

/* =========================
   LEFT SIDE
========================= */

.anagki-quote-left{
    width: 100%;
    padding-top: 20px;
}

/* SMALL TAG */

.anagki-small-tag{
    display: inline-block;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;

    color: #ff8a00;

    margin-bottom: 18px;
}

/* HEADING */

.anagki-quote-left h2{
    font-size: 58px;
    line-height: 1;
    letter-spacing: -2px;

    color: #022b7a;

    margin-bottom: 24px;
}

/* DESCRIPTION */

.anagki-quote-description{
    font-size: 17px;
    line-height: 1.8;

    color: #5f6675;

    max-width: 500px;

    margin-bottom: 28px;
}

/* ORANGE LINE */

.anagki-orange-line{
    width: 65px;
    height: 4px;

    border-radius: 20px;

    background: #ff8a00;

    margin-bottom: 30px;
}

/* =========================
   FEATURES
========================= */

.anagki-feature-list{
    display: flex;
    flex-direction: column;
}

/* ITEM */

.anagki-feature-item{
    display: flex;
    align-items: flex-start;

    gap: 18px;

    padding: 22px 0;

    border-bottom: 1px solid #e4e7ec;
}

/* ICON */

.anagki-feature-icon{
    min-width: 54px;
    width: 54px;
    height: 54px;

    border-radius: 50%;

    background: #ffffff;

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

    box-shadow: 0 5px 18px rgba(15,23,42,0.05);
}

.anagki-feature-icon i{
    font-size: 24px;
    color: #ff8a00;
}

/* CONTENT */

.anagki-feature-content h4{
    font-size: 18px;
    line-height: 1.3;

    color: #0f172a;

    margin-bottom: 6px;
}

.anagki-feature-content p{
    font-size: 14px;
    line-height: 1.7;

    color: #667085;
}

/* =========================
   RIGHT SIDE
========================= */

.anagki-form-side{
    width: 100%;
}

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

@media(max-width:1200px){

    .anagki-container{
        padding-left: 35px;
        padding-right: 35px;
    }

    .anagki-quote-wrapper{
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

/* MOBILE */

@media(max-width:768px){

    .anagki-quote-section{
        padding: 70px 0;
    }

    .anagki-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anagki-quote-wrapper{
        gap: 40px;
    }

    .anagki-quote-left{
        padding-top: 0;
    }

    .anagki-quote-left h2{
        font-size: 42px;
        line-height: 1.05;
        letter-spacing: -1px;
    }

    .anagki-quote-description{
        font-size: 15px;
    }

    .anagki-feature-item{
        gap: 16px;
        padding: 18px 0;
    }

    .anagki-feature-icon{
        width: 48px;
        height: 48px;
        min-width: 48px;
    }

    .anagki-feature-content h4{
        font-size: 17px;
    }

    .anagki-feature-content p{
        font-size: 13px;
    }
}

/* =========================
   PREMIUM FAQ SECTION
========================= */

.anagki-faq-section{
    position: relative;
    width: 100%;
    padding: 120px 0;
    overflow: hidden;

    background:
    linear-gradient(135deg,#061633 0%,#0b2f7b 100%);
}

/* =========================
   BACKGROUND BLURS
========================= */

.anagki-faq-blur{
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.22;
}

.anagki-faq-blur-1{
    width: 320px;
    height: 320px;

    background: #ff8a00;

    top: -100px;
    left: -100px;
}

.anagki-faq-blur-2{
    width: 280px;
    height: 280px;

    background: #4f7cff;

    bottom: -100px;
    right: -100px;
}

/* =========================
   CONTAINER
========================= */

.anagki-container{
    width: 100%;
    max-width: 1440px;

    margin: 0 auto;

    /* IMPORTANT SAFE SPACING */
    padding-left: 50px;
    padding-right: 50px;

    box-sizing: border-box;

    position: relative;
    z-index: 2;
}

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

.anagki-faq-wrapper{
    display: grid;

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

    align-items: start;

    gap: 70px;

    width: 100%;
}

/* =========================
   LEFT SIDE
========================= */

.anagki-faq-left{
    width: 100%;
}

/* TAG */

.anagki-faq-tag{
    display: inline-block;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;

    color: #ffb347;

    margin-bottom: 22px;
}

/* HEADING */

.anagki-faq-left h2{
    font-size: 62px;
    line-height: 1;
    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 24px;
}

/* DESCRIPTION */

.anagki-faq-left > p{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.78);

    max-width: 420px;

    margin-bottom: 40px;
}

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

.anagki-faq-support-card{
    display: flex;
    align-items: flex-start;

    gap: 18px;

    padding: 28px;

    border-radius: 24px;

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

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

    backdrop-filter: blur(14px);
}

/* ICON */

.anagki-support-icon{
    min-width: 58px;
    width: 58px;
    height: 58px;

    border-radius: 18px;

    background: #ff8a00;

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

.anagki-support-icon i{
    font-size: 26px;
    color: #ffffff;
}

/* CARD CONTENT */

.anagki-faq-support-card h4{
    font-size: 22px;
    color: #ffffff;

    margin-bottom: 8px;
}

.anagki-faq-support-card p{
    font-size: 15px;
    line-height: 1.7;

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

    margin-bottom: 14px;
}

.anagki-faq-support-card a{
    display: inline-flex;
    align-items: center;
    gap: 8px;

    text-decoration: none;

    font-size: 15px;
    font-weight: 600;

    color: #ffb347;
}

/* =========================
   RIGHT SIDE
========================= */

.anagki-faq-right{
    width: 100%;

    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 20px;
}

/* =========================
   FAQ ITEM
========================= */

.anagki-faq-item{
    width: 100%;

    overflow: hidden;

    border-radius: 24px;

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

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

    backdrop-filter: blur(12px);

    transition: 0.3s ease;

    box-sizing: border-box;
}

/* ACTIVE */

.anagki-faq-item.active{
    background: #ffffff;

    border-color: transparent;

    box-shadow: 0 15px 40px rgba(0,0,0,0.18);
}

/* =========================
   QUESTION
========================= */

.anagki-faq-question{
    width: 100%;

    border: none;
    background: transparent;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    cursor: pointer;

    text-align: left;

    padding: 28px 30px;

    box-sizing: border-box;
}

/* QUESTION TEXT */

.anagki-faq-question span{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;

    color: #ffffff;
}

.anagki-faq-item.active .anagki-faq-question span{
    color: #0f172a;
}

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

.anagki-faq-icon{
    min-width: 46px;
    width: 46px;
    height: 46px;

    border-radius: 14px;

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

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

    flex-shrink: 0;
}

.anagki-faq-item.active .anagki-faq-icon{
    background: #ff8a00;
}

.anagki-faq-icon i{
    font-size: 22px;
    color: #ffffff;

    transition: 0.3s ease;
}

.anagki-faq-item.active .anagki-faq-icon i{
    transform: rotate(45deg);
}

/* =========================
   ANSWER
========================= */

.anagki-faq-answer{
    max-height: 0;
    overflow: hidden;

    transition: 0.4s ease;
}

.anagki-faq-item.active .anagki-faq-answer{
    max-height: 260px;
}

.anagki-faq-answer p{
    padding: 0 30px 30px;

    font-size: 16px;
    line-height: 1.9;

    color: #5f6675;

    box-sizing: border-box;
}

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

@media(max-width:1200px){

    .anagki-container{
        padding-left: 35px;
        padding-right: 35px;
    }

    .anagki-faq-wrapper{
        grid-template-columns: 1fr;

        gap: 60px;
    }

    .anagki-faq-left h2{
        font-size: 52px;
    }
}

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

@media(max-width:768px){

    .anagki-faq-section{
        padding: 80px 0;
    }

    .anagki-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anagki-faq-wrapper{
        gap: 40px;
    }

    .anagki-faq-left h2{
        font-size: 42px;
        line-height: 1.05;
    }

    .anagki-faq-left > p{
        font-size: 15px;
    }

    .anagki-faq-support-card{
        padding: 22px;
        border-radius: 20px;
    }

    .anagki-faq-question{
        padding: 22px 20px;
    }

    .anagki-faq-question span{
        font-size: 17px;
    }

    .anagki-faq-answer p{
        padding: 0 20px 22px;
        font-size: 14px;
    }
}

/* =========================
   FOOTER SECTION
========================= */

.anagki-footer-section{
    width: 100%;
    background:
    linear-gradient(180deg,#021534 0%,#03245c 100%);

    padding-top: 90px;

    overflow: hidden;
}

/* CONTAINER */

.anagki-container{
    width: 100%;
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 50px;
    padding-right: 50px;

    box-sizing: border-box;
}

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

.anagki-footer-cta{
    position: relative;

    background: #ffffff;

    border-radius: 34px;

    overflow: hidden;

    display: grid;
    grid-template-columns: 1fr 480px;

    align-items: center;

    margin-bottom: 70px;
}

/* LEFT */

.anagki-footer-cta-left{
    padding: 60px;
}

/* TAG */

.anagki-footer-tag{
    display: inline-block;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1px;

    color: #ff8a00;

    margin-bottom: 18px;
}

/* TITLE */

.anagki-footer-cta-left h2{
    font-size: 62px;
    line-height: 1;
    letter-spacing: -2px;

    color: #022b7a;

    margin-bottom: 22px;
}

.anagki-footer-cta-left h2 span{
    color: #ff8a00;
}

/* DESC */

.anagki-footer-cta-left p{
    font-size: 18px;
    line-height: 1.8;

    color: #5f6675;

    max-width: 560px;

    margin-bottom: 34px;
}

/* BUTTONS */

.anagki-footer-buttons{
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 16px;

    margin-bottom: 36px;
}

/* BTN */

.anagki-footer-btn{
    height: 58px;

    padding: 0 28px;

    border-radius: 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    text-decoration: none;

    font-size: 16px;
    font-weight: 700;

    transition: 0.3s ease;
}

/* PRIMARY */

.anagki-footer-btn.primary{
    background: #ff8a00;
    color: #ffffff;
}

/* SECONDARY */

.anagki-footer-btn.secondary{
    border: 1px solid #d7dce5;
    color: #022b7a;
    background: #ffffff;
}

/* WHATSAPP */

.anagki-footer-btn.whatsapp{
    background: #25d366;
    color: #ffffff;
}

/* FEATURES */

.anagki-footer-features{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 18px;
}

/* ITEM */

.anagki-footer-feature{
    display: flex;
    align-items: flex-start;

    gap: 14px;

    padding-top: 18px;

    border-top: 1px solid #edf0f4;
}

.anagki-footer-feature i{
    font-size: 24px;
    color: #022b7a;
}

.anagki-footer-feature h4{
    font-size: 16px;
    color: #0f172a;

    margin-bottom: 4px;
}

.anagki-footer-feature p{
    font-size: 13px;
    line-height: 1.6;

    color: #667085;

    margin: 0;
}

/* RIGHT IMAGE */

.anagki-footer-cta-right{
    height: 100%;
}

.anagki-footer-cta-right img{
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;
}

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

.anagki-main-footer{
    padding-bottom: 35px;
}

/* GRID */

.anagki-footer-grid{
    display: grid;

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

    gap: 40px;

    padding-bottom: 50px;

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

/* LOGO */

.anagki-footer-logo{
    width: 180px;

    margin-bottom: 22px;
}

/* ABOUT */

.anagki-footer-about{
    font-size: 15px;
    line-height: 1.9;

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

    margin-bottom: 24px;
}

/* SOCIAL */

.anagki-footer-social{
    display: flex;
    align-items: center;

    gap: 12px;
}

.anagki-footer-social a{
    width: 42px;
    height: 42px;

    border-radius: 50%;

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

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

    color: #ffffff;
    text-decoration: none;

    transition: 0.3s ease;
}

.anagki-footer-social a:hover{
    background: #ff8a00;
    border-color: #ff8a00;
}

/* TITLES */

.anagki-footer-col h4{
    font-size: 18px;
    color: #ffffff;

    margin-bottom: 24px;
}

/* LINKS */

.anagki-footer-col ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.anagki-footer-col ul li{
    margin-bottom: 14px;
}

.anagki-footer-col ul li a{
    text-decoration: none;

    font-size: 15px;

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

    transition: 0.3s ease;
}

.anagki-footer-col ul li a:hover{
    color: #ffb347;
}

/* CONTACT */

.anagki-footer-contact li{
    display: flex;
    align-items: flex-start;

    gap: 12px;

    font-size: 15px;
    line-height: 1.8;

    color: rgba(255,255,255,0.72);
}

.anagki-footer-contact li i{
    color: #ff8a00;
    margin-top: 4px;
}

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

.anagki-footer-bottom{
    padding-top: 26px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.anagki-footer-bottom p{
    font-size: 14px;
    color: rgba(255,255,255,0.68);
}

/* LINKS */

.anagki-footer-bottom-links{
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 20px;
}

.anagki-footer-bottom-links a{
    text-decoration: none;

    font-size: 14px;

    color: rgba(255,255,255,0.68);

    transition: 0.3s ease;
}

.anagki-footer-bottom-links a:hover{
    color: #ffb347;
}

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

@media(max-width:1200px){

    .anagki-container{
        padding-left: 35px;
        padding-right: 35px;
    }

    .anagki-footer-cta{
        grid-template-columns: 1fr;
    }

    .anagki-footer-cta-right{
        height: 420px;
    }

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

/* MOBILE */

@media(max-width:768px){

    .anagki-footer-section{
        padding-top: 70px;
    }

    .anagki-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anagki-footer-cta{
        border-radius: 24px;
    }

    .anagki-footer-cta-left{
        padding: 28px 24px;
    }

    .anagki-footer-cta-left h2{
        font-size: 42px;
        line-height: 1.05;
    }

    .anagki-footer-cta-left p{
        font-size: 15px;
    }

    .anagki-footer-buttons{
        flex-direction: column;
        align-items: stretch;
    }

    .anagki-footer-btn{
        width: 100%;
    }

    .anagki-footer-features{
        grid-template-columns: 1fr;
    }

    .anagki-footer-cta-right{
        height: 280px;
    }

    .anagki-footer-grid{
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .anagki-footer-bottom{
        flex-direction: column;
        align-items: flex-start;
    }
}

/* =========================
   MOBILE CTA BUTTON FIX
========================= */

@media(max-width:768px){

    /* BUTTON WRAPPER */

    .anagki-footer-buttons{
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 14px;

        /* IMPORTANT */
        align-items: center;
    }

    /* BUTTON */

    .anagki-footer-btn{
        width: 100%;

        max-width: 100%;

        justify-content: center;

        /* SAFE SIDE SPACE */
        padding-left: 20px;
        padding-right: 20px;

        box-sizing: border-box;
    }

    /* CTA LEFT */

    .anagki-footer-cta-left{
        padding: 28px 22px;
    }

}

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

.anxcorp-main-wrapper{
    background: #f7f9fc;

    padding: 70px 0;
}

/* =========================================================
CONTAINER
========================================================= */

.anxcorp-container{
    width: 100%;
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    box-sizing: border-box;
}

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

.anxcorp-top-layout{
    display: grid;

    grid-template-columns: 1fr 1.15fr;

    align-items: stretch;

    gap: 0;

    overflow: hidden;

    border-radius: 24px 24px 0 0;
}

/* =========================================================
LEFT SIDE
========================================================= */

.anxcorp-content-side{
    background: #ffffff;

    padding: 50px;
}

.anxcorp-mini-badge{
    display: inline-block;

    color: #f59e0b;

    font-size: 14px;
    font-weight: 700;

    margin-bottom: 16px;
}

.anxcorp-main-heading{
    color: #071c44;

    font-size: 62px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;

    margin-bottom: 20px;
}

.anxcorp-heading-line{
    width: 60px;
    height: 4px;

    background: #f59e0b;

    border-radius: 100px;

    margin-bottom: 22px;
}

.anxcorp-description{
    color: #4b5563;

    font-size: 20px;
    line-height: 1.8;

    max-width: 620px;

    margin-bottom: 36px;
}

/* =========================================================
WE SERVE
========================================================= */

.anxcorp-serve-block h4{
    color: #0f2f6e;

    font-size: 24px;
    font-weight: 800;

    margin-bottom: 22px;
}

.anxcorp-serve-grid{
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px 30px;
}

.anxcorp-serve-item{
    display: flex;
    align-items: center;

    gap: 14px;

    color: #0f172a;

    font-size: 18px;
    font-weight: 600;
}

.anxcorp-serve-item i{
    color: #0f2f6e;

    font-size: 20px;

    width: 24px;
}

/* =========================================================
IMAGE SIDE
========================================================= */

.anxcorp-image-side{
    position: relative;

    min-height: 100%;
}

.anxcorp-image-side img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}

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

.anxcorp-services-grid{
    display: grid;

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

    gap: 0;
}

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

.anxcorp-service-card{
    background: #ffffff;

    padding: 38px 28px;

    text-align: center;

    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.anxcorp-service-card i{
    font-size: 54px;

    color: #123d8d;

    margin-bottom: 22px;
}

.anxcorp-service-card h3{
    color: #071c44;

    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;

    margin-bottom: 16px;
}

.anxcorp-card-line{
    width: 50px;
    height: 3px;

    background: #2563eb;

    border-radius: 100px;

    margin: 0 auto 18px;
}

.anxcorp-service-card p{
    color: #4b5563;

    font-size: 17px;
    line-height: 1.7;
}

/* =========================================================
DARK STRIP
========================================================= */

.anxcorp-trust-strip{
    display: grid;

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

    background: #031b4e;

    padding: 34px 28px;

    gap: 24px;
}

.anxcorp-strip-item{
    display: flex;
    gap: 18px;
}

.anxcorp-strip-item i{
    color: #fbbf24;

    font-size: 38px;

    flex-shrink: 0;
}

.anxcorp-strip-item h4{
    color: #ffffff;

    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;

    margin-bottom: 10px;
}

.anxcorp-strip-item p{
    color: rgba(255,255,255,0.78);

    font-size: 15px;
    line-height: 1.7;
}

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

.anxcorp-cta-grid{
    display: grid;

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

    gap: 20px;

    background: #ffffff;

    padding: 26px;
}

/* CTA */

.anxcorp-cta-btn{
    display: flex;
    align-items: center;

    gap: 20px;

    padding: 24px 26px;

    border-radius: 12px;

    text-decoration: none;

    transition: 0.3s ease;
}

.anxcorp-cta-btn i{
    font-size: 38px;

    flex-shrink: 0;
}

.anxcorp-cta-btn h4{
    font-size: 21px;
    line-height: 1.3;
    font-weight: 800;

    margin-bottom: 8px;
}

.anxcorp-cta-btn p{
    font-size: 15px;
    line-height: 1.6;
}

/* BLUE */

.anxcorp-blue-btn{
    background: #0f3c88;
}

.anxcorp-blue-btn i,
.anxcorp-blue-btn h4,
.anxcorp-blue-btn p{
    color: #ffffff;
}

/* WHITE */

.anxcorp-white-btn{
    background: #ffffff;

    border: 2px solid #dbe2ea;
}

.anxcorp-white-btn i,
.anxcorp-white-btn h4{
    color: #071c44;
}

.anxcorp-white-btn p{
    color: #475569;
}

/* ORANGE */

.anxcorp-orange-btn{
    background: #f59e0b;
}

.anxcorp-orange-btn i,
.anxcorp-orange-btn h4,
.anxcorp-orange-btn p{
    color: #ffffff;
}

/* =========================================================
HOVER
========================================================= */

.anxcorp-cta-btn:hover{
    transform: translateY(-3px);
}

/* =========================================================
LAPTOP
========================================================= */

@media(max-width:1280px){

    .anxcorp-main-heading{
        font-size: 48px;
    }

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

    .anxcorp-trust-strip{
        grid-template-columns: repeat(2,1fr);
    }

}

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

@media(max-width:991px){

    .anxcorp-container{
        padding-left: 24px;
        padding-right: 24px;
    }

    .anxcorp-top-layout{
        grid-template-columns: 1fr;
    }

    .anxcorp-image-side{
        height: 520px;
    }

    .anxcorp-main-heading{
        font-size: 42px;
    }

    .anxcorp-description{
        font-size: 18px;
    }

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

    .anxcorp-cta-grid{
        grid-template-columns: 1fr;
    }

}

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

@media(max-width:768px){

    .anxcorp-main-wrapper{
        padding: 40px 0;
    }

    .anxcorp-container{
        padding-left: 16px;
        padding-right: 16px;
    }

    .anxcorp-content-side{
        padding: 32px 24px;
    }

    .anxcorp-main-heading{
        font-size: 34px;
        line-height: 1.12;
    }

    .anxcorp-description{
        font-size: 16px;
        line-height: 1.8;
    }

    .anxcorp-serve-grid{
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .anxcorp-serve-item{
        font-size: 16px;
    }

    .anxcorp-image-side{
        height: 320px;
    }

    .anxcorp-services-grid{
        grid-template-columns: 1fr;
    }

    .anxcorp-service-card{
        padding: 32px 22px;
    }

    .anxcorp-service-card h3{
        font-size: 22px;
    }

    .anxcorp-service-card p{
        font-size: 15px;
    }

    .anxcorp-trust-strip{
        grid-template-columns: 1fr;

        padding: 28px 22px;
    }

    .anxcorp-strip-item{
        flex-direction: column;

        gap: 12px;
    }

    .anxcorp-strip-item i{
        font-size: 32px;
    }

    .anxcorp-cta-grid{
        padding: 18px;
    }

    .anxcorp-cta-btn{
        flex-direction: column;
        align-items: flex-start;

        padding: 22px 20px;
    }

    .anxcorp-cta-btn h4{
        font-size: 18px;
    }

}

/* =========================================================
GLOBAL
========================================================= */

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

body{
    overflow-x: hidden;

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

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

.anxtrust-main-wrapper{
    position: relative;

    overflow: hidden;

    padding: 90px 0;

    background:
    radial-gradient(
        circle at top left,
        rgba(37,99,235,0.18),
        transparent 32%
    ),
    radial-gradient(
        circle at bottom right,
        rgba(249,115,22,0.10),
        transparent 28%
    ),
    linear-gradient(
        180deg,
        #061633 0%,
        #081c42 48%,
        #03122d 100%
    );
}

/* TOP GLOW */

.anxtrust-main-wrapper::before{
    content: "";

    position: absolute;

    top: -260px;
    left: -240px;

    width: 620px;
    height: 620px;

    background:
    radial-gradient(
        circle,
        rgba(59,130,246,0.14),
        transparent 70%
    );

    pointer-events: none;
}

/* BOTTOM GLOW */

.anxtrust-main-wrapper::after{
    content: "";

    position: absolute;

    bottom: -260px;
    right: -260px;

    width: 620px;
    height: 620px;

    background:
    radial-gradient(
        circle,
        rgba(249,115,22,0.10),
        transparent 70%
    );

    pointer-events: none;
}

/* =========================================================
CONTAINER
========================================================= */

.anxtrust-container{
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}

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

.anxtrust-top-layout{
    display: grid;

    grid-template-columns: 1fr 1.1fr;

    align-items: stretch;

    overflow: hidden;

    border-radius: 28px;

    box-shadow:
    0 30px 80px rgba(0,0,0,0.24);
}

/* =========================================================
CONTENT SIDE
========================================================= */

.anxtrust-content-side{
    background:
    rgba(255,255,255,0.97);

    backdrop-filter: blur(14px);

    padding: 52px;
}

/* MINI BADGE */

.anxtrust-mini-badge{
    display: inline-block;

    color: #f97316;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 0.5px;

    margin-bottom: 18px;
}

/* HEADING */

.anxtrust-main-heading{
    color: #071c44;

    font-size: 66px;
    line-height: 1.02;
    font-weight: 800;

    letter-spacing: -2px;

    margin-bottom: 26px;
}

.anxtrust-main-heading span{
    color: #f97316;
}

/* DESCRIPTION */

.anxtrust-description{
    color: #475569;

    font-size: 20px;
    line-height: 1.8;

    max-width: 620px;

    margin-bottom: 40px;
}

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

.anxtrust-feature-grid{
    display: grid;

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

    gap: 24px;
}

/* FEATURE ITEM */

.anxtrust-feature-item{
    display: flex;

    gap: 16px;
}

.anxtrust-feature-item i{
    width: 58px;
    height: 58px;

    border-radius: 16px;

    background:
    linear-gradient(
        135deg,
        #0f2f6e,
        #123d8d
    );

    color: #ffffff;

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

    font-size: 22px;

    flex-shrink: 0;
}

.anxtrust-feature-item h4{
    color: #071c44;

    font-size: 19px;
    font-weight: 700;

    margin-bottom: 6px;
}

.anxtrust-feature-item p{
    color: #64748b;

    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
IMAGE SIDE
========================================================= */

.anxtrust-image-side{
    position: relative;
}

.anxtrust-image-side img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}

/* IMAGE OVERLAY */

.anxtrust-image-side::after{
    content: "";

    position: absolute;

    inset: 0;

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

    pointer-events: none;
}

/* =========================================================
SECTION TITLE
========================================================= */

.anxtrust-section-heading{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 22px;

    margin-top: 58px;
    margin-bottom: 40px;
}

.anxtrust-line{
    width: 80px;
    height: 2px;

    background: #f59e0b;
}

.anxtrust-section-heading h3{
    color: #ffffff;

    font-size: 34px;
    font-weight: 800;

    letter-spacing: -0.5px;
}

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

.anxtrust-industry-grid{
    display: grid;

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

    gap: 18px;

    margin-bottom: 42px;
}

/* CARD */

.anxtrust-industry-card{
    background:
    rgba(255,255,255,0.97);

    backdrop-filter: blur(12px);

    border-radius: 20px;

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

    padding: 32px 22px;

    text-align: center;

    transition: 0.35s ease;

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

.anxtrust-industry-card:hover{
    transform: translateY(-6px);

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

.anxtrust-industry-card i{
    font-size: 48px;

    color: #0f2f6e;

    margin-bottom: 22px;
}

.anxtrust-industry-card h4{
    color: #071c44;

    font-size: 18px;
    line-height: 1.4;
    font-weight: 800;

    margin-bottom: 16px;
}

.anxtrust-industry-card p{
    color: #64748b;

    font-size: 14px;
    line-height: 1.8;
}

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

.anxtrust-trust-layout{
    display: grid;

    grid-template-columns: 1.4fr 1fr;

    gap: 24px;

    margin-bottom: 42px;
}

/* DARK CARD */

.anxtrust-dark-card{
    background:
    linear-gradient(
        135deg,
        rgba(10,32,74,0.96),
        rgba(4,18,46,0.96)
    );

    border-radius: 22px;

    padding: 30px;

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

    box-shadow:
    0 20px 60px rgba(0,0,0,0.24);
}

/* WHITE CARD */

.anxtrust-sector-card{
    background:
    rgba(255,255,255,0.97);

    backdrop-filter: blur(12px);

    border-radius: 22px;

    padding: 30px;

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

/* TITLES */

.anxtrust-card-title{
    color: #ffffff;

    font-size: 18px;
    font-weight: 800;

    margin-bottom: 24px;
}

.anxtrust-card-title.orange{
    color: #f97316;
}

/* DARK GRID */

.anxtrust-dark-grid{
    display: grid;

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

    gap: 22px;
}

.anxtrust-dark-item{
    display: flex;

    gap: 14px;
}

.anxtrust-dark-item i{
    color: #f59e0b;

    margin-top: 4px;
}

.anxtrust-dark-item p{
    color: rgba(255,255,255,0.84);

    font-size: 15px;
    line-height: 1.8;
}

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

.anxtrust-sector-grid{
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;
}

.anxtrust-sector-grid ul{
    list-style: none;
}

.anxtrust-sector-grid li{
    position: relative;

    padding-left: 22px;

    margin-bottom: 14px;

    color: #071c44;

    font-size: 15px;
    line-height: 1.7;
}

.anxtrust-sector-grid li::before{
    content: "✓";

    position: absolute;

    left: 0;

    color: #0f2f6e;

    font-weight: 700;
}

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

.anxtrust-bottom-layout{
    display: grid;

    grid-template-columns: 1fr 1.2fr;

    gap: 24px;

    margin-bottom: 40px;
}

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

.anxtrust-stats-grid{
    display: grid;

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

    gap: 18px;
}

/* STAT CARD */

.anxtrust-stat-card{
    background:
    rgba(255,255,255,0.97);

    backdrop-filter: blur(12px);

    border-radius: 20px;

    padding: 32px;

    text-align: center;

    transition: 0.35s ease;

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

.anxtrust-stat-card:hover{
    transform: translateY(-5px);
}

.anxtrust-stat-card i{
    font-size: 42px;

    color: #f97316;

    margin-bottom: 16px;
}

.anxtrust-stat-card h3{
    color: #071c44;

    font-size: 34px;
    font-weight: 800;

    margin-bottom: 8px;
}

.anxtrust-stat-card p{
    color: #64748b;

    font-size: 15px;
}

/* =========================================================
TESTIMONIAL WRAPPER
========================================================= */

.anxtrust-testimonial-wrapper{
    background:
    rgba(255,255,255,0.97);

    backdrop-filter: blur(12px);

    border-radius: 22px;

    padding: 30px;

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

/* TITLE */

.anxtrust-testimonial-heading{
    color: #071c44;

    font-size: 24px;
    font-weight: 800;

    margin-bottom: 28px;
}

/* GRID */

.anxtrust-testimonial-grid{
    display: grid;

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

    gap: 20px;
}

/* REVIEW CARD */

.anxtrust-review-card{
    border:
    1px solid #e5e7eb;

    border-radius: 18px;

    padding: 22px;

    transition: 0.35s ease;
}

.anxtrust-review-card:hover{
    transform: translateY(-4px);
}

.anxtrust-stars{
    color: #f59e0b;

    font-size: 18px;

    margin-bottom: 14px;
}

.anxtrust-review-card p{
    color: #475569;

    font-size: 15px;
    line-height: 1.8;

    margin-bottom: 22px;
}

/* USER */

.anxtrust-review-user{
    display: flex;
    align-items: center;

    gap: 14px;
}

.anxtrust-review-user img{
    width: 52px;
    height: 52px;

    border-radius: 50%;

    object-fit: cover;
}

.anxtrust-review-user h4{
    color: #071c44;

    font-size: 16px;
    font-weight: 700;

    margin-bottom: 4px;
}

.anxtrust-review-user span{
    color: #64748b;

    font-size: 13px;
}

/* =========================================================
BOTTOM GUARANTEE STRIP
========================================================= */

.anxtrust-guarantee-strip{
    background:
    rgba(255,255,255,0.97);

    backdrop-filter: blur(12px);

    border-radius: 20px;

    padding: 22px 28px;

    display: grid;

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

    gap: 20px;

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

.anxtrust-guarantee-item{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    color: #071c44;

    font-size: 15px;
    font-weight: 600;
}

.anxtrust-guarantee-item i{
    color: #0f2f6e;
}

/* =========================================================
LAPTOP
========================================================= */

@media(max-width:1280px){

    .anxtrust-main-heading{
        font-size: 52px;
    }

    .anxtrust-industry-grid{
        grid-template-columns: repeat(4,1fr);
    }

    .anxtrust-testimonial-grid{
        grid-template-columns: 1fr;
    }

}

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

@media(max-width:991px){

    .anxtrust-container{
        padding-left: 24px;
        padding-right: 24px;
    }

    .anxtrust-top-layout{
        grid-template-columns: 1fr;
    }

    .anxtrust-main-heading{
        font-size: 44px;
    }

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

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

    .anxtrust-trust-layout{
        grid-template-columns: 1fr;
    }

    .anxtrust-bottom-layout{
        grid-template-columns: 1fr;
    }

    .anxtrust-guarantee-strip{
        grid-template-columns: repeat(2,1fr);
    }

}

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

@media(max-width:768px){

    .anxtrust-main-wrapper{
        padding: 55px 0;
    }

    .anxtrust-container{
        padding-left: 16px;
        padding-right: 16px;
    }

    .anxtrust-content-side{
        padding: 32px 24px;
    }

    .anxtrust-main-heading{
        font-size: 36px;
        line-height: 1.1;
    }

    .anxtrust-description{
        font-size: 16px;
        line-height: 1.8;
    }

    .anxtrust-section-heading{
        flex-direction: column;

        gap: 12px;
    }

    .anxtrust-section-heading h3{
        font-size: 24px;

        text-align: center;
    }

    .anxtrust-industry-grid{
        grid-template-columns: 1fr;
    }

    .anxtrust-dark-grid{
        grid-template-columns: 1fr;
    }

    .anxtrust-sector-grid{
        grid-template-columns: 1fr;
    }

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

    .anxtrust-guarantee-strip{
        grid-template-columns: 1fr;
    }

    .anxtrust-guarantee-item{
        justify-content: flex-start;
    }

}


/* =========================================
ANAGKI ABOUT HERO
========================================= */

.anxabout-hero{
    position: relative;
    overflow: hidden;

    padding: 60px 0;

    background:
    linear-gradient(
    90deg,
    #061633 0%,
    #022b7a 100%
    );

    z-index: 1;
}


/* CONTAINER */

.anxabout-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;
}


/* LEFT */

.anxabout-left{
    width: 47%;
    position: relative;
    z-index: 2;
}


/* BREADCRUMB */

.anxabout-breadcrumb{
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;
}

.anxabout-breadcrumb a{
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;

    text-decoration: none;

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

    transition: 0.3s ease;
}

.anxabout-breadcrumb a:hover{
    color: #ff8a00;
}

.anxabout-breadcrumb span{
    color: #ff8a00;
    font-size: 12px;
}

.anxabout-breadcrumb p{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #ffffff;

    margin: 0;
}


/* HEADING */

.anxabout-heading{
    font-size: 62px;
    line-height: 1.02;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 20px;

    max-width: 620px;
}


/* DESCRIPTION */

.anxabout-description{
    font-size: 17px;
    line-height: 1.8;

    color: rgba(255,255,255,0.82);

    max-width: 580px;

    margin-bottom: 34px;
}


/* TRUST STRIP */

.anxabout-trust-strip{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}


/* TRUST ITEM */

.anxabout-trust-item{
    min-width: 220px;

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 14px 16px;

    border-radius: 16px;

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

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

    backdrop-filter: blur(12px);

    transition: 0.3s ease;
}

.anxabout-trust-item:hover{
    transform: translateY(-4px);

    background: rgba(255,255,255,0.12);
}

.anxabout-trust-item i{
    width: 48px;
    height: 48px;

    border-radius: 50%;

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

    background: rgba(255,138,0,0.14);

    color: #ff8a00;

    font-size: 18px;

    flex-shrink: 0;
}

.anxabout-trust-item h4{
    font-size: 14px;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 4px;
}

.anxabout-trust-item p{
    font-size: 12px;
    line-height: 1.5;

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

    margin: 0;
}


/* RIGHT */

.anxabout-right{
    width: 53%;
}


/* IMAGE */

.anxabout-image-wrap{
    position: relative;
    overflow: hidden;

    border-radius: 24px;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.28);
}

.anxabout-image-wrap img{
    width: 100%;
    height: 430px;

    object-fit: cover;
    object-position: center;

    display: block;
}


/* IMAGE OVERLAY */

.anxabout-image-overlay{
    position: absolute;
    inset: 0;

    background:
    linear-gradient(
    90deg,
    rgba(6,22,51,0.15),
    rgba(6,22,51,0.05)
    );
}


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

@media(max-width:1200px){

    .anxabout-heading{
        font-size: 54px;
    }

}


@media(max-width:991px){

    .anxabout-container{
        flex-direction: column;

        gap: 40px;
    }

    .anxabout-left,
    .anxabout-right{
        width: 100%;
    }

    .anxabout-heading{
        font-size: 42px;
    }

    .anxabout-image-wrap img{
        height: 340px;
    }

}


@media(max-width:768px){

    .anxabout-hero{
        padding: 45px 0;
    }

    .anxabout-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxabout-heading{
        font-size: 36px;
        line-height: 1.08;
    }

    .anxabout-description{
        font-size: 15px;
        line-height: 1.8;
    }

    .anxabout-trust-strip{
        flex-direction: column;
    }

    .anxabout-trust-item{
        width: 100%;
        min-width: 100%;
    }

    .anxabout-image-wrap img{
        height: 260px;
    }

}

/* =========================================
ANAGKI STORY SECTION
========================================= */

.anxstory{
    padding: 90px 0;
    background: #ffffff;
}


/* CONTAINER */

.anxstory-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 70px;
}


/* LEFT */

.anxstory-left{
    width: 55%;
}


/* IMAGE */

.anxstory-image-wrap{
    overflow: hidden;
    border-radius: 28px;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.10);
}

.anxstory-image-wrap img{
    width: 100%;
    height: 540px;

    object-fit: cover;

    display: block;
}


/* RIGHT */

.anxstory-right{
    width: 45%;
}


/* TAG */

.anxstory-tag{
    display: inline-flex;
    align-items: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxstory-heading{
    font-size: 48px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 24px;
}


/* TEXT */

.anxstory-text{
    font-size: 17px;
    line-height: 1.9;

    color: #4b5563;

    margin-bottom: 22px;
}


/* HIGHLIGHT */

.anxstory-highlight{
    padding-left: 18px;

    border-left: 4px solid #ff8a00;

    font-size: 22px;
    line-height: 1.5;
    font-weight: 700;

    color: #061633;

    margin-top: 34px;
    margin-bottom: 34px;
}


/* FEATURES */

.anxstory-features{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 18px;
}


/* FEATURE */

.anxstory-feature{
    display: flex;
    align-items: center;

    gap: 12px;
}

.anxstory-feature i{
    color: #ff8a00;
    font-size: 18px;
}

.anxstory-feature span{
    font-size: 15px;
    font-weight: 600;

    color: #061633;
}


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

@media(max-width:991px){

    .anxstory-container{
        flex-direction: column;

        gap: 50px;
    }

    .anxstory-left,
    .anxstory-right{
        width: 100%;
    }

    .anxstory-heading{
        font-size: 40px;
    }

}


@media(max-width:768px){

    .anxstory{
        padding: 70px 0;
    }

    .anxstory-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxstory-heading{
        font-size: 34px;
        line-height: 1.15;
    }

    .anxstory-text{
        font-size: 15px;
    }

    .anxstory-highlight{
        font-size: 20px;
    }

    .anxstory-features{
        grid-template-columns: 1fr;
    }

    .anxstory-image-wrap img{
        height: 340px;
    }

}

/* =========================================
ANAGKI WHY CHOOSE US
========================================= */

.anxchoose{
    padding: 100px 0;
    background: #f7f9fc;
}


/* CONTAINER */

.anxchoose-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxchoose-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 70px;
}


/* TAG */

.anxchoose-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxchoose-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxchoose-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* GRID */

.anxchoose-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 28px;
}


/* CARD */

.anxchoose-card{
    background: #ffffff;

    border-radius: 26px;

    padding: 40px 34px;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

    box-shadow:
    0 10px 35px rgba(15,23,42,0.04);
}

.anxchoose-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}


/* ICON */

.anxchoose-icon{
    width: 68px;
    height: 68px;

    border-radius: 18px;

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

    background:
    linear-gradient(
    135deg,
    rgba(255,138,0,0.14),
    rgba(255,138,0,0.05)
    );

    margin-bottom: 28px;
}

.anxchoose-icon i{
    font-size: 28px;
    color: #ff8a00;
}


/* CARD HEADING */

.anxchoose-card h3{
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;

    color: #061633;

    margin-bottom: 16px;
}


/* CARD TEXT */

.anxchoose-card p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxchoose{
        padding: 75px 0;
    }

    .anxchoose-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxchoose-top{
        margin-bottom: 50px;
    }

    .anxchoose-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxchoose-description{
        font-size: 15px;
    }

    .anxchoose-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxchoose-card{
        padding: 30px 24px;
    }

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

}

/* =========================================
ANAGKI STATS SECTION
========================================= */

.anxstats{
    position: relative;
    overflow: hidden;

    padding: 110px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* GLOW */

.anxstats-glow{
    position: absolute;
    border-radius: 50%;

    filter: blur(120px);
}

.anxstats-glow1{
    width: 360px;
    height: 360px;

    background: rgba(255,138,0,0.16);

    top: -100px;
    left: -100px;
}

.anxstats-glow2{
    width: 320px;
    height: 320px;

    background: rgba(0,119,255,0.18);

    bottom: -120px;
    right: -80px;
}


/* CONTAINER */

.anxstats-container{
    position: relative;
    z-index: 2;

    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxstats-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 70px;
}


/* TAG */

.anxstats-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxstats-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxstats-description{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.78);
}


/* GRID */

.anxstats-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    gap: 28px;
}


/* CARD */

.anxstats-card{
    position: relative;

    padding: 42px 30px;

    border-radius: 28px;

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

    backdrop-filter: blur(14px);

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

    text-align: center;

    transition: 0.35s ease;
}

.anxstats-card:hover{
    transform: translateY(-8px);

    background: rgba(255,255,255,0.12);
}


/* NUMBER */

.anxstats-card h3{
    font-size: 58px;
    line-height: 1;
    font-weight: 800;

    color: #ffffff;

    margin-bottom: 14px;
}


/* TEXT */

.anxstats-card p{
    font-size: 16px;
    font-weight: 500;

    color: rgba(255,255,255,0.76);

    margin: 0;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxstats{
        padding: 75px 0;
    }

    .anxstats-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxstats-top{
        margin-bottom: 50px;
    }

    .anxstats-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxstats-description{
        font-size: 15px;
    }

    .anxstats-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxstats-card{
        padding: 36px 24px;
    }

    .anxstats-card h3{
        font-size: 48px;
    }

}


/* =========================================
ANAGKI PROCESS SECTION
========================================= */

.anxprocess{
    padding: 100px 0;
    background: #ffffff;
}


/* CONTAINER */

.anxprocess-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxprocess-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 80px;
}


/* TAG */

.anxprocess-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxprocess-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxprocess-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* GRID */

.anxprocess-grid{
    position: relative;

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

    gap: 26px;
}


/* CONNECTING LINE */

.anxprocess-grid::before{
    content: "";

    position: absolute;

    top: 52px;
    left: 10%;
    right: 10%;

    height: 2px;

    background:
    linear-gradient(
    90deg,
    rgba(255,138,0,0.10),
    #ff8a00,
    rgba(255,138,0,0.10)
    );

    z-index: 0;
}


/* CARD */

.anxprocess-card{
    position: relative;
    z-index: 2;

    background: #ffffff;

    border-radius: 28px;

    padding: 40px 30px;

    border: 1px solid #edf1f7;

    box-shadow:
    0 10px 35px rgba(15,23,42,0.05);

    transition: 0.35s ease;
}

.anxprocess-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}


/* NUMBER */

.anxprocess-number{
    width: 72px;
    height: 72px;

    border-radius: 50%;

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

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    color: #ffffff;

    font-size: 24px;
    font-weight: 800;

    margin-bottom: 28px;

    box-shadow:
    0 15px 40px rgba(255,138,0,0.25);
}


/* TITLE */

.anxprocess-card h3{
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;

    color: #061633;

    margin-bottom: 18px;
}


/* TEXT */

.anxprocess-card p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


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

@media(max-width:1100px){

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

    .anxprocess-grid::before{
        display: none;
    }

}


@media(max-width:768px){

    .anxprocess{
        padding: 75px 0;
    }

    .anxprocess-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxprocess-top{
        margin-bottom: 50px;
    }

    .anxprocess-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxprocess-description{
        font-size: 15px;
    }

    .anxprocess-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxprocess-card{
        padding: 32px 24px;
    }

    .anxprocess-card h3{
        font-size: 22px;
    }

}


/* =========================================
ANAGKI LEADERSHIP SECTION
========================================= */

.anxleader{
    position: relative;
    overflow: hidden;

    padding: 110px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* GLOW */

.anxleader-glow{
    position: absolute;
    border-radius: 50%;

    filter: blur(120px);
}

.anxleader-glow1{
    width: 340px;
    height: 340px;

    background: rgba(255,138,0,0.16);

    top: -100px;
    left: -100px;
}

.anxleader-glow2{
    width: 320px;
    height: 320px;

    background: rgba(0,119,255,0.18);

    bottom: -120px;
    right: -80px;
}


/* CONTAINER */

.anxleader-container{
    position: relative;
    z-index: 2;

    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 80px;
}


/* LEFT */

.anxleader-left{
    width: 50%;
}


/* TAG */

.anxleader-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxleader-heading{
    font-size: 54px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 26px;
}


/* DESCRIPTION */

.anxleader-description{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.78);

    margin-bottom: 22px;
}


/* QUOTE */

.anxleader-quote{
    margin-top: 40px;

    padding: 28px 30px;

    border-radius: 24px;

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

    backdrop-filter: blur(12px);

    border: 1px solid rgba(255,255,255,0.10);
}

.anxleader-quote i{
    font-size: 28px;

    color: #ff8a00;

    margin-bottom: 18px;
}

.anxleader-quote p{
    font-size: 22px;
    line-height: 1.7;
    font-weight: 600;

    color: #ffffff;

    margin: 0;
}


/* RIGHT */

.anxleader-right{
    width: 50%;
}


/* CARD */

.anxleader-card{
    overflow: hidden;

    border-radius: 30px;

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

    backdrop-filter: blur(14px);

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

    box-shadow:
    0 30px 80px rgba(0,0,0,0.30);
}


/* IMAGE */

.anxleader-image img{
    width: 100%;
    height: 520px;

    object-fit: cover;

    display: block;
}


/* INFO */

.anxleader-info{
    padding: 34px;
}

.anxleader-info h3{
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 10px;
}

.anxleader-info span{
    display: inline-block;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #ff8a00;

    margin-bottom: 18px;
}

.anxleader-info p{
    font-size: 15px;
    line-height: 1.9;

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

    margin: 0;
}


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

@media(max-width:991px){

    .anxleader-container{
        flex-direction: column;

        gap: 50px;
    }

    .anxleader-left,
    .anxleader-right{
        width: 100%;
    }

    .anxleader-heading{
        font-size: 40px;
    }

}


@media(max-width:768px){

    .anxleader{
        padding: 75px 0;
    }

    .anxleader-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxleader-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxleader-description{
        font-size: 15px;
    }

    .anxleader-quote{
        padding: 24px;
    }

    .anxleader-quote p{
        font-size: 18px;
    }

    .anxleader-image img{
        height: 380px;
    }

    .anxleader-info{
        padding: 26px 22px;
    }

}

/* =========================================
ANAGKI JOURNEY SECTION
========================================= */

.anxjourney{
    position: relative;
    overflow: hidden;

    padding: 110px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* GLOW */

.anxjourney-glow{
    position: absolute;
    border-radius: 50%;

    filter: blur(120px);
}

.anxjourney-glow1{
    width: 340px;
    height: 340px;

    background: rgba(255,138,0,0.16);

    top: -120px;
    left: -100px;
}

.anxjourney-glow2{
    width: 320px;
    height: 320px;

    background: rgba(0,119,255,0.18);

    bottom: -120px;
    right: -80px;
}


/* CONTAINER */

.anxjourney-container{
    position: relative;
    z-index: 2;

    max-width: 1200px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxjourney-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 90px;
}


/* TAG */

.anxjourney-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxjourney-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxjourney-description{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.78);
}


/* TIMELINE */

.anxjourney-timeline{
    position: relative;

    max-width: 900px;

    margin: 0 auto;
}


/* LINE */

.anxjourney-line{
    position: absolute;

    top: 0;
    bottom: 0;
    left: 50%;

    width: 2px;

    transform: translateX(-50%);

    background:
    linear-gradient(
    to bottom,
    rgba(255,138,0,0.10),
    #ff8a00,
    rgba(255,138,0,0.10)
    );
}


/* ITEM */

.anxjourney-item{
    position: relative;

    width: 100%;

    display: flex;
    justify-content: flex-start;

    margin-bottom: 70px;
}

.anxjourney-item:nth-child(even){
    justify-content: flex-end;
}


/* DOT */

.anxjourney-dot{
    position: absolute;

    top: 30px;
    left: 50%;

    transform: translateX(-50%);

    width: 22px;
    height: 22px;

    border-radius: 50%;

    background: #ff8a00;

    border: 4px solid #ffffff;

    box-shadow:
    0 0 25px rgba(255,138,0,0.55);

    z-index: 5;
}


/* CARD */

.anxjourney-card{
    width: calc(50% - 60px);

    padding: 34px;

    border-radius: 28px;

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

    backdrop-filter: blur(14px);

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

    box-shadow:
    0 20px 60px rgba(0,0,0,0.25);

    transition: 0.35s ease;
}

.anxjourney-card:hover{
    transform: translateY(-8px);

    background: rgba(255,255,255,0.12);
}


/* YEAR */

.anxjourney-card span{
    display: inline-block;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #ff8a00;

    margin-bottom: 18px;
}


/* TITLE */

.anxjourney-card h3{
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 16px;
}


/* TEXT */

.anxjourney-card p{
    font-size: 15px;
    line-height: 1.9;

    color: rgba(255,255,255,0.76);

    margin: 0;
}


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

@media(max-width:991px){

    .anxjourney-line{
        left: 20px;
    }

    .anxjourney-item,
    .anxjourney-item:nth-child(even){
        justify-content: flex-start;
    }

    .anxjourney-dot{
        left: 20px;
    }

    .anxjourney-card{
        width: calc(100% - 70px);

        margin-left: 70px;
    }

}


@media(max-width:768px){

    .anxjourney{
        padding: 75px 0;
    }

    .anxjourney-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxjourney-top{
        margin-bottom: 60px;
    }

    .anxjourney-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxjourney-description{
        font-size: 15px;
    }

    .anxjourney-item{
        margin-bottom: 40px;
    }

    .anxjourney-card{
        padding: 26px 22px;
    }

    .anxjourney-card h3{
        font-size: 22px;
    }

}

/* =========================================
ANAGKI FINAL CTA
========================================= */

.anxfinalcta{
    position: relative;
    overflow: hidden;

    padding: 120px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* GLOW */

.anxfinalcta-glow{
    position: absolute;
    border-radius: 50%;

    filter: blur(120px);
}

.anxfinalcta-glow1{
    width: 360px;
    height: 360px;

    background: rgba(255,138,0,0.16);

    top: -100px;
    left: -100px;
}

.anxfinalcta-glow2{
    width: 320px;
    height: 320px;

    background: rgba(0,119,255,0.18);

    bottom: -100px;
    right: -80px;
}


/* CONTAINER */

.anxfinalcta-container{
    position: relative;
    z-index: 2;

    max-width: 980px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    text-align: center;
}


/* TAG */

.anxfinalcta-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 26px;
}


/* HEADING */

.anxfinalcta-heading{
    font-size: 62px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 26px;
}


/* DESCRIPTION */

.anxfinalcta-description{
    max-width: 760px;

    margin: 0 auto 40px;

    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.78);
}


/* BUTTONS */

.anxfinalcta-buttons{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-bottom: 42px;
}


/* BUTTON */

.anxfinalcta-btn{
    height: 58px;

    padding: 0 34px;

    border-radius: 16px;

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

    text-decoration: none;

    font-size: 15px;
    font-weight: 700;

    transition: 0.35s ease;
}


/* PRIMARY */

.anxfinalcta-primary{
    background: #ff8a00;

    color: #ffffff;

    box-shadow:
    0 15px 40px rgba(255,138,0,0.30);
}

.anxfinalcta-primary:hover{
    transform: translateY(-5px);

    background: #ff9d26;
}


/* SECONDARY */

.anxfinalcta-secondary{
    background: rgba(255,255,255,0.08);

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

    backdrop-filter: blur(12px);

    color: #ffffff;
}

.anxfinalcta-secondary:hover{
    transform: translateY(-5px);

    background: rgba(255,255,255,0.12);
}


/* TRUST */

.anxfinalcta-trust{
    display: flex;
    align-items: center;
    justify-content: center;

    flex-wrap: wrap;

    gap: 26px;
}


/* TRUST ITEM */

.anxfinalcta-trust-item{
    display: flex;
    align-items: center;

    gap: 10px;
}

.anxfinalcta-trust-item i{
    color: #ff8a00;

    font-size: 16px;
}

.anxfinalcta-trust-item span{
    font-size: 15px;
    font-weight: 500;

    color: rgba(255,255,255,0.82);
}


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

@media(max-width:768px){

    .anxfinalcta{
        padding: 80px 0;
    }

    .anxfinalcta-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxfinalcta-heading{
        font-size: 40px;
        line-height: 1.12;
    }

    .anxfinalcta-description{
        font-size: 15px;
    }

    .anxfinalcta-buttons{
        flex-direction: column;
    }

    .anxfinalcta-btn{
        width: 100%;
    }

    .anxfinalcta-trust{
        flex-direction: column;

        gap: 16px;
    }

}

/* =========================================
ANAGKI SERVICES HERO
========================================= */

.anxservicehero{
    position: relative;
    overflow: hidden;

    padding: 55px 0;

    background: #ffffff;
}


/* CONTAINER */

.anxservicehero-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;
}


/* LEFT */

.anxservicehero-left{
    width: 42%;
}


/* BREADCRUMB */

.anxservicehero-breadcrumb{
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 22px;
}

.anxservicehero-breadcrumb a{
    font-size: 13px;
    font-weight: 500;

    text-decoration: none;

    color: #667085;

    transition: 0.3s ease;
}

.anxservicehero-breadcrumb a:hover{
    color: #ff8a00;
}

.anxservicehero-breadcrumb span{
    color: #ff8a00;

    font-size: 12px;
}

.anxservicehero-breadcrumb p{
    font-size: 13px;
    font-weight: 600;

    color: #061633;

    margin: 0;
}


/* TAG */

.anxservicehero-tag{
    font-size: 15px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #ff8a00;

    margin-bottom: 14px;
}


/* HEADING */

.anxservicehero-heading{
    font-size: 74px;
    line-height: 0.98;
    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 24px;
}


/* DESCRIPTION */

.anxservicehero-description{
    font-size: 18px;
    line-height: 1.9;

    color: #667085;

    max-width: 620px;

    margin-bottom: 36px;
}


/* BUTTONS */

.anxservicehero-buttons{
    display: flex;
    align-items: center;

    gap: 18px;
}


/* BUTTON */

.anxservicehero-btn{
    height: 60px;

    border-radius: 16px;

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

    text-decoration: none;

    transition: 0.35s ease;
}


/* PRIMARY */

.anxservicehero-primary{
    gap: 12px;

    padding: 0 30px;

    background: #ff8a00;

    color: #ffffff;

    font-size: 15px;
    font-weight: 700;

    box-shadow:
    0 15px 40px rgba(255,138,0,0.20);
}

.anxservicehero-primary:hover{
    transform: translateY(-4px);

    background: #ff9d26;
}


/* SECONDARY */

.anxservicehero-secondary{
    padding: 0 22px 0 14px;

    border: 1px solid #e4e7ec;

    background: #ffffff;

    box-shadow:
    0 10px 35px rgba(15,23,42,0.05);
}


/* CALL ICON */

.anxservicehero-call-icon{
    width: 42px;
    height: 42px;

    border-radius: 50%;

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

    background: rgba(2,43,122,0.08);

    margin-right: 14px;
}

.anxservicehero-call-icon i{
    color: #061633;

    font-size: 16px;
}


/* CALL TEXT */

.anxservicehero-call-text{
    display: flex;
    flex-direction: column;
}

.anxservicehero-call-text span{
    font-size: 12px;
    font-weight: 600;

    text-transform: uppercase;

    color: #667085;

    margin-bottom: 2px;
}

.anxservicehero-call-text strong{
    font-size: 22px;
    line-height: 1;

    font-weight: 800;

    color: #061633;
}


/* RIGHT */

.anxservicehero-right{
    width: 58%;
}


/* IMAGE */

.anxservicehero-image-wrap{
    position: relative;

    overflow: hidden;

    border-radius: 28px;

    box-shadow:
    0 25px 60px rgba(15,23,42,0.12);
}

.anxservicehero-image-wrap img{
    width: 100%;
    height: 480px;

    object-fit: cover;

    display: block;
}


/* OVERLAY */

.anxservicehero-overlay{
    position: absolute;
    inset: 0;

    background:
    linear-gradient(
    90deg,
    rgba(6,22,51,0.08),
    rgba(6,22,51,0.02)
    );
}


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

@media(max-width:1200px){

    .anxservicehero-heading{
        font-size: 60px;
    }

}


@media(max-width:991px){

    .anxservicehero-container{
        flex-direction: column;

        gap: 40px;
    }

    .anxservicehero-left,
    .anxservicehero-right{
        width: 100%;
    }

    .anxservicehero-heading{
        font-size: 48px;
    }

    .anxservicehero-image-wrap img{
        height: 360px;
    }

}


@media(max-width:768px){

    .anxservicehero{
        padding: 40px 0;
    }

    .anxservicehero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxservicehero-heading{
        font-size: 38px;
        line-height: 1.05;
    }

    .anxservicehero-description{
        font-size: 15px;
    }

    .anxservicehero-buttons{
        flex-direction: column;
        align-items: stretch;
    }

    .anxservicehero-btn{
        width: 100%;
    }

    .anxservicehero-image-wrap img{
        height: 250px;
    }

}
/* =========================================
ANAGKI SERVICES GRID
========================================= */

.anxservicesgrid{
    padding: 100px 0;

    background: #f7f9fc;
}


/* CONTAINER */

.anxservicesgrid-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxservicesgrid-top{
    text-align: center;

    max-width: 850px;

    margin: 0 auto 70px;
}


/* TAG */

.anxservicesgrid-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxservicesgrid-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxservicesgrid-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* GRID */

.anxservicesgrid-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 28px;
}


/* CARD */

.anxservicesgrid-card{
    overflow: hidden;

    border-radius: 26px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

    box-shadow:
    0 10px 35px rgba(15,23,42,0.05);
}

.anxservicesgrid-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}


/* IMAGE */

.anxservicesgrid-image{
    position: relative;
}

.anxservicesgrid-image img{
    width: 100%;
    height: 240px;

    object-fit: cover;

    display: block;
}


/* ICON */

.anxservicesgrid-icon{
    position: absolute;

    top: 18px;
    left: 18px;

    width: 58px;
    height: 58px;

    border-radius: 18px;

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

    background: #ff8a00;

    box-shadow:
    0 15px 35px rgba(255,138,0,0.25);
}

.anxservicesgrid-icon i{
    font-size: 24px;

    color: #ffffff;
}


/* CONTENT */

.anxservicesgrid-content{
    padding: 30px;
}

.anxservicesgrid-content h3{
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 16px;
}

.anxservicesgrid-content p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin-bottom: 24px;
}


/* LINK */

.anxservicesgrid-content a{
    display: inline-flex;
    align-items: center;

    gap: 10px;

    text-decoration: none;

    font-size: 15px;
    font-weight: 700;

    color: #ff8a00;

    transition: 0.3s ease;
}

.anxservicesgrid-content a:hover{
    gap: 14px;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxservicesgrid{
        padding: 75px 0;
    }

    .anxservicesgrid-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxservicesgrid-top{
        margin-bottom: 50px;
    }

    .anxservicesgrid-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxservicesgrid-description{
        font-size: 15px;
    }

    .anxservicesgrid-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxservicesgrid-image img{
        height: 220px;
    }

    .anxservicesgrid-content{
        padding: 24px;
    }

    .anxservicesgrid-content h3{
        font-size: 24px;
    }

}

/* =========================================
ANAGKI TRUST SECTION
========================================= */

.anxservicetrust{
    position: relative;
    overflow: hidden;

    padding: 110px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* GLOW */

.anxservicetrust-glow{
    position: absolute;
    border-radius: 50%;

    filter: blur(120px);
}

.anxservicetrust-glow1{
    width: 340px;
    height: 340px;

    background: rgba(255,138,0,0.16);

    top: -100px;
    left: -100px;
}

.anxservicetrust-glow2{
    width: 320px;
    height: 320px;

    background: rgba(0,119,255,0.18);

    bottom: -120px;
    right: -80px;
}


/* CONTAINER */

.anxservicetrust-container{
    position: relative;
    z-index: 2;

    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxservicetrust-top{
    text-align: center;

    max-width: 860px;

    margin: 0 auto 70px;
}


/* TAG */

.anxservicetrust-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxservicetrust-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxservicetrust-description{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.78);
}


/* GRID */

.anxservicetrust-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    gap: 28px;
}


/* CARD */

.anxservicetrust-card{
    padding: 38px 30px;

    border-radius: 28px;

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

    backdrop-filter: blur(14px);

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

    transition: 0.35s ease;
}

.anxservicetrust-card:hover{
    transform: translateY(-8px);

    background: rgba(255,255,255,0.12);
}


/* ICON */

.anxservicetrust-icon{
    width: 72px;
    height: 72px;

    border-radius: 22px;

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

    background:
    linear-gradient(
    135deg,
    rgba(255,138,0,0.25),
    rgba(255,138,0,0.08)
    );

    margin-bottom: 26px;
}

.anxservicetrust-icon i{
    font-size: 28px;

    color: #ff8a00;
}


/* TITLE */

.anxservicetrust-card h3{
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 16px;
}


/* TEXT */

.anxservicetrust-card p{
    font-size: 15px;
    line-height: 1.9;

    color: rgba(255,255,255,0.76);

    margin: 0;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxservicetrust{
        padding: 75px 0;
    }

    .anxservicetrust-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxservicetrust-top{
        margin-bottom: 50px;
    }

    .anxservicetrust-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxservicetrust-description{
        font-size: 15px;
    }

    .anxservicetrust-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxservicetrust-card{
        padding: 30px 24px;
    }

    .anxservicetrust-card h3{
        font-size: 22px;
    }

}

/* =========================================
ANAGKI WORK PROCESS
========================================= */

.anxworkprocess{
    position: relative;

    padding: 110px 0;

    background: #ffffff;
}


/* CONTAINER */

.anxworkprocess-container{
    max-width: 1200px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxworkprocess-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 80px;
}


/* TAG */

.anxworkprocess-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxworkprocess-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxworkprocess-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* TIMELINE */

.anxworkprocess-timeline{
    position: relative;

    max-width: 900px;

    margin: 0 auto;
}


/* LINE */

.anxworkprocess-line{
    position: absolute;

    top: 0;
    bottom: 0;
    left: 50%;

    width: 2px;

    transform: translateX(-50%);

    background:
    linear-gradient(
    to bottom,
    rgba(255,138,0,0.10),
    #ff8a00,
    rgba(255,138,0,0.10)
    );
}


/* ITEM */

.anxworkprocess-item{
    position: relative;

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

    margin-bottom: 70px;
}

.anxworkprocess-item:nth-child(even){
    justify-content: flex-end;
}


/* NUMBER */

.anxworkprocess-number{
    position: absolute;

    left: 50%;
    top: 26px;

    transform: translateX(-50%);

    width: 68px;
    height: 68px;

    border-radius: 50%;

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

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    color: #ffffff;

    font-size: 20px;
    font-weight: 800;

    box-shadow:
    0 15px 40px rgba(255,138,0,0.28);

    z-index: 5;
}


/* CARD */

.anxworkprocess-card{
    width: calc(50% - 70px);

    padding: 34px;

    border-radius: 28px;

    background: #ffffff;

    border: 1px solid #edf1f7;

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

    transition: 0.35s ease;
}

.anxworkprocess-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}


/* TITLE */

.anxworkprocess-card h3{
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;

    color: #061633;

    margin-bottom: 16px;
}


/* TEXT */

.anxworkprocess-card p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


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

@media(max-width:991px){

    .anxworkprocess-line{
        left: 24px;
    }

    .anxworkprocess-item,
    .anxworkprocess-item:nth-child(even){
        justify-content: flex-start;
    }

    .anxworkprocess-number{
        left: 24px;
    }

    .anxworkprocess-card{
        width: calc(100% - 90px);

        margin-left: 90px;
    }

}


@media(max-width:768px){

    .anxworkprocess{
        padding: 75px 0;
    }

    .anxworkprocess-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxworkprocess-top{
        margin-bottom: 55px;
    }

    .anxworkprocess-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxworkprocess-description{
        font-size: 15px;
    }

    .anxworkprocess-item{
        margin-bottom: 40px;
    }

    .anxworkprocess-card{
        padding: 26px 22px;
    }

    .anxworkprocess-card h3{
        font-size: 22px;
    }

}

/* =========================================
ANAGKI CITY PRESENCE
========================================= */

.anxcity{
    padding: 110px 0;

    background: #f7f9fc;
}


/* CONTAINER */

.anxcity-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxcity-top{
    text-align: center;

    max-width: 850px;

    margin: 0 auto 70px;
}


/* TAG */

.anxcity-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxcity-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxcity-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* GRID */

.anxcity-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    gap: 28px;

    margin-bottom: 60px;
}


/* CARD */

.anxcity-card{
    position: relative;

    overflow: hidden;

    min-height: 360px;

    border-radius: 30px;

    text-decoration: none;

    transition: 0.4s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.08);
}

.anxcity-card:hover{
    transform: translateY(-10px);
}


/* IMAGE */

.anxcity-image{
    position: absolute;
    inset: 0;
}

.anxcity-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: 0.5s ease;
}

.anxcity-card:hover .anxcity-image img{
    transform: scale(1.08);
}


/* OVERLAY */

.anxcity-overlay{
    position: absolute;
    inset: 0;

    background:
    linear-gradient(
    to top,
    rgba(6,22,51,0.94) 0%,
    rgba(6,22,51,0.45) 50%,
    rgba(6,22,51,0.08) 100%
    );
}


/* CONTENT */

.anxcity-content{
    position: absolute;

    left: 28px;
    right: 28px;
    bottom: 28px;

    z-index: 2;
}

.anxcity-content h3{
    font-size: 34px;
    line-height: 1.1;
    font-weight: 800;

    color: #ffffff;

    margin-bottom: 10px;
}

.anxcity-content p{
    font-size: 15px;
    line-height: 1.8;

    color: rgba(255,255,255,0.80);

    margin-bottom: 20px;
}


/* LINK */

.anxcity-content span{
    display: inline-flex;
    align-items: center;

    gap: 10px;

    font-size: 15px;
    font-weight: 700;

    color: #ff8a00;

    transition: 0.3s ease;
}

.anxcity-card:hover .anxcity-content span{
    gap: 16px;
}


/* BUTTON WRAP */

.anxcity-button-wrap{
    display: flex;
    justify-content: center;
}


/* BUTTON */

.anxcity-all-btn{
    height: 60px;

    padding: 0 34px;

    border-radius: 16px;

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

    gap: 12px;

    text-decoration: none;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    color: #ffffff;

    font-size: 15px;
    font-weight: 700;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.12);
}

.anxcity-all-btn:hover{
    transform: translateY(-5px);

    gap: 18px;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxcity{
        padding: 75px 0;
    }

    .anxcity-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxcity-top{
        margin-bottom: 50px;
    }

    .anxcity-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxcity-description{
        font-size: 15px;
    }

    .anxcity-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxcity-card{
        min-height: 300px;
    }

    .anxcity-content{
        left: 22px;
        right: 22px;
        bottom: 22px;
    }

    .anxcity-content h3{
        font-size: 28px;
    }

    .anxcity-all-btn{
        width: 100%;
    }

}

/* =========================================
ANAGKI CTA STRIP
========================================= */

.anxctastrip{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* CONTAINER */

.anxctastrip-container{
    max-width: 1440px;
    margin: 0 auto;

    padding: 45px 50px;

    border-radius: 34px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    overflow: hidden;

    position: relative;

    box-shadow:
    0 30px 80px rgba(15,23,42,0.12);
}


/* GLOW */

.anxctastrip-container::before{
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    background: rgba(255,138,0,0.15);

    border-radius: 50%;

    filter: blur(100px);

    top: -120px;
    right: -60px;
}


/* LEFT */

.anxctastrip-left{
    position: relative;
    z-index: 2;
}

.anxctastrip-left span{
    display: inline-block;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #ff8a00;

    margin-bottom: 14px;
}

.anxctastrip-left h2{
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;

    color: #ffffff;

    margin: 0;

    max-width: 720px;
}


/* RIGHT */

.anxctastrip-right{
    position: relative;
    z-index: 2;

    flex-shrink: 0;
}


/* BUTTON */

.anxctastrip-btn{
    height: 60px;

    padding: 0 34px;

    border-radius: 16px;

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

    gap: 12px;

    text-decoration: none;

    background: #ff8a00;

    color: #ffffff;

    font-size: 15px;
    font-weight: 700;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(255,138,0,0.30);
}

.anxctastrip-btn:hover{
    transform: translateY(-5px);

    gap: 18px;

    background: #ff9d26;
}


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

@media(max-width:991px){

    .anxctastrip-container{
        flex-direction: column;
        align-items: flex-start;
    }

}


@media(max-width:768px){

    .anxctastrip{
        padding: 0 18px 75px;
    }

    .anxctastrip-container{
        padding: 36px 24px;

        border-radius: 26px;
    }

    .anxctastrip-left h2{
        font-size: 30px;
    }

    .anxctastrip-btn{
        width: 100%;
    }

}

/* =========================================
ANAGKI PACKERS & MOVERS HERO
========================================= */

.anxpmhero{
    padding: 55px 0;

    background: #ffffff;
}


/* CONTAINER */

.anxpmhero-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;
}


/* LEFT */

.anxpmhero-left{
    width: 42%;
}


/* TAG */

.anxpmhero-tag{
    font-size: 18px;
    font-weight: 700;

    color: #061633;

    margin-bottom: 10px;
}


/* HEADING */

.anxpmhero-heading{
    font-size: 78px;
    line-height: 0.95;
    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 24px;
}

.anxpmhero-heading span{
    color: #ff8a00;
}


/* DESCRIPTION */

.anxpmhero-description{
    font-size: 18px;
    line-height: 1.9;

    color: #667085;

    max-width: 620px;

    margin-bottom: 34px;
}


/* BUTTONS */

.anxpmhero-buttons{
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 34px;

    flex-wrap: wrap;
}


/* BUTTON */

.anxpmhero-btn{
    min-height: 64px;

    padding: 10px 18px;

    border-radius: 18px;

    display: flex;
    align-items: center;

    gap: 14px;

    text-decoration: none;

    transition: 0.35s ease;
}


/* ICON */

.anxpmhero-btn-icon{
    width: 42px;
    height: 42px;

    border-radius: 12px;

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

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

    flex-shrink: 0;
}

.anxpmhero-btn-icon i{
    font-size: 18px;
}


/* TEXT */

.anxpmhero-btn-text{
    display: flex;
    flex-direction: column;
}

.anxpmhero-btn-text strong{
    font-size: 15px;
    font-weight: 700;

    line-height: 1.2;
}

.anxpmhero-btn-text span{
    font-size: 12px;
    line-height: 1.2;

    margin-top: 3px;
}


/* PRIMARY */

.anxpmhero-primary{
    background: #ff8a00;

    color: #ffffff;

    box-shadow:
    0 15px 40px rgba(255,138,0,0.25);
}

.anxpmhero-primary:hover{
    transform: translateY(-5px);

    background: #ff9d26;
}


/* SECONDARY */

.anxpmhero-secondary{
    background: #ffffff;

    border: 1px solid #e5e7eb;

    color: #061633;

    box-shadow:
    0 10px 30px rgba(15,23,42,0.05);
}

.anxpmhero-secondary:hover{
    transform: translateY(-5px);
}


/* WHATSAPP */

.anxpmhero-whatsapp{
    background: #16a34a;

    color: #ffffff;

    box-shadow:
    0 15px 40px rgba(22,163,74,0.20);
}

.anxpmhero-whatsapp:hover{
    transform: translateY(-5px);

    background: #1ab152;
}


/* TRUST */

.anxpmhero-trust{
    display: flex;
    align-items: center;

    gap: 26px;

    flex-wrap: wrap;
}


/* TRUST ITEM */

.anxpmhero-trust-item{
    display: flex;
    align-items: center;

    gap: 10px;
}

.anxpmhero-trust-item i{
    font-size: 18px;

    color: #061633;
}

.anxpmhero-trust-item span{
    font-size: 14px;
    font-weight: 600;

    color: #061633;
}


/* RIGHT */

.anxpmhero-right{
    width: 58%;
}


/* IMAGE */

.anxpmhero-image-wrap{
    position: relative;

    overflow: hidden;

    border-radius: 28px;

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}

.anxpmhero-image-wrap img{
    width: 100%;
    height: 540px;

    object-fit: cover;

    display: block;
}


/* OVERLAY */

.anxpmhero-overlay{
    position: absolute;
    inset: 0;

    background:
    linear-gradient(
    90deg,
    rgba(6,22,51,0.05),
    rgba(6,22,51,0.02)
    );
}


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

@media(max-width:1200px){

    .anxpmhero-heading{
        font-size: 64px;
    }

}


@media(max-width:991px){

    .anxpmhero-container{
        flex-direction: column;

        gap: 40px;
    }

    .anxpmhero-left,
    .anxpmhero-right{
        width: 100%;
    }

    .anxpmhero-heading{
        font-size: 50px;
    }

    .anxpmhero-image-wrap img{
        height: 380px;
    }

}


@media(max-width:768px){

    .anxpmhero{
        padding: 40px 0;
    }

    .anxpmhero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxpmhero-heading{
        font-size: 40px;

        line-height: 1;
    }

    .anxpmhero-description{
        font-size: 15px;
    }

    .anxpmhero-buttons{
        flex-direction: column;
        align-items: stretch;
    }

    .anxpmhero-btn{
        width: 100%;
    }

    .anxpmhero-trust{
        gap: 16px;
    }

    .anxpmhero-image-wrap img{
        height: 260px;
    }

}

/* =========================================
ANAGKI PACKERS & MOVERS SERVICES
========================================= */

.anxpms{
    padding: 100px 0;

    background: #f7f9fc;
}


/* CONTAINER */

.anxpms-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* TOP */

.anxpms-top{
    text-align: center;

    max-width: 850px;

    margin: 0 auto 70px;
}


/* TAG */

.anxpms-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxpms-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxpms-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* GRID */

.anxpms-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 28px;
}


/* CARD */

.anxpms-card{
    position: relative;

    overflow: hidden;

    border-radius: 28px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.05);
}

.anxpms-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}


/* ICON */

.anxpms-icon{
    position: absolute;

    top: 18px;
    left: 18px;

    z-index: 5;

    width: 58px;
    height: 58px;

    border-radius: 18px;

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

    background: #ff8a00;

    box-shadow:
    0 15px 35px rgba(255,138,0,0.25);
}

.anxpms-icon i{
    color: #ffffff;

    font-size: 24px;
}


/* IMAGE */

.anxpms-image{
    overflow: hidden;
}

.anxpms-image img{
    width: 100%;
    height: 240px;

    object-fit: cover;

    display: block;

    transition: 0.5s ease;
}

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


/* CONTENT */

.anxpms-content{
    padding: 28px;
}

.anxpms-content h3{
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 14px;
}

.anxpms-content p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxpms{
        padding: 75px 0;
    }

    .anxpms-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxpms-top{
        margin-bottom: 50px;
    }

    .anxpms-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxpms-description{
        font-size: 15px;
    }

    .anxpms-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxpms-image img{
        height: 220px;
    }

    .anxpms-content{
        padding: 24px;
    }

    .anxpms-content h3{
        font-size: 24px;
    }

}

/* =========================================
ANAGKI PACKERS & MOVERS SERVICES
========================================= */

.anxpms{
    padding: 100px 0;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxpms-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


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

.anxpms-top{
    text-align: center;

    max-width: 850px;

    margin: 0 auto 70px;
}


/* TAG */

.anxpms-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxpms-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxpms-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


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

.anxpms-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 28px;
}


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

.anxpms-card{
    overflow: hidden;

    border-radius: 30px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.05);
}

.anxpms-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}


/* =========================================
IMAGE
========================================= */

.anxpms-image{
    position: relative;

    overflow: hidden;
}

.anxpms-image img{
    width: 100%;
    height: 240px;

    object-fit: cover;

    display: block;

    transition: 0.5s ease;
}

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


/* =========================================
CONTENT
========================================= */

.anxpms-content{
    padding: 30px;
}

.anxpms-content h3{
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 16px;

    letter-spacing: -1px;
}

.anxpms-content p{
    font-size: 16px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxpms{
        padding: 75px 0;
    }

    .anxpms-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxpms-top{
        margin-bottom: 50px;
    }

    .anxpms-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxpms-description{
        font-size: 15px;
    }

    .anxpms-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxpms-image img{
        padding: 20px;
        height: 220px;
    }

    .anxpms-content{
        padding: 24px;
    }

    .anxpms-content h3{
        font-size: 25px;
    }

    .anxpms-content p{
        font-size: 15px;
    }

}

/* =========================================
ANAGKI USP STRIP
========================================= */

.anxusp{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxusp-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

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

    gap: 24px;
}


/* =========================================
ITEM
========================================= */

.anxusp-item{
    position: relative;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    gap: 30px;

    padding: 34px;

    border-radius: 32px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    min-height: 260px;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.05);
}

.anxusp-item:hover{
    transform: translateY(-8px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.10);
}


/* =========================================
VARIANTS
========================================= */

.anxusp-dark{
    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    border: none;
}

.anxusp-gradient{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}


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

.anxusp-icon{
    width: 92px;
    height: 92px;

    border-radius: 28px;

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

    flex-shrink: 0;
}


/* ICON COLORS */

.anxusp-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    box-shadow:
    0 20px 45px rgba(255,138,0,0.25);
}

.anxusp-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );

    box-shadow:
    0 20px 45px rgba(37,99,235,0.22);
}

.anxusp-white{
    background:
    rgba(255,255,255,0.12);

    border: 1px solid rgba(255,255,255,0.10);
}

.anxusp-light{
    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 20px 45px rgba(6,22,51,0.18);
}


/* ICON */

.anxusp-icon i{
    font-size: 40px;

    color: #ffffff;
}


/* =========================================
CONTENT
========================================= */

.anxusp-content h3{
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -1px;

    color: #061633;

    margin-bottom: 16px;
}

.anxusp-content p{
    font-size: 16px;
    line-height: 1.9;

    color: #667085;

    margin: 0;

    max-width: 90%;
}


/* DARK CARD TEXT */

.anxusp-dark .anxusp-content h3{
    color: #ffffff;
}

.anxusp-dark .anxusp-content p{
    color: rgba(255,255,255,0.74);
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxusp{
        padding: 0 0 75px;
    }

    .anxusp-container{
        grid-template-columns: 1fr;

        padding-left: 18px;
        padding-right: 18px;

        gap: 20px;
    }

    .anxusp-item{
        min-height: auto;

        padding: 28px;
    }

    .anxusp-icon{
        width: 78px;
        height: 78px;

        border-radius: 24px;
    }

    .anxusp-icon i{
        font-size: 32px;
    }

    .anxusp-content h3{
        font-size: 25px;
    }

    .anxusp-content p{
        font-size: 15px;
    }

}

/* =========================================
ANAGKI MOVING PROCESS
========================================= */

.anxmoveprocess{
    padding: 110px 0;

    background: #ffffff;
}


/* =========================================
CONTAINER
========================================= */

.anxmoveprocess-container{
    max-width: 1200px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


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

.anxmoveprocess-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 80px;
}


/* TAG */

.anxmoveprocess-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxmoveprocess-heading{
    font-size: 52px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxmoveprocess-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* =========================================
TIMELINE
========================================= */

.anxmoveprocess-timeline{
    position: relative;
}


/* CENTER LINE */

.anxmoveprocess-line{
    position: absolute;

    top: 0;
    bottom: 0;
    left: 50%;

    width: 2px;

    transform: translateX(-50%);

    background:
    linear-gradient(
    to bottom,
    rgba(255,138,0,0.10),
    #ff8a00,
    rgba(255,138,0,0.10)
    );
}


/* ITEM */

.anxmoveprocess-item{
    position: relative;

    display: flex;
    justify-content: flex-start;

    margin-bottom: 60px;
}

.anxmoveprocess-right{
    justify-content: flex-end;
}


/* CARD */

.anxmoveprocess-card{
    position: relative;

    width: calc(50% - 60px);

    padding: 34px;

    border-radius: 30px;

    background: #f7f9fc;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;
}

.anxmoveprocess-card:hover{
    transform: translateY(-6px);

    box-shadow:
    0 25px 60px rgba(15,23,42,0.08);
}


/* NUMBER */

.anxmoveprocess-number{
    position: absolute;

    top: 28px;
    right: 28px;

    font-size: 54px;
    font-weight: 800;

    line-height: 1;

    color: rgba(255,138,0,0.12);
}


/* TITLE */

.anxmoveprocess-card h3{
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;

    color: #061633;

    margin-bottom: 16px;

    max-width: 80%;
}


/* TEXT */

.anxmoveprocess-card p{
    font-size: 16px;
    line-height: 1.9;

    color: #667085;

    margin: 0;

    max-width: 88%;
}


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

@media(max-width:991px){

    .anxmoveprocess-line{
        left: 28px;
    }

    .anxmoveprocess-item,
    .anxmoveprocess-right{
        justify-content: flex-start;
    }

    .anxmoveprocess-card{
        width: calc(100% - 80px);

        margin-left: 80px;
    }

}


@media(max-width:768px){

    .anxmoveprocess{
        padding: 75px 0;
    }

    .anxmoveprocess-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxmoveprocess-top{
        margin-bottom: 55px;
    }

    .anxmoveprocess-heading{
        font-size: 36px;
        line-height: 1.15;
    }

    .anxmoveprocess-description{
        font-size: 15px;
    }

    .anxmoveprocess-card{
        padding: 28px 24px;
    }

    .anxmoveprocess-card h3{
        font-size: 24px;
    }

    .anxmoveprocess-card p{
        font-size: 15px;
    }

    .anxmoveprocess-number{
        font-size: 42px;
    }

}

/* =========================================
ANAGKI SAFETY SECTION
========================================= */

.anxsafety{
    position: relative;

    overflow: hidden;

    padding: 110px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* GLOW EFFECTS */

.anxsafety::before{
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background:
    rgba(255,138,0,0.16);

    filter: blur(120px);

    top: -120px;
    left: -120px;
}

.anxsafety::after{
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    border-radius: 50%;

    background:
    rgba(37,99,235,0.18);

    filter: blur(120px);

    bottom: -100px;
    right: -80px;
}


/* =========================================
CONTAINER
========================================= */

.anxsafety-container{
    position: relative;

    z-index: 2;

    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;
}


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

.anxsafety-left{
    width: 48%;
}


/* TAG */

.anxsafety-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxsafety-heading{
    font-size: 54px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 24px;
}


/* DESCRIPTION */

.anxsafety-description{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.74);

    margin-bottom: 42px;
}


/* =========================================
FEATURES
========================================= */

.anxsafety-features{
    display: flex;
    flex-direction: column;

    gap: 24px;
}


/* FEATURE */

.anxsafety-feature{
    display: flex;
    align-items: flex-start;

    gap: 22px;

    padding: 26px;

    border-radius: 30px;

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

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

    backdrop-filter: blur(16px);

    transition: 0.35s ease;
}

.anxsafety-feature:hover{
    transform: translateY(-6px);

    background:
    rgba(255,255,255,0.10);
}


/* FEATURE ICON */

.anxsafety-feature-icon{
    width: 78px;
    height: 78px;

    border-radius: 24px;

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

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    flex-shrink: 0;

    box-shadow:
    0 18px 40px rgba(255,138,0,0.25);
}

.anxsafety-feature-icon i{
    color: #ffffff;

    font-size: 34px;
}


/* FEATURE CONTENT */

.anxsafety-feature-content h3{
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 10px;
}

.anxsafety-feature-content p{
    font-size: 15px;
    line-height: 1.9;

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

    margin: 0;
}


/* =========================================
RIGHT
========================================= */

.anxsafety-right{
    width: 44%;
}


/* MAIN CARD */

.anxsafety-main-card{
    padding: 42px;

    border-radius: 36px;

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

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

    backdrop-filter: blur(18px);

    margin-bottom: 28px;

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


/* STAT */

.anxsafety-stat{
    font-size: 74px;
    line-height: 1;
    font-weight: 800;

    color: #ff8a00;

    margin-bottom: 22px;
}


/* TITLE */

.anxsafety-main-card h3{
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;

    color: #ffffff;

    margin-bottom: 18px;
}


/* TEXT */

.anxsafety-main-card p{
    font-size: 16px;
    line-height: 1.9;

    color: rgba(255,255,255,0.74);

    margin: 0;
}


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

.anxsafety-mini-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 22px;
}


/* MINI CARD */

.anxsafety-mini-card{
    padding: 30px;

    border-radius: 28px;

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

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

    backdrop-filter: blur(16px);

    text-align: center;

    transition: 0.35s ease;
}

.anxsafety-mini-card:hover{
    transform: translateY(-6px);

    background:
    rgba(255,255,255,0.10);
}


/* MINI ICON */

.anxsafety-mini-card i{
    font-size: 36px;

    color: #ff8a00;

    margin-bottom: 18px;
}


/* MINI TITLE */

.anxsafety-mini-card h4{
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;

    color: #ffffff;

    margin: 0;
}


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

@media(max-width:1100px){

    .anxsafety-container{
        flex-direction: column;
    }

    .anxsafety-left,
    .anxsafety-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxsafety{
        padding: 75px 0;
    }

    .anxsafety-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxsafety-heading{
        font-size: 38px;
        line-height: 1.15;
    }

    .anxsafety-description{
        font-size: 15px;
    }

    .anxsafety-feature{
        padding: 22px;

        gap: 18px;
    }

    .anxsafety-feature-icon{
        width: 66px;
        height: 66px;

        border-radius: 20px;
    }

    .anxsafety-feature-icon i{
        font-size: 28px;
    }

    .anxsafety-feature-content h3{
        font-size: 24px;
    }

    .anxsafety-main-card{
        padding: 32px 24px;
    }

    .anxsafety-stat{
        font-size: 56px;
    }

    .anxsafety-main-card h3{
        font-size: 28px;
    }

    .anxsafety-mini-grid{
        grid-template-columns: 1fr;
    }

}

/* =========================================
ANAGKI CREATIVE CTA STRIP
========================================= */

.anxcta{
    padding: 100px 0;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxcta-container{
    position: relative;

    overflow: hidden;

    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    padding: 60px;

    border-radius: 42px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;

    box-shadow:
    0 35px 90px rgba(15,23,42,0.14);
}


/* =========================================
SHAPES
========================================= */

.anxcta-shape{
    position: absolute;

    border-radius: 50%;

    filter: blur(120px);
}

.anxcta-shape1{
    width: 340px;
    height: 340px;

    background:
    rgba(255,138,0,0.18);

    top: -120px;
    left: -100px;
}

.anxcta-shape2{
    width: 300px;
    height: 300px;

    background:
    rgba(37,99,235,0.18);

    bottom: -100px;
    right: -80px;
}


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

.anxcta-left{
    position: relative;

    z-index: 2;

    width: 55%;
}


/* TAG */

.anxcta-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxcta-heading{
    font-size: 58px;
    line-height: 1.02;
    font-weight: 800;

    letter-spacing: -3px;

    color: #ffffff;

    margin-bottom: 24px;
}


/* DESCRIPTION */

.anxcta-description{
    max-width: 620px;

    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.74);

    margin: 0;
}


/* =========================================
RIGHT
========================================= */

.anxcta-right{
    position: relative;

    z-index: 2;

    width: 38%;
}


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

.anxcta-button{
    position: relative;

    overflow: hidden;

    min-height: 92px;

    padding: 20px 24px;

    border-radius: 28px;

    background: #ffffff;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    text-decoration: none;

    margin-bottom: 26px;

    transition: 0.35s ease;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.16);
}

.anxcta-button:hover{
    transform: translateY(-6px);
}


/* BUTTON TEXT */

.anxcta-button span{
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;

    color: #061633;

    max-width: 240px;
}


/* BUTTON ICON */

.anxcta-btn-icon{
    width: 62px;
    height: 62px;

    border-radius: 20px;

    flex-shrink: 0;

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

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    box-shadow:
    0 18px 40px rgba(255,138,0,0.22);
}

.anxcta-btn-icon i{
    color: #ffffff;

    font-size: 24px;
}


/* =========================================
INFO ROW
========================================= */

.anxcta-info{
    display: flex;
    flex-direction: column;

    gap: 18px;
}


/* INFO ITEM */

.anxcta-info-item{
    display: flex;
    align-items: center;

    gap: 14px;

    color: rgba(255,255,255,0.82);

    font-size: 15px;
    font-weight: 500;
}

.anxcta-info-item i{
    font-size: 18px;

    color: #ff8a00;
}


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

@media(max-width:1100px){

    .anxcta-container{
        flex-direction: column;
        align-items: flex-start;
    }

    .anxcta-left,
    .anxcta-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxcta{
        padding: 75px 18px;
    }

    .anxcta-container{
        margin-inline: 0;

        padding: 40px 24px;

        border-radius: 30px;
    }

    .anxcta-heading{
        font-size: 40px;

        line-height: 1.05;
    }

    .anxcta-description{
        font-size: 15px;
    }

    .anxcta-button{
        min-height: auto;

        padding: 18px;
    }

    .anxcta-button span{
        font-size: 18px;
    }

    .anxcta-btn-icon{
        width: 54px;
        height: 54px;

        border-radius: 18px;
    }

    .anxcta-btn-icon i{
        font-size: 20px;
    }

}

/* =========================================
ANAGKI LOGISTICS HERO
========================================= */

.anxloghero{
    position: relative;

    overflow: hidden;

    padding: 70px 0 90px;

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


/* =========================================
CONTAINER
========================================= */

.anxloghero-container{
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;
}


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

.anxloghero-left{
    width: 48%;
}


/* TAG */

.anxloghero-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxloghero-heading{
    font-size: 68px;
    line-height: 1.02;
    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 24px;

    max-width: 760px;
}


/* DESCRIPTION */

.anxloghero-description{
    max-width: 640px;

    font-size: 18px;
    line-height: 1.9;

    color: #667085;

    margin-bottom: 38px;
}


/* =========================================
ACTIONS
========================================= */

.anxloghero-actions{
    display: flex;
    align-items: center;

    gap: 18px;

    margin-bottom: 42px;
}


/* PRIMARY BUTTON */

.anxloghero-primary-btn{
    min-height: 66px;

    padding: 18px 26px;

    border-radius: 18px;

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

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

    gap: 14px;

    text-decoration: none;

    transition: 0.35s ease;

    box-shadow:
    0 20px 40px rgba(255,138,0,0.22);
}

.anxloghero-primary-btn:hover{
    transform: translateY(-4px);
}

.anxloghero-primary-btn span{
    color: #ffffff;

    font-size: 15px;
    font-weight: 700;

    letter-spacing: 0.3px;
}

.anxloghero-primary-btn i{
    color: #ffffff;

    font-size: 16px;
}


/* CALL BOX */

.anxloghero-call{
    display: flex;
    align-items: center;

    gap: 16px;

    min-height: 66px;

    padding: 14px 22px;

    border-radius: 18px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    text-decoration: none;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.04);
}

.anxloghero-call:hover{
    transform: translateY(-4px);
}


/* CALL ICON */

.anxloghero-call-icon{
    width: 50px;
    height: 50px;

    border-radius: 16px;

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

    background:
    rgba(255,138,0,0.10);
}

.anxloghero-call-icon i{
    color: #ff8a00;

    font-size: 20px;
}


/* CALL CONTENT */

.anxloghero-call-content{
    display: flex;
    flex-direction: column;
}

.anxloghero-call-content small{
    font-size: 11px;
    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.7px;

    color: #667085;

    margin-bottom: 4px;
}

.anxloghero-call-content strong{
    font-size: 20px;
    font-weight: 800;

    color: #061633;
}


/* =========================================
FEATURES
========================================= */

.anxloghero-features{
    display: flex;
    flex-wrap: wrap;

    gap: 26px;
}


/* FEATURE */

.anxloghero-feature{
    display: flex;
    align-items: center;

    gap: 10px;
}

.anxloghero-feature i{
    color: #ff8a00;

    font-size: 18px;
}

.anxloghero-feature span{
    font-size: 14px;
    font-weight: 600;

    color: #061633;
}


/* =========================================
RIGHT
========================================= */

.anxloghero-right{
    width: 48%;
}


/* IMAGE */

.anxloghero-image-wrap{
    position: relative;

    overflow: hidden;

    border-radius: 40px;

    box-shadow:
    0 35px 90px rgba(15,23,42,0.12);
}

.anxloghero-image-wrap img{
    width: 100%;
    height: 640px;

    object-fit: cover;

    display: block;
}


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

@media(max-width:1200px){

    .anxloghero-heading{
        font-size: 56px;
    }

}


@media(max-width:991px){

    .anxloghero-container{
        flex-direction: column;
    }

    .anxloghero-left,
    .anxloghero-right{
        width: 100%;
    }

    .anxloghero-image-wrap img{
        height: 500px;
    }

}


@media(max-width:768px){

    .anxloghero{
        padding: 45px 0 70px;
    }

    .anxloghero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxloghero-heading{
        font-size: 42px;

        line-height: 1.06;
    }

    .anxloghero-description{
        font-size: 15px;
    }

    .anxloghero-actions{
        flex-direction: column;

        align-items: stretch;
    }

    .anxloghero-primary-btn,
    .anxloghero-call{
        width: 100%;
    }

    .anxloghero-features{
        gap: 18px;
    }

    .anxloghero-feature{
        width: calc(50% - 10px);
    }

    .anxloghero-image-wrap{
        border-radius: 26px;
    }

    .anxloghero-image-wrap img{
        height: 340px;
    }

}
/* =========================================
ANAGKI LOGISTICS SERVICES
========================================= */

.anxlogservices{
    padding: 110px 0;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxlogservices-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


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

.anxlogservices-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 70px;
}


/* TAG */

.anxlogservices-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxlogservices-heading{
    font-size: 54px;
    line-height: 1.06;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 24px;
}


/* DESCRIPTION */

.anxlogservices-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


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

.anxlogservices-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 28px;
}


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

.anxlogservices-card{
    position: relative;

    overflow: hidden;

    padding: 38px;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    min-height: 300px;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.05);
}

.anxlogservices-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 30px 70px rgba(15,23,42,0.10);
}


/* VARIANTS */

.anxlogservices-dark{
    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    border: none;
}

.anxlogservices-gradient{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}

.anxlogservices-border{
    border:
    1px solid rgba(255,138,0,0.16);
}


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

.anxlogservices-icon{
    width: 92px;
    height: 92px;

    border-radius: 28px;

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

    margin-bottom: 34px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 22px 50px rgba(6,22,51,0.18);
}


/* ICON COLORS */

.anxlogservices-icon-dark{
    background:
    rgba(255,255,255,0.10);

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

    box-shadow: none;
}

.anxlogservices-icon-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}

.anxlogservices-icon-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}


/* ICON */

.anxlogservices-icon i{
    font-size: 38px;

    color: #ffffff;
}


/* =========================================
CONTENT
========================================= */

.anxlogservices-card h3{
    font-size: 32px;
    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -1px;

    color: #061633;

    margin-bottom: 18px;
}

.anxlogservices-card p{
    font-size: 16px;
    line-height: 1.9;

    color: #667085;

    margin: 0;

    max-width: 92%;
}


/* DARK CARD TEXT */

.anxlogservices-dark h3{
    color: #ffffff;
}

.anxlogservices-dark p{
    color: rgba(255,255,255,0.74);
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxlogservices{
        padding: 75px 0;
    }

    .anxlogservices-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxlogservices-top{
        margin-bottom: 55px;
    }

    .anxlogservices-heading{
        font-size: 38px;
        line-height: 1.12;
    }

    .anxlogservices-description{
        font-size: 15px;
    }

    .anxlogservices-grid{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxlogservices-card{
        min-height: auto;

        padding: 30px 24px;
    }

    .anxlogservices-icon{
        width: 78px;
        height: 78px;

        border-radius: 24px;

        margin-bottom: 26px;
    }

    .anxlogservices-icon i{
        font-size: 30px;
    }

    .anxlogservices-card h3{
        font-size: 26px;
    }

    .anxlogservices-card p{
        font-size: 15px;
    }

}
/* =========================================
ANAGKI LOGISTICS USP STRIP
========================================= */

.anxlogusp{
    position: relative;

    overflow: hidden;

    padding: 110px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* GLOW */

.anxlogusp::before{
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background:
    rgba(255,138,0,0.14);

    filter: blur(120px);

    top: -120px;
    left: -100px;
}


/* =========================================
CONTAINER
========================================= */

.anxlogusp-container{
    position: relative;

    z-index: 2;

    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


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

.anxlogusp-top{
    text-align: center;

    margin-bottom: 70px;
}


/* TAG */

.anxlogusp-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 22px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================
WRAP
========================================= */

.anxlogusp-wrap{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 28px;
}


/* =========================================
ITEM
========================================= */

.anxlogusp-item{
    padding: 38px;

    border-radius: 34px;

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

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

    backdrop-filter: blur(14px);

    transition: 0.35s ease;
}

.anxlogusp-item:hover{
    transform: translateY(-8px);

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


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

.anxlogusp-icon{
    width: 88px;
    height: 88px;

    border-radius: 28px;

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

    margin-bottom: 30px;

    background:
    linear-gradient(
    135deg,
    #ffffff,
    #dbeafe
    );

    box-shadow:
    0 20px 45px rgba(255,255,255,0.10);
}


/* ORANGE */

.anxlogusp-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    box-shadow:
    0 20px 45px rgba(255,138,0,0.20);
}


/* ICON */

.anxlogusp-icon i{
    font-size: 36px;

    color: #061633;
}

.anxlogusp-orange i{
    color: #ffffff;
}


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

.anxlogusp-item h3{
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;

    color: #ffffff;

    letter-spacing: -1px;

    margin-bottom: 18px;
}

.anxlogusp-item p{
    font-size: 16px;
    line-height: 1.9;

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

    margin: 0;

    max-width: 92%;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxlogusp{
        padding: 75px 0;
    }

    .anxlogusp-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxlogusp-top{
        margin-bottom: 50px;
    }

    .anxlogusp-wrap{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxlogusp-item{
        padding: 30px 24px;
    }

    .anxlogusp-icon{
        width: 74px;
        height: 74px;

        border-radius: 22px;

        margin-bottom: 24px;
    }

    .anxlogusp-icon i{
        font-size: 28px;
    }

    .anxlogusp-item h3{
        font-size: 24px;
    }

    .anxlogusp-item p{
        font-size: 15px;
    }

}

/* =========================================
ANAGKI INDUSTRIES SECTION
========================================= */

.anxindustries{
    padding: 110px 0;

    background: #ffffff;
}


/* =========================================
CONTAINER
========================================= */

.anxindustries-container{
    position: relative;

    overflow: hidden;

    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    padding: 70px;

    border-radius: 44px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 70px;
}


/* GLOW */

.anxindustries-container::before{
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    background:
    rgba(255,138,0,0.16);

    filter: blur(120px);

    top: -120px;
    left: -100px;
}


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

.anxindustries-left{
    position: relative;

    z-index: 2;

    width: 38%;
}


/* TAG */

.anxindustries-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxindustries-heading{
    font-size: 54px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 24px;
}


/* DESCRIPTION */

.anxindustries-description{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.74);

    margin-bottom: 38px;
}


/* BUTTON */

.anxindustries-btn{
    display: inline-flex;
    align-items: center;

    gap: 14px;

    min-height: 64px;

    padding: 18px 26px;

    border-radius: 18px;

    background: #ffffff;

    text-decoration: none;

    transition: 0.35s ease;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.16);
}

.anxindustries-btn:hover{
    transform: translateY(-5px);
}

.anxindustries-btn span{
    font-size: 15px;
    font-weight: 700;

    color: #061633;
}

.anxindustries-btn i{
    font-size: 16px;

    color: #ff8a00;
}


/* =========================================
RIGHT
========================================= */

.anxindustries-right{
    position: relative;

    z-index: 2;

    width: 55%;

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

    gap: 24px;
}


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

.anxindustries-card{
    padding: 34px;

    border-radius: 32px;

    background: #ffffff;

    min-height: 240px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    transition: 0.35s ease;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.10);
}

.anxindustries-card:hover{
    transform: translateY(-8px);
}


/* VARIANTS */

.anxindustries-dark{
    background:
    linear-gradient(
    135deg,
    rgba(255,255,255,0.10),
    rgba(255,255,255,0.06)
    );

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

    backdrop-filter: blur(16px);
}

.anxindustries-gradient{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}

.anxindustries-light{
    background:
    linear-gradient(
    135deg,
    #eff6ff 0%,
    #ffffff 100%
    );
}


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

.anxindustries-icon{
    width: 90px;
    height: 90px;

    border-radius: 28px;

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

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 20px 45px rgba(6,22,51,0.18);
}


/* ICON COLORS */

.anxindustries-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxindustries-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxindustries-icon i{
    font-size: 38px;

    color: #ffffff;
}


/* =========================================
TITLE
========================================= */

.anxindustries-card h3{
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -1px;

    color: #061633;

    margin: 0;
}


/* DARK TEXT */

.anxindustries-dark h3{
    color: #ffffff;
}


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

@media(max-width:1100px){

    .anxindustries-container{
        flex-direction: column;
    }

    .anxindustries-left,
    .anxindustries-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxindustries{
        padding: 75px 18px;
    }

    .anxindustries-container{
        margin-inline: 0;

        padding: 40px 24px;

        border-radius: 30px;
    }

    .anxindustries-heading{
        font-size: 38px;
        line-height: 1.10;
    }

    .anxindustries-description{
        font-size: 15px;
    }

    .anxindustries-right{
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .anxindustries-card{
        min-height: 200px;

        padding: 28px;
    }

    .anxindustries-icon{
        width: 74px;
        height: 74px;

        border-radius: 22px;
    }

    .anxindustries-icon i{
        font-size: 30px;
    }

    .anxindustries-card h3{
        font-size: 24px;
    }

}


/* =========================================
ANAGKI LOGISTICS FLOW
========================================= */

.anxlogflow{
    padding: 110px 0;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxlogflow-container{
    max-width: 1440px;
    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;
}


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

.anxlogflow-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 80px;
}


/* TAG */

.anxlogflow-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxlogflow-heading{
    font-size: 54px;
    line-height: 1.06;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 24px;
}


/* DESCRIPTION */

.anxlogflow-description{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;
}


/* =========================================
FLOW
========================================= */

.anxlogflow-wrap{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 24px;
}


/* =========================================
ITEM
========================================= */

.anxlogflow-item{
    position: relative;

    overflow: hidden;

    flex: 1;

    min-height: 340px;

    padding: 36px;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.05);
}

.anxlogflow-item:hover{
    transform: translateY(-8px);

    box-shadow:
    0 30px 70px rgba(15,23,42,0.10);
}


/* VARIANTS */

.anxlogflow-dark{
    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    border: none;
}

.anxlogflow-gradient{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}


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

.anxlogflow-icon{
    width: 92px;
    height: 92px;

    border-radius: 28px;

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

    margin-bottom: 34px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 22px 50px rgba(6,22,51,0.18);
}


/* ICON COLORS */

.anxlogflow-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxlogflow-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxlogflow-icon i{
    font-size: 38px;

    color: #ffffff;
}


/* =========================================
NUMBER
========================================= */

.anxlogflow-number{
    position: absolute;

    top: 28px;
    right: 28px;

    font-size: 52px;
    font-weight: 800;

    line-height: 1;

    color: rgba(255,138,0,0.10);
}


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

.anxlogflow-item h3{
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -1px;

    color: #061633;

    margin-bottom: 18px;

    max-width: 85%;
}

.anxlogflow-item p{
    font-size: 16px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* DARK TEXT */

.anxlogflow-dark h3{
    color: #ffffff;
}

.anxlogflow-dark p{
    color: rgba(255,255,255,0.74);
}


/* =========================================
ARROW
========================================= */

.anxlogflow-arrow{
    width: 54px;
    height: 54px;

    border-radius: 50%;

    flex-shrink: 0;

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

    background: #ffffff;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.08);
}

.anxlogflow-arrow i{
    font-size: 22px;

    color: #ff8a00;
}


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

@media(max-width:1200px){

    .anxlogflow-wrap{
        flex-direction: column;
    }

    .anxlogflow-item{
        width: 100%;
    }

    .anxlogflow-arrow{
        transform: rotate(90deg);
    }

}


@media(max-width:768px){

    .anxlogflow{
        padding: 75px 0;
    }

    .anxlogflow-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxlogflow-top{
        margin-bottom: 50px;
    }

    .anxlogflow-heading{
        font-size: 38px;
        line-height: 1.10;
    }

    .anxlogflow-description{
        font-size: 15px;
    }

    .anxlogflow-item{
        min-height: auto;

        padding: 30px 24px;
    }

    .anxlogflow-icon{
        width: 78px;
        height: 78px;

        border-radius: 24px;

        margin-bottom: 28px;
    }

    .anxlogflow-icon i{
        font-size: 30px;
    }

    .anxlogflow-number{
        font-size: 40px;
    }

    .anxlogflow-item h3{
        font-size: 24px;
    }

    .anxlogflow-item p{
        font-size: 15px;
    }

}

/* =========================================
ANAGKI MINI CTA STRIP
========================================= */

.anxminicta{
    padding: 0 0 110px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxminicta-container{
    position: relative;

    overflow: hidden;

    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    padding: 40px 50px;

    border-radius: 34px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    box-shadow:
    0 25px 70px rgba(15,23,42,0.14);
}


/* GLOW */

.anxminicta-container::before{
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    background:
    rgba(255,138,0,0.16);

    filter: blur(100px);

    top: -100px;
    right: -80px;
}


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

.anxminicta-left{
    position: relative;

    z-index: 2;
}

.anxminicta-left h2{
    font-size: 42px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin: 0;

    max-width: 720px;
}


/* =========================================
RIGHT
========================================= */

.anxminicta-right{
    position: relative;

    z-index: 2;
}


/* BUTTON */

.anxminicta-btn{
    min-height: 66px;

    padding: 18px 26px;

    border-radius: 18px;

    background: #ffffff;

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

    gap: 14px;

    text-decoration: none;

    transition: 0.35s ease;

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

.anxminicta-btn:hover{
    transform: translateY(-4px);
}


/* BUTTON TEXT */

.anxminicta-btn span{
    font-size: 15px;
    font-weight: 700;

    color: #061633;
}


/* ICON */

.anxminicta-btn i{
    font-size: 15px;

    color: #ff8a00;
}


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

@media(max-width:991px){

    .anxminicta-container{
        flex-direction: column;
        align-items: flex-start;
    }

}


@media(max-width:768px){

    .anxminicta{
        padding: 0 18px 75px;
    }

    .anxminicta-container{
        margin-inline: 0;

        padding: 34px 24px;

        border-radius: 26px;
    }

    .anxminicta-left h2{
        font-size: 30px;

        line-height: 1.12;
    }

    .anxminicta-btn{
        width: 100%;
    }

}

/* =========================================
ANAGKI TRACK HERO
========================================= */

.anxtrackhero{
    position: relative;

    overflow: hidden;

    padding: 70px 0 90px;

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


/* =========================================
CONTAINER
========================================= */

.anxtrackhero-container{
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;
}


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

.anxtrackhero-left{
    width: 48%;
}


/* TAG */

.anxtrackhero-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxtrackhero-heading{
    font-size: 72px;
    line-height: 0.98;
    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 28px;

    max-width: 760px;
}

.anxtrackhero-heading span{
    display: block;

    color: #ff8a00;
}


/* DESCRIPTION */

.anxtrackhero-description{
    max-width: 620px;

    font-size: 18px;
    line-height: 1.9;

    color: #667085;

    margin-bottom: 42px;
}


/* =========================================
FEATURES
========================================= */

.anxtrackhero-features{
    display: flex;
    flex-wrap: wrap;

    gap: 22px;
}


/* FEATURE */

.anxtrackhero-feature{
    display: flex;
    align-items: center;

    gap: 16px;

    min-width: 220px;
}


/* ICON */

.anxtrackhero-feature-icon{
    width: 66px;
    height: 66px;

    border-radius: 22px;

    flex-shrink: 0;

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

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 18px 40px rgba(6,22,51,0.18);
}


/* COLORS */

.anxtrackhero-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxtrackhero-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxtrackhero-feature-icon i{
    font-size: 26px;

    color: #ffffff;
}


/* CONTENT */

.anxtrackhero-feature-content h3{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 6px;
}

.anxtrackhero-feature-content p{
    font-size: 14px;
    line-height: 1.6;

    color: #667085;

    margin: 0;
}


/* =========================================
RIGHT
========================================= */

.anxtrackhero-right{
    width: 48%;
}


/* IMAGE */

.anxtrackhero-image-wrap{
    position: relative;

    overflow: hidden;

    border-radius: 40px;

    box-shadow:
    0 35px 90px rgba(15,23,42,0.12);
}

.anxtrackhero-image-wrap img{
    width: 100%;
    height: 620px;

    object-fit: cover;

    display: block;
}


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

@media(max-width:1200px){

    .anxtrackhero-heading{
        font-size: 58px;
    }

}


@media(max-width:991px){

    .anxtrackhero-container{
        flex-direction: column;
    }

    .anxtrackhero-left,
    .anxtrackhero-right{
        width: 100%;
    }

    .anxtrackhero-image-wrap img{
        height: 480px;
    }

}


@media(max-width:768px){

    .anxtrackhero{
        padding: 45px 0 70px;
    }

    .anxtrackhero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxtrackhero-heading{
        font-size: 42px;

        line-height: 1.05;
    }

    .anxtrackhero-description{
        font-size: 15px;
    }

    .anxtrackhero-features{
        flex-direction: column;

        gap: 18px;
    }

    .anxtrackhero-feature{
        width: 100%;
    }

    .anxtrackhero-image-wrap{
        border-radius: 26px;
    }

    .anxtrackhero-image-wrap img{
        height: 340px;
    }

}

/* =========================================
ANAGKI TRACKING FORM
========================================= */

.anxtrackform{
    margin-top: -30px;

    position: relative;
    z-index: 5;

    padding-bottom: 90px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxtrackform-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    padding: 42px;

    border-radius: 36px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    box-shadow:
    0 30px 80px rgba(15,23,42,0.14);
}


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

.anxtrackform-top{
    display: flex;
    align-items: center;

    gap: 22px;

    margin-bottom: 34px;
}


/* ICON */

.anxtrackform-icon{
    width: 88px;
    height: 88px;

    border-radius: 28px;

    flex-shrink: 0;

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

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

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

.anxtrackform-icon i{
    font-size: 38px;

    color: #ffffff;
}


/* HEADING */

.anxtrackform-heading-wrap h2{
    font-size: 42px;
    line-height: 1.1;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 10px;
}

.anxtrackform-heading-wrap p{
    font-size: 16px;
    line-height: 1.8;

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

    margin: 0;
}


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

.anxtrackform-main{
    display: grid;
    grid-template-columns: 1.2fr 1fr auto auto;

    gap: 18px;

    margin-bottom: 24px;
}


/* GROUP */

.anxtrackform-group{
    display: flex;
    flex-direction: column;
}


/* LABEL */

.anxtrackform-group label{
    font-size: 13px;
    font-weight: 600;

    color: rgba(255,255,255,0.74);

    margin-bottom: 10px;
}


/* INPUT */

.anxtrackform-group input{
    height: 66px;

    border: none;
    outline: none;

    border-radius: 18px;

    padding: 0 22px;

    background: #ffffff;

    font-size: 15px;

    color: #061633;
}

.anxtrackform-group input::placeholder{
    color: #98a2b3;
}


/* BUTTON */

.anxtrackform-btn{
    height: 66px;

    align-self: end;

    padding: 0 28px;

    border: none;
    outline: none;

    border-radius: 18px;

    cursor: pointer;

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

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

    gap: 12px;

    transition: 0.35s ease;

    box-shadow:
    0 18px 40px rgba(255,138,0,0.22);
}

.anxtrackform-btn:hover{
    transform: translateY(-4px);
}

.anxtrackform-btn span{
    font-size: 15px;
    font-weight: 700;

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

.anxtrackform-btn i{
    color: #ffffff;

    font-size: 15px;
}


/* HELP */

.anxtrackform-help{
    height: 66px;

    align-self: end;

    padding: 0 24px;

    border-radius: 18px;

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

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

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

    gap: 12px;

    text-decoration: none;

    transition: 0.35s ease;
}

.anxtrackform-help:hover{
    background:
    rgba(255,255,255,0.10);
}

.anxtrackform-help i{
    font-size: 18px;

    color: #ffffff;
}

.anxtrackform-help span{
    font-size: 14px;
    font-weight: 700;

    color: #ffffff;
}


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

.anxtrackform-bottom{
    display: flex;
    align-items: center;

    gap: 12px;
}

.anxtrackform-bottom i{
    color: #ffffff;

    font-size: 15px;
}

.anxtrackform-bottom span{
    font-size: 14px;
    color: rgba(255,255,255,0.72);
}


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

@media(max-width:1200px){

    .anxtrackform-main{
        grid-template-columns: 1fr 1fr;
    }

}


@media(max-width:768px){

    .anxtrackform{
        margin-top: 0;

        padding: 70px 18px;
    }

    .anxtrackform-container{
        margin-inline: 0;

        padding: 30px 22px;

        border-radius: 28px;
    }

    .anxtrackform-top{
        flex-direction: column;
        align-items: flex-start;

        gap: 18px;
    }

    .anxtrackform-icon{
        width: 74px;
        height: 74px;

        border-radius: 22px;
    }

    .anxtrackform-icon i{
        font-size: 30px;
    }

    .anxtrackform-heading-wrap h2{
        font-size: 32px;
    }

    .anxtrackform-heading-wrap p{
        font-size: 14px;
    }

    .anxtrackform-main{
        grid-template-columns: 1fr;
    }

    .anxtrackform-btn,
    .anxtrackform-help{
        width: 100%;
    }

    .anxtrackform-bottom{
        align-items: flex-start;
    }

}

/* =========================================
ANAGKI SHIPMENT STATUS
========================================= */

.anxshipstatus{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxshipstatus-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    padding: 50px;

    border-radius: 36px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    box-shadow:
    0 25px 70px rgba(15,23,42,0.05);
}


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

.anxshipstatus-top{
    margin-bottom: 50px;
}

.anxshipstatus-top h2{
    font-size: 42px;
    line-height: 1.1;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0;
}


/* =========================================
TIMELINE
========================================= */

.anxshipstatus-timeline{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 0;

    margin-bottom: 60px;
}


/* STEP */

.anxshipstatus-step{
    position: relative;

    flex: 1;

    text-align: center;
}


/* CIRCLE */

.anxshipstatus-circle{
    width: 74px;
    height: 74px;

    margin: 0 auto 22px;

    border-radius: 50%;

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

    background: #e5e7eb;

    border: 5px solid #ffffff;

    box-shadow:
    0 10px 30px rgba(15,23,42,0.08);
}

.anxshipstatus-circle i{
    font-size: 28px;

    color: #98a2b3;
}


/* COMPLETED */

.anxshipstatus-completed .anxshipstatus-circle{
    background: #22c55e;
}

.anxshipstatus-completed .anxshipstatus-circle i{
    color: #ffffff;
}


/* CURRENT */

.anxshipstatus-current .anxshipstatus-circle{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );

    transform: scale(1.12);
}

.anxshipstatus-current .anxshipstatus-circle i{
    color: #ffffff;
}


/* LINE */

.anxshipstatus-line{
    height: 4px;

    flex: 1;

    margin-top: 35px;

    background: #e5e7eb;
}

.anxshipstatus-active{
    background: #22c55e;
}


/* TEXT */

.anxshipstatus-step h3{
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;

    color: #061633;

    margin-bottom: 8px;
}

.anxshipstatus-step p{
    font-size: 14px;

    color: #667085;

    margin-bottom: 4px;
}

.anxshipstatus-step span{
    font-size: 13px;

    color: #98a2b3;
}


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

.anxshipstatus-grid{
    display: grid;
    grid-template-columns: repeat(5,1fr);

    gap: 18px;

    margin-bottom: 30px;
}


/* CARD */

.anxshipstatus-card{
    padding: 24px;

    border-radius: 24px;

    background: #f7f9fc;

    border: 1px solid #edf1f7;

    display: flex;
    align-items: center;

    gap: 16px;
}


/* ICON */

.anxshipstatus-card i{
    font-size: 24px;

    color: #ff8a00;
}


/* TEXT */

.anxshipstatus-card small{
    display: block;

    font-size: 12px;
    font-weight: 600;

    color: #98a2b3;

    margin-bottom: 6px;
}

.anxshipstatus-card h4{
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;

    color: #061633;

    margin: 0;
}


/* =========================================
ALERT
========================================= */

.anxshipstatus-alert{
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 20px 24px;

    border-radius: 18px;

    background:
    rgba(37,99,235,0.08);

    border:
    1px solid rgba(37,99,235,0.10);
}

.anxshipstatus-alert i{
    font-size: 18px;

    color: #2563eb;
}

.anxshipstatus-alert span{
    font-size: 15px;
    line-height: 1.7;

    color: #061633;
}


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

@media(max-width:1200px){

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

}


@media(max-width:991px){

    .anxshipstatus-timeline{
        flex-direction: column;

        gap: 30px;
    }

    .anxshipstatus-line{
        width: 4px;
        height: 50px;

        margin: 0 auto;
    }

}


@media(max-width:768px){

    .anxshipstatus{
        padding: 0 18px 75px;
    }

    .anxshipstatus-container{
        margin-inline: 0;

        padding: 30px 22px;

        border-radius: 28px;
    }

    .anxshipstatus-top{
        margin-bottom: 40px;
    }

    .anxshipstatus-top h2{
        font-size: 32px;
    }

    .anxshipstatus-grid{
        grid-template-columns: 1fr;
    }

    .anxshipstatus-card{
        padding: 20px;
    }

    .anxshipstatus-alert{
        align-items: flex-start;
    }

}

/* =========================================
ANAGKI SUPPORT SECTION
========================================= */

.anxsupport{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxsupport-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    display: flex;
    align-items: stretch;
    justify-content: space-between;

    gap: 28px;
}


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

.anxsupport-left{
    width: 58%;

    padding: 40px;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    box-shadow:
    0 20px 60px rgba(15,23,42,0.05);
}


/* TOP */

.anxsupport-top{
    margin-bottom: 36px;
}


/* TAG */

.anxsupport-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 20px;
}


/* HEADING */

.anxsupport-top h2{
    font-size: 42px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 18px;
}


/* TEXT */

.anxsupport-top p{
    font-size: 16px;
    line-height: 1.9;

    color: #667085;

    margin: 0;

    max-width: 620px;
}


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

.anxsupport-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 18px;
}


/* CARD */

.anxsupport-card{
    padding: 26px;

    border-radius: 26px;

    background: #f7f9fc;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;
}

.anxsupport-card:hover{
    transform: translateY(-6px);
}


/* VARIANTS */

.anxsupport-green{
    background:
    linear-gradient(
    135deg,
    #ecfdf3 0%,
    #ffffff 100%
    );
}

.anxsupport-orange{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}


/* ICON */

.anxsupport-icon{
    width: 72px;
    height: 72px;

    border-radius: 22px;

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

    margin-bottom: 22px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}

.anxsupport-green .anxsupport-icon{
    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );
}

.anxsupport-orange .anxsupport-icon{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}


/* ICON */

.anxsupport-icon i{
    font-size: 28px;

    color: #ffffff;
}


/* CONTENT */

.anxsupport-content small{
    display: block;

    font-size: 12px;
    font-weight: 700;

    color: #98a2b3;

    text-transform: uppercase;

    letter-spacing: 0.6px;

    margin-bottom: 10px;
}

.anxsupport-content h3{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 800;

    color: #061633;

    margin-bottom: 10px;
}

.anxsupport-content p{
    font-size: 14px;

    color: #667085;

    margin: 0;
}


/* =========================================
RIGHT
========================================= */

.anxsupport-right{
    width: 42%;
}


/* DARK BOX */

.anxsupport-darkbox{
    position: relative;

    overflow: hidden;

    height: 100%;

    padding: 40px;

    border-radius: 34px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* MAP */

.anxsupport-map{
    margin-bottom: 30px;
}

.anxsupport-map img{
    width: 100%;
    height: 220px;

    object-fit: contain;

    display: block;
}


/* CONTENT */

.anxsupport-darkcontent h3{
    font-size: 34px;
    line-height: 1.1;
    font-weight: 800;

    color: #ffffff;

    letter-spacing: -1px;

    margin-bottom: 26px;
}


/* LIST */

.anxsupport-darkcontent ul{
    list-style: none;

    padding: 0;
    margin: 0;

    display: flex;
    flex-direction: column;

    gap: 16px;
}

.anxsupport-darkcontent li{
    display: flex;
    align-items: center;

    gap: 12px;

    font-size: 16px;
    line-height: 1.7;

    color: rgba(255,255,255,0.78);
}

.anxsupport-darkcontent li i{
    color: #ff8a00;
}


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

@media(max-width:1200px){

    .anxsupport-grid{
        grid-template-columns: 1fr;
    }

}


@media(max-width:991px){

    .anxsupport-container{
        flex-direction: column;
    }

    .anxsupport-left,
    .anxsupport-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxsupport{
        padding: 0 18px 75px;
    }

    .anxsupport-container{
        margin-inline: 0;
    }

    .anxsupport-left,
    .anxsupport-darkbox{
        padding: 30px 22px;

        border-radius: 28px;
    }

    .anxsupport-top h2{
        font-size: 32px;
    }

    .anxsupport-top p{
        font-size: 14px;
    }

    .anxsupport-content h3{
        font-size: 20px;
    }

    .anxsupport-darkcontent h3{
        font-size: 28px;
    }

}

/* =========================================
ANAGKI PAYMENT HERO
========================================= */

.anxpayhero{
    position: relative;

    overflow: hidden;

    padding: 70px 0 90px;

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


/* =========================================
CONTAINER
========================================= */

.anxpayhero-container{
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;
}


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

.anxpayhero-left{
    width: 48%;
}


/* TAG */

.anxpayhero-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxpayhero-heading{
    font-size: 72px;
    line-height: 0.98;
    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 28px;
}

.anxpayhero-heading span{
    display: block;

    color: #ff8a00;
}


/* DESCRIPTION */

.anxpayhero-description{
    max-width: 620px;

    font-size: 18px;
    line-height: 1.9;

    color: #667085;

    margin-bottom: 38px;
}


/* =========================================
ACTIONS
========================================= */

.anxpayhero-actions{
    display: flex;
    align-items: center;

    gap: 18px;

    margin-bottom: 42px;
}


/* BUTTON */

.anxpayhero-btn{
    min-height: 66px;

    padding: 18px 28px;

    border-radius: 18px;

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

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

    gap: 12px;

    text-decoration: none;

    transition: 0.35s ease;

    box-shadow:
    0 20px 40px rgba(255,138,0,0.22);
}

.anxpayhero-btn:hover{
    transform: translateY(-4px);
}

.anxpayhero-btn span{
    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #ffffff;
}

.anxpayhero-btn i{
    font-size: 15px;

    color: #ffffff;
}


/* HELP */

.anxpayhero-help{
    min-height: 66px;

    padding: 18px 24px;

    border-radius: 18px;

    background: #ffffff;

    border: 1px solid #edf1f7;

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

    gap: 12px;

    text-decoration: none;

    transition: 0.35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.04);
}

.anxpayhero-help:hover{
    transform: translateY(-4px);
}

.anxpayhero-help i{
    font-size: 18px;

    color: #061633;
}

.anxpayhero-help span{
    font-size: 14px;
    font-weight: 700;

    color: #061633;
}


/* =========================================
FEATURES
========================================= */

.anxpayhero-features{
    display: flex;
    flex-wrap: wrap;

    gap: 22px;
}


/* FEATURE */

.anxpayhero-feature{
    display: flex;
    align-items: center;

    gap: 14px;

    min-width: 240px;
}


/* ICON */

.anxpayhero-feature-icon{
    width: 62px;
    height: 62px;

    border-radius: 20px;

    flex-shrink: 0;

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

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}


/* COLORS */

.anxpayhero-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxpayhero-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxpayhero-feature-icon i{
    font-size: 24px;

    color: #ffffff;
}


/* CONTENT */

.anxpayhero-feature-content h3{
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 5px;
}

.anxpayhero-feature-content p{
    font-size: 13px;
    line-height: 1.6;

    color: #667085;

    margin: 0;
}


/* =========================================
RIGHT
========================================= */

.anxpayhero-right{
    width: 48%;
}


/* IMAGE */

.anxpayhero-image-wrap{
    position: relative;

    overflow: hidden;

    border-radius: 40px;

    box-shadow:
    0 35px 90px rgba(15,23,42,0.12);
}

.anxpayhero-image-wrap img{
    width: 100%;
    height: 620px;

    object-fit: cover;

    display: block;
}


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

@media(max-width:1200px){

    .anxpayhero-heading{
        font-size: 58px;
    }

}


@media(max-width:991px){

    .anxpayhero-container{
        flex-direction: column;
    }

    .anxpayhero-left,
    .anxpayhero-right{
        width: 100%;
    }

    .anxpayhero-image-wrap img{
        height: 480px;
    }

}


@media(max-width:768px){

    .anxpayhero{
        padding: 45px 0 70px;
    }

    .anxpayhero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxpayhero-heading{
        font-size: 42px;

        line-height: 1.05;
    }

    .anxpayhero-description{
        font-size: 15px;
    }

    .anxpayhero-actions{
        flex-direction: column;

        align-items: stretch;
    }

    .anxpayhero-btn,
    .anxpayhero-help{
        width: 100%;
    }

    .anxpayhero-features{
        flex-direction: column;

        gap: 18px;
    }

    .anxpayhero-feature{
        width: 100%;
    }

    .anxpayhero-image-wrap{
        border-radius: 26px;
    }

    .anxpayhero-image-wrap img{
        height: 340px;
    }

}

/* =========================================
ANAGKI PAYMENT FORM
========================================= */

.anxpaymentform{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxpaymentform-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    display: flex;
    align-items: stretch;
    justify-content: space-between;

    gap: 28px;
}


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

.anxpaymentform-left{
    width: 68%;

    overflow: hidden;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    box-shadow:
    0 20px 60px rgba(15,23,42,0.05);
}


/* HEADER */

.anxpaymentform-header{
    min-height: 88px;

    padding: 0 34px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    display: flex;
    align-items: center;

    gap: 18px;
}

.anxpaymentform-header-icon{
    width: 54px;
    height: 54px;

    border-radius: 16px;

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

    background:
    rgba(255,255,255,0.10);
}

.anxpaymentform-header-icon i{
    font-size: 22px;

    color: #ffffff;
}

.anxpaymentform-header h2{
    font-size: 28px;
    font-weight: 700;

    color: #ffffff;

    margin: 0;
}


/* FORM */

.anxpaymentform-main{
    padding: 34px;
}


/* ROW */

.anxpaymentform-row{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 22px;

    margin-bottom: 22px;
}


/* GROUP */

.anxpaymentform-group{
    display: flex;
    flex-direction: column;
}

.anxpaymentform-group label{
    font-size: 14px;
    font-weight: 600;

    color: #344054;

    margin-bottom: 10px;
}


/* INPUT */

.anxpaymentform-group input,
.anxpaymentform-group select{
    height: 62px;

    border-radius: 18px;

    border: 1px solid #e4e7ec;

    padding: 0 20px;

    outline: none;

    background: #ffffff;

    font-size: 15px;

    color: #061633;
}

.anxpaymentform-group input::placeholder{
    color: #98a2b3;
}


/* INFO */

.anxpaymentform-info{
    display: flex;
    align-items: flex-start;

    gap: 14px;

    padding: 22px;

    border-radius: 20px;

    background:
    rgba(37,99,235,0.06);

    margin: 12px 0 28px;
}

.anxpaymentform-info i{
    font-size: 18px;

    color: #2563eb;
}

.anxpaymentform-info span{
    font-size: 14px;
    line-height: 1.8;

    color: #344054;
}


/* BUTTON */

.anxpaymentform-btn{
    width: 100%;
    height: 68px;

    border: none;
    outline: none;

    border-radius: 18px;

    cursor: pointer;

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

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

    gap: 14px;

    transition: 0.35s ease;

    box-shadow:
    0 20px 45px rgba(255,138,0,0.22);
}

.anxpaymentform-btn:hover{
    transform: translateY(-4px);
}

.anxpaymentform-btn i{
    color: #ffffff;

    font-size: 16px;
}

.anxpaymentform-btn span{
    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #ffffff;
}


/* =========================================
RIGHT
========================================= */

.anxpaymentform-right{
    width: 32%;

    display: flex;
    flex-direction: column;

    gap: 22px;
}


/* BOXES */

.anxpaymentmethods,
.anxpaymentsecure,
.anxpaymentsupport{
    padding: 28px;

    border-radius: 30px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    box-shadow:
    0 20px 60px rgba(15,23,42,0.04);
}

.anxpaymentmethods h3,
.anxpaymentsecure h3,
.anxpaymentsupport h3{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 24px;
}


/* METHODS */

.anxpaymentmethods-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 16px;
}

.anxpaymentmethods-item{
    min-height: 120px;

    border-radius: 22px;

    background: #f7f9fc;

    border: 1px solid #edf1f7;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 14px;

    transition: 0.35s ease;
}

.anxpaymentmethods-item:hover{
    transform: translateY(-5px);
}

.anxpaymentmethods-item i{
    font-size: 34px;

    color: #061633;
}

.anxpaymentmethods-item span{
    font-size: 14px;
    font-weight: 600;

    color: #344054;
}


/* SECURITY */

.anxpaymentsecure ul{
    list-style: none;

    padding: 0;
    margin: 0;

    display: flex;
    flex-direction: column;

    gap: 16px;
}

.anxpaymentsecure li{
    display: flex;
    align-items: center;

    gap: 12px;

    font-size: 15px;
    line-height: 1.7;

    color: #344054;
}

.anxpaymentsecure li i{
    color: #16a34a;
}


/* SUPPORT */

.anxpaymentsupport-grid{
    display: flex;
    flex-direction: column;

    gap: 16px;
}

.anxpaymentsupport-item{
    display: flex;
    align-items: center;

    gap: 16px;

    padding: 18px;

    border-radius: 20px;

    background: #f7f9fc;
}

.anxpaymentsupport-green{
    background:
    linear-gradient(
    135deg,
    #ecfdf3 0%,
    #ffffff 100%
    );
}

.anxpaymentsupport-item i{
    font-size: 26px;

    color: #061633;
}

.anxpaymentsupport-green i{
    color: #16a34a;
}

.anxpaymentsupport-item small{
    display: block;

    font-size: 12px;
    font-weight: 600;

    color: #98a2b3;

    margin-bottom: 5px;
}

.anxpaymentsupport-item h4{
    font-size: 16px;
    font-weight: 700;

    color: #061633;

    margin: 0;
}


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

@media(max-width:1100px){

    .anxpaymentform-container{
        flex-direction: column;
    }

    .anxpaymentform-left,
    .anxpaymentform-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxpaymentform{
        padding: 0 18px 75px;
    }

    .anxpaymentform-container{
        margin-inline: 0;
    }

    .anxpaymentform-header{
        padding: 0 22px;
    }

    .anxpaymentform-main{
        padding: 24px 22px;
    }

    .anxpaymentform-row{
        grid-template-columns: 1fr;
    }

    .anxpaymentmethods,
    .anxpaymentsecure,
    .anxpaymentsupport{
        padding: 24px 22px;

        border-radius: 24px;
    }

    .anxpaymentmethods-grid{
        grid-template-columns: 1fr 1fr;
    }

}

/* =========================================
ANAGKI PAYMENT PROCESS
========================================= */

.anxpayprocess{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxpayprocess-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;
}


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

.anxpayprocess-top{
    text-align: center;

    margin-bottom: 70px;
}


/* TAG */

.anxpayprocess-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxpayprocess-top h2{
    font-size: 54px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0;
}


/* =========================================
FLOW
========================================= */

.anxpayprocess-flow{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 22px;
}


/* =========================================
STEP
========================================= */

.anxpayprocess-step{
    position: relative;

    overflow: hidden;

    flex: 1;

    min-height: 290px;

    padding: 34px;

    border-radius: 32px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

    box-shadow:
    0 20px 50px rgba(15,23,42,0.05);
}

.anxpayprocess-step:hover{
    transform: translateY(-8px);
}


/* VARIANTS */

.anxpayprocess-light{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}

.anxpayprocess-gradient{
    background:
    linear-gradient(
    135deg,
    #eff6ff 0%,
    #ffffff 100%
    );
}

.anxpayprocess-dark{
    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    border: none;
}


/* =========================================
NUMBER
========================================= */

.anxpayprocess-number{
    position: absolute;

    top: 24px;
    right: 24px;

    font-size: 52px;
    font-weight: 800;

    line-height: 1;

    color: rgba(255,138,0,0.10);
}


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

.anxpayprocess-icon{
    width: 88px;
    height: 88px;

    border-radius: 28px;

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

    margin-bottom: 30px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}


/* COLORS */

.anxpayprocess-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxpayprocess-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxpayprocess-icon i{
    font-size: 34px;

    color: #ffffff;
}


/* TEXT */

.anxpayprocess-step h3{
    font-size: 28px;
    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -1px;

    color: #061633;

    margin-bottom: 16px;
}

.anxpayprocess-step p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* DARK */

.anxpayprocess-dark h3{
    color: #ffffff;
}

.anxpayprocess-dark p{
    color: rgba(255,255,255,0.74);
}


/* =========================================
ARROW
========================================= */

.anxpayprocess-arrow{
    width: 54px;
    height: 54px;

    border-radius: 50%;

    flex-shrink: 0;

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

    background: #ffffff;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.08);
}

.anxpayprocess-arrow i{
    font-size: 20px;

    color: #ff8a00;
}


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

@media(max-width:1200px){

    .anxpayprocess-flow{
        flex-direction: column;
    }

    .anxpayprocess-step{
        width: 100%;
    }

    .anxpayprocess-arrow{
        transform: rotate(90deg);
    }

}


@media(max-width:768px){

    .anxpayprocess{
        padding: 0 18px 75px;
    }

    .anxpayprocess-container{
        margin-inline: 0;
    }

    .anxpayprocess-top{
        margin-bottom: 50px;
    }

    .anxpayprocess-top h2{
        font-size: 38px;

        line-height: 1.10;
    }

    .anxpayprocess-step{
        min-height: auto;

        padding: 28px 24px;
    }

    .anxpayprocess-icon{
        width: 74px;
        height: 74px;

        border-radius: 22px;
    }

    .anxpayprocess-icon i{
        font-size: 28px;
    }

    .anxpayprocess-step h3{
        font-size: 24px;
    }

}

/* =========================================
ANAGKI CONTACT HERO
========================================= */

.anxcontacthero{
    position: relative;

    overflow: hidden;

    padding: 70px 0 90px;

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


/* =========================================
CONTAINER
========================================= */

.anxcontacthero-container{
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;
}


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

.anxcontacthero-left{
    width: 48%;
}


/* TAG */

.anxcontacthero-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxcontacthero-heading{
    font-size: 68px;
    line-height: 1.02;
    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 28px;

    max-width: 760px;
}


/* DESCRIPTION */

.anxcontacthero-description{
    max-width: 620px;

    font-size: 18px;
    line-height: 1.9;

    color: #667085;

    margin-bottom: 42px;
}


/* =========================================
ACTIONS
========================================= */

.anxcontacthero-actions{
    display: flex;
    flex-wrap: wrap;

    gap: 18px;
}


/* BUTTONS */

.anxcontacthero-btn,
.anxcontacthero-whatsapp,
.anxcontacthero-outline{
    min-height: 66px;

    padding: 18px 28px;

    border-radius: 18px;

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

    gap: 12px;

    text-decoration: none;

    transition: 0.35s ease;

    font-size: 15px;
    font-weight: 700;
}


/* CALL */

.anxcontacthero-btn{
    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    color: #ffffff;

    box-shadow:
    0 20px 45px rgba(6,22,51,0.18);
}


/* WHATSAPP */

.anxcontacthero-whatsapp{
    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    color: #ffffff;

    box-shadow:
    0 20px 45px rgba(34,197,94,0.18);
}


/* OUTLINE */

.anxcontacthero-outline{
    background: #ffffff;

    border: 1px solid #edf1f7;

    color: #061633;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.05);
}


/* HOVER */

.anxcontacthero-btn:hover,
.anxcontacthero-whatsapp:hover,
.anxcontacthero-outline:hover{
    transform: translateY(-4px);
}


/* ICON */

.anxcontacthero-btn i,
.anxcontacthero-whatsapp i,
.anxcontacthero-outline i{
    font-size: 16px;
}


/* =========================================
RIGHT
========================================= */

.anxcontacthero-right{
    width: 48%;
}


/* IMAGE */

.anxcontacthero-image{
    position: relative;

    overflow: hidden;

    border-radius: 40px;

    box-shadow:
    0 35px 90px rgba(15,23,42,0.12);
}

.anxcontacthero-image img{
    width: 100%;
    height: 620px;

    object-fit: cover;

    display: block;
}


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

@media(max-width:1200px){

    .anxcontacthero-heading{
        font-size: 56px;
    }

}


@media(max-width:991px){

    .anxcontacthero-container{
        flex-direction: column;
    }

    .anxcontacthero-left,
    .anxcontacthero-right{
        width: 100%;
    }

    .anxcontacthero-image img{
        height: 480px;
    }

}


@media(max-width:768px){

    .anxcontacthero{
        padding: 45px 0 70px;
    }

    .anxcontacthero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxcontacthero-heading{
        font-size: 42px;

        line-height: 1.05;
    }

    .anxcontacthero-description{
        font-size: 15px;
    }

    .anxcontacthero-actions{
        flex-direction: column;

        align-items: stretch;
    }

    .anxcontacthero-btn,
    .anxcontacthero-whatsapp,
    .anxcontacthero-outline{
        width: 100%;
    }

    .anxcontacthero-image{
        border-radius: 26px;
    }

    .anxcontacthero-image img{
        height: 340px;
    }

}

/* =========================================
ANAGKI CONTACT SECTION
========================================= */

.anxcontactsection{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxcontactsection-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    display: flex;
    align-items: stretch;
    justify-content: space-between;

    gap: 28px;
}


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

.anxcontactsection-left{
    width: 55%;

    display: flex;
    flex-direction: column;

    gap: 24px;
}


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

.anxcontactcards{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 18px;
}


/* CARD */

.anxcontactcard{
    padding: 30px;

    border-radius: 30px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

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

.anxcontactcard:hover{
    transform: translateY(-6px);
}


/* VARIANTS */

.anxcontactgreen{
    background:
    linear-gradient(
    135deg,
    #ecfdf3 0%,
    #ffffff 100%
    );
}

.anxcontactorange{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}


/* ICON */

.anxcontactcard-icon{
    width: 72px;
    height: 72px;

    border-radius: 22px;

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

    margin-bottom: 24px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}

.anxcontactgreen .anxcontactcard-icon{
    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );
}

.anxcontactorange .anxcontactcard-icon{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxcontactcard-icon i{
    font-size: 28px;

    color: #ffffff;
}


/* TEXT */

.anxcontactcard h3{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 10px;
}

.anxcontactcard a{
    display: block;

    text-decoration: none;

    font-size: 18px;
    font-weight: 700;

    color: #061633;

    margin-bottom: 8px;
}

.anxcontactcard p{
    font-size: 14px;

    color: #667085;

    margin: 0;
}


/* =========================================
OFFICE BOX
========================================= */

.anxofficebox{
    padding: 36px;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

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


/* TOP */

.anxofficebox-top{
    margin-bottom: 34px;
}

.anxofficebox-tag{
    display: inline-flex;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 18px;
}

.anxofficebox-top h2{
    font-size: 40px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0;
}


/* GRID */

.anxofficegrid{
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 18px;

    margin-bottom: 28px;
}


/* CARD */

.anxofficecard{
    padding: 26px;

    border-radius: 26px;

    background: #f7f9fc;

    border: 1px solid #edf1f7;
}

.anxofficeorange{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}

.anxofficegreen{
    background:
    linear-gradient(
    135deg,
    #ecfdf3 0%,
    #ffffff 100%
    );
}


/* ICON */

.anxofficecard-icon{
    width: 66px;
    height: 66px;

    border-radius: 20px;

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

    margin-bottom: 20px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}

.anxofficeorange .anxofficecard-icon{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxofficegreen .anxofficecard-icon{
    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );
}

.anxofficecard-icon i{
    font-size: 26px;

    color: #ffffff;
}


/* TEXT */

.anxofficecard h3{
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 14px;
}

.anxofficecard p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* NOTICE */

.anxofficenotice{
    display: flex;
    align-items: center;

    gap: 14px;

    padding: 18px 22px;

    border-radius: 18px;

    background:
    rgba(37,99,235,0.06);
}

.anxofficenotice i{
    color: #2563eb;
}

.anxofficenotice span{
    font-size: 14px;

    color: #344054;
}


/* =========================================
RIGHT
========================================= */

.anxcontactsection-right{
    width: 45%;
}


/* FORM BOX */

.anxcontactformbox{
    padding: 36px;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

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


/* TOP */

.anxcontactform-top{
    margin-bottom: 34px;
}

.anxcontactform-tag{
    display: inline-flex;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 18px;
}

.anxcontactform-top h2{
    font-size: 38px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0;
}


/* FORM */

.anxcontactform{
    display: flex;
    flex-direction: column;

    gap: 20px;
}


/* ROW */

.anxcontactform-row{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 18px;
}


/* GROUP */

.anxcontactform-group{
    display: flex;
    flex-direction: column;
}

.anxcontactform-group label{
    font-size: 14px;
    font-weight: 600;

    color: #344054;

    margin-bottom: 10px;
}


/* INPUT */

.anxcontactform-group input,
.anxcontactform-group select,
.anxcontactform-group textarea{
    border: 1px solid #e4e7ec;

    border-radius: 18px;

    outline: none;

    background: #ffffff;

    padding: 18px 20px;

    font-size: 15px;

    color: #061633;
}

.anxcontactform-group textarea{
    min-height: 150px;

    resize: vertical;
}


/* BUTTON */

.anxcontactform-btn{
    width: 100%;
    height: 68px;

    border: none;
    outline: none;

    border-radius: 18px;

    cursor: pointer;

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

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

    gap: 14px;

    transition: 0.35s ease;

    box-shadow:
    0 20px 45px rgba(255,138,0,0.22);
}

.anxcontactform-btn:hover{
    transform: translateY(-4px);
}

.anxcontactform-btn i,
.anxcontactform-btn span{
    color: #ffffff;
}

.anxcontactform-btn span{
    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;
}


/* NOTICE */

.anxcontactform-notice{
    display: flex;
    align-items: center;

    gap: 12px;

    justify-content: center;
}

.anxcontactform-notice i{
    color: #98a2b3;
}

.anxcontactform-notice span{
    font-size: 13px;

    color: #667085;
}


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

@media(max-width:1100px){

    .anxcontactsection-container{
        flex-direction: column;
    }

    .anxcontactsection-left,
    .anxcontactsection-right{
        width: 100%;
    }

    .anxofficegrid{
        grid-template-columns: 1fr;
    }

}


@media(max-width:768px){

    .anxcontactsection{
        padding: 0 18px 75px;
    }

    .anxcontactsection-container{
        margin-inline: 0;
    }

    .anxcontactcards,
    .anxcontactform-row{
        grid-template-columns: 1fr;
    }

    .anxofficebox,
    .anxcontactformbox{
        padding: 28px 22px;

        border-radius: 26px;
    }

    .anxofficebox-top h2,
    .anxcontactform-top h2{
        font-size: 30px;
    }

}

/* =========================================
ANAGKI CONTACT SERVICES
========================================= */

.anxcontactservices{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxcontactservices-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;
}


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

.anxcontactservices-top{
    text-align: center;

    margin-bottom: 60px;
}


/* TAG */

.anxcontactservices-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxcontactservices-top h2{
    font-size: 52px;
    line-height: 1.06;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0;
}


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

.anxcontactservices-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    gap: 22px;
}


/* =========================================
ITEM
========================================= */

.anxcontactservice-item{
    padding: 34px 26px;

    border-radius: 30px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    text-align: center;

    transition: 0.35s ease;

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

.anxcontactservice-item:hover{
    transform: translateY(-8px);

    box-shadow:
    0 30px 70px rgba(15,23,42,0.08);
}


/* VARIANTS */

.anxcontactservice-light{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}

.anxcontactservice-gradient{
    background:
    linear-gradient(
    135deg,
    #eff6ff 0%,
    #ffffff 100%
    );
}


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

.anxcontactservice-icon{
    width: 84px;
    height: 84px;

    border-radius: 26px;

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

    margin: 0 auto 24px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 20px 45px rgba(6,22,51,0.14);
}


/* COLORS */

.anxcontactservice-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxcontactservice-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxcontactservice-icon i{
    font-size: 34px;

    color: #ffffff;
}


/* TEXT */

.anxcontactservice-item h3{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    letter-spacing: -0.5px;

    margin: 0;
}


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

@media(max-width:1100px){

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

}


@media(max-width:768px){

    .anxcontactservices{
        padding: 0 18px 75px;
    }

    .anxcontactservices-container{
        margin-inline: 0;
    }

    .anxcontactservices-top{
        margin-bottom: 45px;
    }

    .anxcontactservices-top h2{
        font-size: 36px;

        line-height: 1.10;
    }

    .anxcontactservices-grid{
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .anxcontactservice-item{
        padding: 28px 22px;

        border-radius: 24px;
    }

    .anxcontactservice-icon{
        width: 72px;
        height: 72px;

        border-radius: 22px;
    }

    .anxcontactservice-icon i{
        font-size: 28px;
    }

    .anxcontactservice-item h3{
        font-size: 20px;
    }

}

/* =========================================
NOIDA CITY HERO
========================================= */

.anxcityhero{
    position: relative;

    overflow: hidden;

    padding: 60px 0 80px;

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


/* =========================================
CONTAINER
========================================= */

.anxcityhero-container{
    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;
}


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

.anxcityhero-left{
    width: 48%;
}


/* =========================================
BREADCRUMB
========================================= */

.anxcityhero-breadcrumb{
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 24px;
}

.anxcityhero-breadcrumb a{
    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    color: #667085;
}

.anxcityhero-breadcrumb span{
    color: #98a2b3;
}

.anxcityhero-breadcrumb p{
    font-size: 14px;
    font-weight: 600;

    color: #061633;

    margin: 0;
}


/* =========================================
TAG
========================================= */

.anxcityhero-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 26px;
}


/* =========================================
HEADING
========================================= */

.anxcityhero-heading{
    font-size: 72px;
    line-height: 0.98;
    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 28px;

    max-width: 700px;
}

.anxcityhero-heading span{
    display: block;

    color: #ff8a00;
}


/* =========================================
DESCRIPTION
========================================= */

.anxcityhero-description{
    max-width: 620px;

    font-size: 18px;
    line-height: 1.9;

    color: #667085;

    margin-bottom: 42px;
}


/* =========================================
ACTIONS
========================================= */

.anxcityhero-actions{
    display: flex;
    flex-wrap: wrap;

    gap: 18px;
}


/* =========================================
BUTTON BASE
========================================= */

.anxcityhero-call,
.anxcityhero-whatsapp,
.anxcityhero-quote{
    min-height: 78px;

    padding: 18px 24px;

    border-radius: 22px;

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

    gap: 14px;

    text-decoration: none;

    transition: 0.35s ease;
}

.anxcityhero-call:hover,
.anxcityhero-whatsapp:hover,
.anxcityhero-quote:hover{
    transform: translateY(-5px);
}


/* =========================================
CALL
========================================= */

.anxcityhero-call{
    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 20px 45px rgba(6,22,51,0.18);
}


/* =========================================
WHATSAPP
========================================= */

.anxcityhero-whatsapp{
    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );

    box-shadow:
    0 20px 45px rgba(34,197,94,0.18);
}


/* =========================================
QUOTE
========================================= */

.anxcityhero-quote{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    box-shadow:
    0 20px 45px rgba(255,138,0,0.22);
}


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

.anxcityhero-call i,
.anxcityhero-whatsapp i,
.anxcityhero-quote i{
    font-size: 20px;

    color: #ffffff;
}


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

.anxcityhero-call small,
.anxcityhero-whatsapp small{
    display: block;

    font-size: 12px;
    font-weight: 600;

    color: rgba(255,255,255,0.74);

    margin-bottom: 4px;
}

.anxcityhero-call span,
.anxcityhero-whatsapp span{
    font-size: 16px;
    font-weight: 700;

    color: #ffffff;
}

.anxcityhero-quote span{
    font-size: 15px;
    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #ffffff;
}


/* =========================================
RIGHT
========================================= */

.anxcityhero-right{
    width: 48%;
}


/* =========================================
IMAGE
========================================= */

.anxcityhero-image{
    position: relative;

    overflow: hidden;

    border-radius: 42px;

    box-shadow:
    0 35px 90px rgba(15,23,42,0.14);
}

.anxcityhero-image img{
    width: 100%;
    height: 620px;

    object-fit: cover;

    display: block;
}


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

@media(max-width:1200px){

    .anxcityhero-heading{
        font-size: 58px;
    }

}


@media(max-width:991px){

    .anxcityhero-container{
        flex-direction: column;
    }

    .anxcityhero-left,
    .anxcityhero-right{
        width: 100%;
    }

    .anxcityhero-image img{
        height: 460px;
    }

}


@media(max-width:768px){

    .anxcityhero{
        padding: 45px 0 70px;
    }

    .anxcityhero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxcityhero-heading{
        font-size: 42px;

        line-height: 1.05;
    }

    .anxcityhero-description{
        font-size: 15px;
    }

    .anxcityhero-actions{
        flex-direction: column;

        align-items: stretch;
    }

    .anxcityhero-call,
    .anxcityhero-whatsapp,
    .anxcityhero-quote{
        width: 100%;
    }

    .anxcityhero-image{
        border-radius: 26px;
    }

    .anxcityhero-image img{
        height: 320px;
    }

}

/* =========================================
NOIDA AREAS SECTION
========================================= */

.anxnoidaareas{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxnoidaareas-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    display: flex;
    align-items: stretch;
    justify-content: space-between;

    gap: 28px;
}


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

.anxnoidaareas-left{
    width: 36%;

    position: relative;

    overflow: hidden;

    padding: 40px;

    border-radius: 34px;

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

    border: 1px solid #edf1f7;

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


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

.anxnoidaareas-top{
    position: relative;
    z-index: 2;
}


/* TAG */

.anxnoidaareas-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 20px;
}


/* HEADING */

.anxnoidaareas-top h2,
.anxnoidaareas-right-top h2{
    font-size: 42px;
    line-height: 1.08;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 18px;
}


/* TEXT */

.anxnoidaareas-top p{
    font-size: 16px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* =========================================
ILLUSTRATION
========================================= */

.anxnoidaareas-illustration{
    margin-top: 40px;
}

.anxnoidaareas-illustration img{
    width: 100%;
    height: auto;

    display: block;

    opacity: 0.95;
}


/* =========================================
RIGHT
========================================= */

.anxnoidaareas-right{
    width: 64%;

    padding: 40px;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

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


/* TOP */

.anxnoidaareas-right-top{
    margin-bottom: 36px;
}


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

.anxnoidaareas-grid{
    display: grid;
    grid-template-columns: repeat(5,1fr);

    gap: 18px;
}


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

.anxnoidaarea-card{
    min-height: 92px;

    padding: 18px;

    border-radius: 22px;

    background: #f7f9fc;

    border: 1px solid #edf1f7;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 10px;

    transition: 0.35s ease;
}

.anxnoidaarea-card:hover{
    transform: translateY(-6px);

    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}


/* ICON */

.anxnoidaarea-card i{
    font-size: 18px;

    color: #ff8a00;
}


/* TEXT */

.anxnoidaarea-card span{
    font-size: 15px;
    font-weight: 600;

    color: #061633;

    text-align: center;
}


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

@media(max-width:1200px){

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

}


@media(max-width:991px){

    .anxnoidaareas-container{
        flex-direction: column;
    }

    .anxnoidaareas-left,
    .anxnoidaareas-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxnoidaareas{
        padding: 0 18px 75px;
    }

    .anxnoidaareas-container{
        margin-inline: 0;
    }

    .anxnoidaareas-left,
    .anxnoidaareas-right{
        padding: 28px 22px;

        border-radius: 26px;
    }

    .anxnoidaareas-top h2,
    .anxnoidaareas-right-top h2{
        font-size: 32px;

        line-height: 1.10;
    }

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

        gap: 14px;
    }

    .anxnoidaarea-card{
        min-height: 82px;

        border-radius: 18px;
    }

    .anxnoidaarea-card span{
        font-size: 14px;
    }

}

/* =========================================
NOIDA SERVICES SECTION
========================================= */

.anxnoidaservices{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxnoidaservices-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;
}


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

.anxnoidaservices-top{
    text-align: center;

    margin-bottom: 60px;
}


/* TAG */

.anxnoidaservices-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxnoidaservices-top h2{
    font-size: 52px;
    line-height: 1.06;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0 auto;

    max-width: 760px;
}


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

.anxnoidaservices-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);

    gap: 22px;
}


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

.anxnoidaservice-card{
    padding: 34px 28px;

    border-radius: 30px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

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

.anxnoidaservice-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 30px 70px rgba(15,23,42,0.08);
}


/* VARIANTS */

.anxnoidaservice-light{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}

.anxnoidaservice-gradient{
    background:
    linear-gradient(
    135deg,
    #eff6ff 0%,
    #ffffff 100%
    );
}


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

.anxnoidaservice-icon{
    width: 82px;
    height: 82px;

    border-radius: 24px;

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

    margin-bottom: 24px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 18px 40px rgba(6,22,51,0.16);
}


/* COLORS */

.anxnoidaservice-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxnoidaservice-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxnoidaservice-icon i{
    font-size: 32px;

    color: #ffffff;
}


/* TEXT */

.anxnoidaservice-card h3{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 14px;
}

.anxnoidaservice-card p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


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

@media(max-width:1200px){

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

}


@media(max-width:768px){

    .anxnoidaservices{
        padding: 0 18px 75px;
    }

    .anxnoidaservices-container{
        margin-inline: 0;
    }

    .anxnoidaservices-top{
        margin-bottom: 45px;
    }

    .anxnoidaservices-top h2{
        font-size: 36px;

        line-height: 1.10;
    }

    .anxnoidaservices-grid{
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .anxnoidaservice-card{
        padding: 28px 22px;

        border-radius: 24px;
    }

    .anxnoidaservice-icon{
        width: 72px;
        height: 72px;

        border-radius: 22px;
    }

    .anxnoidaservice-icon i{
        font-size: 28px;
    }

    .anxnoidaservice-card h3{
        font-size: 22px;
    }

}

/* =========================================
NOIDA TRUST SECTION
========================================= */

.anxnoidatrust{
    position: relative;

    overflow: hidden;

    padding: 100px 0;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}


/* =========================================
CONTAINER
========================================= */

.anxnoidatrust-container{
    position: relative;
    z-index: 2;

    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 60px;
}


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

.anxnoidatrust-left{
    width: 46%;
}


/* TAG */

.anxnoidatrust-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

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

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxnoidatrust-left h2{
    font-size: 58px;
    line-height: 1.04;
    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 24px;
}


/* TEXT */

.anxnoidatrust-left p{
    font-size: 17px;
    line-height: 1.9;

    color: rgba(255,255,255,0.74);

    margin-bottom: 42px;

    max-width: 620px;
}


/* =========================================
STATS
========================================= */

.anxnoidatrust-stats{
    display: flex;
    flex-wrap: wrap;

    gap: 20px;
}


/* STAT */

.anxnoidatrust-stat{
    min-width: 180px;

    padding: 24px;

    border-radius: 24px;

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

    backdrop-filter: blur(12px);

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

.anxnoidatrust-stat h3{
    font-size: 38px;
    line-height: 1;
    font-weight: 800;

    color: #ffffff;

    margin-bottom: 10px;
}

.anxnoidatrust-stat span{
    font-size: 14px;
    line-height: 1.7;

    color: rgba(255,255,255,0.74);
}


/* =========================================
RIGHT
========================================= */

.anxnoidatrust-right{
    width: 48%;

    display: flex;
    flex-direction: column;

    gap: 24px;
}


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

.anxnoidareview-card{
    padding: 32px;

    border-radius: 32px;

    background: #ffffff;

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


/* MAIN */

.anxnoidareview-main{
    transform: rotate(-2deg);
}


/* FLOAT WRAP */

.anxnoidareview-floating-wrap{
    display: grid;
    grid-template-columns: repeat(2,1fr);

    gap: 22px;
}


/* VARIANTS */

.anxnoidareview-light{
    background:
    linear-gradient(
    135deg,
    #eff6ff 0%,
    #ffffff 100%
    );

    transform: translateY(20px);
}

.anxnoidareview-orange{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );

    transform: translateY(-20px);
}


/* TOP */

.anxnoidareview-top{
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 24px;
}


/* USER */

.anxnoidareview-user{
    display: flex;
    align-items: center;

    gap: 14px;
}


/* AVATAR */

.anxnoidareview-avatar{
    width: 58px;
    height: 58px;

    border-radius: 50%;

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

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    color: #ffffff;

    font-size: 20px;
    font-weight: 700;
}


/* TEXT */

.anxnoidareview-user h4{
    font-size: 18px;
    font-weight: 700;

    color: #061633;

    margin-bottom: 4px;
}

.anxnoidareview-user span{
    font-size: 13px;

    color: #667085;
}


/* STARS */

.anxnoidareview-stars{
    font-size: 16px;

    color: #ffb800;

    letter-spacing: 2px;
}


/* REVIEW */

.anxnoidareview-card p{
    font-size: 16px;
    line-height: 1.9;

    color: #344054;

    margin: 0;
}

.anxnoidareview-card h5{
    font-size: 16px;
    font-weight: 700;

    color: #061633;

    margin-top: 22px;
}


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

@media(max-width:1100px){

    .anxnoidatrust-container{
        flex-direction: column;
    }

    .anxnoidatrust-left,
    .anxnoidatrust-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxnoidatrust{
        padding: 75px 18px;
    }

    .anxnoidatrust-container{
        margin-inline: 0;
    }

    .anxnoidatrust-left h2{
        font-size: 40px;

        line-height: 1.08;
    }

    .anxnoidatrust-left p{
        font-size: 15px;
    }

    .anxnoidatrust-stats{
        flex-direction: column;
    }

    .anxnoidareview-floating-wrap{
        grid-template-columns: 1fr;
    }

    .anxnoidareview-main,
    .anxnoidareview-light,
    .anxnoidareview-orange{
        transform: none;
    }

    .anxnoidareview-card{
        padding: 24px;
    }

}

/* =========================================
NOIDA MOVING PROCESS
========================================= */

.anxnoidaprocess{
    padding: 100px 0;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxnoidaprocess-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;
}


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

.anxnoidaprocess-top{
    text-align: center;

    max-width: 820px;

    margin: 0 auto 70px;
}


/* TAG */

.anxnoidaprocess-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxnoidaprocess-top h2{
    font-size: 54px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* TEXT */

.anxnoidaprocess-top p{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* =========================================
FLOW
========================================= */

.anxnoidaprocess-flow{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 22px;
}


/* =========================================
STEP
========================================= */

.anxnoidaprocess-step{
    position: relative;

    overflow: hidden;

    flex: 1;

    min-height: 320px;

    padding: 34px;

    border-radius: 32px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: 0.35s ease;

    box-shadow:
    0 20px 50px rgba(15,23,42,0.05);
}

.anxnoidaprocess-step:hover{
    transform: translateY(-8px);
}


/* VARIANTS */

.anxnoidaprocess-light{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}

.anxnoidaprocess-gradient{
    background:
    linear-gradient(
    135deg,
    #eff6ff 0%,
    #ffffff 100%
    );
}

.anxnoidaprocess-dark{
    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    border: none;
}


/* =========================================
NUMBER
========================================= */

.anxnoidaprocess-number{
    position: absolute;

    top: 24px;
    right: 24px;

    font-size: 52px;
    font-weight: 800;

    line-height: 1;

    color: rgba(255,138,0,0.10);
}


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

.anxnoidaprocess-icon{
    width: 88px;
    height: 88px;

    border-radius: 28px;

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

    margin-bottom: 30px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 18px 45px rgba(6,22,51,0.16);
}


/* COLORS */

.anxnoidaprocess-orange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxnoidaprocess-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxnoidaprocess-icon i{
    font-size: 34px;

    color: #ffffff;
}


/* TEXT */

.anxnoidaprocess-step h3{
    font-size: 28px;
    line-height: 1.15;
    font-weight: 700;

    color: #061633;

    margin-bottom: 16px;
}

.anxnoidaprocess-step p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* DARK */

.anxnoidaprocess-dark h3{
    color: #ffffff;
}

.anxnoidaprocess-dark p{
    color: rgba(255,255,255,0.74);
}


/* =========================================
ARROW
========================================= */

.anxnoidaprocess-arrow{
    width: 54px;
    height: 54px;

    border-radius: 50%;

    flex-shrink: 0;

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

    background: #ffffff;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.08);
}

.anxnoidaprocess-arrow i{
    font-size: 20px;

    color: #ff8a00;
}


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

@media(max-width:1200px){

    .anxnoidaprocess-flow{
        flex-direction: column;
    }

    .anxnoidaprocess-step{
        width: 100%;
    }

    .anxnoidaprocess-arrow{
        transform: rotate(90deg);
    }

}


@media(max-width:768px){

    .anxnoidaprocess{
        padding: 75px 18px;
    }

    .anxnoidaprocess-container{
        margin-inline: 0;
    }

    .anxnoidaprocess-top{
        margin-bottom: 50px;
    }

    .anxnoidaprocess-top h2{
        font-size: 38px;

        line-height: 1.10;
    }

    .anxnoidaprocess-top p{
        font-size: 15px;
    }

    .anxnoidaprocess-step{
        min-height: auto;

        padding: 28px 24px;
    }

    .anxnoidaprocess-icon{
        width: 74px;
        height: 74px;

        border-radius: 22px;
    }

    .anxnoidaprocess-icon i{
        font-size: 28px;
    }

    .anxnoidaprocess-step h3{
        font-size: 24px;
    }

}

/* =========================================
NOIDA FAQ SECTION
========================================= */

.anxnoidafaq{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxnoidafaq-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 50px;
}


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

.anxnoidafaq-left{
    width: 38%;
}


/* TAG */

.anxnoidafaq-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxnoidafaq-left h2{
    font-size: 52px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 22px;
}


/* DESCRIPTION */

.anxnoidafaq-left p{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;

    margin-bottom: 36px;
}


/* =========================================
INSIGHTS
========================================= */

.anxnoidainsight{
    display: flex;
    align-items: flex-start;

    gap: 18px;

    padding: 26px;

    border-radius: 28px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    margin-bottom: 18px;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.04);
}


/* VARIANT */

.anxnoidainsight-orange{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}


/* ICON */

.anxnoidainsight-icon{
    width: 70px;
    height: 70px;

    border-radius: 22px;

    flex-shrink: 0;

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

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}

.anxnoidainsight-orange .anxnoidainsight-icon{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxnoidainsight-icon i{
    font-size: 28px;

    color: #ffffff;
}


/* TEXT */

.anxnoidainsight h3{
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;

    color: #061633;

    margin-bottom: 10px;
}

.anxnoidainsight p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* =========================================
RIGHT
========================================= */

.anxnoidafaq-right{
    width: 58%;
}


/* FAQ ITEM */

.anxfaq-item{
    overflow: hidden;

    border-radius: 28px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    margin-bottom: 18px;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.04);
}


/* QUESTION */

.anxfaq-question{
    width: 100%;

    min-height: 90px;

    padding: 0 28px;

    border: none;
    outline: none;

    background: transparent;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    cursor: pointer;

    text-align: left;
}

.anxfaq-question span{
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;

    color: #061633;
}

.anxfaq-question i{
    width: 42px;
    height: 42px;

    border-radius: 50%;

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

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 16px;

    flex-shrink: 0;
}


/* ANSWER */

.anxfaq-answer{
    padding: 0 28px 28px;
}

.anxfaq-answer p{
    font-size: 15px;
    line-height: 1.9;

    color: #667085;

    margin: 0;

    max-width: 90%;
}


/* ACTIVE */

.anxfaq-item.active{
    border-color:
    rgba(255,138,0,0.20);
}


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

@media(max-width:1100px){

    .anxnoidafaq-container{
        flex-direction: column;
    }

    .anxnoidafaq-left,
    .anxnoidafaq-right{
        width: 100%;
    }

}


@media(max-width:768px){

    .anxnoidafaq{
        padding: 0 18px 75px;
    }

    .anxnoidafaq-container{
        margin-inline: 0;
    }

    .anxnoidafaq-left h2{
        font-size: 38px;

        line-height: 1.10;
    }

    .anxnoidafaq-left p{
        font-size: 15px;
    }

    .anxnoidainsight{
        padding: 22px;

        border-radius: 22px;
    }

    .anxfaq-question{
        min-height: 80px;

        padding: 0 22px;
    }

    .anxfaq-question span{
        font-size: 16px;
    }

    .anxfaq-answer{
        padding: 0 22px 22px;
    }

}

/* =========================================
NOIDA MOVING CHARGES TABLE
========================================= */

.anxnoidapricetable{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxnoidapricetable-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    margin-inline: 40px;
}


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

.anxnoidapricetable-top{
    text-align: center;

    max-width: 850px;

    margin: 0 auto 55px;
}


/* TAG */

.anxnoidapricetable-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxnoidapricetable-top h2{
    font-size: 54px;
    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 20px;
}


/* TEXT */

.anxnoidapricetable-top p{
    font-size: 17px;
    line-height: 1.9;

    color: #667085;

    margin: 0;
}


/* =========================================
TABLE WRAP
========================================= */

.anxnoidapricetable-wrap{
    overflow-x: auto;

    border-radius: 34px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    box-shadow:
    0 20px 60px rgba(15,23,42,0.05);
}


/* =========================================
TABLE
========================================= */

.anxnoidapricetable-main{
    width: 100%;

    min-width: 1200px;

    border-collapse: collapse;
}


/* =========================================
HEAD
========================================= */

.anxnoidapricetable-main thead{
    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );
}

.anxnoidapricetable-main th{
    padding: 28px 24px;

    text-align: center;

    font-size: 16px;
    font-weight: 700;

    color: #ffffff;

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

.anxnoidapricetable-main th:first-child{
    text-align: left;

    min-width: 280px;
}

.anxnoidapricetable-main th span{
    display: block;

    margin-top: 8px;

    font-size: 12px;
    font-weight: 500;

    color: rgba(255,255,255,0.68);
}


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

.anxnoidapricetable-main td{
    padding: 28px 24px;

    border-bottom: 1px solid #edf1f7;

    text-align: center;

    font-size: 16px;
    font-weight: 600;

    color: #344054;
}


/* FIRST COL */

.anxnoidapricetable-main td:first-child{
    text-align: left;
}


/* HIGHLIGHT */

.anxpricehighlight{
    background:
    rgba(255,138,0,0.05);
}


/* =========================================
SERVICE LABEL
========================================= */

.anxservicelabel{
    display: flex;
    align-items: center;

    gap: 16px;
}


/* ICON */

.anxserviceicon{
    width: 62px;
    height: 62px;

    border-radius: 18px;

    flex-shrink: 0;

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

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}

.anxorange{
    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxblue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxserviceicon i{
    font-size: 24px;

    color: #ffffff;
}


/* TEXT */

.anxservicelabel span{
    font-size: 17px;
    font-weight: 700;

    color: #061633;
}


/* =========================================
NOTE
========================================= */

.anxnoidaprice-note{
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    max-width: 980px;

    margin: 28px auto 0;

    padding: 20px 24px;

    border-radius: 20px;

    background:
    rgba(37,99,235,0.06);
}

.anxnoidaprice-note i{
    font-size: 18px;

    color: #2563eb;
}

.anxnoidaprice-note p{
    font-size: 14px;
    line-height: 1.8;

    color: #344054;

    margin: 0;
}


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

@media(max-width:768px){

    .anxnoidapricetable{
        padding: 0 18px 75px;
    }

    .anxnoidapricetable-container{
        margin-inline: 0;
    }

    .anxnoidapricetable-top{
        margin-bottom: 40px;
    }

    .anxnoidapricetable-top h2{
        font-size: 38px;

        line-height: 1.10;
    }

    .anxnoidapricetable-top p{
        font-size: 15px;
    }

    .anxnoidaprice-note{
        align-items: flex-start;
    }

}

/* =========================================
PRICING FACTORS SECTION
========================================= */

.anxpricingfactors{
    padding: 0 0 120px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxpricingfactors-container{
    max-width: 1440px;

    width: 100%;

    margin-left: auto;
    margin-right: auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 60px;
}


/* =========================================
LEFT SIDE
========================================= */

.anxpricingfactors-left{
    width: 40%;

    position: sticky;
    top: 120px;
}


/* TAG */

.anxpricingfactors-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 20px;

    border-radius: 999px;

    background: rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxpricingfactors-left h2{
    font-size: 72px;

    line-height: 0.95;

    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 28px;

    max-width: 650px;
}


/* DESCRIPTION */

.anxpricingfactors-left p{
    font-size: 18px;

    line-height: 1.9;

    color: #667085;

    margin-bottom: 40px;

    max-width: 620px;
}


/* IMAGE */

.anxpricingfactors-image{
    overflow: hidden;

    border-radius: 32px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    box-shadow:
    0 20px 50px rgba(15,23,42,0.05);
}

.anxpricingfactors-image img{
    width: 100%;

    display: block;
}


/* =========================================
RIGHT SIDE
========================================= */

.anxpricingfactors-right{
    width: 60%;

    display: grid;

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

    gap: 22px;
}


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

.anxfactor-card{
    display: flex;

    align-items: flex-start;

    gap: 22px;

    padding: 30px;

    border-radius: 32px;

    background: #ffffff;

    border: 1px solid #edf1f7;

    transition: all .35s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,0.04);
}

.anxfactor-card:hover{
    transform: translateY(-8px);

    box-shadow:
    0 30px 70px rgba(15,23,42,0.08);
}


/* ALTERNATE CARD */

.anxfactor-orange{
    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );
}


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

.anxfactor-icon{
    width: 78px;
    height: 78px;

    flex-shrink: 0;

    border-radius: 24px;

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

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 15px 35px rgba(6,22,51,0.16);
}


/* BLUE */

.anxfactor-blue{
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}


/* ICON */

.anxfactor-icon i{
    color: #ffffff;

    font-size: 30px;
}


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

.anxfactor-card h3{
    font-size: 22px;

    line-height: 1.2;

    font-weight: 700;

    color: #061633;

    margin-bottom: 12px;
}

.anxfactor-card p{
    font-size: 15px;

    line-height: 1.9;

    color: #667085;

    margin: 0;
}


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

@media(max-width:1200px){

    .anxpricingfactors-left h2{
        font-size: 58px;
    }

    .anxpricingfactors-container{
        gap: 40px;
    }

}


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

@media(max-width:991px){

    .anxpricingfactors-container{
        flex-direction: column;
    }

    .anxpricingfactors-left,
    .anxpricingfactors-right{
        width: 100%;
    }

    .anxpricingfactors-left{
        position: relative;
        top: auto;
    }

}


@media(max-width:768px){

    .anxpricingfactors{
        padding: 0 0 80px;
    }

    .anxpricingfactors-container{

        padding-left: 18px;
        padding-right: 18px;

        gap: 32px;

    }

    .anxpricingfactors-left h2{
        font-size: 42px;

        line-height: 1.05;

        letter-spacing: -2px;
    }

    .anxpricingfactors-left p{
        font-size: 15px;
    }

    .anxpricingfactors-right{
        grid-template-columns: 1fr;
    }

    .anxfactor-card{
        padding: 22px;

        border-radius: 24px;
    }

    .anxfactor-icon{
        width: 70px;
        height: 70px;

        border-radius: 20px;
    }

    .anxfactor-icon i{
        font-size: 26px;
    }

}

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

.anxnoidafinalcta{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* CONTAINER */

.anxnoidafinalcta-container{

    max-width: 1440px;

    margin: 0 auto;

    padding: 55px 70px;

    border-radius: 36px;

    background:
    linear-gradient(
    135deg,
    #061633 0%,
    #022b7a 100%
    );

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    overflow: hidden;

    position: relative;
}


/* GLOW */

.anxnoidafinalcta-container::before{

    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    border-radius: 50%;

    background:
    rgba(255,138,0,0.12);

    right: -120px;
    top: -120px;

    filter: blur(60px);
}


/* CONTENT */

.anxnoidafinalcta-content{
    position: relative;
    z-index: 2;

    max-width: 700px;
}


/* TAG */

.anxnoidafinalcta-tag{

    display: inline-flex;

    padding: 10px 18px;

    border-radius: 999px;

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 20px;
}


/* HEADING */

.anxnoidafinalcta-content h2{

    font-size: 56px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -2px;

    color: #ffffff;

    margin-bottom: 18px;
}


/* TEXT */

.anxnoidafinalcta-content p{

    font-size: 17px;

    line-height: 1.9;

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

    margin: 0;
}


/* BUTTONS */

.anxnoidafinalcta-actions{

    display: flex;

    align-items: center;

    gap: 16px;

    position: relative;
    z-index: 2;
}


/* PRIMARY */

.anxnoidafinalcta-btn-primary{

    min-width: 220px;

    height: 62px;

    border-radius: 18px;

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

    gap: 10px;

    text-decoration: none;

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );

    color: #ffffff;

    font-weight: 700;

    transition: .3s;
}

.anxnoidafinalcta-btn-primary:hover{
    transform: translateY(-4px);
}


/* SECONDARY */

.anxnoidafinalcta-btn-secondary{

    min-width: 220px;

    height: 62px;

    border-radius: 18px;

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

    gap: 10px;

    text-decoration: none;

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

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

    color: #ffffff;

    font-weight: 700;
}


/* MOBILE */

@media(max-width:991px){

    .anxnoidafinalcta-container{

        flex-direction: column;

        align-items: flex-start;

        padding: 45px 30px;
    }

    .anxnoidafinalcta-content h2{
        font-size: 42px;
    }

    .anxnoidafinalcta-actions{
        width: 100%;
        flex-direction: column;
    }

    .anxnoidafinalcta-btn-primary,
    .anxnoidafinalcta-btn-secondary{
        width: 100%;
    }

}

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

.anxprivacyhero{
    padding: 70px 0 80px;

    background: #ffffff;
}


/* =========================================
CONTAINER
========================================= */

.anxprivacyhero-container{

    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 70px;
}


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

.anxprivacyhero-content{
    width: 46%;
}


/* BREADCRUMB */

.anxprivacyhero-breadcrumb{

    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 28px;

    font-size: 14px;
}

.anxprivacyhero-breadcrumb a{

    text-decoration: none;

    color: #667085;
}

.anxprivacyhero-breadcrumb span{

    color: #98A2B3;
}


/* TAG */

.anxprivacyhero-tag{

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 12px 20px;

    border-radius: 999px;

    background:
    rgba(255,138,0,.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxprivacyhero-content h1{

    font-size: 72px;

    line-height: .95;

    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 24px;
}

.anxprivacyhero-content h1 span{

    display: block;

    color: #ff8a00;

    margin-top: 8px;
}


/* DESCRIPTION */

.anxprivacyhero-content p{

    font-size: 18px;

    line-height: 1.9;

    color: #667085;

    max-width: 620px;

    margin-bottom: 35px;
}


/* DATE */

.anxprivacyhero-date{

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 16px 22px;

    border-radius: 18px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    color: #ffffff;

    font-size: 15px;
    font-weight: 600;
}

.anxprivacyhero-date i{

    color: #ff8a00;

    font-size: 18px;
}


/* =========================================
RIGHT IMAGE
========================================= */

.anxprivacyhero-image{
    width: 50%;
}

.anxprivacyhero-image img{

    width: 100%;

    display: block;

    border-radius: 32px;
}


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

@media(max-width:991px){

    .anxprivacyhero-container{

        flex-direction: column;

        gap: 40px;
    }

    .anxprivacyhero-content,
    .anxprivacyhero-image{
        width: 100%;
    }

    .anxprivacyhero-content h1{
        font-size: 54px;
    }

}


@media(max-width:768px){

    .anxprivacyhero{
        padding: 50px 0 60px;
    }

    .anxprivacyhero-container{

        padding-left: 18px;
        padding-right: 18px;
    }

    .anxprivacyhero-content h1{

        font-size: 42px;

        line-height: 1.05;

        letter-spacing: -2px;
    }

    .anxprivacyhero-content p{
        font-size: 15px;
    }

    .anxprivacyhero-date{

        width: 100%;

        justify-content: center;
    }

}

/* =========================================
PRIVACY COMMITMENT
========================================= */

.anxprivacycommitment{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* CONTAINER */

.anxprivacycommitment-container{

    max-width: 1440px;

    margin: 0 auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 70px;
}


/* LEFT */

.anxprivacycommitment-content{
    width: 42%;
}


/* TAG */

.anxprivacycommitment-tag{

    display: inline-flex;

    padding: 12px 20px;

    border-radius: 999px;

    background:
    rgba(255,138,0,.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 22px;
}


/* HEADING */

.anxprivacycommitment-content h2{

    font-size: 58px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin-bottom: 24px;
}


/* TEXT */

.anxprivacycommitment-content p{

    font-size: 17px;

    line-height: 1.9;

    color: #667085;

    margin-bottom: 20px;
}


/* GRID */

.anxprivacycommitment-grid{

    width: 54%;

    display: grid;

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

    gap: 24px;
}


/* CARD */

.anxprivacypoint{

    background: #ffffff;

    padding: 32px;

    border-radius: 28px;

    border: 1px solid #edf1f7;

    transition: .3s ease;

    box-shadow:
    0 15px 40px rgba(15,23,42,.04);
}

.anxprivacypoint:hover{

    transform: translateY(-6px);
}


/* ICON */

.anxprivacypoint-icon{

    width: 74px;
    height: 74px;

    border-radius: 22px;

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

    margin-bottom: 22px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );
}

.anxorange{

    background:
    linear-gradient(
    135deg,
    #ff8a00,
    #ffb347
    );
}

.anxblue{

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #60a5fa
    );
}

.anxprivacypoint-icon i{

    color: #ffffff;

    font-size: 28px;
}


/* TEXT */

.anxprivacypoint h3{

    font-size: 24px;

    font-weight: 700;

    color: #061633;

    margin-bottom: 12px;
}

.anxprivacypoint p{

    font-size: 15px;

    line-height: 1.8;

    color: #667085;

    margin: 0;
}


/* MOBILE */

@media(max-width:991px){

    .anxprivacycommitment-container{
        flex-direction: column;
    }

    .anxprivacycommitment-content,
    .anxprivacycommitment-grid{
        width: 100%;
    }

}

@media(max-width:768px){

    .anxprivacycommitment{
        padding: 0 0 75px;
    }

    .anxprivacycommitment-container{

        padding-left: 18px;
        padding-right: 18px;
    }

    .anxprivacycommitment-content h2{
        font-size: 40px;
    }

    .anxprivacycommitment-grid{
        grid-template-columns: 1fr;
    }

}

/* =========================================
PRIVACY POLICY CONTENT
========================================= */

.anxprivacycontent{
    padding: 0 0 100px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxprivacycontent-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 40px;
    padding-right: 40px;
}


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

.anxprivacycontent-card{
    background: #ffffff;

    border: 1px solid #edf1f7;

    border-radius: 40px;

    padding: 60px;

    box-shadow:
    0 20px 60px rgba(15,23,42,0.04);
}


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

.anxprivacycontent-header{
    padding-bottom: 40px;

    margin-bottom: 40px;

    border-bottom:
    1px solid #edf1f7;
}


/* LAST UPDATED */

.anxprivacycontent-header span{
    display: inline-flex;

    align-items: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 18px;
}


/* HEADING */

.anxprivacycontent-header h2{
    font-size: 58px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0;
}


/* =========================================
CONTENT BLOCK
========================================= */

.anxprivacyblock{
    padding-bottom: 40px;

    margin-bottom: 40px;

    border-bottom:
    1px solid #edf1f7;
}


/* REMOVE LAST BORDER */

.anxprivacyblock:last-child{
    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;
}


/* =========================================
SECTION TITLE
========================================= */

.anxprivacyblock h3{
    font-size: 30px;

    line-height: 1.2;

    font-weight: 700;

    color: #061633;

    margin-bottom: 20px;
}


/* =========================================
PARAGRAPH
========================================= */

.anxprivacyblock p{
    font-size: 17px;

    line-height: 2;

    color: #667085;

    margin-bottom: 16px;
}


/* LAST PARAGRAPH */

.anxprivacyblock p:last-child{
    margin-bottom: 0;
}


/* =========================================
LIST
========================================= */

.anxprivacyblock ul{
    padding-left: 24px;

    margin: 0;
}

.anxprivacyblock ul li{
    margin-bottom: 12px;

    font-size: 17px;

    line-height: 1.9;

    color: #667085;
}

.anxprivacyblock ul li:last-child{
    margin-bottom: 0;
}


/* =========================================
NOTICE BOX
========================================= */

.anxprivacynotice{
    margin-top: 22px;

    padding: 22px 24px;

    border-radius: 18px;

    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );

    border:
    1px solid rgba(255,138,0,0.12);

    color: #061633;

    font-size: 16px;
    font-weight: 600;

    line-height: 1.8;
}


/* =========================================
HOVER EFFECT
========================================= */

.anxprivacycontent-card:hover{
    box-shadow:
    0 30px 80px rgba(15,23,42,0.06);
}


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

@media(max-width:991px){

    .anxprivacycontent-card{
        padding: 45px;
    }

    .anxprivacycontent-header h2{
        font-size: 48px;
    }

}


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

@media(max-width:768px){

    .anxprivacycontent{
        padding: 0 0 75px;
    }

    .anxprivacycontent-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxprivacycontent-card{
        padding: 28px;

        border-radius: 24px;
    }

    .anxprivacycontent-header{
        padding-bottom: 28px;

        margin-bottom: 28px;
    }

    .anxprivacycontent-header h2{
        font-size: 36px;

        line-height: 1.1;
    }

    .anxprivacyblock{
        padding-bottom: 28px;

        margin-bottom: 28px;
    }

    .anxprivacyblock h3{
        font-size: 24px;
    }

    .anxprivacyblock p,
    .anxprivacyblock ul li{
        font-size: 15px;

        line-height: 1.9;
    }

    .anxprivacynotice{
        padding: 18px;
    }

}

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

.anxrefundhero{
    padding: 70px 0 90px;

    background: #ffffff;
}


/* =========================================
CONTAINER
========================================= */

.anxrefundhero-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 70px;
}


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

.anxrefundhero-content{
    width: 46%;
}


/* BREADCRUMB */

.anxrefundhero-breadcrumb{
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 28px;
}

.anxrefundhero-breadcrumb a{
    text-decoration: none;

    color: #667085;

    font-size: 14px;
}

.anxrefundhero-breadcrumb span{
    color: #98a2b3;

    font-size: 14px;
}


/* TAG */

.anxrefundhero-tag{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 20px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxrefundhero-content h1{
    font-size: 72px;

    line-height: 0.95;

    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 26px;
}

.anxrefundhero-content h1 span{
    display: block;

    color: #ff8a00;
}


/* DESCRIPTION */

.anxrefundhero-content p{
    font-size: 18px;

    line-height: 1.9;

    color: #667085;

    margin-bottom: 34px;
}


/* POLICY CARD */

.anxrefundhero-card{
    display: inline-flex;
    align-items: center;

    gap: 18px;

    padding: 20px 24px;

    border-radius: 22px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 20px 45px rgba(6,22,51,0.12);
}


/* ICON */

.anxrefundhero-card-icon{
    width: 62px;
    height: 62px;

    border-radius: 18px;

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

    background:
    rgba(255,255,255,0.10);
}

.anxrefundhero-card-icon i{
    color: #ff8a00;

    font-size: 24px;
}


/* CARD TEXT */

.anxrefundhero-card h3{
    font-size: 15px;

    font-weight: 600;

    color: rgba(255,255,255,0.70);

    margin-bottom: 6px;
}

.anxrefundhero-card p{
    margin: 0;

    color: #ffffff;

    font-size: 18px;

    font-weight: 700;
}


/* =========================================
RIGHT
========================================= */

.anxrefundhero-image{
    width: 50%;
}

.anxrefundhero-image img{
    width: 100%;

    display: block;

    border-radius: 32px;
}


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

@media(max-width:991px){

    .anxrefundhero-container{
        flex-direction: column;

        gap: 40px;
    }

    .anxrefundhero-content,
    .anxrefundhero-image{
        width: 100%;
    }

    .anxrefundhero-content h1{
        font-size: 54px;
    }

}


@media(max-width:768px){

    .anxrefundhero{
        padding: 50px 0 70px;
    }

    .anxrefundhero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxrefundhero-content h1{
        font-size: 42px;

        line-height: 1.05;

        letter-spacing: -2px;
    }

    .anxrefundhero-content p{
        font-size: 15px;
    }

    .anxrefundhero-card{
        width: 100%;
    }

}

.anxrefundcontent{
    padding: 0 0 100px;
    background: #f7f9fc;
}

.anxrefundcontent-container{
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

.anxrefundcontent-card{
    background: #ffffff;
    border: 1px solid #edf1f7;
    border-radius: 40px;
    padding: 60px;
    box-shadow:
    0 20px 60px rgba(15,23,42,0.04);
}

.anxrefundcontent-header{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #edf1f7;
}

.anxrefundcontent-header span{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,138,0,0.10);
    color:#ff8a00;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:18px;
}

.anxrefundcontent-header h2{
    font-size:58px;
    font-weight:800;
    color:#061633;
    margin:0;
}

.anxrefundblock{
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom:1px solid #edf1f7;
}

.anxrefundblock:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border:none;
}

.anxrefundblock h3{
    display:flex;
    align-items:center;
    gap:14px;

    font-size:30px;
    font-weight:700;
    color:#061633;

    margin-bottom:20px;
}

.anxrefundblock h3::before{
    content:"";

    width:12px;
    height:12px;

    border-radius:50%;

    background:#ff8a00;

    flex-shrink:0;
}

.anxrefundblock p,
.anxrefundblock li{
    font-size:17px;
    line-height:2;
    color:#667085;
}

.anxrefundblock ul{
    padding-left:24px;
}

.anxrefundnotice{
    margin-top:24px;

    padding:22px;

    border-radius:18px;

    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );

    border:
    1px solid rgba(255,138,0,0.12);

    color:#061633;

    font-weight:600;
}

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

.anxdisclaimerhero{
    padding: 70px 0 90px;

    background: #ffffff;
}


/* CONTAINER */

.anxdisclaimerhero-container{
    max-width: 1440px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 40px;
    padding-right: 40px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 70px;
}


/* LEFT */

.anxdisclaimerhero-content{
    width: 46%;
}


/* BREADCRUMB */

.anxdisclaimerhero-breadcrumb{
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 28px;
}

.anxdisclaimerhero-breadcrumb a{
    text-decoration: none;

    color: #667085;

    font-size: 14px;
}

.anxdisclaimerhero-breadcrumb span{
    color: #98a2b3;

    font-size: 14px;
}


/* TAG */

.anxdisclaimerhero-tag{
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 12px 20px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 24px;
}


/* HEADING */

.anxdisclaimerhero-content h1{
    font-size: 72px;

    line-height: 0.95;

    font-weight: 800;

    letter-spacing: -3px;

    color: #061633;

    margin-bottom: 26px;
}

.anxdisclaimerhero-content h1 span{
    display: block;

    color: #ff8a00;
}


/* DESCRIPTION */

.anxdisclaimerhero-content p{
    font-size: 18px;

    line-height: 1.9;

    color: #667085;

    margin-bottom: 34px;
}


/* NOTICE CARD */

.anxdisclaimerhero-card{
    display: inline-flex;
    align-items: center;

    gap: 18px;

    padding: 20px 24px;

    border-radius: 22px;

    background:
    linear-gradient(
    135deg,
    #061633,
    #0f2f6b
    );

    box-shadow:
    0 20px 45px rgba(6,22,51,0.12);
}


/* ICON */

.anxdisclaimerhero-card-icon{
    width: 62px;
    height: 62px;

    border-radius: 18px;

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

    background:
    rgba(255,255,255,0.10);
}

.anxdisclaimerhero-card-icon i{
    color: #ff8a00;

    font-size: 24px;
}


/* CARD TEXT */

.anxdisclaimerhero-card h3{
    font-size: 15px;

    font-weight: 600;

    color: rgba(255,255,255,0.70);

    margin-bottom: 6px;
}

.anxdisclaimerhero-card p{
    margin: 0;

    color: #ffffff;

    font-size: 18px;

    font-weight: 700;
}


/* RIGHT */

.anxdisclaimerhero-image{
    width: 50%;
}

.anxdisclaimerhero-image img{
    width: 100%;

    display: block;

    border-radius: 32px;
}


/* RESPONSIVE */

@media(max-width:991px){

    .anxdisclaimerhero-container{
        flex-direction: column;

        gap: 40px;
    }

    .anxdisclaimerhero-content,
    .anxdisclaimerhero-image{
        width: 100%;
    }

    .anxdisclaimerhero-content h1{
        font-size: 54px;
    }

}

@media(max-width:768px){

    .anxdisclaimerhero{
        padding: 50px 0 70px;
    }

    .anxdisclaimerhero-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxdisclaimerhero-content h1{
        font-size: 42px;

        line-height: 1.05;

        letter-spacing: -2px;
    }

    .anxdisclaimerhero-content p{
        font-size: 15px;
    }

    .anxdisclaimerhero-card{
        width: 100%;
    }

}

/* =========================================
DISCLAIMER CONTENT SECTION
========================================= */

.anxdisclaimercontent{
    padding: 0 0 120px;

    background: #f7f9fc;
}


/* =========================================
CONTAINER
========================================= */

.anxdisclaimercontent-container{
    max-width: 1440px;

    width: 100%;

    margin-left: auto;
    margin-right: auto;

    padding-left: 40px;
    padding-right: 40px;
}


/* =========================================
MAIN DOCUMENT CARD
========================================= */

.anxdisclaimercontent-card{
    background: #ffffff;

    border: 1px solid #edf1f7;

    border-radius: 40px;

    padding: 60px;

    box-shadow:
    0 20px 60px rgba(15,23,42,0.04);

    transition: 0.35s ease;
}

.anxdisclaimercontent-card:hover{
    box-shadow:
    0 30px 80px rgba(15,23,42,0.06);
}


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

.anxdisclaimercontent-header{
    padding-bottom: 42px;

    margin-bottom: 42px;

    border-bottom:
    1px solid #edf1f7;
}


/* UPDATED BADGE */

.anxdisclaimercontent-header span{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border-radius: 999px;

    background:
    rgba(255,138,0,0.10);

    color: #ff8a00;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-bottom: 18px;
}


/* HEADING */

.anxdisclaimercontent-header h2{
    font-size: 58px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -2px;

    color: #061633;

    margin: 0;
}


/* =========================================
LEGAL BLOCK
========================================= */

.anxdisclaimerblock{
    position: relative;

    padding-bottom: 40px;

    margin-bottom: 40px;

    border-bottom:
    1px solid #edf1f7;
}

.anxdisclaimerblock:last-child{
    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;
}


/* =========================================
SECTION TITLE
========================================= */

.anxdisclaimerblock h3{
    display: flex;
    align-items: center;

    gap: 14px;

    font-size: 30px;

    line-height: 1.2;

    font-weight: 700;

    color: #061633;

    margin-bottom: 20px;
}


/* ORANGE DOT */

.anxdisclaimerblock h3::before{
    content: "";

    width: 12px;
    height: 12px;

    border-radius: 50%;

    background: #ff8a00;

    flex-shrink: 0;
}


/* =========================================
PARAGRAPH
========================================= */

.anxdisclaimerblock p{
    font-size: 17px;

    line-height: 2;

    color: #667085;

    margin-bottom: 16px;

    max-width: 1100px;
}

.anxdisclaimerblock p:last-child{
    margin-bottom: 0;
}


/* =========================================
LISTS
========================================= */

.anxdisclaimerblock ul{
    margin: 0;

    padding-left: 28px;
}

.anxdisclaimerblock ul li{
    font-size: 17px;

    line-height: 2;

    color: #667085;

    margin-bottom: 10px;
}

.anxdisclaimerblock ul li:last-child{
    margin-bottom: 0;
}


/* =========================================
NOTICE BOX
========================================= */

.anxdisclaimernotice{
    margin-top: 24px;

    padding: 24px 28px;

    border-radius: 20px;

    background:
    linear-gradient(
    135deg,
    #fff7ef 0%,
    #ffffff 100%
    );

    border:
    1px solid rgba(255,138,0,0.15);

    color: #061633;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.9;

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


/* =========================================
CONTACT BLOCK
========================================= */

.anxdisclaimerblock:last-child{

    background:
    linear-gradient(
    135deg,
    #f8fbff 0%,
    #ffffff 100%
    );

    border: 1px solid #edf1f7;

    border-radius: 24px;

    padding: 32px;

    margin-top: 20px;
}


/* =========================================
SELECTION
========================================= */

.anxdisclaimercontent ::selection{
    background: rgba(255,138,0,0.18);

    color: #061633;
}


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

@media(max-width:991px){

    .anxdisclaimercontent-card{
        padding: 45px;
    }

    .anxdisclaimercontent-header h2{
        font-size: 48px;
    }

    .anxdisclaimerblock h3{
        font-size: 28px;
    }

}


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

@media(max-width:768px){

    .anxdisclaimercontent{
        padding: 0 0 80px;
    }

    .anxdisclaimercontent-container{
        padding-left: 18px;
        padding-right: 18px;
    }

    .anxdisclaimercontent-card{
        padding: 28px;

        border-radius: 24px;
    }

    .anxdisclaimercontent-header{
        padding-bottom: 28px;

        margin-bottom: 28px;
    }

    .anxdisclaimercontent-header h2{
        font-size: 36px;

        line-height: 1.1;
    }

    .anxdisclaimerblock{
        padding-bottom: 28px;

        margin-bottom: 28px;
    }

    .anxdisclaimerblock h3{
        font-size: 22px;

        gap: 10px;
    }

    .anxdisclaimerblock h3::before{
        width: 10px;
        height: 10px;
    }

    .anxdisclaimerblock p,
    .anxdisclaimerblock ul li{
        font-size: 15px;

        line-height: 1.9;
    }

    .anxdisclaimernotice{
        padding: 18px;

        font-size: 14px;
    }

    .anxdisclaimerblock:last-child{
        padding: 22px;
    }

}