.newsletter-popup .modal-dialog .modal-content .newsletter-popup-content {
    padding: 10px ! important;
}
.header-top-wrap.header-top-style-2{
display : none;
}
.menu-area {
background-color : white;
}

.breadcrumb-area.breadcrumb-bg{
padding-top : 200px;
} 
/* =========================
   ALUARC DESIGN SYSTEM
========================= */

:root {

    /* Brand Colors */
    --tg-primary-color: #0E6675;
    --primary-dark: #084D59;
    --primary-light: #2D8898;
    --secondary-color: #BFC7CE;
  --tg-secondary-color: #284054;

    /* Text Colors */
    --heading-color: #1A1A1A;
    --text-color: #666666;
    --text-light: #8A8A8A;

    /* Background Colors */
    --white: #FFFFFF;
    --body-bg: #F8FAFC;
    --section-bg: #F4F7F9;

    /* Border */
    --border-color: #E5E7EB;

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

    /* Desktop Font Sizes */
    --h1-size: 60px;
    --h2-size: 48px;
    --h3-size: 36px;
    --h4-size: 28px;
    --h5-size: 22px;
    --h6-size: 18px;

    --p-size: 16px;
    --small-size: 14px;

    /* Font Weight */
    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* Spacing */
    --section-space: 100px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;

    /* Transition */
    --transition: all .3s ease;
}

/* =========================
   RESET
========================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.btn:before{
background: var(--tg-primary-color);

}

html{
    scroll-behavior:smooth;
}


body{
    font-family:var(--font-family);
    font-size:var(--p-size);
    font-weight:var(--fw-normal);
    color:var(--text-color);
    background:var(--body-bg);
    line-height:1.8;
    overflow-x:hidden;
}

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

h1,h2,h3,h4,h5,h6{
    color:var(--heading-color);
    line-height:1.2;
    margin-bottom:15px;
}

h1{
    font-size:var(--h1-size);
    font-weight:var(--fw-bold);
}

h2{
    font-size:var(--h2-size);
    font-weight:var(--fw-bold);
}

h3{
    font-size:var(--h3-size);
    font-weight:var(--fw-semibold);
}

h4{
    font-size:var(--h4-size);
    font-weight:var(--fw-semibold);
}

h5{
    font-size:var(--h5-size);
    font-weight:var(--fw-medium);
}

h6{
    font-size:var(--h6-size);
    font-weight:var(--fw-medium);
}

p{
    font-size:var(--p-size);
    color:var(--text-color);
    margin-bottom:15px;
}

small{
    font-size:var(--small-size);
}

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

a{
    text-decoration:none;
    transition:var(--transition);
    color:inherit;
}

a:hover{
    color:var(--tg-primary-color);
}

/* =========================
   IMAGES
========================= */

img{
    max-width:100%;
    height:auto;
    display:block;
}

/* =========================
   SECTION
========================= */
section not(.section), .footer-top-two{
    padding:var(--section-space) 0;
}


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

.btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    background:var(--tg-primary-color);
    color:var(--white);

    border:none;
    border-radius:var(--radius-sm);

    padding:14px 30px;

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

    transition:var(--transition);
}

.btn-primary:hover{
    background:var(--primary-dark);
    color:var(--white);
    transform:translateY(-2px);
}

.btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:2px solid var(--tg-primary-color);
    color:var(--tg-primary-color);

    padding:12px 28px;
    border-radius:var(--radius-sm);

    transition:var(--transition);
}

.btn-outline:hover{
    background:var(--tg-primary-color);
    color:#fff;
}


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

.card{
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:var(--radius-md);
    transition:var(--transition);
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.breadcrumb-bg:before{
background: transparent;
}

section.overview-area.pt-80.pb-80.shortcode-lazy-loading-loaded, .about-area-six, section.about-area-seven,
.about-modern.py-5, body{
background:
linear-gradient(
135deg,
#BFE2E8 0%,
#D8ECEF 12%,
#EDF6F7 25%,
#FFFFFF 50%,
#EDF6F7 75%,
#D8ECEF 88%,
#BFE2E8 100%
);
 
  
}
.faq-bg-shape {
    background-image: url(https://aluarc.in/storage/backgrounds/faq-wrap.png) ! important;
  opacity : unset;
}
.faq-content .accordion-button{
background-color : var(--primary-light);
  color : white;
}

.accordion-wrap-three .accordion-button{
    background-color: var(--tg-primary-color);
      color: var(--white);
}
.accordion-wrap-three .accordion-button:after{
color : var(--white);
}
.accordion-wrap-three .accordion-body{
    border: 2px solid var(--tg-primary-color);
}

.services-thumb-two:before,.services-thumb-two:after{
background: linear-gradient(
    1turn,
    rgb(14, 102, 117) 11.66%,
    rgba(14, 102, 117, 0) 65.89%
);
}
.slider-item .slider-item-header,.carousel--nav .owl-dots{
display : none;
}

.truncate-3-custom {
     -webkit-line-clamp: unset;
}

.footer-area-two.footer-bg-two.footer-style {
    BACKGROUND: #FFF ! IMPORTANT;
}

.contact-form .contact-button{
BACKGROUND : VAR(--tg-primary-color);
}

.footer-style .footer-widget .fw-title:before{
background : var(--tg-primary-color);
}

.services-item-two:hover .services-thumb-two .item-shape{
display : none;
}

.services-content .content-top .title{
min-height : 55px;
}

.services-content-two .title a:hover{
    color : white;
}

.faq-content .accordion-button:after{
color : white;
}

.faq-content .accordion-button:not(.collapsed):after{
color : var(--tg-primaary-color);
}
.services-content-two .title{
font-size : 18px;
}



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

@media (max-width:991px){

    :root{

        --h1-size:48px;
        --h2-size:40px;
        --h3-size:32px;
        --h4-size:26px;
        --h5-size:20px;
        --h6-size:17px;

        --section-space:80px;
    }
}

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

@media (max-width:767px){

    :root{

        --h1-size:34px;
        --h2-size:30px;
        --h3-size:26px;
        --h4-size:22px;
        --h5-size:18px;
        --h6-size:16px;

        --p-size:15px;

        --section-space:60px;
    }
  section not(.section), .footer-top-two{
    padding:var(--section-space) 0 ! important;
}

    body{
        line-height:1.7;
    }

    .btn-primary,
    .btn-outline{
        width:100%;
    }
  .menu-area {
        padding: 0px 0;
    }
  
  .about-img-six,.overview-img-wrap,.section-title-two{
   margin-bottom : 0px;
  }
  .about-content-six {
        margin-top: 20px;
    }
  
  .about-content-six .about-list .list-wrap{
  margin-bottom : 20px;
  }
  .footer-top-two .fw-logo{
margin : 0px;
}
  
  .footer-top-two{
  padding-top : 60px;
  }
  .footer-widget {
    margin-bottom: 20px;
}
  .request-area-two{
  padding : var(--section-space) 0 ; 
  }
 .mobile-menu .mobile-search,
  .mobile-menu .social-links{
  display : none;
  }
}

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

@media (max-width:480px){

    :root{

        --h1-size:30px;
        --h2-size:26px;
        --h3-size:22px;
        --h4-size:20px;

        --p-size:14px;
    }
}