/* ============================================ HERO SECTION ============================================ */
.hero-section {padding-top:4rem; padding-bottom:4rem; background-color:#f8fafc;}
.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:72px; 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:36px; background:#F3F3F5; border-color:#D1D5DC; 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 top center; border:1px solid rgba(255, 255, 255, 0.1); min-height:332px;}
 
/* ============================================ 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;}
.testimonial-card {border-radius:16px; border: 1px solid #e5e7eb; box-shadow: 0px 4px 6px #0000001A; transition: var(--transition);}
.testimonial-card:hover {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); transform: translateY(-4px);}
.stars {margin-bottom:1rem; color: #fccd00;}
.testimonial-card::after {
  content: '';
  position: absolute;
  top:3%;
  right:3%;
  width:48px;
  background: url(../images/icon01.png) no-repeat left bottom;
  height:48px;
  z-index: -1 !important;
}
 
/* ============================================ 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;}

 

/* ============================================ 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:20px !important; line-height:1.7;}.audit-card.p-xxl-5{padding:50px 30px !important;}  h1, .h1 {font-size:48px;}
.about-element::before {
  content: '';
  position: absolute;
  bottom:-34%;
  left:-18%;
  width:640px;
  background: url(../images/bg2.png) no-repeat left bottom;
  height:640px;
  z-index: -1;overflow:hidden;
}
.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;}}