@charset "utf-8";
/* CSS Document */

.breadcrumbs{ color:#fff;}
.breadcrumbs ul{ line-height: normal; padding: 0; margin: 0;}
.breadcrumbs ul li{ line-height: normal; padding: 0; margin:0 3px; display: inline-block;}
.breadcrumbs ul li a{ color: #fff; font-weight: 700; text-transform: uppercase; }
.breadcrumbs ul li.active{ background: url("../images/ishaan/arrow.png") no-repeat 0 center; padding-left: 30px;}

p.text-gray-light { font-size: 12px !important;  font-weight: 400 !important; line-height: normal;}


.video-container {
  position: relative;
  width: 100%;
  height: 100vh; /* full screen height */
  overflow: hidden;
}

#myVideo {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ensures video covers container */
}
/*
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* black overlay, 50% opacity */
 /* z-index: 1;
}*/

.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1;
}


.video-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
  text-align: center;
}


/* Slider */
.fullscreen-slider, 
.slide {
  width: 100%;
  height: 100vh; background: #000;
  position: relative;
  overflow: hidden; margin: 0; padding:0;
}



.slide-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  z-index: 2;
  color: #fff;
}

.slide-content h2 {
  font-size: 48px;
  margin-bottom: 20px; color: #fff;
}



.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none; /* allow slick navigation */
}

.custom-prev, .custom-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; background-color: #fff; height:40px; width:40px;  line-height:normal; font-size:inherit; 
  border: none;
  color: white;
  cursor: pointer;
}

.custom-prev { left: 20px !important; }
.custom-next { right: 20px !important; }

.slider .custom-prev, .slider .custom-next { opacity:0; }
.slider:hover .custom-prev, .slider:hover .custom-next { opacity:1;transition: all 1s ease; }

.slick-dots {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
  z-index: 5;
}
.slick-slider .slick-dots li {padding: 0 3px;}
.slick-dots li button:before {
  color: #fff;
  font-size: 12px;
  opacity: 0.6;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
}

.slick-slider .slick-dots li button
 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #fff;
    background-color: #222;
    text-indent: -99999px;
    font-size: 0;
    padding: 0;
    margin: 0 3px;
}

.slick-slider .slick-dots .slick-active button{border-color:#fff;background-color:#fff}

  .filter-btn {
    border-radius: 30px;
    margin: 5px;
    transition: all 0.2s ease;
  }

  .filter-btn.active {
    background-color: #0d6efd;
    color: #fff;
  }


.normal-logo { height:80px;}
.main-header .navbar .nav-link{    padding: .38rem 1rem;}
.navbar-dark .navbar-nav .nav-link:hover{ background: hsla(0, 0%, 100%, .1);   padding: .38rem 1rem;
    display: block;
    border-radius: 1.25rem;
    text-align: center;}
	
.btn.enquire_now {
    background-color: hsl(184.85deg 86.09% 45.1%);
    border-radius: 2rem;
    border: none;
	color: #333 !important;
    transition: all .3s  ease;font-size: 1rem;
}
.btn.enquire_now:hover{    background-color: hsl(0deg 0% 100%);}
.navbar-light-sticky .btn.enquire_now, .navbar-light .btn.enquire_now{border: 1px solid #333; background-color: #fff;}

.slick-arrow:hover {
   background: #fff;
}

.footer_font {
    width: 80%;
    font-size: 20px;
    line-height: normal !important;
    margin-top: 40px;
    color: #10c6d6;
}

iframe.video_card{box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.25) !important;
    border: 1px solid #ccc; border-radius: 5px; padding: 5px;}

.dropdown-menu.connect li {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    padding: 8px 20px;
    margin: 5px 0;
}

.dropdown-menu.connect li i {
    flex-shrink: 0; font-size: 20px;
	padding: 10px;
}

.dropdown-menu.connect li a {
    display: inline-block;
    line-height: 1.4;
}
.dropdown-menu.connect li a p{ margin-bottom: 0;}

.dropdown-menu.connect li span.subText {
    font-size: 12px;
    color: grey;
   
}



.consent-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

/* IMPORTANT: override jQuery fadeIn display */
.consent-modal.show {
  display: flex !important;
}

.consent-box {
  background: #fff;
  padding: 25px;
  max-width: 50rem; 
  width: 90%;
  border-radius: 8px;
  text-align: center;
}

.consent-box h4 {
  margin-bottom: 10px;
}

.consent-box p {
  font-size: 14px;
  color: #555;
}

.consent-box .actions {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

.consent-box button {
  padding: 8px 18px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#acceptCookies {
  background: #28a745;
  color: #fff;
}

#rejectCookies {
  background: #6c757d;
  color: #fff;
}

.dis_content { text-align:left; margin-top: 10px; border-top: 1px solid #f4f4f4; padding-top: 20px; height: 330px; overflow-y: auto;}


.is-invalid {
  border: 1px solid #dc3545 !important;
}

.error-msg {
  font-size: 12px;
  margin-top: 4px;
  display: block;
}


.whyus .card-img-top img{ height: 100px;}

@media (min-width: 320px) and (max-width: 768px){

.main-header.header-mobile-xl .sticky-area{
    /*background-color: #1e1d85 !important;*/
  }
  
  .main-header.navbar-dark .navbar{ padding-top:10px; padding-bottom:10px;}
  .navbar-dark .navbar-toggler{background:#fff !important; padding:5px 10px;}
  .navbar-dark .navbar-toggler i{color: #000 !important; }
}

/* HIDE MENU BY DEFAULT ON MOBILE */
@media (max-width: 992px) {
	    .header-mobile-xl .d-lg-inline-block {
        display: inline-block !important;
    }
	
	.header-mobile-xl .d-inline-block {
		display: none !important;
	}
	.navbar-light-sticky.header-mobile-xl .d-lg-inline-block {
        display: none !important;
    }
	.navbar-light-sticky.header-mobile-xl .d-inline-block {
		display: inline-block !important;
	}
	.navbar-light-sticky .navbar-toggler{ border:1px solid #333 !important; }
	.navbar-light-sticky .navbar-toggler i{ color:#333;}
	
	.header-sticky-smart .navbar-toggler{ border:1px solid #333 !important; }
	.header-sticky-smart .navbar-toggler i{ color:#333;}
	

	.navbar-collapse ul li a{ color:#333 !important; font-weight:400;}
.nav-item { color:#333; border-bottom:1px solid #ccc; padding:5px 20px; text-align:left; font-weight:400;}
.nav-item a{ display:block;text-align:left !important; font-weight:400;}
.btn.enquire_now{border: 1px solid #333 !important;}
    .mobile-menu-header .company_name {
        font-size: 18px;
        font-weight: 400;
    }

    #closeMenu i {
        font-size: 28px; color:#333;
    }
  #primaryMenu01 {
      position: fixed;
      top: 0;
      left: -100vw;   /* hidden */
      width: 100vw;
      height: 100%;
      background: #fff;
      overflow-y: auto;
      transition: left 0.3s ease;
      padding:20px 0px;
      z-index: 9999;
  }

  /* SHOW MENU ON TOGGLE */
  #primaryMenu01.active {
      left: 0;
  }

  /* DARK BACKDROP */
  .mobile-backdrop {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 99;
      display: none;
  }
  .mobile-backdrop.show {
      display: block;
  }

  /* Disable body scroll */
  body.nav-open {
      overflow: hidden;
  }

  /* Dropdown fix */
  #primaryMenu01 .dropdown-menu {
      position: static !important;
      display: none;
      background: #fff;
      border: 0;
      box-shadow: none;
      padding-left: 15px;
  }
  #primaryMenu01 .dropdown-menu.show {
      display: block;
  }
}