.hero-business {
  position: relative;
  height: 100vh;
  min-height: 25vh;
  display: flex;
  align-items: center;
  padding: 0 8%;
  background-image: url('../images/about/team1.jpg'); /* change to your image */
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Left Dark Gradient */
.hero-business-overlay {
  position: absolute;
  inset: 0;
 background-color: #85a3b7;
  z-index: 1;
}

/* Content */
.hero-business-content {
  position: relative;
  z-index: 2;
  max-width: 620px;
  color: #ffffff;
}

/* Heading */
.hero-business-content h1 {
  font-size: 78px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.05;
  margin-bottom: 28px;
  letter-spacing: -1px;
}
.hero-highlight{
  color:#fff300;
}

/* Paragraph */
.hero-business-content p {
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
  max-width: 520px;
}


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

@media (max-width:768px){

    .hero-business{

        height:58vh;
        min-height:420px;

        padding:0 24px;

        display:flex;
        align-items:flex-end;
        justify-content:flex-start;

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

    .hero-business-overlay{

        background:linear-gradient(
            180deg,
            rgba(8,24,39,.90) 0%,
            rgba(8,24,39,.72) 50%,
            rgba(8,24,39,.45) 100%
        );

    }

    .hero-business-content{

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

        margin-bottom:36px;

        text-align:left;
    }

    .hero-business-title{

        font-size:36px;

        font-weight:700;

        line-height:1.18;

        letter-spacing:-0.5px;

        margin:0 0 18px;

        color:#ffffff;

        text-align:left;
    }

    .hero-business-content p{

        font-size:16px;

        line-height:1.75;

        max-width:300px;

        margin:0;

        text-align:left;

        color:rgba(255,255,255,.92);
    }

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

@media (max-width:480px){

    .hero-business{

        height:55vh;
        min-height:390px;

        padding:0 20px;

        display:flex;
        align-items:flex-end;
        justify-content:flex-start;
    }

    .hero-business-content{

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

        margin-bottom:30px;

        text-align:left;
    }

    .hero-business-title{

        font-size:32px;

        font-weight:700;

        line-height:1.2;

        letter-spacing:-0.3px;

        margin-bottom:16px;

        color:#ffffff;

        text-align:left;
    }

    .hero-business-content p{

        font-size:15px;

        line-height:1.7;

        max-width:280px;

        margin:0;

        text-align:left;
    }

}
/* section 3*/
/* =========================================
   CONTACT SECTION FIXED
   (NO OVERRIDE / NO IMAGE OVERLAP)
========================================= */

/* SECTION */
.ax-contact-two{
  position:relative;
  padding:30px 4%;
  background:linear-gradient(135deg,#f5f7fa,#eef2f6);
  overflow:hidden;
}

/* =========================================
   TOP IMAGE FIX
========================================= */

.ax-contact-two .ax-faq-banner{
  width:100%;
  margin-bottom:70px;

  border-radius:28px;
  overflow:hidden;

  position:relative;
}

/* IMAGE */
.ax-contact-two .ax-faq-banner img{
  width:100%;
  height:500px;
  
 
  object-fit:cover;
  object-position:center;

  display:block;

  border-radius:48px;
}

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

.ax-contact-two-container{
  max-width:1200px;
  margin:auto;

  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:70px;

  align-items:start;
}

/* ax-contact-two=========================================
   LEFT
========================================= */

.ax-contact-left{
  position:relative;
  z-index:2;
}

.ax-contact-left h2{
  font-size:48px;
  line-height:1.15;
  font-weight:700;

  margin-bottom:45px;

  color:#1c2227;

  max-width:520px;
}

/* =========================================
   CONTACT LINKS HOVER EFFECT
========================================= */

.ax-link{

    display:inline-block;

    position:relative;

    padding:6px 12px;

    margin:6px 0;

    border-radius:10px;

    color:#011d26;

    text-decoration:none;

    font-weight:500;

    transition:
        transform .35s cubic-bezier(.22,.61,.36,1),
        color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

/* Hover Effect */

.ax-link:hover{

    color:#011d26;

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

    transform:translateY(-4px) scale(1.03);

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

    text-decoration:none;
}

/* Click Effect */

.ax-link:active{

    transform:translateY(-1px) scale(.98);
}
/* INFO GRID */
.ax-contact-info-grid{
  display:flex;
  flex-direction:column;
  gap:35px;
}

/* BLOCK */
.ax-info-block{
  background:#ffffff;

  padding:28px 30px;

  border-radius:20px;

  border:1px solid #edf1f3;

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

/* LABEL */
.ax-info-block h4{
  font-size:13px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;

  margin-bottom:10px;

  color:#7a8288;
}

/* LINKS */
.ax-link{
  display:inline-block;

  font-size:17px;
  font-weight:500;

  color:#1c2227;

  margin-bottom:18px;

  text-decoration:none;

  transition:.3s ease;
}

.ax-link:hover{
  color:#000000;
}

/* ADDRESS */
.ax-info-block p{
  color:#5f6f75;
  line-height:1.8;
}

/* =========================================
   SOCIALS
========================================= */
/* =========================================
   SOCIAL ICONS
========================================= */

.ax-contact-socials{
  display:flex;
  align-items:center;
  gap:36px;
  margin-top:28px;
}

.ax-contact-socials a{
  position:relative;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:.3s ease;
}

.ax-contact-socials svg{
  width:30px;
  height:30px;
  color:#000;
  fill:#000;
  stroke:none;
  transition:.3s ease;
}

.ax-contact-socials a:hover svg{
  color:#ffffff;
  fill:#ffffff;
  transform:translateY(-3px);
}

.ax-contact-socials a:hover{
  transform:translateY(-4px);
}

/* TOOLTIP */

.ax-social-tooltip{

  position:absolute;

  bottom:42px;
  left:50%;

  transform:
  translateX(-50%)
  translateY(8px);

  background:#07252d;

  color:#fff;

  padding:10px 14px;

  border-radius:10px;

  font-size:13px;

  line-height:1.5;

  white-space:nowrap;

  opacity:0;
  visibility:hidden;

  pointer-events:none;

  transition:.3s ease;
}

.ax-social-hover:hover .ax-social-tooltip{

  opacity:1;
  visibility:visible;

  transform:
  translateX(-50%)
  translateY(0);
}
/* =========================================
   FORM CARD
========================================= */

.ax-contact-form-card{
  position:relative;
  z-index:2;

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

  backdrop-filter:blur(18px);

  padding:45px;

  border-radius:26px;

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

  box-shadow:
  0 30px 70px rgba(0,0,0,0.08);

  transition:.35s ease;
}

/* hover */
.ax-contact-form-card:hover{
  transform:translateY(-5px);
}

/* TITLE */
.ax-contact-form-card h3{
  font-size:34px;
  line-height:1.2;

  margin-bottom:10px;

  color:#1c2227;
}

/* SUBTEXT */
.ax-contact-form-card > p{
  color:#151515;

  margin-bottom:32px;
}

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

.ax-form-row{
  display:flex;
  gap:18px;

  margin-bottom:18px;
}

/* INPUTS */
.ax-contact-form-card input,
.ax-contact-form-card textarea{
  width:100%;

  padding:16px 18px;

  border-radius:14px;

  border:1px solid #e4e8ec;

  background:#ffffff;

  font-size:14px;

  outline:none;

  transition:.3s ease;
}


/* =========================================
   EXACT HEADING SCROLL POSITION
========================================= */

#contact-heading{

    scroll-margin-top: 95px;   /* Adjust if needed */

}


/* FOCUS */
.ax-contact-form-card input:focus,
.ax-contact-form-card textarea:focus{
  border-color:#00c6a7;

  box-shadow:
  0 0 0 4px rgba(0,198,167,.12);
}

/* TEXTAREA */
.ax-contact-form-card textarea{
  min-height:140px;

  resize:none;

  margin-bottom:24px;
}

/* =========================================
   BUTTON
========================================= */
/* ================= CONTACT BUTTON ================= */
/* ==========================================
   SEND MESSAGE BUTTON
========================================== */

.ax-send-btn{

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

    width:auto;
    min-width:140px;          /* Similar to Get Free Consulting */
    height:42px;

    padding:0 30px;

    border:none;
    cursor:pointer;

    border-radius:999px;

    background:#fff300;

    color:#062024;

    font-size:15px;
    font-weight:600;
    line-height:1;

    margin-left:34%;

    text-decoration:none;
    white-space:nowrap;

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

    transition:all .3s ease;
}

/* Arrow */

.ax-send-btn .ax-send-btn-arrow{

    font-size:14px;

    transition:transform .2s ease;

}

/* Hover (UNCHANGED) */

.ax-send-btn:hover{

    background:radial-gradient(
        120% 120% at 0% 100%,
        #fff300 80%,
        #fff300 40%,
        #fff300 20%,
        #ffffff 40%,
        #ffffff 10%
    );

    background-size:200% 100%;
    background-position:right;

    transform:translateY(-3px);

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

    color:#062024;

}

/* Arrow Animation */

.ax-send-btn:hover .ax-send-btn-arrow{

    transform:translateX(6px);

}

/* Click */

.ax-send-btn:active{

    transform:translateY(-1px);

}

/* ==========================================
   SEND BUTTON - MOBILE
========================================== */

@media (max-width:480px){

.ax-send-btn{

    width:100%;

    max-width:250px;

    height:52px;

    padding:0 18px;

    font-size:14px;

    gap:8px;

    border-radius:999px;

    margin:20px auto 0;

    display:flex;

    justify-content:center;

    align-items:center;

}

.ax-send-btn .ax-send-btn-arrow{

    font-size:15px;

}

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


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

.ax-map-card{
  margin-top:8px;
}

.ax-map-frame{
  position:relative;
  height:220px;
  overflow:hidden;
  border-radius:24px;
}

.ax-map-frame iframe{
  width:100%;
  height:100%;
  border:none;

  filter:
    brightness(.78)
    contrast(1.05)
    saturate(.85);
}

.ax-map-open{
  position:absolute;

  top:18px;
  right:18px;

  padding:14px 24px;

  border-radius:999px;

  background:#fff300;
  color:#000;

  text-decoration:none;

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

  transition:.3s ease;
}

.ax-map-open:hover{
  transform:translateY(-3px);

  box-shadow:
  0 12px 30px rgba(0,0,0,.18);
}
.ax-gmail{
  position:relative;
} 

.ax-email-tooltip{

  position:absolute;

  left:55px;
  top:50%;

  transform:
  translateY(-50%)
  translateX(-10px);

  background:#07252d;

  color:#fff;

  padding:10px 14px;

  border-radius:10px;

  font-size:13px;

  white-space:nowrap;

  opacity:0;
  visibility:hidden;

  transition:.3s ease;

  pointer-events:none;
}

.ax-gmail:hover .ax-email-tooltip{

  opacity:1;
  visibility:visible;

  transform:
  translateY(-50%)
  translateX(0);
}

/* ===================================
   BRAND COLORS
=================================== */

/* Facebook */
.ax-facebook svg{
  color:#1877F2;
}

/* LinkedIn */
.ax-linkedin svg{
  color:#0A66C2;
}

/* Instagram */
.ax-instagram svg{
  color:#E4405F;
}

/* WhatsApp */
.ax-whatsapp svg{
  color:#25D366;
}

/* Gmail */
.ax-gmail svg{
  color:#EA4335;
}

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

.ax-social-hover{
  transition:all .3s ease;
}

.ax-social-hover:hover{
  transform:translateY(-4px) scale(1.05);
}

.ax-social-hover:hover svg{
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));
}


/* ==================================================
   CONTACT SECTION - MOBILE RESPONSIVE
   Replace your existing mobile media queries
================================================== */

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

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

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

    .ax-contact-two{

        padding:55px 18px;
    }

    /* Banner */

.ax-faq-banner{

    width:100%;

    margin:0 auto 25px;

    border-radius:14px;

    overflow:hidden;

}

.ax-faq-banner img{

    width:100%;

    height:220px;          /* Adjust to 200px or 240px if needed */

    object-fit:cover;

    object-position:center;

    display:block;

    border-radius:14px;

}
    /* Layout */

    .ax-contact-two-container{

        display:flex;

        flex-direction:column;

        gap:28px;
    }

    /* LEFT */

    .ax-contact-left{

        width:100%;
    }

    .ax-contact-left h2{

        font-size:31px;

        line-height:1.25;

        text-align:center;

        margin:0 auto 24px;

        max-width:320px;
    }

    .ax-contact-info-grid{

        display:flex;

        flex-direction:column;

        gap:20px;
    }

    .ax-info-block{

        padding:20px;

        border-radius:18px;
    }

    .ax-info-block h4{

        font-size:12px;

        margin-bottom:8px;
    }

    .ax-link{

        font-size:15px;

        line-height:1.7;

        margin-bottom:12px;
    }

    .ax-info-block p{

        font-size:15px;

        line-height:1.7;
    }

    /* Map */

    .ax-map-frame{

        height:180px;

        border-radius:16px;
    }
 .ax-contact-btn{

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

        width:auto;
        min-width:0;

        padding:12px 24px;      /* Same compact size */

        gap:8px;

        border-radius:999px;

        font-size:14px;
        font-weight:600;
        line-height:1;

        margin:0 auto;

        white-space:nowrap;

        box-shadow:0 14px 32px #00000038;

        transition:all .3s ease;
    }

    .ax-contact-btn .ax-btn-arrow{

        font-size:14px;

        transition:transform .2s ease;
    }

    .ax-contact-btn:hover .ax-btn-arrow{

        transform:translateX(6px);
    }

    
    /* Social */

    /* ==========================================
   MOBILE SOCIAL ICONS
========================================== */
/* ==========================================
   MOBILE - ONE ROW PERFECTLY ALIGNED
========================================== */

.sh-ax-social{

    display:flex;
    flex-wrap:nowrap;

    width:100%;
    max-width:100%;

    margin:22px auto 0;
    padding:0;

    justify-content:space-between;
    align-items:center;
}

.sh-social-btn{

    flex:1;
    min-width:0;

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

    height:48px;
    margin:0;
    padding:0;
}

.sh-social-btn svg,
.sh-social-btn img{

    width:22px;
    height:22px;

    display:block;
    object-fit:contain;
}

.gmail img{
    width:20px;
    height:20px;
}
    /* FORM */

    .ax-contact-form-card{

        width:100%;

        padding:28px 22px;

        border-radius:20px;
    }

    .ax-contact-form-card h3{

        font-size:26px;

        text-align:center;

        margin-bottom:10px;
    }

    .ax-contact-form-card>p{

        text-align:center;

        font-size:15px;

        margin-bottom:22px;
    }

    .ax-form-row{

        display:flex;

        flex-direction:column;

        gap:14px;

        margin-bottom:14px;
    }

    .ax-contact-form-card input,

    .ax-contact-form-card textarea{

        font-size:15px;

        padding:15px 16px;

        border-radius:14px;
    }

    .ax-contact-form-card textarea{

        min-height:130px;
    }

    .ax-contact-btn{

        width:100%;

        justify-content:center;

        padding:16px;

        font-size:16px;

        border-radius:50px;
    }

}



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

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

    .ax-contact-two{

        padding:45px 16px;
    }

    /* Banner */

    .ax-contact-two .ax-faq-banner{

        margin-bottom:24px;
    }

    .ax-contact-two .ax-faq-banner img{

        height:165px;

        border-radius:16px;
    }

    /* Heading */

    .ax-contact-left h2{

        font-size:26px;

        line-height:1.3;

        max-width:280px;

        margin:0 auto 20px;
    }

    /* Cards */

    .ax-info-block{

        padding:18px;

        border-radius:16px;
    }

    .ax-info-block h4{

        font-size:11px;
    }

    .ax-link{

        font-size:14px;
    }

    /* Map */

    .ax-map-frame{

        height:160px;
    }

     .ax-contact-btn{

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

        width:auto;
        min-width:0;

        padding:12px 24px;

        gap:8px;

        border-radius:999px;

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

        margin:0 auto;

        white-space:nowrap;

        box-shadow:0 14px 32px #00000038;

        transition:all .3s ease;
    }

    .ax-contact-btn .ax-btn-arrow{

        font-size:14px;

        transition:transform .2s ease;
    }

    .ax-contact-btn:hover .ax-btn-arrow{

        transform:translateX(6px);
    }
  }
    /* Social */

    /* ==========================================
   SMALL MOBILE SOCIAL ICONS
========================================== */

/* ==========================================
   SMALL MOBILE - ONE ROW PERFECTLY ALIGNED
========================================== */


.sh-ax-social{

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

    width:calc(100% - 16px);   /* Slightly reduce width */
    margin:20px auto 0;
    padding:0;

    position:relative;
   left:-15px;                /* Move icons left */
}

.sh-social-btn{

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

    height:46px;
    margin:0;
    padding:0;
}

.sh-social-btn svg,
.sh-social-btn img{

    width:22px;
    height:22px;
    object-fit:contain;
}

.gmail img{

    width:20px;
    height:20px;
}
/* Form */

    .ax-contact-form-card{

        padding:22px 18px;

        border-radius:18px;
    }

    .ax-contact-form-card h3{

        font-size:22px;
    }

    .ax-contact-form-card>p{

        font-size:14px;
    }

    .ax-contact-form-card input,

    .ax-contact-form-card textarea{

        padding:14px;

        font-size:14px;
    }

    .ax-contact-form-card textarea{

        min-height:120px;
    }

    .ax-contact-btn{

        width:100%;

        padding:15px;

        font-size:15px;
    }




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

.faq-section{
  background:#f5f7f8;
  padding:90px 7%;
}

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

.faq-container{
  max-width:1200px;
  margin:auto;

  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:90px;

  align-items:flex-start;
}

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

.faq-small-icon{
  width:90px;
  margin-bottom:28px;
}

.faq-small-icon svg{
  width:100%;
}

.faq-left h2{
  font-size:48px;
  line-height:1.2;
  margin-bottom:22px;
  color:#1c2227;
}

.faq-highlight{
  color:#111;
}

.faq-left p{
  color:#6b747a;
  line-height:1.8;
  max-width:420px;
  margin-bottom:30px;
}

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

.faq-right{
  display:flex;
  flex-direction:column;
  gap:18px;
}

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

.faq-item{
  background:#ffffff;

  border-radius:12px;

  border:1px solid #e8edef;

  overflow:hidden;

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

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

/* HOVER */
.faq-item:hover{
  transform:translateY(-3px);

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

/* =========================================
   QUESTION
========================================= */
.faq-question{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;

  padding:12px 18px;

  cursor:pointer;

  box-sizing:border-box;
}
/* LEFT */
.faq-question-left{
  display:flex;
  align-items:center;
  gap:16px;

  flex:1;
}

/* DOT */
.faq-dot{
  width:10px;
  height:10px;

  min-width:10px;

  border-radius:50%;

  background:#fff300;
}

/* QUESTION TEXT */
.faq-question-left span{
  font-size:13px;
  font-weight:600;
  line-height:1.3;

  color:#1c2227;
}

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

.faq-icon{
  width:32px;
  height:32px;

  min-width:38px;

  border-radius:10px;

  background:#f4f7f8;

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

  font-size:22px;

  color:#07252d;

  transition:.35s ease;
}

/* ACTIVE ICON */
.faq-item.active .faq-icon{
  transform:rotate(45deg);

  background:#07252d;
  color:#ffffff;
}

/* =========================================
   ANSWER
========================================= */
/* =========================================
   ANSWER (DESKTOP)
========================================= */
/* ==========================================
   FAQ ANSWER
========================================== */

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

    padding:0 56px 0 44px;

    box-sizing:border-box;

}

.faq-answer p{

    margin:0;
    padding:0 0 18px;

    font-size:14px;
    line-height:1.7;

    color:#5b6470;

    text-align:left;

}
/* ACTIVE ANSWER */

.faq-item.active .faq-answer{

    max-height:320px;

    padding:0 26px 24px;
}
/* =========================================
   RESPONSIVE
========================================= */
/* =========================================
   TABLET & MOBILE
========================================= */

@media (max-width:992px){

    .faq-section{

        padding:70px 6%;
    }

    .faq-container{

        grid-template-columns:1fr;

        gap:50px;
    }

    .faq-left{

        text-align:center;
    }

    .faq-small-icon{

        margin:0 auto 24px;
    }

    .faq-left h2{

        font-size:36px;

        line-height:1.3;
    }

    .faq-left p{

        max-width:100%;

        margin:0 auto 30px;

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

        line-height:1.9;
    }

    .faq-question{

        padding:20px 22px;

        align-items:flex-start;
    }

    .faq-question-left{

        align-items:flex-start;
    }

    .faq-question-left span{

        font-size:15px;

        line-height:1.5;
    }

    .faq-answer{

        padding:0 22px;

        font-size:15px;

        line-height:1.9;

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

        word-break:normal;
        overflow-wrap:break-word;
        hyphens:auto;
    }

    .faq-answer p{

        margin:0;

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

        line-height:1.9;

        word-break:normal;
        overflow-wrap:break-word;
        hyphens:auto;
    }

    .faq-item.active .faq-answer{

        max-height:420px;

        padding:0 22px 22px;
    }
}

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

@media (max-width:576px){

    .faq-section{

        padding:55px 18px;
    }

    .faq-left h2{

        font-size:30px;
    }

    .faq-left p{

        font-size:15px;

        line-height:1.8;

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

    .faq-question{

        padding:18px 18px;
    }

    .faq-question-left{

        gap:12px;
    }

    .faq-question-left span{

        font-size:14px;

        line-height:1.5;
    }

    .faq-icon{

        width:34px;
        height:34px;

        min-width:34px;

        font-size:20px;
    }

    .faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

    padding:0 18px;

}

.faq-answer p{

    margin:0;

    padding:0 0 16px;

    font-size:14px;

    line-height:1.8;

    color:#5b6470;

    text-align:justify;

    text-justify:inter-word;

    word-break:normal;

    overflow-wrap:break-word;

    hyphens:auto;

}

.faq-item.active .faq-answer{

    max-height:600px;

    padding:0 18px 18px;

}
}


.ax-social{
    display:flex;
    align-items:center;
    gap:20px;
}

.ax-social-btn{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    transition:.35s ease;
}
.ax-social-btn svg{
  width:28px;
    margin-left: 10px;
    margin-right: -125px;
    height:28px;
    object-fit:contain;
}

.ax-social-btn img{
    width:28px;
    margin-left: 90px;
    height:28px;
    object-fit:contain;
}

.ax-social-btn:hover{
    transform:translateY(-4px) scale(1.08);
}

/*=========================================
    SOCIAL ICONS
=========================================*/

.sh-ax-social{
    display:flex;
    align-items:center;
    gap:21px;
    margin-top:15px;
    margin-right:1%;
    margin-left:9%;
    flex-wrap:wrap;
}

.sh-social-btn{
    width:42px;
    height:42px;

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

    text-decoration:none;
    border-radius:10px;

    transition:all .3s ease;
}

/* SVG Icons */
.sh-social-btn svg{
    width:24px;
    height:24px;

    display:block;

    margin:0;          /* IMPORTANT */
}

/* Gmail Image */
.sh-social-btn img{
    width:24px;
    height:24px;
    
    display:block;

    margin:0;          /* IMPORTANT */
}

.sh-social-btn:hover{
    transform:translateY(-4px) scale(1.08);
}

/* Brand Colors */

.sh-social-btn.instagram svg{
    color:#E4405F;
}

.sh-social-btn.facebook svg{
    color:#1877F2;
}

.sh-social-btn.linkedin svg{
    color:#0A66C2;
}

.sh-social-btn.whatsapp svg{
    color:#25D366;
}

.sh-social-btn.email svg{
    width:30px;
    height:30px;
}

.sh-social-btn.gmail img{
    width:24px;
    height:24px;
}