/* TABLET LANDSCAPE & SMALL DESKTOP ONLY */
@media (min-width: 992px) and (max-width: 1199px) {

  /* SHOW HAMBURGER */
  .navbar-toggler {
    display: block !important;
    margin-left: 10px;
  }

  /* SEARCH ICON BESIDE HAMBURGER */
  .nav-icon.d-lg-none {
    display: block !important;
    margin-right: 5px;
  }

  /* HIDE DESKTOP SEARCH ICON */
  .nav-icon.d-none.d-lg-block {
    display: none !important;
  }

  /* COLLAPSED DROPDOWN BELOW NAVBAR */
  .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0; /* dropdown aligns correctly */
    width: 100%;
    padding: 15px 20px;
    z-index: 999;

  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(15px) saturate(180%);
  -webkit-backdrop-filter: blur(15px) saturate(180%);

  background-image: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(255, 255, 255, 0.05) 40%,
      rgba(255, 255, 255, 0.15) 100%
    ),
    linear-gradient(
      60deg,
      rgba(255, 255, 255, 0.15) 0%,
      rgba(255, 255, 255, 0.05) 70%
    );

    display: none;  /* closed */
  }

  /* OPENED DROPDOWN */
  .navbar-collapse.show {
    display: block;
  }



/* WHEN SCROLLED DOWN */
.custom-navbar.nav-scrolled {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(15px) saturate(180%);
  -webkit-backdrop-filter: blur(15px) saturate(180%);

  background-image: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(255, 255, 255, 0.05) 40%,
      rgba(255, 255, 255, 0.15) 100%
    ),
    linear-gradient(
      60deg,
      rgba(255, 255, 255, 0.15) 0%,
      rgba(255, 255, 255, 0.05) 70%
    );

  /* border-bottom: 1px solid rgba(255, 255, 255, 0.25); */
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.custom-navbar.nav-scrolled .nav-link {
  color: #2d2d2d !important; /* Dark link color */
}

.custom-navbar.nav-scrolled .nav-link.active {
    color: #606C38 !important;
    font-weight: 600;
}


.custom-navbar.nav-scrolled .nav-icon {
  filter: brightness(0); 
}
  /* VERTICAL NAV ITEMS */
  .navbar-nav {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px;
  }
  .custom-navbar.mobile-open {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(15px) saturate(180%);
    -webkit-backdrop-filter: blur(15px) saturate(180%);

    background-image: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.4) 0%,
        rgba(255, 255, 255, 0.05) 40%,
        rgba(255, 255, 255, 0.15) 100%
      ),
      linear-gradient(
        60deg,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(255, 255, 255, 0.05) 70%
      );
  }

  /* When menu OPEN → dark icons + dark text */
  .custom-navbar.mobile-open .nav-icon {
    filter: brightness(0);
  }

  .custom-navbar.mobile-open .nav-link {
    color: #2d2d2d !important;
  }

  .custom-navbar.mobile-open .nav-link.active {
    color: #606C38 !important;
  }
  
    .search-box {
 right: 5% !important;
  top: 50% !important;
 
}

.search-results {
  position: absolute;
  top: 85% !important;
  right: 5% !important;
}

@supports (-webkit-touch-callout: none) {
  /* Safari iOS & iPadOS only */
  .search-box {
    right: 10% !important;
    top: 50% !important;
  }

  .search-results {
    right: 10% !important;
    top: 85% !important;
  }
}


  .hero-section {
    height: 80vh; /* mobile-friendly height */
  }

}

/* Force iPad landscape tablet view */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

  /* Collapse navbar (tablet mode) */
  /*.navbar-collapse {*/
  /*  display: none !important;*/
  /*}*/

  .navbar-toggler {
    display: block !important;
  }

  /* Center links in dropdown only */
  .navbar-nav {
    flex-direction: column !important;
    text-align: center;
  }

  /* Search alignment for tablet */
  #searchBox {
    width: 100% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body {
    zoom: 1.08; /* optional fine-tuning */
  }
}
/* ================= TABLET LANDSCAPE (Stack layout for iPad 992–1199px) ================= */
@media (min-width: 992px) and (max-width: 1199px) {
  .img-wrapper {
    height: 380px;
  }
  

  .shape-behind-img {
    width: 45%;
    transform: translate(-50%, -50%); 
    height: 300px;
  }

  .story-pop-img {
    width: 38%;
     transform: translate(-50%, -50%);
  }
  
  .img-main {
      height: 270px;
  }

  .img-floating {
    width: 200px;
    bottom: -12%;
    right: -16%;
  }
  
  
/* HOVER EFFECT FIXED */
.story-pop-img:hover, .home-story-pop-img:hover {
  transform: none !important;
}

.founder-dots {
  display: none;
}

.company-shape-right {
 display: none;
}

.dots-top-right,  
.dots-left-vertical,
.story-shape-right,
.news-dots,
.company-shape-left, 
.contact-dots,
.dots-left-vertical-story {
     display: none;
}

.founder-shape-left {
    display: none;
}

.founder-shape-right {
    display: none;
}

  .our-story-section .row {
    display: flex;
    flex-direction: column;  
    gap: 35px; 
  }

  .our-story-section .col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .img-wrapper {
    margin: 0 auto;
  }

  .story-content {
    padding-left: 0 !important;
    text-align: center;
  }

  .story-text {
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }
  
  .story-btn {
      align-items: start;
  }

}

/* ================= TABLET LANDSCAPE (iPad 992–1199px) ================= */
@media (min-width: 992px) and (max-width: 1199px) {
.news-updates-section {
  padding: 18px 0 54px 0;

}

.news-title {
    margin-bottom: 28px;
}
  /* Stack -> image first, text below */
  .news-updates-section .row {
    display: flex;
    flex-direction: column;
    gap: 28px; /* space between image & text */
  }

  /* Force full width columns */
  .news-updates-section .col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Center align the entire image area */
  .news-updates-section .position-relative {
    display: flex;
    justify-content: center;
  }


.shape-behind {
 
  /*top: -13%;*/
  /*left: 36%;*/
    display: none;
}

  /* Reduce carousel height for tablet */
  .carousel-3d {
    width: 100%;
    height: 220px;
    margin-left: 0;
  }

  /* Adjust individual carousel cards */
  .carousel-card {
    width: 240px;
    height: 200px;
    left: 35%;
    transform: translateX(-50%) scale(0.7);
  }


.carousel-card.active {
  transform: scale(1) translateX(0);
  opacity: 1;
  z-index: 10;
}

  .carousel-card.left1 {
    transform: scale(0.9) translateX(-100px);
  }

  .carousel-card.right1 {
    transform: scale(0.9) translateX(100px);
  }

  .carousel-card.left2 {
    transform: scale(0.8) translateX(-180px);
  }

  .carousel-card.right2 {
    transform: scale(0.8) translateX(180px);
  }
  
  /* Center the text below */
  .news-updates-section .col-lg-6 > div {
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
  }

  /* Make text comfortable to read */
  .news-text-slide p {
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
  }

  /* Move dots slightly inward */
  .news-dots {
    right: 20px;
    width: 130px;
  }

  /* Move right outline shape */
  .story-shape-right {
    right: 10px;
    width: 60px;
  }
  
.contact-icon-badge {

  right: -18px;
  top: 10%;
  
}

.contact-icon-badge img {
  width: 18px;
}

.long-card-icon-pos {
    
     top: 5% !important;
}

.chat-card-icon {
    right: -8px;
}

}

/* ================= TABLET LANDSCAPE (iPad 992–1199px) — STACK LIKE MOBILE ================= */
@media (min-width: 992px) and (max-width: 1199px) {
    
    .contact-section {
        padding: 18px 0;
    }

  /* Entire section stacks vertically */
  .founder-updates-section .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  /* Both columns become full width */
  .founder-updates-section .col-lg-5,
  .founder-updates-section .col-lg-7,
  .founder-updates-section .col-lg-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Center the left image block */
  .founder-updates-section .col-lg-5 {
    display: flex;
    justify-content: center;
  }

  /*.img-wrapper {*/
  /*  width: 100%;*/
  /*  max-width: 420px;*/
  /*  margin: 0 auto;*/
  /*}*/

  /*.shape-behind-img {*/
  /*  width: 80%;*/
  /*  transform: translate(-55%, -50%);*/
  /*}*/


  /*.story-pop-img {*/
  /*  width: 70%;*/
  /*  transform: translate(-55%, -50%);*/
  /*}*/

  /*.img-main {*/
  /*  height: 280px !important;*/
  /*  border-radius: 18px;*/
  /*}*/

  /*.img-floating {*/
  /*  width: 150px;*/
  /*  left: 85%;*/
  /*  top: 38%;*/
  /*}*/

  /* Right text (centered on tablet) */
  .story-content {
    text-align: center;
    margin-top: 10px;
  }

  .story-text {
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
    max-width: 97.89%;
    /*margin: 0 auto 20px;*/
  }

  .story-title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 15px;
  }

  /* Extra text full width */
  .story-extra-text p {
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
    max-width: 100%;
    /*margin: 0 auto 20px;*/
  }

  /* Dots & shapes reposition for tablet */
  .founder-dots {
    right: 10px !important;
    width: 130px;
    top: -10px;
  }

  .dots-left-vertical-story {
    left: -40px !important;
    width: 140px !important;
  }

  .story-shape-right,
  .company-shape-right {
    width: 60px !important;
    opacity: 0.7;
  }
  /* Reduce Founder Image Size */
.founder-image-box {
  width: 250px;   /* reduce from 360–370px */
  height: 250px;
}

.founder-img {
  width: 90%;
  height: 90%;
  border-radius: 16px;
  object-fit: cover;
}

/* Reduce outline shape accordingly */
.founder-shape-behind {
  width: 100%;
}

  .founder-name, .founder-role,  .story-title {
    text-align: center;
    /*padding-top: 8px;*/
  }
  
  .company-shape-left {
 display: none;
}

.company-shape-right {
  display: none;
}

}