:root {
  --pc-accent: #0d6efd;
}

html { scroll-behavior: smooth; }

.hero .display-5 { line-height: 1.1; }
.hero img { max-height: 380px; object-fit: cover; }

.card .bi { opacity: .85; }

footer ul li { margin: .25rem 0; }

/* Utilities */
.rounded-4 { border-radius: 1rem !important; }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.08); }

/* Forms */
.was-validated .form-control:invalid, .form-control.is-invalid { box-shadow: none; }
.was-validated .form-control:valid, .form-control.is-valid { box-shadow: none; }
body {
  font-family: 'Inter', sans-serif;
  
}
 .video-section {
      position: relative;
      width: 100%;
      height: 500px; /* Full viewport height */
      overflow: hidden;
    }

    .video-section video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: 0;
      transform: translate(-50%, -50%);
      object-fit: cover;
    }

    .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.2); /* optional overlay for readability */
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      text-align: center;
      padding: 0 20px;
    }
	.video-overlay h1,
.video-overlay p {
  text-shadow: 
    2px 2px 4px rgba(0,0,0,0.6),
    -2px -2px 4px rgba(0,0,0,0.6);
}







    .ba-slider {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.15);
      height: 400px; /* ✅ Fixed height for alignment */
    }
    .ba-slider img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; /* keeps both images same height */
    }
    .ba-slider .ba-before {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      overflow: hidden;
    }
    .ba-slider .ba-before img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .ba-slider .ba-handle {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 3px;
      background: #fff;
      box-shadow: 0 0 5px rgba(0,0,0,0.5);
      cursor: ew-resize;
      z-index: 2;
    }
    .ba-slider .ba-handle::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #fff;
      border: 2px solid #000;
    }
    .ba-label {
      position: absolute;
      bottom: 10px;
      padding: 2px 8px;
      background: rgba(0,0,0,0.5);
      color: #fff;
      font-size: 0.85rem;
      border-radius: 4px;
      z-index: 3;
    }
    .ba-label.before { left: 10px; }
    .ba-label.after { right: 10px; }

.border{border: 5px solid #fff !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}

.after {
    border: 5px solid #f9c911;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
















.top_h {
    font-size: 65px;
}	
.video-overlay p {
    font-size: 30px;
    color: #f9c911;
}	
 .video-section .btn {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}	
	
.brdcrumb .justify-content-center {
    justify-content: center !important;
    font-size: 20px;
}	
	
 .hover-scale {
    transition: transform 0.3s ease;
  }
  .hover-scale:hover {
    transform: scale(1.05);
  }
  .hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  }
  .hover-float {
    transition: transform 0.4s ease;
  }
  .hover-float:hover {
    transform: translateY(-8px);
  }	
	
	
	
img, video {
  max-width: 100%;
  height: auto;

}
.section_first  {
  
    background-color: rgb(253 236 172 / 24%) !important;
	border-bottom: 1px solid #0000001a;
}
.section_first .col-lg-7 {
    margin-top: 0px;
}
.section_first .small, small

 {
    font-size: 12px;
}
.stat

 {
    backdrop-filter: blur(6px);
    background: rgb(249 201 17 / 14%);
    border: 1px solid #0000003b;
}

.display-5
 {    margin: 20px 0px;
        font-size: 36px;font-weight:600 !important;
    
    }

  .form-section-container {
    max-width: 1100px; /* adjust as needed */
    margin: 0 auto;   /* centers the form */
  }
h2.form-title

 {
    margin-bottom: 40px;
    text-align: center;
}

.page_banner {
  width: 100%;
}

.page_banner .banner-img {
  width: 100%;
  height: 250px;        /* mobile ke liye fix height */
  object-fit: cover;    /* image crop hoke cover karegi */
}

@media (min-width: 768px) {
  .page_banner .banner-img {
    height: 350px;      /* tablet ke liye */
  }
}


.page_banner {
  position: relative;
}

.page_banner .brdcrumb {
  background: rgba(0, 0, 0, 0.4); /* halka dark overlay */
  color: #fff;
  padding: 10px 0;
}

.page_banner .breadcrumb a {
  color: #fff;
  text-decoration: none;
}

.page_banner .breadcrumb .active {
 color: #ffd700 !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

















#navMain ul li a {
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.header_area #logo
 {
    width: 40%;
}
.Header_area

 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.header_area
 {    background: #f9c911 !important;border: 0px !important;
    padding: 0px 0px !important;
}
.Header_area li.nav-item a {
    font-size: 18px;
    font-weight: 500;
    color: #000304;
    margin-right: 8px;
}
.topbar

 {
    padding: 10px 0px !important;
    background: #020202 !important;
}
.small, small {
    font-size: 15px;
    
}
.bg-primary-subtle {
    background-color: #f9c91159 !important;
}
.text-primary {
    --bs-text-opacity: 1;
    color: #000 !important;
    font-size: 18px;    text-transform: uppercase;
}
.heading {
        margin: 20px 0px;
    font-size: 36px;font-weight:600 !important;
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    height: 60px;
}
.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm) !important;
    background: #fdecac82;
}
  #claims {
    position: relative;
    
  }
  #claims::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6); /* black overlay with 60% opacity */
    z-index: 1;
  }
  #claims .container {
    position: relative;
    z-index: 2; /* ensures content is above the overlay */
  }
    #claims2 {
    position: relative;
    
  }
  #claims2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  
    z-index: 1;
  }
  #claims2 .container {
    position: relative;
    z-index: 2; /* ensures content is above the overlay */
  }
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  border: 5px solid #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: pointer; /* optional, shows hover effect */
}

.video-wrapper:hover {
  transform: scale(1.03); /* slight zoom */
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.6); /* glowing border */
}

.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* video fills the container */
  pointer-events: none; /* allows hover effect on wrapper */
}


/* Make testimonial cards bigger & stylish */
.testimonial-card {
  border-radius: 20px;
  background: #fff8e5;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
}

.card-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #333;
}
.form-section-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}




.service-card img {
      height: 200px;
      object-fit: cover;
    }
    .service-card {
      transition: transform 0.3s;
    }
    .service-card:hover {
      transform: scale(1.05);cursor: pointer;
    }

.transition-all {
    transition: all 0.3s ease;
  }
  .navbar.shrink {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    background-color: #f8f9fa !important; /* slightly darker */
  }
  .navbar.shrink #logo {
    height: 36px !important;
  }
  /* Responsive caption for smaller devices */
  #heroCarousel .carousel-caption {
    bottom: 35%;
  }
  .slider h1 {
    font-size: 50px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
  .slider p {
font-size: 24px;
    font-weight: 500;
  }
.btn:hover {
    /* color: var(--bs-btn-hover-color); */
    background-color: #000304;
    border-color: #000304;
    color: #fff !important;
}
  .footer

 {    padding-top: 50px;
    background: #9a9a9a4f !important
}
.footer .me-2 {
    width: 30%;
}.footer_bottm {
    background: #000407;
}.footer_bottm p

 {
    color: #fff;
}
 .social a i {
    background: #f9c911;
    padding: 6px;
    border-radius: 3px;
} 
  
   .link-hover {
    color: #000; /* Light text */
    transition: all 0.3s ease;opacity: .75 !important;
  }
  .link-hover:hover {
    background: #0d6efd; /* Bootstrap primary blue */
    color: #fff !important;
    padding-left: 10px; /* slight slide effect */
  }
  footer .border-bottom {
    border-bottom: 1px solid #00000024 !important;
}
  
  .my-52 {
    padding: 15px 0px;
}
 .before {
    border: 5px solid #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
} 
  .accordion-button:not(.collapsed) {

    background-color: #fffaeb !important;
  }
  .accordion-button {

    background-color: #fffaeb;
  }
  
  .accordion-button:focus {
 
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3);
}
  .rounded-41 {
    border-radius: 0px !important;
}
 section#faq {
    padding: 50px 0px;
} 
 .blog .item {
    display: block;
    padding: 10px;
    box-shadow: 0 0 20px #ccc;
    margin: 15px 0;
} 
 .blog .item img

 {
    margin-bottom: 10px;
    width: 100%;
    height: auto;
} 
 .blog a {
    color: #000;
    text-decoration: none;
} 

  .rowbrand {
    max-width: 920px;
    margin: 0 auto;
    margin-top: 30px;
}
.rowbrand .item a

 {
    padding: 20px;
    text-align: center;
    background: rgba(28, 27, 27, .8);
    border-radius: 8px;
    transition: .5s;
    display: block;
}
 .brands {
      background: url('../img/brandbg.jpg') no-repeat center center/cover;
			padding:50px 0px; background-size: cover;
    position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: white;
      position: relative;
    }
    .overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
    }
    .content {
      position: relative;
      z-index: 2;
    }
    .logo-box {
      background: rgba(0, 0, 0, 0.6);
      border-radius: 10px;
      padding: 20px;
      margin: 15px;
      transition: transform 0.3s ease;
    }
    .logo-box:hover {
      transform: scale(1.1);cursor: pointer;
    }

  .footer .ftr ul li span {
    width: 50% !important;
}
  .office-hours {
  list-style: none;
  padding: 0;
  margin: 0;
}
.office-hours li {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  border-bottom: 1px solid #eee;
}
.office-hours .day {
  font-weight: 500;
}
.office-hours .time {
  color: #555;
}
 .social_footer {
    margin-bottom: 10px;
} 
.card.service-card.h-100 {
    /* display: block; */
    padding: 10px;
    box-shadow: 0 0 20px #ccc;
    /* margin: 15px 0; */
}  
 div#navMain

 {
    width: 90%;
} 
  

  @media (max-width: 767px) {
    #heroCarousel .carousel-caption {
      bottom: 10%;
      font-size: 0.9rem;
      padding: 1rem;
    }
    #heroCarousel .carousel-caption h1 {
      font-size: 36px;
    }
    #heroCarousel .carousel-caption p {
      font-size: 20px;
    }
    #heroCarousel img {
      height: 50vh !important; /* shorter for mobile */
    }
	.logo-img {
            width: 60% !important;
        height: auto;
  }
  .left {
    display: none !important;
}.gold {
    margin-top: 0px;
}
  .navbar>.container-fluid{    flex-wrap: nowrap;}
.carousel-caption {

    right: 5%;

    left: 5%;
}	
 .display-5 {

    font-size: 26px;

} 
 .heading {

    font-size: 26px;
 
} 
 .btn {
    width: 100%;
} 
footer p {
    text-align: center;
}  
    div#mobileNav .nav-item {
        border-bottom: 1px solid #f9c911;
    }  
  .top_h {
    font-size: 36px;
}
 .video-overlay p {
    font-size: 28px;
   
} 
 #home .col-lg-7 {
    margin-bottom: 30px;
}
.footer .opacity-75 {
    text-align: left;
}
a.btn.btn-lg.btn-warning.fw-bold.px-5.py-3.shadow-lg.rounded-pill {
    font-size: 16px;
}

 
  
  
  
  
  
  
  
  
  
  
  
  }