/* ============================================ HERO SECTION ============================================ */
.hero-section {padding-top:5rem; padding-bottom:4rem; background: linear-gradient(180deg, #F0F9FF 0%, #FFF 100%);}
.badge-primary {display:inline-block; background-color:#EFF6FF; color:var(--primary); border:solid 1px #BEDBFF; padding:0.2rem 1.2rem; border-radius:2rem; font-size:14px;margin-bottom:1.5rem;}
.hero-title {font-size:53px; line-height:1.1; font-weight:800;}
.feature-label {color:#0090DF; font-size:28px; line-height:1; margin:10px 0px;}

/* ============================================ AUDIT CARD ============================================ */
.audit-card {border:solid 1px #E5E7EB; border-radius: 1.5rem; box-shadow:0px 8px 10px #0000001A;}
.audit-card .form-control {min-height:44px; background:#F3F3F5; border-color:#e6e6e7; transition:var(--transition);}
.audit-card .form-control:focus {border-color:var(--primary); box-shadow:0 0 0 0.2rem rgba(0, 132, 214, 0.25);}
.about-element.position-relative{z-index:9; overflow:inherit;}

/* ============================================ RESULTS SECTION ============================================ */
.stats-card {background-color:rgba(255, 255, 255, 0.1); border:1px solid rgba(255, 255, 255, 0.2); border-radius:16px; transition:var(--transition); backdrop-filter:blur(10px);}
.stats-card:hover {background-color:rgba(255, 255, 255, 0.15); transform:translateY(-4px);}
 
/* ============================================ SERVICES SECTION ============================================ */
.service-card {border-radius:16px; transition:var(--transition); border:1px solid #E5E7EB;}
.service-card:hover {box-shadow:0 10px 25px rgba(0, 0, 0, 0.1); transform:translateY(-4px);}

/* ============================================ CTA SECTION ============================================ */
.cta-content {background:#03101e url(../images/bg3.png) no-repeat center center; border:1px solid rgba(255, 255, 255, 0.1); min-height:684px;}
 
/* ============================================ TESTIMONIALS SECTION ============================================ */
.badge-success {display:inline-block; background-color:#dcfce7; color:#1bbf87; border:solid 1px #bdf2cf; padding:0.2rem 1.2rem; border-radius:2rem; font-size:14px;margin-bottom:1.5rem;}

.ImgText{border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.10);background: rgba(255, 255, 255, 0.05);} 
 
.faq-wrapper {padding:20px 33px; border-radius:16px; border: 1px solid #E5E7EB; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);}

/* Accordion item bottom border only */
.accordion-item {border: none; border-bottom: 1px solid #e5e7eb;}
 /* Button styling */
.accordion-button {padding:20px 0; font-size:18px; color:#111827; background:transparent;}

    .accordion-button:not(.collapsed) {
      background: transparent;
      box-shadow: none;
      color: #111827;
    }

    /* REMOVE focus, active, click outlines */
    .accordion-button:focus {
      box-shadow: none;
      outline: none;
      border: none;
    }

    .accordion-button:active {
      box-shadow: none;
      background: transparent;
    }

    /* Arrow icon size */
    .accordion-button::after {
      background-size: 1.1rem;
    }

    /* Body spacing */
    .accordion-body {
      padding: 0 0 20px 0;
      color: #6b7280;
      font-size:18px;
    }	
 
/* ============================================ FOOTER ============================================ */
.footer{background:#101828; color:#D1D5DC;}
.footer a {color:#D1D5DC;}
.footer a:hover {color:#0090df;}
.footer ul li {margin-bottom:0.55rem;}
.footer hr {background-color:#374151; margin:2rem 0;}

.List {padding:0; margin:0 0 15px 0; list-style-type:none;}
.List li{background:url(../images/icons.png) no-repeat 0.1em 0.43em; padding:4px 0 4px 30px; margin:0px;}

.ListP {padding:0; margin:0 0 15px 0; list-style-type:none;}
.ListP li{background:url(../images/check.png) no-repeat 0.1em 0.43em; padding:4px 0 14px 40px; margin:0px;}

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

@media (min-width: 1920px){.audit-card.p-xxl-5{padding:35px 40px !important;}.service-card.p-4 {padding:40px 35px !important;} .testimonial-card.p-4 {padding:35px !important;}}
@media (min-width: 1600px) {body {font-size:18px !important; line-height:1.7;}.audit-card.p-xxl-5{padding:50px 30px !important;}  h1, .h1 {font-size:50px;} .fs-54{font-size:54px !important;} .ImgText{width:659px;}
.about-element::after {
  content: '';
  position: absolute;
  top:-12%;
  right:-15%;
  width:640px;
  background: url(../images/bg1.png) no-repeat left bottom;
  height:640px;
  z-index: -1 !important;overflow:hidden;
}}
@media (min-width: 1400px) {.container-lg {max-width:1300px !important;}}
@media (min-width: 1199.98px) and (max-width: 1359.98px){}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.hero-title {font-size:52px;}.feature-label {font-size:20px;}}
@media (min-width: 768px) and (max-width: 991.98px) {.hero-title {font-size:48px;}.feature-label {font-size:20px;}}
@media (max-width: 768px) {.hero-title {font-size:40px;}.feature-label {font-size:20px;}
    .gap-3 {gap: 1rem !important;}
    .gap-4 {gap: 1rem !important;}
    .gap-5 {gap: 1.5rem !important;}}
	
	
	
@media (max-width: 575.98px){.hero-title {font-size:40px;}.feature-label {font-size:20px; margin:0px;}.d-flex {flex-direction:column; text-align:center;} .bormbl .border-start,.bormbl .border-end{border:none !important;} 
.footer{text-align:center;}
.MainBanner .Homebnr img,.MainBanner img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}}