
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
font-family: "Poppins", sans-serif;
}

body{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;}

h2, h3 { font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
  
 
.header .container{  display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.header .container ul{display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;}
	
	.header .container ul li {list-style:none; padding : 0 20px;}
		.header .container ul li a{list-style:none; color:#000; text-decoration:none;    font-weight: 500;     position: relative;     text-transform: uppercase;}
		.header .container ul li a:hover{color:#d10f16;}
.header .container ul li a::after {
  content: "";
  position: absolute;
  left: 50%;
      bottom: -2px;
  width: 100%;
  height: 2px;
  background: #d10f16;
  transform: translateX(-50%) scaleX(0);
  transition: transform 0.35s ease;
}

.header .container ul li a:hover::after {
  transform: translateX(-50%) scaleX(1);
}
.hero-slider {
  position: relative;
  overflow: hidden;
}

/* Slide */
.hero-slide {
  position: relative;
  height: 520px;
  background-size: cover;
  background-position: center;
}

/* Dark overlay */
.hero-slide::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.25);
}

/* Text box */
.hero-content
 {
    position: absolute;
    top: 50%;
    left: -13%;
  transform:translateY(-50%);
  background:#d10f16;
  color:#fff;
  padding:40px 45px;
  max-width:540px;
  z-index:2;
}
.hero-content br{display:none;}
 
 .homebannersec{background:url(../images/banner-bg.jpg) no-repeat; background-size:cover; padding: 80px 0;}
 .homebannersec .slick-dotted.slick-slider {
    margin-bottom: 30px;
    padding-bottom: 44px;
}
.homebannersec .slick-track {
    padding: 0 0 0 162px;
}

.hero-content span {
    font-size: 17px;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 12px;
    font-weight: 500;
}

.hero-content h2 {
  font-size:36px;
  line-height:1.3;
  font-weight:400;
}

.hero-content h2 strong {
  font-weight:700;
}

/* Slick dots */
.hero-slider .slick-dots {
  bottom:0;
}

.hero-slider .slick-dots li button:before {
  color:#fff;
  opacity:0.4;
  font-size:40px;
}

.hero-slider .slick-dots li.slick-active button:before {
  opacity:1;    color: #fff;
}

.hIntroSec{padding:80px 0;}

.comTitle h5{background:#ed1c24; padding:0 5px; margin:0 0 10px; color:#fff; max-width:max-content; text-transform:uppercase;}
.comTitle h2{ padding:0; margin:0 0 10px; font-size:50px; color:#000;  line-height: 1.1;}
.hintroR{padding:0 80px 0 0; display:flex; justify-content:center; flex-direction: column; }
.hservicessec{background:#f9f9f9; padding:80px 0;}
.hservicessecTop{
display: flex;
gap: 20px; justify-content: center;  align-items: center; } 
.hservicessecTopL{width:80%; }
.hservicessecTopL p{width:60%;}
.card-slider-section {
  padding: 60px 0;
}
.card-slider-section .slick-dots {
     bottom: -39px;
}
.card-slider .slick-slide {
  padding: 0;
      margin: 0 20px;
}

/* CARD */
.card {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  
}

/* IMAGE */
.card-img img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}

/* CONTENT */
.card-content {
  padding: 30px;
}

.card-content h3 {
  margin: 0 0 12px;
  color: #ed1c24;
  font-size: 26px;
  font-weight: 800;
}

.card-content p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 25px;
      min-height: 130px;
}

 


 
 
.read-more {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #ff1e1e;
  color: #fff;
  padding: 13px 26px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  overflow: hidden;
      text-transform: uppercase;
  transition: all 0.35s ease;
}

/* ARROW CIRCLE */
.read-more span {
  background: #fff;
  color: #ff1e1e;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
}

/* SHINE EFFECT */
.read-more::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 120%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.4),
    transparent
  );
  transition: all 0.6s ease;
}

 
/* HOVER EFFECT */
.read-more:hover {
   background: #db040d; color: #fff;
  padding-right: 34px;
  box-shadow: 0 12px 30px rgba(255, 30, 30, 0.45);
}

/* ARROW MOVE */
.read-more:hover span {
  transform: translateX(6px) rotate(360deg);
}

/* SHINE MOVE */
.read-more:hover::before {
  left: 120%;
}
/* SLICK DOTS */
.slick-dots li button:before {
  color: #fff;
}


.hfeaturessec{        padding: 420px 0 80px;
    margin: -484px 0 0; background:url(../images/features-bg.jpg) no-repeat; background-size:cover; color:#fff;}
.hfeaturessecTop{text-align:center;  margin: 0 0 50px;}

/* SECTION */
.features-section {
  padding: 80px 60px;
  
}
.hfeaturessec.comTitle h2{color:#fff;}
/* GRID */
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 80px;
}

/* ITEM */
.feature-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

/* ICON */
.feature-icon {
    width: 60px;
    height: 60px;
    border: 1.5px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 40px;
}
.feature-icon img{width:60px;}

.feature-icon svg {
  width: 22px;
  height: 22px;
  stroke: #fff;
}

/* CONTENT */
.feature-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
}

.feature-content p {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,0.8);
  max-width: 260px;
}



.featureBotsec{
   padding:80px 20px;
   position: relative;
}
.featureBotsec:before {
    content: '';
    position: absolute;
    left: 37px;
    bottom: 0;
    width: 200px;
    background: url(../images/feature-iconleft.png) no-repeat;
    height: 299px;
}
 .featureBotsec:after{content:''; position:absolute; right:0; top:0; width: 160px;  height: 133px;  background:url(../images/feature-iconright.png) no-repeat;} 

/* FEATURES */
.featureBotLIn{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:25px;
}
.featureBotsec.comTitle h2{margin:0 0 25px;}
.featureBox{
  border:1px solid #eee;
  border-radius:14px;
  padding:25px;
  background:#fff;
}

.featureBox .icon {
    width: 65px;
    height: 65px;
    border-radius: 12px;
    background: #ffdbe0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff1f1f;
    /* font-size: 22px; */
    margin-bottom: 15px;
    padding: 20px;
}
.featureBox .iconTitle{display:flex; gap:10px;    align-items : center;}
.featureBox h4 {
    font-size: 22px;
    margin-bottom: 8px;
    line-height: 0.9;
}

.featureBox p{
  font-size:14px;
  color:#666;
  line-height:1.6;
}

/* RIGHT IMAGE */
.featureBotR{
  position:relative;
   display:flex;
  justify-content:center;
}

.featureBotR img{
  max-width:100%;
  height:auto;
  display:block;
}





/*  whychoose  */
 #whychooseSec{padding:80px 0;}
    #whychooseSec h2{  text-align: center; margin:0 0 40px; }
 #whychooseSec  .whychooseSecIn{ display: flex;
    justify-content: space-between;
   gap: 20px;}
#whychooseSec .card {
    position: relative;
    padding: 25px;
    border-radius: 12px;
    overflow: hidden;
    color: #333;
    width: 25%;
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Background Shapes */
#whychooseSec .card::after{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-40px;
  width:150px;
  height:150px;
  border-radius:50%;
  opacity:0.5;
  background:url(images/bay-icon.png) no-repeat;
}

/* Different Colors */
#whychooseSec .card1{
  background:linear-gradient(135deg,#f5e2c8,#f0cfa6);
}
  
#whychooseSec .card2{
  background:linear-gradient(135deg,#e6e3ef,#d6d1e6);
}
  
#whychooseSec .card3{
  background:linear-gradient(135deg,#dff0df,#cde8cd);
}
 
#whychooseSec .card4{
  background:linear-gradient(135deg,#f3e2ef,#e8cde3);
}
 

 

/* Title */
#whychooseSec .card h3{
  margin-bottom:10px;
}

/* Text */
#whychooseSec .card p{
  font-size:22px;
  line-height:1.5;
  margin-bottom:15px;
}
 


/* Container */
#services{
 
    background: url(../images/features-bg.jpg) no-repeat;
    background-size: cover;
	padding:80px 0;
}
#services h2{color:#fff; text-align:center;}
#services .servicesIn{  margin:60px auto;
  padding:20px;
display:grid;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));
  gap:25px;}

/* Card */
#services .card{
  background: rgba(255,255,255,0.08);
  border-radius:20px;
  padding:25px;
  display:flex;
  align-items:center;
  gap:18px;
  backdrop-filter: blur(12px);
  border:1px solid rgba(255,255,255,0.1);
  transition:0.4s;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  flex-direction:inherit;
      color: #fff;
}

/* Glow effect */
#services .card::before{
  content:"";
  position:absolute;
  width:150%;
  height:150%;
  background: radial-gradient(circle,rgba(255,255,255,0.15),transparent);
  top:-50%;
  left:-50%;
  opacity:0;
  transition:0.5s;
}

#services .card:hover::before{
  opacity:1;
}

/* Hover lift */
#services .card:hover{
  transform: translateY(-10px) scale(1.02);
  box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

/* Icon */
#services .icon{
  width:60px;
  height:60px;
  border-radius:50%;
  background:#e91c23;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  color:#fff;
  box-shadow:0 5px 15px rgba(0,0,0,0.3);
}
#services .icon img{padding:5px;}
/* Text */
#services .text{
  font-size:16px;
  line-height:1.4;
  font-weight:400;
}

/* Title highlight */
#services .text span{
  display:block;
  font-weight:600;
  font-size:18px;
  margin-bottom:4px;
}

/* Container */
#industreySec {text-align: center;
    padding: 80px 0;
    background: #f3f3f3;
}
#industreySec h2{margin:0 0 40px;}
#industreySec .text{font-size:22px;}
#industreySec .focus-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 40px;
}

/* Card */
#industreySec .card{
  width:220px;
  height:220px;
  border-radius:50px 0 50px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  transition:0.4s ease;
  cursor:pointer;
  margin: 0 auto 30px;
}

/* Icons */
#industreySec .card i{
  font-size:50px;
  color:#4a6fb3;
  transition:0.3s;
}

/* Colors */
#industreySec .orange{ background:#f57c00; }
#industreySec .yellow{ background:#fbc02d; }
#industreySec .green{ background:#8bc34a; }

/* Hover Effect */
#industreySec .card:hover{
  transform:translateY(-10px) scale(1.05);
  box-shadow:0 15px 30px rgba(0,0,0,0.2);
}

#industreySec .card:hover i{
  color:#fff;
}


  
 .cta-gallery {
  width: 100%;
  overflow: hidden;
}

 .cta-gallery .read-more {
   background: #ffffff;
    color: #000;
 }
 .cta-gallery .read-more span {
    background: #e91c23;
    color: #fff;
 }

.cta-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  min-height: 380px;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* CENTER CTA */
.cta-box {
  background: #e91c23;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px;
}

.cta-small {
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.cta-box h2 {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 25px;
  font-weight: 700;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  color: #000;
  padding: 12px 22px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.cta-btn span {
  background: #e91c23;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-btn:hover {
  transform: translateY(-2px);
}

.bay6-footer {
  background: #1f1f1f;
  color: #bdbdbd;
  text-align: center;
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.footer-inner {
  max-width: 1000px;
  margin: auto;
}

.footer-logo img {
  max-width: 120px;
  margin-bottom: 10px;
}

.footer-tagline {
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  color: #9e9e9e;
}

.footer-address {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.footer-contact {
  font-size: 14px;
  margin-bottom: 35px;
}

.footer-contact a {
  color: #bdbdbd;
  text-decoration: none;
}

.footer-contact span {
  margin: 0 8px;
}

.footer-divider {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

.footer-divider span {
  flex: 1;
  height: 1px;
  background: #555;
}

.footer-divider h4 {
  font-weight: normal;
  font-size: 16px;
  color: #fff;
}

.footer-menu {
  font-size: 14px;
}

.footer-menu a {
  color: #bdbdbd;
  text-decoration: none;
  margin: 0 6px;
}

.footer-menu span {
  color: #777;
}

.footer-menu ul{  display: flex;
justify-content: center;}
.footer-menu ul li{  list-style:none;}

.footer-copy {
    background-color: #e61e25; /* red shade */
    color: #ffffff;
    text-align: center;
    padding: 18px 10px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  
  /* MENU BUTTON */
.menu-toggle {
    margin-left: auto;
    font-size: 26px;
    background: none;
    border: none;
    color: #080808;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 22px;
}

/* OVERLAY */
.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 998;
}

/* MOBILE MENU */
.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 90%;
  max-width: 90%;
  height: 100vh;
  background: #181818;
  transform: translateX(100%);
  transition: transform 0.45s ease;
  z-index: 999;
  padding: 80px 24px;
}

/* CLOSE BUTTON */
.menu-close {
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 28px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}

/* MENU LIST */
.mobile-menu ul {
  list-style: none;
}

.mobile-menu li {
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.35s ease;
  margin-bottom: 22px;
}

.mobile-menu a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

/* ACTIVE STATE */
.mobile-menu.active {
  transform: translateX(0);
}

.mobile-menu.active li {
  opacity: 1;
  transform: translateX(0);
}

/* STAGGER EFFECT */
.mobile-menu.active li:nth-child(1) { transition-delay: 0.12s; }
.mobile-menu.active li:nth-child(2) { transition-delay: 0.18s; }
.mobile-menu.active li:nth-child(3) { transition-delay: 0.24s; }
.mobile-menu.active li:nth-child(4) { transition-delay: 0.30s; }
.mobile-menu.active li:nth-child(5) { transition-delay: 0.36s; }

.menu-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

[data-aos] {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition-property: transform, opacity;
}


/* ===== SECTION ===== */
.pricing-section{
  padding:100px 40px;
  background:url(../images/features-bg.jpg) no-repeat;
  text-align:center;
}
.priceTitle h2{color:#fff;}
.priceTitle h5{margin:0 auto; }

.pricing-section h2{
  font-size:48px;
  margin:20px 0 80px;
  font-weight:500;
}

/* ===== GRID ===== */
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:40px;
  max-width:1200px;
  margin:auto;
}

/* ===== CARD ===== */
.price-card {
    background: #ededed;
    padding: 50px 40px;
    border-radius: 35px;
    position: relative;
    box-shadow: 0 30px 60px rgba(0, 0, 0, .7);
    transition: .4s ease;
    border-top: solid 10px #f81d1d;
}

.price-card:hover{
  transform:translateY(-12px);
}

/* subtle wave decoration */
.price-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg width='300' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 80 C80 20 160 140 300 40' stroke='%23333' fill='none' stroke-width='1'/%3E%3C/svg%3E") no-repeat top right;
  opacity:.4;
  pointer-events:none;
}

/* ===== TEXT ===== */
.plan-title{
  font-size:22px;
  margin-bottom:20px;
}

.price{
  font-size:60px;
  font-weight:600;
}

.price span{
  font-size:16px;
  display:block;
  color:#000;
  margin-top:5px;
      text-transform: uppercase;
}

/* Price (right) */
.designationsec .card h6 {
    position: absolute;
    padding: 5px 16px;
    /* border-radius: 0; */
    /* width: 100%; */
    display: block;
    max-width: 100%;
    text-align: center;
    background: rgb(7 6 6 / 80%);
    top: 5%;
    border-radius: 35px 0 0 35px;
    font-size: 16px;
    z-index: 1000;
    right: 0;
    left: auto;
    color: #fff;
}

/* ===== FEATURES ===== */
.features{
  list-style:none;
  text-align:left;
     margin: 0 0 40px;
    border-top: solid 1px #ccc;
    padding-top: 40px;
}

.features li{
  margin-bottom:15px;
  color:#000;
  font-size:15px;
}

.features li.disabled{
  color:#555;
}

.features li:before{
  content:"✔";
  color:#c58b3a;
  margin-right:10px;
}

.features li.disabled:before{
  content:"✖";
  color:#555;
}

 .designationsec{padding:80px 0;}
 
 /* ===== CARD GRID ===== */
.designationsec .card-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:40px;
  margin: 0 0 40px;
}

/* ===== CARD ===== */
.designationsec .card{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 0 0 1px #eee;
  transition:transform .3s ease, box-shadow .3s ease;
}

  .designationsec .card h5 {
    position: absolute;
    padding: 5px 16px;
    /* border-radius: 0; */
    width: 100%;
    display: block;
    /* max-width: 100%; */
    text-align: center;
    /* background: rgba(237, 28, 36, 0.8); */
    top: 5%;
    border-radius: 0 35px 35px 0;
    font-size: 16px;
}
  
 .designationsec .card-content h3{position:relative;}

.designationsec .card-content h3::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 27px;
    height: 24px;
    background: url(../images/loc-icon.png) no-repeat center;
    background-size: contain;
	filter: grayscale(100%); /* 🔥 grayscale */
    
}

.designationsec .card:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* IMAGE */
.designationsec .card img{
  width:100%;
  height:230px;
  object-fit:cover;
}

.designationsec .card a img {
    width: auto; 
    height: auto; 
    object-fit: cover;
}

/* CONTENT */
.designationsec .card-content{
  padding:30px;
  text-align:left;
}

.designationsec .card-content h3{
    margin: 0 0 12px;
    color: #ed1c24;
    font-size: 26px;
    font-weight: 800;
	    padding: 0 0 0 25px;
}

.designationsec .card-content p{
     color: #555;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px;
}
.designationTitle{text-align:center; margin:0 0 50px;}
.designationTitle h5{ margin:0 auto;}
.designationTitle p{ width:90%; margin:0 auto;}

 

/* RATING HOLDER */
.raiting-holder{
  display:flex;
  align-items:center;
  gap:10px;
}

/* STAR LIST */
.raiting-list{
  display:flex;
  list-style:none;
  gap:6px;
      padding: 0;
	      display: none;
}

/* STAR BASE */
.raiting-list .star{
  width:22px;
  height:22px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ddd' d='M12 17.3l6.18 3.7-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E")
  no-repeat center / contain;
}

/* FILLED STAR */
.raiting-list.rating-1 .star:nth-child(-n+1),
.raiting-list.rating-2 .star:nth-child(-n+2),
.raiting-list.rating-3 .star:nth-child(-n+3),
.raiting-list.rating-4 .star:nth-child(-n+4),
.raiting-list.rating-5 .star:nth-child(-n+5){
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f4b400' d='M12 17.3l6.18 3.7-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E")
  no-repeat center / contain;
}

/* COUNTER */
.counter{
  font-size:14px;
  color:#555;
}



.overview-section{
  padding:0 0 80px;
}

.overview-section .container{
  width:90%;
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap:60px;
  align-items:flex-start;
}

/* LEFT */
.overview-left h2{
  font-size:36px;
  margin-bottom:20px;
}

.overview-left p{
  color:#666;
  line-height:1.7;
  margin-bottom:40px;
}

/* TOUR DETAILS BOX */
.tour-details{
  background:#e91c23;
   box-shadow:0 10px 30px rgba(0,0,0,0.08);
  padding:30px;
}

.tour-details h3{
  font-size:30px;
  margin-bottom:20px;
  position:relative;
  padding-left:15px;
  color:#fff;
}

.tour-details h3 span {
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 26px;
    background: #fff;
    border-radius: 4px;
}

.tour-details ul{
  list-style:none;
  padding:0;
}

.tour-details li{
  display:flex;
  justify-content:space-between;
  padding:12px 0;
  border-bottom:1px solid #eee;
  font-size:16px;
}

.tour-details li:last-child{
  border:none;
}

.tour-details strong{
  color:#fff;
}

.tour-details span{
  color:#fff;
}

/* RIGHT IMAGES */
.overview-right img{
  width:100%;
  height:100%;
  object-fit:cover;
 }

.big-img{
  margin-bottom:20px;
}

.small-imgs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}


.day-item{
  border:1px solid #eee;
  border-radius:12px;
  margin-bottom:12px;
  overflow:hidden;
  transition:.3s;
}

.day-head{
  padding:16px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  font-weight:600;
  background:#fafafa;
}

.day-left{
  display:flex;
  gap:15px;
  align-items:center;
}

.day-num {
    background: #ff5a5f;
    color: #fff;
    width: auto;
    height: auto;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 5px 10px;
}

/* ARROW */
.arrow{
  width:10px;
  height:10px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  transform:rotate(45deg);
  transition:.3s;
}

.day-body{
  max-height:0;
  overflow:hidden;
  padding:0 22px;
  color:#555;
  line-height:1.6;
  transition:all .35s ease;
}

/* ACTIVE */

.day-item.active{
  border-color:#ff5a5f;
}

.day-item.active .day-body{
  max-height:300px;
  padding:15px 22px 22px;
}

.day-item.active .arrow{
  transform:rotate(-135deg);
}

    .pakageDetailsec{background: #f1f1f1;
    padding: 80px 0;}
	.pakageDetailsec .container{padding:0 80px;}
.pakageDetailsec h2{margin:0 0 20px;}


.packagePolicies {
    padding: 100px 20px;
    background: url(../images/features-bg.jpg) no-repeat;
    background-size: cover;
	color:#fff;
}
 

.packagePolicies .tabs-title{
  font-size:22px;
  font-weight:700;
  margin-bottom:10px;
  border-bottom:1px solid #ddd;
  padding-bottom:8px;
}

/* ===== TAB HEAD ===== */
.packagePolicies .tab-head{
  display:flex;
  gap:30px;
  position:relative;
  border-bottom:2px solid #eee;
}

.packagePolicies .tab-head button{
  background:none;
  border:none;
  padding:12px 0;
  font-size:16px;
  cursor:pointer;
  color:#cbcbcb;
  position:relative;
}

.packagePolicies .tab-head button.active {
    color: #f9f9f9;
  font-weight:600;
}

/* underline slider */
.packagePolicies .tab-line{
  position:absolute;
  bottom:-2px;
  left:0;
  width:90px;
  height:3px;
  background:#f30b1a;
  transition:.3s;
}
.packagePolicies h2{color:#fff;}

/* ===== TAB CONTENT ===== */
.packagePolicies .tab-content{
  padding:18px 5px;
}

.packagePolicies .tab-pane{
  display:none;
  animation:fade .3s ease;
}

.packagePolicies .tab-pane.active{
  display:block;
}

.packagePolicies .tab-pane ul{
  padding:0;
}

.packagePolicies .tab-pane li{
  margin-bottom:10px;
  line-height:1.6;
  list-style:none;
  padding: 0 0 0 20px;
  position:relative;
}

 .packagePolicies .tab-pane li:before{content:''; position:absolute; width: 0;
      height: 0;
         border-top: 5px solid transparent;
    border-left : 10px solid red;
    border-bottom: 5px solid transparent;
	    left: 0;
    top: 7px;
 }

@keyframes fade{
  from{opacity:0; transform:translateY(5px)}
  to{opacity:1; transform:none}
}




 

 ..destinationstabs-container {
  max-width: 900px;
  margin: auto;
  font-family: Arial;
}

/* Tabs */
.destinationstabs-container .tabs {
  display: flex;
  border-bottom: 2px solid #ddd;
  justify-content: center;
}

.destinationstabs-container .tab {
  padding: 12px 20px;
  cursor: pointer;
   font-weight: 400;
    list-style: none;
    font-size: 18px;
	text-transform:uppercase;
}

.destinationstabs-container .tab.active {
  background: #000;
  color: #fff;
    font-weight: 600;
}

/* Content */
.destinationstabs-container .tab-item {
  display: none;
  border: none;
  border-top: none;

}

.destinationstabs-container .tab-item.active {
  display: block;
}

.destinationstabs-container .tab-content {
  padding: 20px;
}

/* Accordion title (hidden desktop) */
.destinationstabs-container .accordion-title {
  display: none;
  padding: 15px;
  background: #f5f5f5;
  cursor: pointer;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}

/* Animation */
@keyframes fade {
  from {opacity: 0;}
  to {opacity: 1;}
}


  /* DESKTOP HIDE */
@media (min-width: 800px) {
  .mobile-menu,
  .menu-overlay,
  .menu-toggle {
    display: none;
  }

}
 
/* Mobile */
@media(max-width:800px){
	#industreySec .focus-container {
    display: grid;}
	#services .servicesIn {
     grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
#services .card {  display: grid;}
	  .pakageDetailsec .container{padding:0 20px;}
	.homebannersec .slick-track {
    padding: 0;
}
#whychooseSec .whychooseSecIn { display: grid;}
#whychooseSec .card {   width: 100%; }
	.menuRight{display:none;}
	.menuLeft{display:none;}
  .hero-slide{ height:420px; }
  #whychooseSec .card p {
    font-size: 18px;
  }
  #industreySec .text {
    font-size: 18px;
}
  #industreySec .card {
    width: 160px;
    height: 160px;
  }

  .hero-content{
    left:0;
    right:0;
    padding:25px;
	transform: inherit;
    max-width: 100%;
	    position: relative;
  }
.hero-slide .hero-image img {
     width: 100%;
}
.homebannersec {
    padding: 140px 0 35px;
}
  .hero-content h2{
    font-size:26px;
  }
  .header .container {
    display: inline-block;  gap: 0;
}
.logo img{width: 130px;}
.hintroL img{width: 100%;}
.hIntroSec {
    padding: 80px 30px;
}
.comTitle h2 {  font-size: 35px;}
.hintroR {
padding: 0;}
.hservicessec {   padding: 80px 30px;
}
.hservicessecTop {
    display: block;
}
.hservicessecTopL p {
    width: 86%;
}
 .features-section {
    padding: 0;
}
.features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 40px;
}
.featureBotL {
     width: 100%;
}
.featureBotR {
     width: 100%;
}
.featureBotsec:before {
     left: 19px;  width: 100px;  height: 280px;  background-size: 100%;  z-index: 100;
}
.featureBotsec:after {
    width: 121px;   height: 124px;  background-size: 100%;
}
 .cta-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* middle item full width */
  .cta-grid .cta-item:nth-child(3) {
    grid-column: 1 / -1;
  }
  .hintroL {
         margin: 0 0 20px;
    }
	.hservicessecTopL {
    width: 100%;
}
.card-slider .slick-slide {
    padding: 0;
    margin: 0;
}
.hfeaturessec {
padding: 376px 30px 80px;}
  .header{  position: fixed;
    background: #fff;
    width: 100%;
    top: 0;
  z-index: 999;}
}


.video-modal {
  position: fixed;
  inset: 0;
  display: none;
  background: rgba(0,0,0,.8);
  align-items: center;
  justify-content: center;
}

.video-box {
  width: 90%;
  max-width: 900px;
  aspect-ratio: 16/9;
  position: relative;
}

.video-box iframe {
  width: 100%;
  height: 100%;
}

#closeVideo {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}

.innerbannersec img{width:100%;}
#aboutIntro{padding:80px 0; text-align:center;}
#aboutIntro p{   width:80%; margin: 0 auto 20px;}
#aboutIntro .comTitle h5 {
    margin: 0 auto;
}
.aboutIntro .comTitle h5 {
    margin: 0 auto;
 }
.about-section{    text-align: center;
    padding: 100px 20px;
    background: url(../images/features-bg.jpg) no-repeat;
    background-size: cover;}
	

  .about-section  .aboutvision{
         margin:auto;
        display:flex;
        justify-content:center;
        gap:40px;
        flex-wrap:wrap;
    }
 .about-section .card{
        background:#fff;
        border:1px solid #999;
        width:46%;
        padding:40px 50px;
        text-align:center;
        box-sizing:border-box;
		    border-radius: 0;
        transition:transform .2s;
		    border-bottom: solid 8px #ed1c24;
    }
   .about-section  .card:hover{
        transform:translateY(-5px);
    }
   .about-section  .icon{
        font-size:60px;
        color:#215a9e;
        margin-bottom:20px;
    }
   .about-section  h3{
            font-size: 40px;
    padding: 0;
    margin: 0 0 20px;
    color: #000;
    text-transform: uppercase;
    line-height: 1;
    }
   .about-section  p{
        color:#555;
        line-height:1.6;
  }
  .hfeaturessec.about {
    padding: 308px 0 80px;
    margin: -301px 0 0;
  }

#contactIntro{padding:80px 0; text-align:center;}
#contactIntro p{   width:80%; margin: 0 auto 20px;  font-size: 22px; color: #666;     display: flex;
    justify-content: center;
    gap: 16px;}
#contactIntro .comTitle h5 {
    margin: 0 auto;
}
#contactIntro{
    text-align: center;
    padding: 100px 0;
}
#contactIntro a:hover {
    color: #ed1c24;
}
#contactIntro a{  color: #666;}
/* Form */
    .form-container{
         color:#fff;
		    width: 80%;
    margin: 0 auto;
    }
    .form-container h2{
        font-size:40px;
        margin-bottom:30px;
        text-transform:uppercase;
        letter-spacing:1px;
		color:#fff;
    }
 .form-container input, .form-container textarea {
    width: 44%;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    height: 60px;
    vertical-align: top;
    /* padding: 0 20px; */
    margin-right: 23px;
}
	 .form-container textarea{height:60px;}
    .form-container input::placeholder,
    .form-container textarea::placeholder{
        color:rgba(255,255,255,0.7);
    }
    .form-container button {
    background: #c21d23;
    color: #fff;
    border: none;
    padding: 7px 40px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0;
    font-weight: 600;
	display: block;
    margin: 0 auto;
}
    .form-container button:hover{
        background:#a5181c;
    }
	
	
	
	
	@media(max-width:900px){
	#contactIntro p {
    width: 98%;
    margin: 0 auto 20px;
    font-size: 19px;
    color: #666;
    display: flex;
    justify-content: center;
    gap: 16px;
}
	}

@media(max-width:800px){
	.form-container input, .form-container textarea {
    width: 100%;
	}
	#contactIntro p {
    width: 60%;
     display: block;
	 font-size: 18px;
	}
		#contactIntro p span{display:none;}
	.comTitle h2 {
        font-size: 30px;
    }
    .cta-grid {
        grid-template-columns: 1fr;
    }
	.featureBotLIn {
    grid-template-columns: repeat(1, 1fr);}
	    .features-grid {
        grid-template-columns: repeat(1, 1fr); 
    }
	.footer-menu ul {
    display: grid;
    justify-content: center;
    /* flex-direction: column; */
    margin: 0;
    padding: 0;
}
.footer-menu ul li{margin:0 0 10px;}
.footer-menu span {
  display:none;
}
.about-section .card {
    width: 100%;
    padding: 30px;
}
.designationsec .card-grid {
     grid-template-columns: repeat(2, 1fr);
  
}
.designationTitle p {
width: 80%;}
.comTitle h2 br{display:none;}

 

 .destinationstabs-container .tabs {
    display: none;
  }

 .destinationstabs-container .tab-item {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ddd;
  }

 .destinationstabs-container .accordion-title {
    display: block; position:relative;
  }

 .destinationstabs-container .tab-content {
    display: none;
  }

 .destinationstabs-container .tab-item.active .tab-content {
    display: block;
  }
  
  .destinationstabs-container .accordion-title:before{Content:'+'; position:absolute;   right: 18px; color:#000; font-size:18px; font-weight:400;  }
  .destinationstabs-container .tab-item.active .accordion-title{background:#000; color:#fff;}
  .destinationstabs-container .tab-item.active .accordion-title:before{Content:'-';   color:#fff;}
 
}

@media(max-width:500px){
	.designationsec .card-grid {
    grid-template-columns: repeat(1, 1fr);
     
}
#contactIntro p {
    width: 70%;
    }
.innerbannersec{ padding: 82px 0 0;}
.footer-address br{display:none;}

 }
 
 
