/* ==============================
   Responsive Typography
================================= */
@supports (height: 100svh) {

    .inner-banner {
        height: 70svh !important;
        min-height: 70svh !important;
    }
	#alops-banner.inner-banner,
	#agentic-contact-centre-banner.inner-banner {
    height: 70svh !important;
    min-height: auto !important;
}
}
@media (min-width:1200px){
	#header-container .et_pb_row.clearfix {
    max-width: 1200px !important;
}
	.container,.container-lg,.container-md,.container-sm,.container-xl{
		/* max-width:1280px !important; */
		max-width:1200px !important;
	}
}
@media screen and (width: 3024px) and (height: 1964px) {
		#header-container .et_pb_row.clearfix {
    max-width: 1200px !important;
}
	.container,.container-lg,.container-md,.container-sm,.container-xl{
		/* max-width:1280px !important; */
		max-width:1200px !important;
	}	
}
/* 4K and ultrawide desktops */
@media (min-width: 1600px) {}

/* Large Tablets / Landscape (992px – 1199px) */
@media (max-width: 1199px) {
   #navigation_bar {
      padding-top: 0;
   }

   /* Custom Hamburger */
   #navigation_bar .navbar-toggler {
      border: none;
      padding: 0;
      width: 48px;
      height: 48px;
      position: relative;
      background: var(--theme-color);
      border-radius: 10px;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      outline: 0;
      box-shadow: unset;
   }

   #navigation_bar .navbar-toggler:focus {
      box-shadow: 0 0 0 3px rgba(11, 102, 106, 0.2);
   }

   #navigation_bar .navbar-toggler:hover {
      background: var(--theme-color);
      transform: scale(1.05);
   }

   #navigation_bar .navbar-toggler-icon {
      display: block;
      width: 24px;
      height: 2px;
      background: var(--white-color);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.3s ease;
      border-radius: 2px;
   }

   #navigation_bar .navbar-toggler-icon::before,
   #navigation_bar .navbar-toggler-icon::after {
      content: '';
      display: block;
      width: 24px;
      height: 2px;
      background: var(--white-color);
      position: absolute;
      left: 0;
      transition: all 0.3s ease;
      border-radius: 2px;
   }

   #navigation_bar .navbar-toggler-icon::before {
      top: -7px;
   }

   #navigation_bar .navbar-toggler-icon::after {
      bottom: -7px;
   }

   /* Offcanvas Styles */
   #navigation_bar .offcanvas {
      width: 100% !important;
      max-width: 600px;
      background: var(--white-color);
      border: none;
   }

   #navigation_bar .offcanvas-header {
      background: var(--theme-color);
      padding: 1rem 1.5rem;
      border-bottom: none;
   }

   #navigation_bar .offcanvas-title {
      color: var(--white-color);
      font: var(--sub-heading-font);
      display: flex;
      align-items: center;
      gap: 10px;
   }

   #navigation_bar .offcanvas-title img {
      filter: brightness(0) invert(1);
   }

   #navigation_bar .btn-close {
      width: 50px;
      height: 50px;
      background: rgba(255, 255, 255, 0.15);
      border-radius: 8px;
      opacity: 1;
      transition: all 0.3s ease;
      padding: 0;
   }

   #navigation_bar .btn-close:hover {
      background: rgba(255, 255, 255, 0.25);
      transform: rotate(90deg);
   }

   #navigation_bar .offcanvas-body {
      padding: 1.5rem 1rem;
      overflow-y: auto;
      background: #f8f9fa;
   }

   /* Custom Scrollbar */
   #navigation_bar .offcanvas-body::-webkit-scrollbar {
      width: 6px;
   }

   #navigation_bar .offcanvas-body::-webkit-scrollbar-track {
      background: transparent;
   }

   #navigation_bar .offcanvas-body::-webkit-scrollbar-thumb {
      background: #dee2e6;
      border-radius: 10px;
   }

   #navigation_bar .offcanvas-body::-webkit-scrollbar-thumb:hover {
      background: #adb5bd;
   }

   #navigation_bar .navbar .nav-link {
      color: var(--black-color);
      padding: 1.5rem 0;
      text-align: left;
   }

   #navigation_bar .navbar-nav {
      align-items: start;
      padding: 0 2rem;
   }

   .footer-links.quick-links ul {
      column-count: 1;
   }

   .footer-links.social-links {
      padding-inline-start: 0;
   }

   .footer-copyright {
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
      gap: 2rem;
   }
}
@media (max-width: 991px) {
#scroll-down-animation {
    top: 85%;
}

.mouse {
    height: 70px;
}
.inner-banner-content .main-btn a{
	line-height:normal !important;
}
#scroll-down-animation h2 {
    font-size: 12px;
}
    .inner-banner {
        min-height: 100vh;
    }

    .inner-banner .inner-banner-image,
    .inner-banner .inner-banner-image picture {
        height: 100%;
    }

    .inner-banner .inner-banner-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    #footer {
    padding: 3rem 1rem !important;
}
.footer-links.contact-links {
    padding-top: 3rem;
}

.footer-links.contact-links a, .footer-links.contact-links li {
    margin-bottom: 0 !important;
}
.inner-banner-content h1{
	max-width:100% !important;
}
.inner-banner-content span {
    white-space: normal !important;
	text-align:left;
}
#agentic-contact-centre-nav {
    padding-bottom: 2rem;
}

.agentic-contact-centre-nav-list ul li {
    flex: 100% !important;
}

   }
/* Mobile Landscape (576px – 767px) */
@media (max-width: 767px) {}

/* Mobile Portrait (≤575px) */
@media (max-width: 575px) {}

/* Mobile Portrait (≤398px) */
@media (max-width: 398px) {}

/* Landscape Mode Fix (any device) */
@media (orientation: landscape) {}