/* nav bar css starts  */

/* Main navbar styling */
.custom-navbar {
  background-color: #111827;
  padding: 12px 0;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
}

/* Logo image */
.navbar-logo {
  width: 55px;
  height: 55px;
  object-fit: contain;
  margin-right: 12px;
}

/* Brand text */
.navbar-brand span {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Navbar links */
.custom-navbar .nav-link {
  color: #e5e7eb;
  font-weight: 500;
  margin-left: 12px;
  transition: 0.3s ease;
}

/* Navbar link hover and active color */
.custom-navbar .nav-link:hover,
.custom-navbar .nav-link.active {
  color: #f8c400;
}

/* Mobile menu button border */
.custom-navbar .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.4);
}

/* Mobile menu icon */
.custom-navbar .navbar-toggler-icon {
  filter: invert(1);
}

/* Contact button in navbar */
.nav-call-btn {
  background-color: #7b1117;
  color: #ffffff;
  font-weight: 700;
  padding: 9px 22px;
  border-radius: 4px;
  border: 2px solid #7b1117;
}

/* Contact button hover */
.nav-call-btn:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}

/* Mobile navbar spacing */
@media (max-width: 991px) {
  .custom-navbar .navbar-nav {
    padding-top: 15px;
  }

  .custom-navbar .nav-link {
    margin-left: 0;
    padding: 10px 0;
  }

  .nav-call-btn {
    margin-top: 10px;
    display: inline-block;
  }
}


/* nav bar css ends   */


/*  Housekeeping  client starts  */


/* Clients section */
#clients-ticker {
  background-color: #ffffff;
  overflow: hidden;
}

/* Section title */
#clients-ticker h2 {
  font-weight: 700;
  color: #111827;
}

/* Subtitle text */
.clients-subtitle {
  color: #4b5563;
  font-size: 1rem;
}

/* Outer slider area */
.clients-slider {
  width: 100%;
  overflow: hidden;
  background-color: #f8f9fa;
  padding: 25px 0;
}

/* Moving logo track */
.clients-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: scrollLogos 25s linear infinite;
}

/* Pause ticker on hover */
.clients-slider:hover .clients-track {
  animation-play-state: paused;
}

/* Each logo box */
.client-logo {
  width: 180px;
  height: 90px;
  background-color: #ffffff;
  margin: 0 18px;
  padding: 18px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}

/* Logo image */
.client-logo img {
  max-width: 100%;
  max-height: 55px;
  object-fit: contain;
}

/* Infinite scrolling animation */
@keyframes scrollLogos {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .client-logo {
    width: 140px;
    height: 75px;
    margin: 0 12px;
    padding: 14px;
  }

  .clients-track {
    animation-duration: 18s;
  }
}


 /* Housekeeping  client ends    */






/* Work gallery section starts */
#work-gallery {
  background-color: #ffffff;
}

#work-gallery h2 {
  font-weight: 700;
  color: #111827;
}

.gallery-subtitle {
  color: #4b5563;
  font-size: 1rem;
}

.gallery-card {
  height: 260px;
  overflow: hidden;
  border-radius: 8px;
  background-color: #f8f9fa;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
}

.gallery-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.gallery-card:hover .gallery-img {
  transform: scale(1.06);
}

@media (max-width: 768px) {
  .gallery-card {
    height: 230px;
  }
}

/* Work gallery section ends */













/* Hero banner starts */


/* Hero banner section takes full page width */
#heroBanner {
  width: 100%;
}

/* Hero banner images */
.hero-img {
  height: 90vh;           /* Sets image height to 90% of the viewport height */
  object-fit: cover;      /* Crops image nicely without stretching */
  filter: brightness(60%); /* Darkens image so text is easier to read */
}

/* Text area inside the carousel */
.carousel-caption {
  bottom: 35%;            /* Moves caption upward from the bottom */
}

/* Main heading inside carousel caption */
.carousel-caption h1 {
  font-size: 3.5rem;      /* Large heading size */
  font-weight: 700;       /* Bold heading */
}

/* Paragraph text inside carousel caption */
.carousel-caption p {
  font-size: 1.25rem;     /* Medium paragraph size */
  margin-bottom: 20px;    /* Space below paragraph before button */
}

/* Responsive styles for tablets and mobile screens */
@media (max-width: 768px) {
  /* Reduce hero image height on smaller screens */
  .hero-img {
    height: 60vh;
  }

  /* Adjust caption position on smaller screens */
  .carousel-caption {
    bottom: 25%;
  }

  /* Reduce heading size on smaller screens */
  .carousel-caption h1 {
    font-size: 2rem;
  }

  /* Reduce paragraph size on smaller screens */
  .carousel-caption p {
    font-size: 1rem;
  }
}

/* Hero banner ends */

/* Chairman message starts */

/* Chairman message section */
#chairman-message {
  background-color: #f8f9fa;
}

/* Main section title */
#chairman-message h2 {
  font-weight: 700;
  color: #1f2937;
}

/* Image and caption wrapper */
.chairman-box {
  margin: 0;
}

/* Chairman image styling */
.chairman-img {
  width: 100%;
  max-width: 360px;
  height: 420px;
  object-fit: cover;
  border-radius: 8px;
}

/* Caption below chairman image */
.chairman-caption {
  margin-top: 15px;
}

/* Chairman name */
.chairman-caption h5 {
  margin-bottom: 5px;
  font-weight: 700;
  color: #111827;
}

/* Chairman designation */
.chairman-caption p {
  margin-bottom: 0;
  color: #6b7280;
  font-size: 0.95rem;
}

/* Right side content box */
.chairman-content {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 8px;
  border-left: 5px solid #0d6efd;
}

/* Message heading */
.chairman-content h3 {
  font-weight: 700;
  margin-bottom: 20px;
  color: #111827;
}

/* Message paragraph */
.chairman-content p {
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 15px;
}

/* Responsive design */
@media (max-width: 768px) {
  .chairman-img {
    height: 320px;
  }

  .chairman-content {
    padding: 22px;
    margin-top: 10px;
  }

  .chairman-content h3 {
    font-size: 1.5rem;
  }
}



/* Chairman message ends */



  <!-- 2. why choose us section css  starts-->

     /* Why Choose Us section background */
#why-choose-us {
  background-color: #e9ecef;
}

/* Section title */
#why-choose-us h2 {
  font-weight: 700;
  color: #1f2937;
}

/* Individual card/container */
.choose-card {
  background-color: #ffffff;
  padding: 25px 20px;
  border-radius: 8px;
  transition: 0.3s ease;
}

/* Card hover effect */
.choose-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* Image inside each card */
.choose-img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Image caption/title */
.choose-card h5 {
  font-weight: 700;
  margin-bottom: 12px;
  color: #111827;
}

/* Small description */
.choose-card p {
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 0;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  .choose-img {
    height: 200px;
  }
}

/*  2. why choose us section starts*/


/* Security services section */
#security-services {
  background-color: #f8f9fa;
}

/* Dark red / maroon main box */
.security-cta-box {
  background-color: #5b0f14;
  color: #ffffff;
  padding: 50px 40px;
  border-radius: 8px;
}

/* Main title */
.security-cta-box h2 {
  font-weight: 700;
  margin-bottom: 25px;
}

/* Contact button */
.contact-call-btn {
  background-color: #ffffff;
  color: #5b0f14;
  font-weight: 700;
  padding: 12px 35px;
  border-radius: 4px;
  margin-bottom: 35px;
  border: 2px solid #ffffff;
}

/* Contact button hover */
.contact-call-btn:hover {
  background-color: transparent;
  color: #ffffff;
}

/* Subtitle */
.security-cta-box h3 {
  font-weight: 700;
  margin-bottom: 25px;
}

/* Services list */
.security-list {
  padding-left: 20px;
  margin-bottom: 0;
}

/* Services list items */
.security-list li {
  margin-bottom: 12px;
  line-height: 1.6;
}

/* Responsive spacing */
@media (max-width: 768px) {
  .security-cta-box {
    padding: 35px 22px;
  }

  .security-cta-box h2 {
    font-size: 1.6rem;
  }

  .security-cta-box h3 {
    font-size: 1.3rem;
  }
}








/*  2. why choose us section ends*/




/* ticker  section starts */
#clients-ticker {
  background-color: #ffffff;
  overflow: hidden;
}

/* Section title */
#clients-ticker h2 {
  font-weight: 700;
  color: #111827;
}

/* Subtitle text */
.clients-subtitle {
  color: #4b5563;
  font-size: 1rem;
}

/* Outer slider area */
.clients-slider {
  width: 100%;
  overflow: hidden;
  background-color: #f8f9fa;
  padding: 25px 0;
}

/* Moving logo track */
.clients-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: scrollLogos 25s linear infinite;
}

/* Pause ticker on hover */
.clients-slider:hover .clients-track {
  animation-play-state: paused;
}

/* Each logo box */
.client-logo {
  width: 180px;
  height: 90px;
  background-color: #ffffff;
  margin: 0 18px;
  padding: 18px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}

/* Logo image */
.client-logo img {
  max-width: 100%;
  max-height: 55px;
  object-fit: contain;
}

/* Infinite scrolling animation */
@keyframes scrollLogos {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .client-logo {
    width: 140px;
    height: 75px;
    margin: 0 12px;
    padding: 14px;
  }

  .clients-track {
    animation-duration: 18s;
  }
}


/* ticker section ends */

/* Why Choose Starforce Security section starts */
#starforce-security-info {
  background-color: #f8f9fa;
}

.starforce-info-box {
  max-width: 980px;
  margin: 0 auto;
  padding: 42px 36px;
  background-color: #ffffff;
  border-left: 5px solid #7b1117;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
}

.starforce-info-box h2 {
  color: #111827;
  font-weight: 700;
  margin-bottom: 22px;
  text-align: center;
}

.starforce-info-box p {
  color: #4b5563;
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 16px;
}

.starforce-info-box p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .starforce-info-box {
    padding: 30px 22px;
  }

  .starforce-info-box h2 {
    font-size: 1.65rem;
  }
}

/* Why Choose Starforce Security section ends */

/* Footer section starts */
.site-footer {
  background-color: #111827;
  color: #d1d5db;
  padding: 55px 0 24px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.footer-logo {
  width: 62px;
  height: 62px;
  object-fit: contain;
  border-radius: 6px;
  background-color: #ffffff;
}

.footer-brand h4 {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0;
}

.site-footer h5 {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 16px;
}

.site-footer p {
  line-height: 1.7;
  margin-bottom: 10px;
}

.site-footer a {
  color: #d1d5db;
  text-decoration: none;
  transition: 0.3s ease;
}

.site-footer a:hover {
  color: #f8c400;
}

.footer-links {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  margin-top: 36px;
  padding-top: 20px;
  text-align: center;
  color: #9ca3af;
}

@media (max-width: 768px) {
  .site-footer {
    padding: 42px 0 22px;
  }

  .footer-brand {
    align-items: flex-start;
  }

  .footer-logo {
    width: 56px;
    height: 56px;
  }
}

/* Footer section ends */

/* WhatsApp floating button starts */
.whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 58px;
  height: 58px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
  z-index: 1050;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float:hover {
  color: #ffffff;
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

.whatsapp-float svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
}

@media (max-width: 768px) {
  .whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
  }

  .whatsapp-float svg {
    width: 29px;
    height: 29px;
  }
}

/* WhatsApp floating button ends */

/* About page starts */
.about-hero {
  background-color: #f8f9fa;
  padding: 70px 0;
}

.about-kicker {
  color: #7b1117;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.about-hero h1 {
  color: #111827;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 18px;
}

.about-hero p {
  color: #4b5563;
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 24px;
}

.about-call-btn {
  background-color: #7b1117;
  border: 2px solid #7b1117;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 700;
  padding: 11px 28px;
}

.about-call-btn:hover {
  background-color: transparent;
  color: #7b1117;
}

.about-hero-img {
  width: 100%;
  height: 390px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.14);
}

.about-company {
  background-color: #ffffff;
}

.about-company h2,
.about-values-box h3 {
  color: #111827;
  font-weight: 700;
  margin-bottom: 18px;
}

.about-company p {
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 14px;
}

.about-values-box {
  background-color: #111827;
  color: #ffffff;
  border-radius: 8px;
  padding: 32px;
  height: 100%;
}

.about-values-box h3 {
  color: #ffffff;
}

.about-values-box ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.about-values-box li {
  color: #e5e7eb;
  line-height: 1.8;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .about-hero {
    padding: 45px 0;
  }

  .about-hero h1 {
    font-size: 2rem;
  }

  .about-hero-img {
    height: 280px;
  }

  .about-values-box {
    padding: 24px;
  }
}

/* About page ends */

/* Jammu services section starts */
.jammu-services-section {
  background-color: #f8f9fa;
}

.jammu-services-intro {
  max-width: 920px;
  margin: 0 auto 34px;
}

.jammu-services-intro h1 {
  color: #111827;
  font-size: 2.65rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 18px;
}

.jammu-services-intro p {
  color: #4b5563;
  font-size: 1.05rem;
  line-height: 1.8;
}

.jammu-highlight-box {
  max-width: 1050px;
  margin: 0 auto 18px;
  padding: 32px;
  background-color: #ffffff;
  border-left: 5px solid #7b1117;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
}

.jammu-highlight-box p {
  color: #4b5563;
  line-height: 1.8;
  margin-bottom: 14px;
}

.jammu-highlight-box p:last-child {
  margin-bottom: 0;
}

.jammu-service-card,
.jammu-mini-card,
.jammu-area-box,
.jammu-choose-box {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.08);
}

.jammu-service-card {
  padding: 28px;
  border-top: 4px solid #7b1117;
}

.jammu-service-card h2,
.jammu-specialized-services h2,
.jammu-area-box h2,
.jammu-choose-box h2 {
  color: #111827;
  font-weight: 700;
}

.jammu-service-card h2 {
  font-size: 1.35rem;
  margin-bottom: 14px;
}

.jammu-service-card p,
.jammu-mini-card p {
  color: #4b5563;
  line-height: 1.7;
}

.jammu-service-card ul,
.jammu-choose-box ul {
  padding-left: 20px;
  margin-bottom: 0;
}

.jammu-service-card li,
.jammu-choose-box li {
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 8px;
}

.jammu-specialized-services {
  padding: 42px 0 0;
}

.jammu-mini-card {
  padding: 24px;
  border-bottom: 4px solid #111827;
}

.jammu-mini-card h3 {
  color: #7b1117;
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.jammu-area-box,
.jammu-choose-box {
  padding: 30px;
}

.jammu-area-box h2,
.jammu-choose-box h2 {
  font-size: 1.45rem;
  margin-bottom: 20px;
}

.jammu-area-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.jammu-area-list span {
  background-color: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  color: #374151;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 8px 12px;
}

.jammu-choose-box {
  background-color: #111827;
}

.jammu-choose-box h2 {
  color: #ffffff;
}

.jammu-choose-box li {
  color: #e5e7eb;
}

.jammu-choose-box .about-call-btn {
  margin-top: 16px;
  background-color: #f8c400;
  border-color: #f8c400;
  color: #111827;
}

.jammu-choose-box .about-call-btn:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}

@media (max-width: 768px) {
  .jammu-services-intro h1 {
    font-size: 2rem;
  }

  .jammu-highlight-box,
  .jammu-service-card,
  .jammu-area-box,
  .jammu-choose-box {
    padding: 24px;
  }

  .jammu-area-list span {
    width: 100%;
  }
}

/* Jammu services section ends */

/* Contact page starts */
.contact-hero {
  background-color: #f8f9fa;
  padding: 70px 0;
}

.contact-kicker {
  color: #7b1117;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.contact-hero h1 {
  color: #111827;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 18px;
}

.contact-hero p {
  color: #4b5563;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contact-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.contact-primary-btn,
.contact-submit-btn {
  background-color: #7b1117;
  border: 2px solid #7b1117;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 700;
  padding: 11px 28px;
}

.contact-primary-btn:hover,
.contact-submit-btn:hover {
  background-color: transparent;
  color: #7b1117;
}

.contact-secondary-btn {
  background-color: transparent;
  border: 2px solid #111827;
  border-radius: 4px;
  color: #111827;
  font-weight: 700;
  padding: 11px 28px;
}

.contact-secondary-btn:hover {
  background-color: #111827;
  color: #ffffff;
}

.contact-quick-box,
.contact-info-card,
.contact-form-box,
.contact-location-box {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
}

.contact-quick-box {
  padding: 32px;
  border-left: 5px solid #7b1117;
}

.contact-quick-box h2,
.contact-form-box h2,
.contact-location-box h2 {
  color: #111827;
  font-weight: 700;
  margin-bottom: 20px;
}

.contact-quick-box p {
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 14px;
}

.contact-quick-box a,
.contact-info-card a {
  color: #7b1117;
  font-weight: 700;
  text-decoration: none;
}

.contact-quick-box a:hover,
.contact-info-card a:hover {
  color: #111827;
}

.contact-details-section {
  background-color: #ffffff;
}

.contact-info-card {
  padding: 28px;
  border-top: 4px solid #7b1117;
}

.contact-info-card h3 {
  color: #111827;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.contact-info-card p {
  color: #4b5563;
  line-height: 1.7;
  margin-bottom: 12px;
}

.contact-info-card span {
  color: #111827;
  font-weight: 700;
}

.contact-form-section {
  background-color: #f8f9fa;
}

.contact-form-box,
.contact-location-box {
  padding: 32px;
}

.contact-form-box .form-label {
  color: #111827;
  font-weight: 600;
}

.contact-form-box .form-control,
.contact-form-box .form-select {
  border-color: #d1d5db;
  border-radius: 4px;
  padding: 11px 13px;
}

.contact-form-box .form-control:focus,
.contact-form-box .form-select:focus {
  border-color: #7b1117;
  box-shadow: 0 0 0 0.2rem rgba(123, 17, 23, 0.14);
}

.contact-location-box {
  background-color: #111827;
  color: #ffffff;
}

.contact-location-box h2 {
  color: #ffffff;
}

.contact-location-box p {
  color: #e5e7eb;
  line-height: 1.8;
}

.contact-location-box .contact-primary-btn {
  background-color: #f8c400;
  border-color: #f8c400;
  color: #111827;
  margin-top: 18px;
}

.contact-location-box .contact-primary-btn:hover {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.contact-map-placeholder {
  min-height: 230px;
  background-color: #1f2937;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  margin-top: 22px;
}

.contact-map-placeholder span {
  color: #f8c400;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.contact-map-placeholder p {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .contact-hero {
    padding: 45px 0;
  }

  .contact-hero h1 {
    font-size: 2rem;
  }

  .contact-quick-box,
  .contact-info-card,
  .contact-form-box,
  .contact-location-box {
    padding: 24px;
  }

  .contact-primary-btn,
  .contact-secondary-btn,
  .contact-submit-btn {
    width: 100%;
  }
}

/* Contact page ends */