h1{font-family: "Teko", sans-serif;}
  .search-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.search-input {
    width: 100%;
    padding: 8px 40px 8px 12px; /* right padding for icon */
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 0.9rem;
}

.search-icon-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    color: #333;
    font-size: 1rem;
}

.search-icon-btn:hover {
    color: #000;
}
/* Tabs container */
.search-tabs {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Tab buttons */
.search-tab-btn {
    padding: 8px 15px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    background-color: #f5f5f5; /* Light background for inactive tabs */
    color: #333;               /* Dark text for inactive tabs */
    transition: all 0.3s;font-size: 13px;
}

/* Active tab */
.search-tab-btn.active {
    background-color: #000;  /* Black bg */
    color: #fff;              /* White text */
}

/* Optional: hover effect */
.search-tab-btn:not(.active):hover {
    background-color: #e0e0e0;
}
  .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.7); /* Optional: white border */
}

.navbar-toggler-icon {
    filter: invert(1); /* icon ko white kar dega */
}

  /* Smooth transition for mobile menu */
.navbar-collapse {
  transition: all 0.3s ease-in-out;
}

/* Mobile responsive adjustments */
@media (max-width: 991.98px) {
  .main-header {
    padding: 10px 0;
  }
  
  .navbar-toggler {
    border: none;
    padding: 5px 10px;
    font-size: 1.5rem;
  }
  
  .navbar-toggler:focus {
    box-shadow: none;
  }
  
  .navbar-toggler-icon {
    width: 1.5em;
    height: 1.5em;
  }
  
  .navbar-collapse {
    background-color: #000;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  
  .nav-links {
    flex-direction: column;
    width: 100%;
  }
  
  .nav-item {
    width: 100%;
    margin-bottom: 10px;
  }
  
  .nav-link {
color: #fff !important;    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .dropdown-menu {
    border: none;
    box-shadow: none;
    padding-left: 20px;
    background-color: #f8f9fa;
  }
  
  .nav-icons {
    justify-content: flex-start;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin-top: 15px;
  }
  
  .nav-icons .icon {
    margin: 0 15px;
    font-size: 1.2rem;
  }
}

/* Desktop styles */
@media (min-width: 992px) {
  .main-header {
    padding: 15px 0;
  }
  
  .nav-links {
    margin-right: 30px;
  }
  
  .nav-item {
    margin: 0 10px;
  }
  
  .nav-link {
    position: relative;
    transition: color 0.3s ease;
  }
  
  .nav-link:hover {
    color: #007bff;
  }
  
  .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175);
    animation: fadeIn 0.3s ease;
  }
  
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  .nav-icons .icon {
    margin-left: 20px;
    font-size: 1.2rem;
    transition: color 0.3s ease;
  }
  
  .nav-icons .icon:hover {
    color: #007bff;
  }
}

/* Logo sizing */
.logo {
  height: 40px;
  width: auto;
}

@media (max-width: 768px) {
  .logo {
    height: 35px;
  }
}
  /* responsive */
   .nav-item .dropdown-menu {
   border-radius: 8px;
   padding: 10px 0;
   min-width: 200px;
   }
   .dropdown-menu .dropdown-item {
   padding: 8px 15px;
   transition: 0.3s;font-size: .875rem;
   font-weight: 600;
   }
   .dropdown-menu .dropdown-item:hover {
   background-color: #f8f9fa;
   color: #ffe14f; /* aap apni theme ka color daal sakte ho */
   }
   /* Main Header */
   .main-header {
   background: #111;  /* black navbar */
   position: relative;
   top: 0;
   z-index: 999;
   width: 100%;
   }
   .main-header .logo {
   height: auto; /* better fixed height */
   }
   /* Nav Links */
   .nav-links {
   list-style: none;
   margin: 0;
   padding: 0;
   }
   .nav-links .nav-item {
   margin: 0 15px;
   }
   .nav-links .nav-link {
   color: #fff;
   font-weight: 900;
   text-decoration: none;
   font-size: .875rem;
   text-transform: uppercase;
   transition: color 0.3s;
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   }
   .nav-links .nav-link:hover {
   color: #fce500 !important;
   }
   .nav-links .nav-link i {
   font-size: 12px;
   margin-left: 5px;
   }
   .nav-links .nav-link:hover {
   color: #9f9;
   }
   /* Right Side Icons */
   .nav-icons .icon {
   color: #fff;
   margin-left: 20px;
   font-size: 18px;
   text-decoration: none;
   }
   .nav-icons .icon:hover {
   color: #fce500;
   }
   .nav-link::after {
   display: none;
   }
    /* Header styles */
.top-bar {
  background-color: rgba(0, 0, 0, 0.5);  /* SAME as navbar */
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 10px 0;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12; /* higher than navbar (z-index: 10) */
}
.border_bottom {
  border-bottom: 1px solid #F6BA26;
  position: absolute;
  top: 48px; /* below top-bar */
  left: 0;
  width: 100%;
  z-index: 12;
}

    .top-bar .highlight {
      color: red;
    }

/* Navbar Styles */
.navbar {
  background-color: rgba(0, 0, 0, 0.7) !important;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
}



    .navbar-brand {
      color: #fff;
      font-weight: bold;
      line-height: 1.2;
    }
    .navbar-brand span {
      color: #FFD700;
    }
    .navbar-brand small {
      display: block;
      font-size: 10px;
      color: #aaa;text-align: center;
    }

    .nav-link {
      color: white !important;
     font-size: 16px;
  font-weight: 600;
    }

    .quote-btn {
      background-color: #F6BA26;
      color: #000;
      font-weight: bold;
      padding: 6px 14px;
      border-radius: 4px;
      text-decoration: none;
    }

    /* Hero section with video */
           .hero-luxury {
  position: relative;
  height: 100vh;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.2)
  );
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 600px;
 padding-left: 80px;
}

.badge {
    font-size: 12px;
    letter-spacing: 2px;
    border: 1px solid rgba(255,255,255,0.4);
    padding: 8px 16px;
    display: inline-block;
    margin-bottom: 20px;
}

.hero-content h1 {
    font-size: 130px;
    font-weight: 700;
    margin-bottom: 0;line-height: 160px;
}

.tagline {
  font-size: 18px;
  letter-spacing: 3px;
  opacity: 0.9;margin-bottom: 40px;
}



.cta-btn {
  background: transparent;
  color: white;
  border: 2px solid white;
  padding: 14px 32px;
  letter-spacing: 2px;
  cursor: pointer;
  transition: 0.3s;margin-top: 20px;
}

.cta-btn:hover {
  background: white;
  color: black;
}

.social-vertical {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.social-vertical a {
    color: white;
    font-size: 18px;
    background-color: rgba(247, 242, 242, 0.44);
    padding: 10px;
    border-radius: 50px;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;text-decoration: none;
}
.discount-sticker {
  position: absolute;
  right: 30px;
  bottom: 40px;
  width: 130px;
  height: 130px;
  background: #F6BA26A6; 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  z-index: 5;
  animation: floatSticker 3s ease-in-out infinite;
}

.discount-sticker span {
  line-height: 1.2;
}

.discount-sticker .close-sticker {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: #000;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
a{text-decoration: none !important;}
@keyframes floatSticker {
  0% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0); }
}

@media (max-width: 767px) {
  .discount-sticker {
    width: 100px;
    height: 100px;
    font-size: 12px;
    right: 15px;
    bottom: 20px;
  }
}

/* hero section end */
    .navbar-brand img{width: 145px;}
    .border_bottom {
  border-bottom: 1px solid #F6BA26;
}
.navbar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-collapse {
  flex-grow: 0; 
}


.q_btn {
  margin-left: auto;
}

/* Style for yellow dividers between navbar items */
.custom-nav .nav-item {
  position: relative;
  padding: 0 12px;
}

.custom-nav .nav-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  width: 2px;
  background-color: #F6BA26;
}
.navbar-brand small span{color:#F6BA26; }
.nav-link {
  position: relative;
  color: white !important;
  font-size: 15px;
  padding: 10px 0;
}

.nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #F6BA26;
  transition: width 0.3s ease-in-out;
}

.nav-link:hover::after {
  width: 100%;
}




.sc_item_text{font-size: 40px;display: flex;justify-content: center;align-items: center;font-weight: bold;}
.bg_dark{background-color: #000;}
/* second section */




    .image-area{height: 500px;}

.row {
  margin-right: 0;
  margin-left: 0;
}



    /* ticker css */
            .ticker-wrapper {
      width: 100%;
      overflow: hidden;
      background: #212228;
      border: 1px solid #ddd;
      padding: 30px 0;
      position: relative;
    }

    .ticker-content {
      display: inline-block;
      white-space: nowrap;
      font-size: 80px;
      font-weight: bold;
      color: #9D9D9D;
    }

    .ticker-move {
      display: inline-block;
      white-space: nowrap;
      animation: scroll-left 80s linear infinite;
    }

    @keyframes scroll-left {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-50%);
      }
    }



    /* chose css */
    .footer {
  background: #212228;
  color: #fff;
  font-family: 'Segoe UI', Arial, sans-serif;
}



.footer-col {
margin: 0 auto;
}

.logo-col {
  display: flex;
}

.footer-logo {
  width: 200px;
 margin: 0 auto;
}

.footer-brand h2 {
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.1;
}

.highlight {
  color: #fff200;
  letter-spacing: 2px;
}

.footer-slogan {
  font-size: 12px;
  margin-top: 8px;
  letter-spacing: 1px;
}

.footer-since {
  color: #ffe14f;
  font-size: 15px;
  font-weight: bold;
  margin-top: 8px;
  letter-spacing: 2px;
  border-bottom: 2px solid #ffe14f;
  display: inline-block;
  padding-bottom: 2px;
}

.office-col h4,
.socials-col h4,
.contact-col h4 {
  color: #ffe14f;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.office-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.office-col li {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 2.5;
  color: #bbb;
}

.footer-socials {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  font-size: 21px;
}

.footer-timing {
  font-size: 16px;
  color: #bbb;
  margin-top: 2px;
  margin-bottom: 8px;
}

.footer-email,
.footer-phone {
  font-size: 16px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.footer-email a{color: #fff}
.footer-phone a{color: #fff}
.footer-icon {
  font-size: 19px;
  vertical-align: middle;color: #fff;
}

.footer-bottom {
  background: #18181c;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding:30px 40px 30px;
  border-top: 1px solid #333;
  letter-spacing: .2px;
}

.footer-apptech {
  color: #ffe14f;
  font-weight: bold;
}

/* Responsive */
@media (max-width: 900px) {
  .footer-container {
    flex-direction: column;
    padding: 0 20px;
    gap: 10px;
  }
  .footer-bottom {
    padding: 13px 20px;
  }
}
 /* animate css */
   .animate-charcter
{
   text-transform: uppercase;
background-image: linear-gradient( -225deg, #fff 0%, #F6BA26 50%, #fff 100% );
  font-weight: bold;
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 80px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}




        .offers-section {
            width: 100%;
            background: #212228;
            padding: 70px 50px;
            text-align: center;
            position: relative;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(255, 225, 79, 0.93);
            border: 1px solid #333;
        }

        .offers-section::before {
            content: '';
            position: absolute;
            top: -100px;
            right: -100px;
            width: 300px;
            height: 300px;
            background: #ffe14f;
            border-radius: 50%;
            opacity: 0.1;
            z-index: 0;
        }

        .offers-section::after {
            content: '';
            position: absolute;
            bottom: -150px;
            left: -150px;
            width: 400px;
            height: 400px;
            background: #ffe14f;
            border-radius: 50%;
            opacity: 0.08;
            z-index: 0;
        }

        .section-title {
            font-size: 3.2rem;
            font-weight: 800;
            color: #ffe14f;
            margin-bottom: 20px;
            letter-spacing: -1px;
            position: relative;
            z-index: 2;
            text-shadow: 0 0 10px rgba(255, 225, 79, 0.3);
        }

        .section-subtitle {
            font-size: 1.3rem;
            color: #e0e0e0;
            max-width: 600px;
            margin: 0 auto 50px;
            line-height: 1.6;
            position: relative;
            z-index: 2;
        }

        .highlight {
            color: #ffe14f;
            font-weight: 600;
        }

        .explore-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            background: #ffe14f;
            color: #000;
            border: none;
            padding: 18px 45px;
            font-size: 1.2rem;
            font-weight: 700;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(255, 225, 79, 0.3);
            text-decoration: none;
            position: relative;
            z-index: 2;
            letter-spacing: 0.5px;
        }

        .explore-btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(255, 225, 79, 0.5);
            gap: 20px;
            background: #ffd700;
        }

        .explore-btn:active {
            transform: translateY(0);
        }

        .btn-icon {
            transition: transform 0.4s ease;
        }

        .explore-btn:hover .btn-icon {
            transform: translateX(8px) scale(1.1);
        }

        .decoration {
            position: absolute;
            z-index: 1;
        }

        .dec-1 {
            top: 30px;
            left: 40px;
            width: 40px;
            height: 40px;
            border: 2px solid #ffe14f;
            border-radius: 10px;
            opacity: 0.3;
            transform: rotate(45deg);
        }

        .dec-2 {
            bottom: 40px;
            right: 50px;
            width: 60px;
            height: 60px;
            border: 2px solid #ffe14f;
            border-radius: 50%;
            opacity: 0.2;
        }

        .dec-3 {
            top: 50%;
            left: 30px;
            width: 20px;
            height: 20px;
            background: #ffe14f;
            border-radius: 50%;
            opacity: 0.4;
        }

        .pulse {
            animation: pulse 3s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); opacity: 0.4; }
            50% { transform: scale(1.1); opacity: 0.6; }
            100% { transform: scale(1); opacity: 0.4; }
        }

        @media (max-width: 768px) {
            .offers-section {
                padding: 50px 30px;
            }
            
            .section-title {
                font-size: 2.5rem;
            }
            
            .section-subtitle {
                font-size: 1.1rem;
            }
            
            .explore-btn {
                padding: 16px 35px;
                font-size: 1.1rem;
            }
        }

        @media (max-width: 480px) {
            .offers-section {
                padding: 40px 20px;
            }
            
            .section-title {
                font-size: 2rem;
            }
            
            .section-subtitle {
                font-size: 1rem;
                margin-bottom: 40px;
            }
        }

              .two-columns{
    display: flex;
    width: 100%;
    min-height: 520px; /* important for image */
}

        .container_w {
  margin: 0 auto;
  background: #212228;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
        
        /* Two Columns Layout - SIDE BY SIDE */
        .two-columns {
            display: flex;
            flex-wrap: wrap;
            min-height: 600px;
        }
        
        /* Image Column - LEFT SIDE */
        .image-column {
            flex: 1;
            min-width: 300px;
            background: #212228;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 30px;
            position: relative;
        }
        

        .awards-container img{border-radius: 12px;}
  

        
        /* Content Column - RIGHT SIDE */
        .content-column {
            flex: 1;
            min-width: 300px;
            padding: 25px 40px;
            position: relative;
            background: #212228;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        

        
        .title {
            font-size: 36px;
            color: #fff;
            position: relative;
            padding-bottom: 15px;
        }
        
.title::after {
  left: 0;
  bottom: 0;
  border-radius: 2px;
  content: "";
  position: absolute;
  left: ;
  top: 99%;
  transform: translateY(-50%);
  width: 300px;
  height: 4px;
  background: linear-gradient(90deg, #F6BA26, transparent);
}
        
        .features-list {
            list-style-type: none;
        }
        
    .feature-item {
  padding: 15px 0;
  padding-left: 40px;
  position: relative;
  font-size: 17px;
  color: #fff;
}
        
        .feature-item:last-child {
            border-bottom: none;
        }
.features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-item {
    position: relative;
    padding-left: 32px;
    color: #e6e6e6;
    font-size: 15px;
    line-height: 1.6;
}

.feature-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 23px;

    width: 0;
    height: 0;

    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #F6BA26; /* exact golden arrow */
}

.heritage-text {
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.7;
}

.heritage-text::first-letter {
    color: #F6BA26;
    font-size: 38px;
    font-weight: 700;
    float: left;
    line-height: 1;
    margin-right: 8px;
}

        
   .heritage-section {
  background: #212228;
  padding: 25px;
  border-radius: 10px;
  border-left: 5px solid #F6BA26;
  margin-top: 10px;
  box-shadow: 0 0 18px rgba(255, 225, 79, 0.35);
}
        
        .heritage-text {
            font-style: italic;
            color: #fff;
            line-height: 1.7;
        }
    
        
        /* Responsive Design */
        @media (max-width: 992px) {
            .two-columns {
                min-height: auto;
            }
            
            .image-column, .content-column {
                padding: 40px 30px;
            }
            
          
            .title {
                font-size: 32px;
            }
        }
        
        @media (max-width: 768px) {
            .two-columns {
                flex-direction: column;
            }
            
            .image-column {
                order: 1;
                padding: 40px 20px;
            }
            
            .content-column {
                order: 2;
                padding: 40px 30px;
            }
            
     
            
            .awards-title {
                font-size: 24px;
            }
            
            .title {
                font-size: 28px;
            }
            
       
        }
        
        @media (max-width: 480px) {
          
            .image-column, .content-column {
                padding: 30px 20px;
            }
            
      
            
            .title {
                font-size: 26px;
            }
            
            .feature-item {
                font-size: 16px;
                padding: 12px 0 12px 35px;
            }
            
            .heritage-section {
                padding: 20px;
            }
            
        
        }
          .accent-line {
  height: 5px;
  width: 100px;
  background: linear-gradient(135deg, #FF8A3C, #FFE14F);
  margin: 15px auto;
  border-radius: 5px;
}
.btn-theme {
  position: relative;
  display: inline-block;
  padding: 12px 30px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #000;               /* text color black */
  background: #ffe14f;       /* theme yellow */
  text-decoration: none;
  border: none;
  border-radius: 50px;       /* pill shape */
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);text-transform: capitalize;font-family: "Teko", sans-serif;
}

.btn-theme::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #000;          /* black overlay */
  transform: skewX(-20deg);
  transition: left .35s ease;
  opacity: 0.15;
}

.btn-theme:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.2);
}

.btn-theme:hover::before {
  left: 100%;
  opacity: 0;
}

.btn-theme:active {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

.visit-carousel img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* image ko distort nahi karega */
}

.visit-carousel .slick-slide {
  border: 1px solid #ddd;
  height: 138px;
  display: flex !important;
  justify-content: center !important;background-color: #fff;align-items: center !important;
}
.slider_bg {background-color:#eeeeee91;}
/* slick-list ka overflow fix */
.visit-carousel .slick-list {
  margin: 0 -5px;  /* left/right margin adjust to balance */
}

/* Image ko full width rakhne ke liye */
.visit-carousel img {
  width: 100%;
  display: block;
}


  .slider_heading{
  font-weight: bold; font-family: "Teko", sans-serif;
   text-transform: capitalize;text-align: center;
 }
   .brand_title{
  font-weight: bold; font-family: "Teko", sans-serif;
   text-transform: capitalize;text-align: center;
 }
  .slider_img_bg{width: 100%;
height: 180px;
  background-repeat: unset;}
  .word {
 margin: auto;font-family: "Teko", sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: white;
  text-shadow: 5px 2px #222324, 2px 4px #222324, 3px 5px #222324;font-size: 60px;
}

         /* service */
.services_detail .container{position: relative;z-index: 1;}
.service_tab ul li a {border: 1px solid #e4e4e4 !important;width: 100%;font-size: 18px !important;font-weight: 400 !important;padding:19px 30px;position: relative;margin-top: 12px;border-radius: 0 !important;text-align: center;display: flex;
  justify-content: flex-start;
  align-items: center;}
  .service_tab ul li a i{font-size: 20px !important;}

.nav-pills .nav-link {
   font-weight: bold !important;
   font-size: 20px !important;
   color: #000 !important;background-color: #fff;font-family: "Teko", sans-serif;
}
.service_tab ul li a.active {background: #ffe14f !important;
  border-color: #ffe14f !important;
  color: #000 !important;display: flex;
  justify-content: flex-start;
  align-items: center;font-size: 20px !important;font-family: "Teko", sans-serif;
  font-weight: bold !important;}
.Construction_img img{object-fit: cover;}
.Construction_img{height: 500px;}

.s_title{font-weight: bold;font-family: "Teko", sans-serif;}
/* dtert */
.service-box {
  padding: 20px;
  text-align: left;
}

.service-box .icon {
  font-size: 30px;
  color: #ffe14f ; /* red icon */
  margin-bottom: 10px;
}

.service-box h4 {
  font-weight: 700;
  margin-bottom: 10px;
}

.service-box p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 10px;
}

.service-box .read-more {
  color: #003366;
  font-weight: 600;
  text-decoration: none;
}

.service-box .read-more:hover {
  text-decoration: underline;
}
  
.teko-<uniquifier> {
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
  .animate-charcter{   
  font-optical-sizing: auto;font-family: "Teko", sans-serif;
  font-weight: <weight>;
  font-style: normal;}



.visit-carousel img {
  width: 65%;
  display: block;
  margin: 0 auto;filter: grayscale(100%);
}
    .visit-carousel {
      margin: 30px auto;
    }
    .visit-carousel .slick-slide {
  margin: 0 10px; /* left-right dono side gap */
}

.com-logo {
  width: 150px;
  height: 150px;
  border: 1px solid #ddd;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 12px auto 8px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.com-logo:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transform: translateY(-3px);
}

.com-logo img {
  max-width: 100%;
  height: auto;
  width: 100px;
  vertical-align: top;
  border: 0;
}

.brand-card {
  text-align: center;
}

.brand-name h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-top: 5px;
}

.banner_section {background-color: #eeeeee91;}
.tyre_type h1{font-weight: bold;
  text-transform: uppercase;text-align: center;}
   .brand-logo-n img {
         max-width: 100%;
         height: auto;
         width: 100px;
         vertical-align: top;
         border: 0;
         } 
         .brands-section {
         width: 100%;
         padding: 40px;
         position: relative;
         overflow: hidden;
         background: #212228;
         border-bottom: 1px solid #eee;
         }
         .brands-section:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 5px;
         background: linear-gradient(90deg, #F6BA26, #ffd166, #F6BA26);
         }
         .section-header {
         text-align: center;
         margin-bottom: 50px;
         position: relative;
         padding-bottom: 25px;
         }
         .section-header:after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translateX(-50%);
         width: 150px;
         height: 3px;
         background: linear-gradient(90deg, transparent, #F6BA26, transparent);
         }
         .main-title {
         color: #ffe14f;
         font-size: 3.2rem;
         font-weight: 800;
         letter-spacing: -0.5px;
         margin-bottom: 15px;
         text-transform: uppercase;
         text-shadow: 0 2px 10px rgba(246, 186, 38, 0.3);
         }
         .subtitle {
         color: #aaa;
         font-size: 1.2rem;
         font-weight: 300;
         letter-spacing: 1px;
         }
         .brands-grid {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
         gap: 25px;
         }
         .brand-card-n {
         background-color: #fff;            border-radius: 18px;
         padding: 30px 20px;
         text-align: center;
         transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         position: relative;
         overflow: hidden;
         border: 1px solid rgba(255, 255, 255, 0.05);
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
         }
         .brand-card-n:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: linear-gradient(135deg, rgba(246, 186, 38, 0) 0%, rgba(246, 186, 38, 0.1) 100%);
         opacity: 0;
         transition: opacity 0.4s ease;
         }
         .brand-card-n:hover {
         transform: translateY(-12px) scale(1.03);
         border-color: rgba(246, 186, 38, 0.3);
         box-shadow: 0 20px 40px rgba(246, 186, 38, 0.2);
         }
         .brand-card-n:hover:before {
         opacity: 1;
         }
         .brand-logo-n {
         font-size: 2.8rem;
         margin-bottom: 20px;
         color: #F6BA26;
         height: 60px;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
         z-index: 2;
         }
         .brand-name {
         font-size: 1.4rem;
         font-weight: 700;
         color: #000;
         margin-bottom: 10px;
         position: relative;
         z-index: 2;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         }
         .brand-tag {
         display: inline-block;
         background: #eee;
         color: #000;
         padding: 5px 15px;
         border-radius: 20px;
         font-size: 0.85rem;
         font-weight: 600;
         position: relative;
         z-index: 2;
         margin-top: 22px;
         }
         .fav-section {
         display: flex;
         align-items: center;
         gap: 15px;
         }
         .fav-icon {
         color: #ff4757;
         font-size: 1.5rem;
         animation: heartbeat 1.5s infinite;
         }
         @keyframes heartbeat {
         0%, 100% { transform: scale(1); }
         50% { transform: scale(1.1); }
         }
         .fav-text {
         color: #fff;
         font-weight: 600;
         font-size: 1.2rem;
         }
         .weather-info {
         background: linear-gradient(135deg, rgba(246, 186, 38, 0.1) 0%, rgba(0,0,0,0.2) 100%);
         padding: 15px 25px;
         border-radius: 15px;
         display: flex;
         align-items: center;
         gap: 15px;
         border: 1px solid rgba(246, 186, 38, 0.2);
         }
         .weather-icon {
         color: #4dabf7;
         font-size: 1.8rem;
         }
         .weather-details {
         display: flex;
         flex-direction: column;
         }
         .weather-temp {
         color: #fff;
         font-size: 1.5rem;
         font-weight: 700;
         }
         .weather-desc {
         color: #aaa;
         font-size: 0.9rem;
         }
         .date-time {
         color: #ddd;
         font-size: 1rem;
         font-weight: 500;
         background: rgba(255, 255, 255, 0.05);
         padding: 12px 25px;
         border-radius: 50px;
         border: 1px solid rgba(246, 186, 38, 0.1);
         }
         /* Decorative elements */
         .decorative-circle {
         position: absolute;
         border-radius: 50%;
         background: radial-gradient(circle, rgba(246, 186, 38, 0.1) 0%, transparent 70%);
         z-index: 0;
         }
         .circle-1 {
         width: 300px;
         height: 300px;
         top: -150px;
         right: -150px;
         }
         .circle-2 {
         width: 200px;
         height: 200px;
         bottom: -100px;
         left: -100px;
         }
         /* sticker css */


/* responsive */
        @media screen and (max-width:1400px) {

        }
        @media screen and (min-width:1200px) and   (max-width:1399.98px) {
   .nav-icons{margin-right: 12px;}
.service_tab .nav-pills .nav-link {
  font-size: 14px !important;
}
.hero-content {
  padding-left: 36px;
}
        }
        @media screen and (min-width:992px) and   (max-width:1199.98px) {
.footer-logo {
  width: 180px;
}
.nav-icons{margin-right: 12px;}
.service_tab ul li a {
  padding: 14px 12px !important;
}
.service_tab .nav-pills .nav-link {
  font-size: 13px !important;
}
.Construction_img  img{height: 100% !important;}
.Construction_img {
  height: 400px !important;
}
.hero-content {
  padding-left: 36px;
}
        }
        @media screen  and (min-width:768px) and (max-width:991.98px) {
.footer-logo {
  width: 110px;
 margin: 20px 0px 10px 0px;
}
.office-col li {
  font-size: 15px;
}
.footer-col {
  margin: 0px 0px 0px 0px;
}

.social-icons {
  left: 16px;
}
.playbtn {
  padding: 14px 13px !important;
}
.ticker-wrapper {
  padding: 18px 0 !important;
}


.animate-charcter {
  font-size: 50px;
}

.slider_heading {
  padding-top: 38px;
}
.service_tab .nav-pills .nav-link {
  font-size: 11px !important;
}
.Construction_img  img{height: 100% !important;}
.Construction_img {
  height: 340px !important;
}
.tyre_type{padding-top: 30px;}
.ticker-content {
  font-size: 35px;
}
.service_tab ul li a {
  padding: 14px 12px !important;
}
.service_tab i{font-size: 15px;margin-right: 5px !important;}
.hero-content {
  padding-left: 36px;
}
        }
        @media screen and (min-width:576px) and (max-width:767.98px) {

.footer-logo {
  width: 110px;
 margin: 20px 0px 10px 0px;
}
.office-col li {
  font-size: 15px;
}
.footer-col {
  margin: 0px 0px 0px 0px;
}
.overlay-content span {
  font-size: 16px !important;
}
.animate-charcter {
  font-size: 50px;
}
.overlay-content h5 {
  font-size: 14px !important;
}
.social-icons {
  left: 16px;
}
.playbtn {
  padding: 14px 13px !important;
}
.ticker-wrapper {
  padding: 18px 0 !important;
}
.word {
  font-size: 35px !important;
}

.slider_heading {
  padding-top: 38px;
}
.service_tab .nav-pills .nav-link {
  font-size: 15px !important;
}
.Construction_img  img{height: auto !important;}
.Construction_img {
  height: auto !important;
}
.tyre_type{padding-top: 30px;}
.ticker-content {
  font-size: 35px;
}
.main-title {
  font-size: 25px;
}
.hero-content {
  padding-left: 20px;
}
.hero-content h1 {
  font-size: 66px;
  line-height: 95px;
}
.social-vertical {
  right: 12px;
}
.tagline {
  font-size: 15px;
  margin-bottom: 34px;
}
.badge {
  font-size: 8px;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.hero-luxury {
  height: 60vh;
}
.cta-btn {
  font-size: 12px;
}

        }
        @media screen  and (min-width:381px) and (max-width:575.98px){
    .navbar-brand img {
  width: 100px;
}
.offcanvas.offcanvas-end {
  right: 110px;
}
.offcanvas {
  max-width: 60%;
}
.nav-icons .icon {
  margin-left: 10px;
}
.footer-logo {
  width: 110px;
 margin: 20px 0px 10px 0px;
}
.office-col li {
  font-size: 15px;
}
.footer-col {
  margin: 0px 0px 0px 0px;
}
.overlay-content span {
  font-size: 16px !important;
}
.animate-charcter {
  font-size: 50px;
}
.overlay-content h5 {
  font-size: 14px !important;
}
.social-icons {
  left: 16px;
}
.playbtn {
  padding: 14px 13px !important;
}
.ticker-wrapper {
  padding: 18px 0 !important;
}
.word {
  font-size: 35px !important;
}

.slider_heading {
  padding-top: 38px;
}
.service_tab .nav-pills .nav-link {
  font-size: 15px !important;
}
.Construction_img  img{height: auto !important;}
.Construction_img {
  height: auto !important;
}
.tyre_type{padding-top: 30px;}
.ticker-content {
  font-size: 35px;
}
.main-title {
  font-size: 25px;
}
.hero-content {
  padding-left: 20px;
}
.hero-content h1 {
  font-size: 66px;
  line-height: 95px;
}
.social-vertical {
  right: 12px;
}
.tagline {
  font-size: 15px;
  margin-bottom: 34px;
}
.badge {
  font-size: 8px;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.hero-luxury {
  height: 60vh;
}
.cta-btn {
  font-size: 12px;
}
        }
        @media screen and (min-width:320px) and (max-width:380.98px) {
 .navbar-brand img {
  width: 100px;
}
.offcanvas.offcanvas-end {
  right: 110px;
}
.offcanvas {
  max-width: 60%;
}
.nav-icons .icon {
  margin-left: 10px;
}
.footer-logo {
  width: 110px;
 margin: 20px 0px 10px 0px;
}
.office-col li {
  font-size: 15px;
}
.footer-col {
  margin: 0px 0px 0px 0px;
}
.overlay-content span {
  font-size: 16px !important;
}
.animate-charcter {
  font-size: 50px;
}
.overlay-content h5 {
  font-size: 14px !important;
}
.social-icons {
  left: 16px;
}
.playbtn {
  padding: 14px 13px !important;
}
.ticker-wrapper {
  padding: 18px 0 !important;
}
.word {
  font-size: 35px !important;
}

.slider_heading {
  padding-top: 38px;
}
.service_tab .nav-pills .nav-link {
  font-size: 15px !important;
}
.Construction_img  img{height: auto !important;}
.Construction_img {
  height: auto !important;
}
.tyre_type{padding-top: 30px;}
.ticker-content {
  font-size: 35px;
}
.main-title {
  font-size: 25px;
}
.hero-content {
  padding-left: 20px;
}
.hero-content h1 {
  font-size: 66px;
  line-height: 95px;
}
.social-vertical {
  right: 12px;
}
.tagline {
  font-size: 15px;
  margin-bottom: 34px;
}
.badge {
  font-size: 8px;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.hero-luxury {
  height: 60vh;
}
.cta-btn {
  font-size: 12px;
}
        }