.carousel-indicators {display:none !important;} 
section.news {max-width:1200px; margin: auto;padding: 5px;font-family: "Mulish", sans-serif;}
section.news h2 { font-size: 20px;padding: 10px;background:#efefef;width: 140px;color: #000;position: relative;top: 25px;left: -25px;z-index: 1;font-family: "Mulish", sans-serif;}
.gridnew {display: grid;gap: 20px;margin-bottom:32px;}
.grid-top {grid-template-columns: 2fr 1fr;}
.grid-bottom {grid-template-columns: 1fr 2fr;}
.cardbn {background: #fff;border-radius: 6px; overflow: hidden;height:300px;box-shadow: 0 3px 6px rgba(0,0,0,0.1); position: relative;color: #333;border:none;}
.cardbn img {width: 50%;height:300px;object-fit: cover;display: block;}
.card-content {padding: 15px;position: relative; margin-left:15px;}
/*.card-content:after {border-bottom: 15px solid transparent;border-top: 15px solid transparent;border-right: 15px solid #efefef;content: "";height: 0;position: absolute;left: -30px;top: 25px;width: 0; z-index: 1;}*/
.cardbn p {margin:0;line-height: 1.4;border-left: 1px solid #cdcdcd;padding-left: 15px;}
.facts {background: #1ba2f5;color: #fff;}
/*.facebook {background: #3b5998;color: #fff;}*/
.facebook {
  background: url("../images/insgrapost.jpeg") no-repeat center center;
  background-size: contain;  /* image ko puri div me fit karega */
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}
/*.instagram {
  background: url("../images/vf7bn.png") no-repeat center center;
  background-size: cover;  
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}*/
.instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color: #fff;}

.icon {font-size:40px;}
small {display: block;margin-top: 8px;font-size: 12px;opacity: 0.8;}
.supvs {top: -9px;font-family: "Mulish", sans-serif;}
#followus{background:#197048;}
.header.header-scrolled {background: #978761;padding: 8px 0;}
.tittle {color: #978761;font-size: 30px;padding-bottom: 0px;font-family: "Mulish", sans-serif;}
.services .icon-box h4 a {color: #9d8d7b; transition: ease-in-out0.3s;font-size: 20px;}
#featured_categories{width: 100%; margin: 40px 0;}
#whatwedo{width: 100%; margin: 50px 0  40px 0;background:#fff;padding: 20px 0;}
.categories_content{width: 100% ; text-align: center;}
.whatwedo {width: 100%;}
.whatwedo img{width: 100%;}
.what_content_{width: 100%; text-align: center;}
.what_content_ h4{margin-top: 20px;}
.what_content_ p{color: #5b5b55;}
.whar_imags img{width: 100%;}
.single-imgss{position: relative;}
.cospm{line-height: 30px !important; font-size: 12px;}
.textss h4{font-size: 28px; color: #Fff; line-height: 10px ;}
.image {display: block;width: 100%;height: auto;}
.img-overlayss {position: absolute;bottom: 0;left: 0;right: 0;background-color: #320d10b5; overflow: hidden; width: 100%; height: 0; transition: .5s ease;}
.single-imgss:hover .img-overlayss {height: 100%;}
.textss { position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff;text-align: center;font-size: 20px;line-height: 10px; }
.textss span{font-weight: 300;}
.whar_imags{overflow: hidden; }
.whar_imags img:hover{transform: scale(1.3); transition: all 3s linear;}
.single-imgss {width: 100%; }
.single-imgss img{width: 100%;}
.banner_images_itemssssss{width:100%;}
.hoverigg{margin-bottom: 25px;}
/*BANNER*/
.active {transform:none !important;}
.carousel-indicators [data-bs-target] {background-color: #dfb45b;width:10px;height:10px;border-radius: 50%;}
/*BANNER*/
.logo-slider {overflow: hidden;padding: 12px 0 0 0;white-space: nowrap;position: relative;}
.logo-slider:hover .logos-slide {animation-play-state: paused;}
.logos-slide {animation-direction: reverse !important;display: inline-block;animation: 80s slide infinite linear;	}
.logos-slide img {width: 160px;height: 75px;object-fit: contain;mix-blend-mode: multiply;/*background: #fff8df;*/margin: 0 5px;/*box-shadow: rgb(187 186 186 / 6%) 0px 0px 13px, rgb(137 137 137 / 5%) 0px 5px 10px;*/}
@keyframes slide {
    from {
        transform: translateX(0);
    }

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

.about-section { display: flex;align-items: center; justify-content: center; padding: 60px 5%;gap: 40px;background: #fff;}
.about-img { flex: 1;}
.about-img img {width: 100%;border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.1);}
.about-content { flex: 1;}
.about-content h2 {font-size: 25px;font-family: "Mulish", sans-serif;color:#000;margin-bottom: 20px;}
.about-content p {font-size: 16px; color:#000;line-height: 1.7;margin-bottom: 15px;}
 /* Tabs */
.tabs {display: flex;justify-content: center;background: #f4902a; padding: 0;margin:0  auto;font-family: "Mulish", sans-serif;}
.tabs button {flex: 1; padding: 14px; background: none;outline: none;cursor: pointer;font-size: 15px;color:#fff;transition: 0.3s;}
.tabs button.active {background: #fff; color:#000;}
.tab-content { display: none; padding: 20px;background: #fff;text-align: center;}
.tab-content.active { display: block;margin: 0 auto;}
.search-box {display: flex;justify-content: space-evenly;gap: 15px;margin-top: 15px;}
.search-box select {font-family: "Mulish", sans-serif; padding: 10px;border: 1px solid #ccc;border-radius: 6px; font-size: 14px; min-width: 180px;}
.search-box button {font-family: "Mulish", sans-serif; padding: 10px 50px;background: #197048; color: #fff; border: none;border-radius: 6px;cursor: pointer;transition: 0.3s;}
.search-box button:hover {background: #f4902a;}
 .ev-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background:#197048; /* green bg */
      color: white;
      padding: 40px 30px;
      flex-wrap: wrap;
	  margin-bottom:40px;
    }

    .ev-text {
    padding: 10px 0px 0px 14px;
    border-right: 1px solid #fff;
	margin-top:15px;
	
}


    .ev-text h2 {
      font-size:25px;
      margin-bottom: 10px;
	  color:#fff;
	   font-family: "Mulish", sans-serif;
    }

    .ev-text p {
      font-size: 1rem;
      color: #d9e6dc;
      line-height: 1.5;
	  font-family: "Mulish", sans-serif;
    }


.services-section {
  position: relative;
  background: url('../images/ourservicbg.webp') no-repeat center center/cover;
  color: #fff;
  padding:100px 20px 148px 20px;
  text-align: center;
}

.services-section .overlay {
  background: rgba(0, 0, 0, 0.7); /* dark overlay */
  padding: 40px 20px;
  border-radius: 12px;
}

.section-titles {
  font-size:25px;
   color: #fff;
  font-family: "Mulish", sans-serif;
}

.section-subtitle {
  font-size:16px;
  color: #fff;
  padding-bottom: 25px;
  font-family: "Mulish", sans-serif;
}

/* Grid Layout */
.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}

.service-boxs {
  background: rgba(0, 0, 0, 0.8);
  padding: 25px;
  border-radius: 10px;
  transition: transform 0.3s ease, background 0.3s ease;
  border: 1px solid #fff;
}

.service-boxs:hover {
  background: rgba(255, 255, 255, 0.05);
}

.service-boxs .icon {
  font-size: 40px;
  margin-bottom: 15px;

}

.service-boxs h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
  color: #fff;
font-family: "Mulish", sans-serif;
}

.service-boxs p {
  font-size: 0.95rem;
  color: #ccc;
  font-family: "Mulish", sans-serif;
}




/*
.services-section {text-align: center;padding: 50px 20px;}
.services-section h2 {font-family: 'Aurora';font-size: 25px;color:#000; margin-bottom: 40px;font-weight: 600;}
.services-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px; margin: 0 auto;}
.service-box {position: relative;overflow: hidden; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
.service-box img { width: 100%; object-fit: cover; display: block;}
.service-content {position: absolute;bottom: 0;left: 0;right: 0;padding: 20px;background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));color: #fff; text-align:left;}
.service-content h3 {margin: 0 0 10px;font-size:20px;font-family: 'Aurora';font-weight: 600;color:#fff;text-align: center;}
.service-content p {margin: 0; font-size: 14px;text-align: center;line-height: 1.5;}*/
.ad-container {position: relative;width: 100%;height:765px;background: url("assets/images/v61.webp") no-repeat center center/cover;display: flex;justify-content: flex-end;align-items: center;padding: 20px;}
.search-boxff{ background: #000849; color: #fff; padding: 5px 20px; border-radius: 3px;}
.ad-text {position: absolute;top: 15%;right: 5%;text-align: right;color: #fff;}
.ad-text h1 {font-size: 3rem;font-weight: bold;}
.ad-text p {font-size: 1.2rem;margin-top: 10px;}
.ad-footer { position: absolute;bottom: 20px;width: 100%;text-align: center;font-size: 1rem; color: #fff;display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}
.explore-btn {position: absolute;bottom:43px; right:137px;padding:5px 22px;border: none; background: #f4902a;color:#fff;cursor: pointer;border-radius:4px;transition: 0.3s;}
.explore-btn:hover {background:#fff;color: #000;}
.custom-select {position: relative;display: inline-block;width: 290px; /* Adjust width as needed */margin-right: 10px;}
.custom-select select {width: 100%;padding: 10px 40px 10px 30px; /* 30px left padding as requested */appearance: none;-webkit-appearance: none;-moz-appearance: none;border: 1px solid #ccc;border-radius: 4px;background-color:#dcdcdc;font-size: 14px;cursor: pointer;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='14' viewBox='0 0 24 24' width='1' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat: no-repeat;background-position: right 10px center;background-size: 23px;}
  	
   /* Responsive */
    @media(max-width: 900px) {
      .about-section {flex-direction: column;padding: 40px 20px;}
      .about-content h2 {font-size: 26px;text-align: center;}
      .about-content p {text-align: center;}
    }
	
    @media (max-width: 768px) {
		.services-section {padding: 45px 20px 65px 20px;}
		.custom-select{
    width:100%;}
	  .grid-top, .grid-bottom {grid-template-columns: 1fr; }
	  .tabs {flex-wrap: nowrap;width: 95%;}
      .tabs button {flex: unset;width: 50%;margin:10px;border:none;}
	  .tab-content.active{width: 95%;}
	  .search-box select{min-width: 100%;}
	  .tabs button.active{ width: 95%;}
	  .search-box button {width:100%;}
	  .search-boxff{margin: 0 auto;width: 100%;}
	  .service-box img {height:300px;}
      .ad-text h1 {font-size: 2rem;}
      .ad-text p {font-size: 1rem;}
      .ad-footer {font-size: 0.9rem;gap: 15px;}
      .explore-btn {font-size: 0.9rem;padding: 8px 15px;bottom: 20px;}
	  .tabs button {padding: 5px 10px;}
	  .explore-bnrr{display:none;}
	  .explore-bnrrs{display:none;}
    }
    @media (max-width: 480px) {
	  .tabs button {width: 100%;}
	  .services-section h2{font-size: 22px;}
      .service-content h3{font-size: 16px;}
      .service-content p{font-size: 13px;}
      .ad-container {align-items: flex-start;}
      .ad-text {top: 10%;right: 10px;text-align: right; }
      .ad-text h1 {font-size: 1.5rem;}
      .ad-footer {flex-direction: column;gap: 10px; font-size: 0.8rem;}
    }


  /* Banner Section */
    .Series {
      position: relative;
      width: 100%;
	  border-radius: 10px;
      height:390px;
      background: url('../images/home_banner_1.webp') no-repeat center center/cover;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
    }


    .Series h2 {
      font-size: 2rem;
      margin-bottom: 10px;
      text-transform: uppercase;
    }
    .Series p {
      font-size: 1rem;
      letter-spacing: 2px;
    }


    .slider-container {
      position: relative;
	  padding:10px;
       margin: auto;
      overflow: hidden;
    }

    .slider {
      display: flex;
      transition: transform 0.5s ease-in-out;
	  margin: 35px 0;
	 font-family: "Mulish", sans-serif;
	
    }

    .slide {
      flex: 0 0 50%; /* show 2 slides at once */
      box-sizing: border-box;
   
    }

    .car-card {
      display: flex;
	      height:auto;
      align-items: center;
      gap: 20px;
      border: 1px solid #dcdcdc;
      border-radius: 10px;
      overflow: hidden;
      background: #fff;
      padding:0px;
    }

    .car-card img {
      width: 50%;
    border-right: 1px solid #dcdcdc;
    }

    .car-info {
      flex: 1;
      text-align: left;
	  padding: 16px 0;
	      line-height: 1;
    }

    .car-info h3 {
      font-size: 18px;
      margin-bottom:0px;
	  color: #000;
	font-family: "Mulish", sans-serif;
    }

    .car-info p {
      font-size: 1rem;
      color:#000;
      margin-bottom: 12px;
	  
    }

    .features {
      display: flex;
      flex-wrap: wrap;
      gap:4px;
      margin-bottom: 12px;
    }

    .features span {
      border: 1px solid #ccc;
	  color:#000;
      border-radius: 20px;
      padding:10px 12px;
      font-size:12px;
    }
	.features span:hover {
      border: 1px solid #197048;
	  color:#197048;
	  cursor:pointer;

    }

    .btnKnow {
      background: #197048;
      color: #fff;
      padding:2px 18px;
      border: none;
      border-radius: 20px;
      cursor: pointer;
      transition: 0.3s;
	  margin-top:0px;
	  line-height:2;
    }
.nav-arrow.left
 {
    left: 10px;
    color: #000;
    font-size: 22px;
}
.nav-arrow.right

 {
    color: #000;
    font-size: 22px;
}
    .btn:hover {
      background: #125f38;
    }

    /* Navigation Arrows */
    .nav-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2rem;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      padding: 10px;
      cursor: pointer;
      z-index: 10;
    }

    .nav-arrow.left {
      left:-10px;
	  background:transparent;
    }

    .nav-arrow.right {
      right: -11px;
	  background:transparent;
    }
    /* Responsive */
    @media (max-width: 768px) {
      .slide {
        flex: 0 0 100%; /* show 1 slide */
      }

      .car-card {
        flex-direction: column;
        text-align: center;
      }

      .car-card img {
        width: 100%;
        max-width: 300px;
      }

      .car-info {
        text-align: center;
      }

    }

    /* Responsive */

    @media (max-width: 768px) {
	.Series{display:none;}
	#Seriesmobile{display:block;
	position: relative;
    width: 100%;
    border-radius: 10px;
    background: url(../images/mobilebannersc.webp) no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;}
    .vf6_desktop,.vf7_desktop{display:none;}
	.vf6_mobile,.vf7_mobile{display:block;}
    .nav-arrow.right{display:block;}
    .nav-arrow.left {display:block;}
      .slide {
        min-width: 250px;
      }
      .banner {
        height: 200px;
      }
      .banner h2 {
        font-size: 1.5rem;
      }
    }