.custom-font-size {
    font-size: 15px !important;
    font-weight: 100 !important;
  }

/* Ensure navbar links have consistent font weight across main page and blog page */
header .uk-nav li a,
header nav a[data-slot="navigation-menu-link"],
header .uk-nav a[data-slot="navigation-menu-link"],
header .uk-nav a {
  font-weight: 500 !important;
}
  .services-custom-width{
    max-width: 530px !important;
  }
  @media (max-width: 767px) {
    .services-custom-width{
      max-width: 400px !important;
    }
  }
  
  
  .custom-width{
    max-width: 630px !important;  
  }
  
  /* Ensure horizontal alignment for Our Mission and Our Experience sections */
  @media (max-width: 767px) {
    .custom-width {
      max-width: 100% !important;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }
  }
  .custom-bottom-spacing{
    margin-bottom: 30px !important;
  }
  
  /* Desktop default */
  .custom-font-size-form {
    font-size: 44px !important;
    line-height: 1.2 !important;
  }
  
  @media (max-width: 1024px) {
    .custom-font-size-form {
      font-size: 34px !important;
      line-height: 1.2 !important;
    }
  }
  
  @media (max-width: 767px) {
    .custom-font-size-form {
      font-size: 24px !important;
      line-height: 1.2 !important;
    }
    .custom-title{
      font-size: 30px !important;
    }
  }

  .online-poker-software-custom-width{
    max-width: 650px !important;
  }

  @media (max-width: 400px) {
    .mobile-custom-title {
      font-size: 35px !important;
    }
  }

  @media (max-width: 768px) {
    .hero-content {
   
      bottom: 0.5rem;
      
  }
  .h-screen {
    height: 96vh;
}
  }
  
  /* Ensure section height works in landscape */
  @media (orientation: landscape) and (max-width: 1024px) {
    section.relative.h-screen {
      height: 100vh !important;
      min-height: 100vh !important;
    }
  }

  @media (max-width: 768px) {
    .what-we-do-section {
      background: none;
      background-color: rgba(2, 68, 130, 0.9); /* keep the color */
    }
  }

  .what-we-do-section-new{
    margin-top: 30px;
  }

  /* Fix spacing between cards on mobile and iPad */
  @media (max-width: 1024px) {
    .about-us-services {
      gap: 1rem !important;
    }
    
    .about-us-services > div {
      margin-top: 0 !important;
    }
  }

  @media (max-width: 768px) {
    .about-us-services {
      gap: 1.25rem !important;
    }
  }

  @media (max-width: 768px) {
    .demo-title {
      line-height: 50px !important;
    }

  }

  @media (min-width: 768px)  and (max-width: 1024px) {
    .uk-subnav .uk-nav {
      height: 170px;
    }
  }
@media (max-width: 767px) {
  .uk-subnav .uk-nav {
    height: 300px;
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 4);
  }
  
}
@media (min-width: 768px) and (max-width: 1024px) {
  .uk-subnav .uk-nav {
    height: 180px;
  }
}

/* Mobile Hamburger Menu - Simple Responsive Fix */
.mobile-hamburger {
  width: calc(100vw - 20px) !important;
  max-width: calc(100vw - 20px) !important;
  max-height: calc(100vh - 80px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  position: fixed !important;
  z-index: 99999 !important;
}

/* Portrait */
@media (orientation: portrait) {
  .mobile-hamburger {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 100px) !important;
  }
}

/* Landscape */
@media (orientation: landscape) {
  .mobile-hamburger {
    width: min(90vw, 500px) !important;
    max-width: min(90vw, 500px) !important;
    max-height: calc(100vh - 60px) !important;
  }
  
  .mobile-hamburger .uk-nav {
    grid-template-columns: 1fr !important;
  }
}

/* Small landscape */
@media (orientation: landscape) and (max-height: 500px) {
  .mobile-hamburger {
    width: min(85vw, 450px) !important;
    max-width: min(85vw, 450px) !important;
    max-height: calc(100vh - 50px) !important;
  }
}

.animated-text{

  font-size: 120px !important;
}

@media (max-width: 767px) {
  .animated-text {
      font-size: 32px !important;
  }
}


@media (min-width: 768px) and (max-width: 1315px) {
  .animated-text {
      font-size: 90px !important;
  }
}


.custom-home-hero-text{
  font-size: 18px !important;
  margin-left: 10px !important;
}
@media (max-width: 768px) {
  .custom-home-hero-text{
    margin-left: 3px !important;
  }
}

/* Social Media Buttons - Mobile Landscape Fix */
@media (orientation: landscape) and (max-width: 1024px) {
  aside.fixed.right-2 {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 0.5rem !important;
  }
}

/* Ensure visibility on small landscape devices */
@media (orientation: landscape) and (max-height: 500px) {
  aside.fixed.right-2 {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 0.5rem !important;
  }
  
  aside.fixed.right-2 img {
    width: 3rem !important;
    height: 3rem !important;
  }
}

/* Hero Content - Mobile Landscape Fix */
@media (orientation: landscape) and (max-width: 1024px) {
  .hero-content {
    bottom: 1.25rem !important; /* bottom-5 equivalent */
    left: 0.75rem !important; /* left-3 */
    max-width: 95% !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  /* Ensure video is visible in landscape */
  section.relative.h-screen video {
    object-fit: cover !important;
    width: 100% !important;
    height: 100vh !important;
  }
  
  /* Adjust text sizes for landscape - matching service pages */
  .animated-text {
    font-size: 2.25rem !important; /* text-4xl = 36px - matching service pages */
    line-height: 1.2 !important;
  }
  
  /* For larger landscape screens (768px+) */
  @media (orientation: landscape) and (min-width: 768px) and (max-width: 1024px) {
    .animated-text {
      font-size: 3rem !important; /* text-5xl = 48px - matching service pages md breakpoint */
    }
  }
  
  .custom-home-hero-text {
    font-size: 0.875rem !important; /* text-sm = 14px - matching service pages */
    margin-left: 0 !important;
    line-height: 1.5 !important;
  }
  
  /* For larger landscape screens (1024px+) */
  @media (orientation: landscape) and (min-width: 1024px) {
    .custom-home-hero-text {
      font-size: 1rem !important; /* text-base = 16px - matching service pages lg breakpoint */
    }
  }
  
  /* Adjust button size for landscape */
  .hero-content a.size-44 {
    width: 6rem !important; /* 96px */
    height: 6rem !important;
    padding: 1rem !important;
  }
  
  .hero-content a.size-44 svg {
    width: 20px !important;
    height: 20px !important;
  }
  
  .hero-content a.size-44 span {
    font-size: 12px !important;
  }
}

/* Small landscape devices - extra adjustments */
@media (orientation: landscape) and (max-height: 500px) {
  .hero-content {
    bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  
  .animated-text {
    font-size: 2.25rem !important; /* text-4xl = 36px - matching service pages */
    line-height: 1.2 !important;
  }
  
  .custom-home-hero-text {
    font-size: 0.875rem !important; /* text-sm = 14px - matching service pages */
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.5 !important;
  }
  
  /* Make button smaller in very small landscape */
  .hero-content a.size-44 {
    width: 5rem !important; /* 80px */
    height: 5rem !important;
    padding: 0.75rem !important;
  }
  
  .hero-content a.size-44 svg {
    width: 18px !important;
    height: 18px !important;
  }
  
  .hero-content a.size-44 span {
    font-size: 11px !important;
  }


  
}