* {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
   }

   body {
       font-family: 'Segoe UI', sans-serif;
       background-color: #000 !important;
       color: #fff !important;
   }

   header {
       position: sticky;
       top: 0;
       background: #36313154;
       backdrop-filter: blur(12px);
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
       z-index: 1000;
   }

   nav {
       max-width: 100%;
       margin: auto;
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 0rem 2rem;
   }

   .logo {
       font-size: 1.6rem;
       font-weight: bold;
       color: #fff;
   }

   .menu {
       display: flex;
       gap: 2rem;
       list-style: none;
   }

   .menu li {
       position: relative;
   }

   .menu a {
       text-decoration: none;
       color: #fff;
       font-weight: 500;
       padding: 0.5rem 0;
   }

   /* Dropdown */
   .menu li:hover .dropdown {
       display: flex;
   }

   .dropdown {
       display: none;
       position: absolute;
       top: 100%;
       left: 0;
       background: #36313154;
       padding: 1rem;
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
       min-width: 250px;
       flex-direction: column;
   }

   .dropdown a {
       padding: 0.5rem 0;
       white-space: nowrap;
   }

   /* Mobile Styles */
   .menu-toggle {
       display: none;
       flex-direction: column;
       gap: 5px;
       cursor: pointer;
   }

   .menu-toggle span {
       height: 3px;
       width: 25px;
       background: #fff;
   }

   @media (max-width: 768px) {
       .menu {
           display: none;
           flex-direction: column;
           background: #36313154;
           width: 100%;
           position: absolute;
           top: 100%;
           left: 0;
           padding: 1rem 2rem;
       }

       .menu.active {
           display: flex;
       }

       .menu-toggle {
           display: flex;
       }

       .dropdown {
           position: static;
           box-shadow: none;
           padding-left: 1rem;
       }
   }

   .logo a img {
       width: 100px;
   }



   .home-slider {
       max-width: 100%;
       overflow: hidden;
       position: relative;
   }

   .slider-track {
       display: flex;
       transition: transform 0.5s ease-in-out;
   }

   .slider-track>div {
       min-width: 100%;
   }

   .slider-track img {
       width: 100%;
       display: block;
   }

   button {
       position: relative;
       top: 50%;
       transform: translateY(-50%);
       background: rgba(0, 0, 0, 0.5);
       border: none;
       color: white;
       font-size: 2rem;
       padding: 10px 15px;
       cursor: pointer;
       z-index: 2;
   }

   button.prev {
       left: 10px;
   }

   button.next {
       right: 10px;
   }

   .about {
       padding: 100px 0;
   }





   .counter {
       background-color: #1D1D1D;
       padding: 100px 0;
   }

   .counters {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-evenly;
       gap: 10px;
       max-width: 100%;

   }

   .counter-box {
       padding: 30px 20px;
       border-radius: 10px;
       text-align: center;
       width: 250px;
       box-shadow: 0 4px 10px rgb(255 255 255 / 10%);
   }

   .number {
       font-size: 3rem;
       font-weight: bold;
       color: #fff;
   }

   .label {
       font-size: 1rem;
       margin-top: 10px;
       color: #ddd;
   }

   .pd {
       padding: 30px 0;
   }

   .headind-c {
       font-size: 40px;
       line-height: 46px;
       font-weight: 500;
       font-family: roc-grotesk, sans-serif;
       font-style: normal;
       text-decoration: none;
       text-transform: none;
       letter-spacing: 0px;
       margin-bottom: 40px;
   }

   .service {
       padding: 100px 0;
   }

   .heading {
       padding: 20px 0 50px 5px;
       padding: 20px 0 50px 5px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
   }

   .btn {
       margin-top: 20px;
   }

   .heading h4 {
       float: left;
   }

   .link-btn {
       text-decoration: none;
       color: #fff;
       float: right;
   }

   .call-text {
       color: #02010100;
       font-size: 60px;
       text-transform: uppercase;
       -webkit-text-stroke-width: 2px;
       stroke-width: 2px;
       -webkit-text-stroke-color: #d50023;
       stroke: #d50023;
       font-weight: 500;
       font-style: normal;
       text-decoration: none;
       letter-spacing: -0.5px;
       outline: 0;
       word-wrap: break-word;
   }

   .call-btn {
       color: #d50023;
       padding: 12px 38px 10px;
       font-size: 15px;
       font-family: roc-grotesk, sans-serif;
       font-weight: 500;
       font-style: normal;
       line-height: 21px;
       text-decoration: none;
       text-transform: none;
       letter-spacing: 0px;
       cursor: pointer;
       display: inline-flex;
       align-items: center;
       vertical-align: top;
       border-radius: 30px;
       white-space: nowrap;
       height: auto;
       max-width: 100%;
       background: none !important;
       border-width: 2px !important;
       border-style: solid;
       margin-bottom: 10px;
   }

   .call-btn:hover {
       background: #d50023;
       color: #fff;
   }


   .call-box {
       padding: 100px 0;
       background-image: url('../img/home-bg.jpg');
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
   }

   .form-control {
       display: block !important;
       width: 100% !important;
       padding: 12px 47px 11px !important;
       color: #fff !important;
       font-size: 1rem !important;
       font-weight: 400 !important;
       line-height: 1.5 !important;
       appearance: none !important;
       background-color: transparent !important;
       background-clip: padding-box !important;
       border: 1px solid #393944 !important;
       border-radius: 26px !important;
       transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   }

   .form-floating>textarea:focus~label::after,
   .form-floating>textarea:not(:placeholder-shown)~label::after {
       background-color: transparent !important;
       color: #fff !important;
   }

   .form-floating>label {
       color: #fff !important;
   }

   input::placeholder,
   textarea::placeholder {
       color: #ddd !important;
   }

   .contact {
       padding: 100px 0;
   }

   .gallery {
       padding-bottom: 100px;
   }

   .gallery-inner{
    padding: 100px 0;
   }

   .grid-8 {
       display: grid;
       grid-template-columns: repeat(8, 1fr);
       gap: 12px;
   }

   .grid-8 img {
       width: 100%;
       height: 70px;
       display: block;
       object-fit: contain;
   }

   @media (max-width: 992px) {
       .grid-8 {
           grid-template-columns: repeat(4, 1fr);
       }
   }

   @media (max-width: 576px) {
       .grid-8 {
           grid-template-columns: repeat(3, 1fr);
       }
   }





   .site-footer {
       background: #0a0a0a;
       color: #fff;
       padding: 40px 20px 20px;
       text-align: center;
   }

   .footer-top {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-around;
       gap: 20px;
       margin-bottom: 20px;
   }

   .footer-box {
       display: flex;
       align-items: flex-start;
       gap: 20px;
       text-align: left;
   }

   .footer-box h4 {
       margin: 0 0 10px;
       font-size: 18px;
       font-weight: 600;
   }

   .footer-box p {
       margin: 0;
       color: #aaa;
       line-height: 1.5;
   }

   .footer-box a {
       color: #fff;
       text-decoration: none;
       border-bottom: 1px solid #555;
       display: inline-block;
       margin-bottom: 5px;
   }

   .footer-box a:hover {
       color: #f00;
       border-bottom-color: #f00;
   }

   .icon-circle {
       width: 50px;
       height: 50px;
       border: 2px solid #e60023;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #fff;
       font-size: 20px;
   }

   .footer-bottom {
       border-top: 1px solid #222;
       padding-top: 15px;
       font-size: 14px;
       color: #ccc;
   }



   .inner-banner {
       background-color: #f8f9fa;
       padding: 70px 0px 70px;
       text-align: center;
       background-image: url('../img/innerbanner.jpg');
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
   }

   .inner-banner .page-title {
       font-size: 36px;
       font-weight: 700;
       color: #fff;
       margin-bottom: 15px;
   }