/* =====================================================
   FOOTER
===================================================== */
.ax-footer{
  background:#7b8e9c;
  color:#1c2227;

  padding:12px 0% 0;

  overflow:hidden;

  min-height:auto;
}

/* =====================================================
   TOP CENTER LOGO
===================================================== */
.ax-footer-logo-top{
  display:flex;
  justify-content:center;
  align-items:center;

  margin-bottom:5px;
}

.ax-footer-logo-img{
  width:10px;
  height:auto;
  display:block;
}

.ax-footer-logo-top span{
    font-size:42px;
    font-weight:700;
    color:#0c0c0b;
    letter-spacing:-1px;
}

/* Hide old logo */

.ax-logo{
    display:none;
}

/* =====================================================
   MAIN GRID
===================================================== */
.ax-footer-main{

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

  margin:auto;

  padding:0 3% 8px;

  display:grid;

  grid-template-columns:1fr 1.7fr;

  gap:50px;

  position:relative;

  align-items:start;

  border-bottom:1px solid #94aab3;
}
/* Vertical Divider */
.ax-footer-main::before{
  content:"";

  position:absolute;

  left:38%;

  top:10px;
  bottom:10px;

  width:1px;

  height:auto;

  background:#94aab3;
}
/* =====================================================
   RESET
===================================================== */

.ax-footer h2,
.ax-footer h4,
.ax-footer p{
    margin-top:0;
}

.ax-footer p{
    margin-bottom:16px;
}

.ax-footer p:last-child{
    margin-bottom:0;
}

/* =====================================================
   LEFT SIDE
===================================================== */
.ax-footer-left{
  padding-top:0;
}

.ax-footer-left p{
  max-width:380px;

  line-height:1.8;

  margin-bottom:16px;

  color:#5b6368;

  text-align:justify;
  text-justify:inter-word;

  font-size:15px;
  letter-spacing:0.2px;
}

.ax-footer-left span{
    margin-left:-165px;
}
/* =====================================================
   BUTTON
===================================================== */

.ax-btn-new{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 32px;

    border-radius:999px;

    text-decoration:none;

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

    color:#0f172a;

    background:radial-gradient(
        120% 120% at 0% 100%,
        #fff300 0%,
        #ffe600 35%,
        #ffffff 80%
    );

    border:1px solid rgba(0,0,0,.05);

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

    transition:.3s ease;
}

.ax-btn-new:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}

/* =====================================================
   RIGHT SIDE
===================================================== */
.ax-footer-right{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:35px;

}

.ax-links h4,
.ax-contact h4{
    font-size:18px;
  margin-bottom:10px;
}

.ax-links ul{
    list-style:none;
    padding:0;
    margin:0;
}

.ax-links li{
  margin-bottom:6px;
}

.ax-links a{
    text-decoration:none;
    color:#5b6368;
    transition:.3s ease;
}

.ax-links a:hover{
    color:#111;
}
.ax-contact p{
  margin-bottom:8px;
  line-height:1.4;
  
}
.ax-address{
  max-width:340px;

  line-height:1.9;

  font-size:15px;

  color:#5b6368;

  text-align:left;

  display:flex;
  flex-direction:column;
  gap:2px;
}
.ax-email{
  margin-top:5px;
}

.ax-email span{
  margin-bottom:2px;
}
.ax-email p{
    margin:0;
}
.ax-social-btn.email svg{
    width:30px;
    height:30px;
    display:block;
    transition:transform .3s ease;
}

.ax-social-btn.email:hover svg{
    transform:scale(1.12);
}
.ax-social-btn.gmail img{
    width:22px;
    height:22px;
    margin-left:50px;
}

.ax-social-btn.whatsapp svg{
    width:25px;
    height:25px;
    display:block;
    transition:all .35s ease;
}

.ax-social-btn.whatsapp:hover svg{
    transform:scale(1.12);
}
/* =====================================================
   SOCIAL ICONS
===================================================== */
.ax-social{
  display:flex;
  gap:19px;
  margin-left:-11%;
  margin-top:15px;
}

.ax-social a{
  display:flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;

  transition:.3s ease;
}
/* Instagram */
.ax-social a:nth-child(1) svg{
  color:#E4405F;
}

/* Facebook */
.ax-social a:nth-child(2) svg{
  color:#1877F2;
}

/* LinkedIn */
.ax-social a:nth-child(3) svg{
  color:#0A66C2;
}

/* WhatsApp */
.ax-social a:nth-child(4) svg{
  color:#25D366;
}

/* Gmail */
.ax-social a:nth-child(5) svg{
  color:#EA4335;
}
.ax-social a svg{
  width:22px;
  height:25px;
  
  margin-left:-65px;

  color:#000;
  fill:#000;

  transition:.3s ease;
}

.ax-social a:hover{
  transform:translateY(-3px);
}

.ax-social a:hover svg{
  color:#111;
  fill:#111;
}

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

.ax-footer-bottom{
    padding:12px 5% 0;

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

    font-size:14px;

    color:#5b6368;
}

.ax-bottom-links a{
    margin-left:20px;

    text-decoration:none;

    color:#5b6368;

    transition:.3s ease;
}

.ax-bottom-links a:hover{
    color:#111;
}

/* =====================================================
   REMOVE EXTRA SPACE
===================================================== */

.ax-footer,
.ax-footer-main,
.ax-footer-left,
.ax-footer-right{
    margin-bottom:0;
}

.ax-footer *:last-child{
    margin-bottom:0;
}

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

@media (max-width:992px){

    .ax-footer{
        padding:35px 6% 20px;
    }

    .ax-footer-logo-top span{
        font-size:32px;
    }

    .ax-footer-main{
        grid-template-columns:1fr;
        gap:50px;
    }

    .ax-footer-main::before{
        display:none;
    }

    .ax-footer-right{
        grid-template-columns:1fr;
        gap:40px;
    }

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


/* =========================================
   FOOTER LOGO TOP CENTER
========================================= */

.ax-footer-logo-top{
    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:15px;
}

.ax-footer-logo-img{
    width:220px;
    height:auto;

    display:block;

    object-fit:contain;
}

/* HIDE OLD TEXT LOGO */

.ax-logo{
    display:none;
}

/* =========================================
   REDUCE FOOTER HEIGHT
========================================= */

.ax-footer{
    padding-top:20px !important;
    padding-bottom:10px !important;
}

/* MAIN GRID */

.ax-footer-main{
    padding-bottom:10px !important;
    gap:80px !important;
}

/* LEFT SIDE */

.ax-footer-left p{
    margin-bottom:18px !important;
    line-height:1.6;
}

/* RIGHT SIDE */

.ax-footer-right{
    gap:50px !important;
}

/* CONTACT */

.ax-contact p{
    margin-bottom:10px !important;
    line-height:1.5;
}

/* EMAIL */

.ax-email{
    margin-top:8px;
}

/* SOCIAL */

.ax-social{
    margin-top:12px !important;
}

/* REMOVE EXTRA SPACE */

.ax-footer *,
.ax-footer *::before,
.ax-footer *::after{
    box-sizing:border-box;
}

.ax-footer p:last-child,
.ax-footer div:last-child,
.ax-footer ul:last-child{
    margin-bottom:0;
}

/* MOBILE */

@media(max-width:992px){

    .ax-footer-logo-img{
        width:180px;
    }

    .ax-footer-main{
        gap:35px !important;
    }
}

.ax-social-icon{
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
  transition:all .3s ease;
}

.ax-social a:hover .ax-social-icon{
  transform:translateY(-3px) scale(1.08);
}







/* ==========================================================
   MOBILE FOOTER (320px - 768px)
========================================================== */

@media screen and (max-width:768px){

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

.ax-footer{

    padding:30px 18px 30px !important;

    overflow:hidden;

    width:100%;
}

/* =========================
   LOGO
========================= */

.ax-footer-logo-top{

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:20px;
}

.ax-footer-logo-img{

    width:165px;

    max-width:100%;

    height:auto;
}

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

.ax-footer-main{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:28px !important;

    width:100%;

    padding:0;

    border:none;

    text-align:center;
}

.ax-footer-main::before{

    display:none;
}

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

.ax-footer-left{

    width:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;
}

.ax-footer-left span{

    margin-left:0 !important;
}

.ax-footer-left p{

    max-width:100%;

    font-size:14px;

    line-height:1.7;

    text-align:center;

    margin-bottom:18px !important;
}

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

.ax-btn-new{

    width:100%;

    max-width:240px;

    justify-content:center;

    padding:12px 20px;

    font-size:14px;
}

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

.ax-footer-right{

    width:100%;

    display:grid;

    grid-template-columns:1fr;

    gap:24px !important;

    text-align:center;
}

/* =========================
   LINKS
========================= */

.ax-links{

    display:flex;

    flex-direction:column;

    align-items:center;
}

.ax-links h4,
.ax-contact h4{

    margin-bottom:12px;

    font-size:18px;
}

.ax-links ul{

    padding:0;

    margin:0;
}

.ax-links li{

    margin-bottom:10px;
}

.ax-links a{

    font-size:14px;
}

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

.ax-contact{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;
}

.ax-contact p{

    font-size:14px;

    line-height:1.6;

    text-align:center;

    margin-bottom:8px;
}

.ax-address{

    max-width:100%;

    text-align:center;

    align-items:center;

    font-size:14px;

    line-height:1.6;
}

/* =========================
   EMAIL
========================= */

.ax-email{

    margin-top:10px;

    text-align:center;
}

/* =========================
   SOCIAL
========================= */
/* =========================
   SOCIAL - MOBILE
========================= */

.ax-social{

    display:flex !important;

      max-width:240px;

    justify-content:space-evenly;

    margin:18px auto 12px !important; /* Evenly distribute icons */

    align-items:center;

    width:100%;

    max-width:340px;
    
   /* Keep icons within a nice width */

    margin:22px auto 15px !important;

    padding:0;

    gap:0;                          /* Let space-evenly handle spacing */

    flex-wrap:nowrap;               /* Keep all icons in one row */
}

/* Remove desktop spacing */

.ax-social,
.ax-social a,
.ax-social a svg,
.ax-social-btn.gmail img{

    margin:0 !important;
}

/* Social Item */

.ax-social a{

    display:flex;

    justify-content:center;

    align-items:center;

    width:42px;

    height:42px;

    flex-shrink:0;
}

/* SVG Icons */

.ax-social a svg{

    width:24px;

    height:24px;

    display:block;
}

/* PNG Icons */

.ax-social-icon{

    width:24px;

    height:24px;

    display:block;

    object-fit:contain;
}

/* Gmail */

.ax-social-btn.gmail img{

    width:24px;

    height:24px;

    display:block;

    object-fit:contain;
}
/* =========================
   FOOTER BOTTOM
========================= */

.ax-footer-bottom{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    gap:10px;

    padding-top:18px;

    margin-top:10px;

    font-size:13px;
}

.ax-bottom-links{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:12px;
}

.ax-bottom-links a{

    margin:0;

    font-size:13px;
}

}

/* ==========================================================
   SMALL MOBILE (320px - 480px)
========================================================== */

@media screen and (max-width:480px){

.ax-footer{

    padding:5px 0px 5px !important;
}

.ax-footer-logo-img{

    width:145px;
}

.ax-footer-left p{

    font-size:13px;

    line-height:1.6;
}

.ax-links h4,
.ax-contact h4{

    font-size:17px;
}

.ax-links a,
.ax-contact p,
.ax-address{

    font-size:13px;
}

.ax-btn-new{

    max-width:210px;

    font-size:13px;

    padding:11px 16px;
}

/* SOCIAL */

.ax-social{

    gap:24px;

    margin-top:20px !important;
}

.ax-social a{

    width:36px;

    height:36px;
}

.ax-social-icon{

    width:22px;

    height:22px;
}

.ax-social a svg{

    width:22px;

    height:22px;
}

.ax-social-btn.gmail img{

    width:32px;

    height:22px;
}

.ax-footer-bottom{

    font-size:12px;
}

.ax-bottom-links{

    gap:20px;
}

.ax-bottom-links a{

    font-size:12px;
}

}