/* .navmenu .dropdown ul {
        position: static;
        display: none !important;
        color:#000 !important;
        z-index: 99;
        padding: 10px 0;
        margin: 10px 20px;
        background-color: var(--nav-dropdown-background-color);
        transition: all 0.5s ease-in-out;
  } */
    .navmenu .custdropdown ul li a {
        border-bottom: 1px solid #0707c7;
        color: #000;
    }
.thank-you-div{
    max-width: 480px;
    margin: 50px auto 20px auto;
    padding: 20px;
    border-radius: 12px;
    /* box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 20px; */
    background: rgb(255, 255, 255);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    text-align: center;
    /* border: 1px solid rgb(238, 242, 246); */
    min-height: calc(100vh - 610px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.thank-you-icon{
  font-size: 50px;
}
  #no-padding{
        padding: 35px 0 25px 0 !important;
      }

/* ---------- Super Ultra-Wide (5K / 8K / Curved) ---------- */
@media (min-width: 3840px) {
  .box {
    background: gold;
    font-size: 30px;
  }
}


/* ---------- Desktop (Large screens) ---------- */



/* ---------- Ultra Large Desktop (4K / 5K) ---------- */
@media (min-width: 2560px) and (max-width: 3839px) {
    .gro-one-app-banner,.career-banner,.contact-banner,.media-banner,.investor-banner,.solution-banner,.about-banner{
        min-height: 90vh !important;
        margin-top:90px;
    }
      .hero .hero-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    .media-banner .media-title-banner,.career-banner .career-title-banner,
    .gro-one-app-banner .h1groone,.solution-banner .solution-title,.about-banner .about-title{
      font-size: 54px !important;
      line-height: 66px !important;
      text-align: left;
      }
      .solution-banner p, .about-banner p{
        font-size: 26px !important;
      }
      .about-banner .about-title-para p{
        margin:0px !important;
      }
        .solution-banner small {
        font-size: 20px !important;
      }
   
}

/* ---------- Extra Large Desktop (Full HD / 2K) ---------- */
@media (min-width: 1920px) and (max-width: 2559px) {
    .gro-one-app-banner,.career-banner,.contact-banner,.media-banner,.investor-banner,.solution-banner,.about-banner{
        /* min-height: 69vh !important; */
        margin-top:90px !important;
    }
   .investor-banner{
        /* min-height: 70vh !important; */
        margin-top:90px !important;
    }
      .hero .hero-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    .media-banner .media-title-banner,.career-banner .career-title-banner,
    .gro-one-app-banner .h1groone,.solution-banner .solution-title,.about-banner .about-title{
      font-size: 50px !important;
      line-height: 64px !important;
      text-align: left;
      }
      .solution-banner p, .about-banner p{
        font-size: 23px !important;
      }
      .about-banner .about-title-para p{
        margin:0px !important;
      }
        .solution-banner small {
        font-size: 18px !important;
      }
      .close-btn {
          font-size: 40px !important;
        }
       .video-modal {
          background: #000;
          padding: 15px;
          max-width: 80vw !important;;
          margin: auto;
          position: relative;
          border-radius: 8px;
        }
        .videoFrame-model{
          width: 100%;
          height: 80vh !important;
        }
   
}
@media screen and (min-width: 1920px) {
  /* Your styles for large screens go here */
      .gro-one-app-hero {
        /* min-height: 90vh !important; */
    }
}
 /* Media query for higher zoom level */
  @media (resolution: 120dpi) {
      .hero .hero-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  }

@media (min-width: 1400px) and (max-width: 1919px) {
  .gro-one-app-banner,.career-banner,.contact-banner,.media-banner,.solution-banner,.about-banner{
        min-height: 75vh !important;
        margin-top:90px;
    }
    .investor-banner{
       min-height: 75vh !important;
        margin-top:90px;
    }
      .hero .hero-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    .media-banner .media-title-banner,.career-banner .career-title-banner,
    .gro-one-app-banner .h1groone,.solution-banner .solution-title,.about-banner .about-title{
      font-size: 42px !important;
      line-height: 50px !important;
      text-align: left;
      }
      .solution-banner p, .about-banner p{
        font-size: 22px !important;
      }
      .about-banner .about-title-para p{
        margin:0px !important;
      }
        .solution-banner small {
        font-size: 16px !important;
      }
      .thank-you-div{
          margin: 60px auto 20px auto;
      }
      .close-btn {
          font-size: 35px !important;
        }
        .close-btn:hover {
          background-color: #000000a9;
          font-size: 35px !important;
        }
      .video-modal {
          background: #000;
          padding: 15px;
          max-width: 1200px !important;;
          margin: auto;
          position: relative;
          border-radius: 8px;
        }
        .videoFrame-model{
          width: 100%;
          height: 74vh !important;
        }
   
}


/* ---------- Laptop (Small Desktop) ---------- */
@media (min-width: 1200px) and (max-width: 1399px) {
   .gro-one-app-banner,.career-banner,.contact-banner,.media-banner,.investor-banner,.solution-banner,.about-banner{
        min-height: 80vh !important;
        margin-top:90px;
    }
      .hero .hero-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    .media-banner .media-title-banner,.career-banner .career-title-banner,
    .gro-one-app-banner .h1groone,.solution-banner .solution-title,.about-banner .about-title{
      font-size: 36px !important;
      line-height: 45px !important;
      text-align: left;
      }
      .solution-banner p, .about-banner p{
        font-size: 20px !important;
      }
      .about-banner .about-title-para p{
        margin:0px !important;
      }
        .solution-banner small {
        font-size: 16px !important;
      }
         .thank-you-div{
          margin: 60px auto 20px auto;
      }

       .video-modal {
          background: #000;
          padding: 8px;
          max-width: 950px !important;;
          margin: auto;
          position: relative;
          border-radius: 8px;
        }
        .videoFrame-model{
          width: 100%;
          height: 520px !important;
        }
   
}


/* ---------- Tablet (iPad Landscape) ---------- */
@media (min-width: 992px) and (max-width: 1199px) {
  .gro-one-app-banner,.career-banner,.media-banner,.solution-banner,.about-banner{
        min-height: 50vh !important;
        margin-top:72px;
    }
    .contact-banner,.investor-banner{
        min-height: 30vh !important;
        margin-top:35px;
    }
      .hero .hero-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    .media-banner .media-title-banner,.career-banner .career-title-banner,
    .gro-one-app-banner .h1groone,.solution-banner .solution-title,.about-banner .about-title{
      font-size: 28px !important;
      line-height: 36px !important;
      text-align: left;
       padding-top:0px !important;
      }
      .solution-banner .solution-title,.about-banner .about-title{
   
        margin-bottom: 0px !important;
      }

              
      .solution-banner p, .about-banner p{
        font-size: 16px !important;
      }
      .about-banner .about-title-para p{
        margin:0px !important;
      }
        .solution-banner small {
        font-size: 14px !important;
      }
         .thank-you-div{
          margin: 60px auto 20px auto;
      }
      .footer .footer-h1{
          margin-top: 0;
          margin-bottom: .5rem;
          font-weight: 500;
          line-height: 1.2;
          font-size:calc(1.375rem + 1.5vw);
        }
        .footer .footer-h1-label{
          margin-top: 0;
          margin-bottom: .5rem;
          font-weight: 500;
          line-height: 1.2;
          font-size:calc(1.375rem + 1.5vw);
        
          font-family: var(--heading-font);
    }
        
}
@media screen and (max-width: 1024px) {
   
  .gro-one-app-banner,.career-banner,.media-banner,.solution-banner,.about-banner{
        min-height: 28vh !important;
        margin-top:72px;
    }
}
 
/* ---------- Tablet (iPad Portrait) ---------- */
@media (min-width: 768px) and (max-width: 991px) {
   
    .career-banner {
        min-height: 30vh !important;
        margin-top: 50px !important;
    }
   .contact-banner,.investor-banner{
        min-height: 30vh !important;
        margin-top:35px;
    }
        .hero {
        padding-top: 90px !important;
      }
        .hero .h1groone {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        padding-top: 0px;
    }
        .hero .about-title, .hero .solution-title {
        font-size: 24px;
        line-height: 28px;
        text-align: left;
        padding-top: 0;margin-left: 0px;
        margin-bottom: 10px;
    }
    .hero.about-hero p{
      margin-left: 0px;margin-bottom: 0px;
    }
    .hero p, .carousel-caption p{
      font-size: 12px;
      margin-bottom: 10px;
    }
    .footer .footer-h1{
          margin-top: 0;
          margin-bottom: .5rem;
          font-weight: 500;
          line-height: 1.2;
          font-size:calc(1.375rem + 1.5vw);
         
        }
      .footer .footer-h1-label{
          margin-top: 0;
          margin-bottom: .5rem;
          font-weight: 500;
          line-height: 1.2;
          font-size:calc(1.375rem + 1.5vw);
         
           font-family: var(--heading-font);
    }
      .mute-btn i{
        font-size: 16px !important;  
      }
       #no-padding{
        padding: 20px 0 20px 0 !important;
      }
}
/* ---------- Mobile (All phones) ---------- */
@media (max-width: 767px) {
   .gro-one-app-banner,.media-banner,.solution-banner,.about-banner{
      min-height: 74vh !important;
      margin-top: 0px;
    }
     .career-banner {
        margin-top: 0px !important;
    }
    .hero .media-title-banner{
              line-height: 28px;
    }
      .footer .footer-h1{
          margin-top: 0;
          margin-bottom: .5rem;
          font-weight: 500;
          line-height: 1.2;
          font-size:calc(1.375rem + 1.5vw);
         
        }
        .footer .footer-h1-label{
          margin-top: 0;
          margin-bottom: .5rem;
          font-weight: 500;
          line-height: 1.2;
          font-size:calc(1.375rem + 1.5vw);
           font-family: var(--heading-font);
    }
    .mute-btn{
      display:none;
    }
    .mute-btn i{
        font-size: 13px !important;  
      }
      .videoFrame-model {
          width: 100%;
          height: 280px !important;
      }
       .close-btn {
          font-size: 20px !important;
        }
       #no-padding{
        padding: 0px 0 20px 0 !important;
      }
   

    
}
/* ---------- Mobile (Small phones) ---------- */
@media (max-width: 640px) {
  .gro-one-app-banner,.media-banner,.solution-banner,.about-banner{
      min-height: 88vh !important;
    }
}
/* ---------- Mobile (Small phones) ---------- */
@media (max-width: 480px) {
  .gro-one-app-banner,.media-banner,.solution-banner,.about-banner{
      min-height: 88vh !important;
    }
}