* { box-sizing: border-box; } body {margin: 0;}#ilbl{padding:0 0 100px 0;}#idmi{padding:50px 0px 60px 0px;background-color:#1c1c1c;}#i6o3{margin:-41px 0px 0 0px;position:relative;}#i5db{margin:0 0 50px 0;}#igfy{margin:0 0 50px 0;}#iyzd{margin:0 0 50px 0;}#itly{padding:0px 0px 0px 30px;}#iyaf{margin:-220px 0px 0px 0px;border-radius:25px;background-color:#ffffff;box-shadow:0px 0px 20px -5px rgba(0,0,0,0.26) ;padding:0px 0 0 0;}#i4w1{padding:20px 20px 20px 20px;}#ie8v{padding:0px 0px 10px 0px;}#ir2y{width:90%;height:1px;background-color:lightgray;margin:30px auto;}#iviu{width:90%;height:1px;background-color:lightgray;margin:30px auto;}#iahn{display:none;}#i2ci{width:max-content;max-width:100%;position:absolute;}#ippw{width:max-content;max-width:100%;}@media (max-width: 480px){#idmi{padding:20px 0px 40px 0px;}#igfy{margin:0px 0px 0px 0px;}#itly{padding:0px 10px 0px 10px;}#iyaf{margin:-65px 0px 0px 0px;}#ippw:hover{background-color:#2e4a76;}#i2ci{right:0px;left:0px;bottom:20px;position:static;width:80%;}#ippw{top:88%;right:0px;left:0px;width:80%;}#i2ci:hover{background-color:#2e4a76;}}
  .navbar-nav .nav-link {
    font-size: 20px !important;
  }


  .pages-card {
    max-width: 100%;
    background: #fff;
  }
  /* Carousel Arrows */
  .carousel-arrow-left,
  .carousel-arrow-right {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    border: none;
    background: white;
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    transition: 0.2s ease;
  }
  .carousel-arrow-left:hover,
  .carousel-arrow-right:hover {
    background: #f5f5f5;
  }
  .carousel-arrow-left {
    left: -30px;
  }
  .carousel-arrow-right {
    right: -30px;
  }
  /* Slide container */
  .page-stack {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* Main images */
  .page-img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    cursor: zoom-in;
  }
  /* Thumbnails */
  .carousel-thumbnails img {
    width: 70px;
    height: 100px;
    object-fit: contain;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.2s ease;
    border-radius: 4px;
    background: #fff;
  }
  .carousel-thumbnails img:hover {
    opacity: 0.8;
  }
  .thumb-active {
    opacity: 1 !important;
    transform: translateY(-4px);
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
  }
  /* ================= LIGHTBOX FULLSCREEN ================= */
  .modal-open .sticky-sidebar {
    z-index: 0;
  }
  .modal-backdrop.show {
    opacity: 0.7 !important;
  }
  #lightboxModal .modal-dialog {
    max-width: 100%;
    margin: 0;
  }
  .lightbox-content {
    background: transparent;
    border: none;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .lightbox-body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
  }
  #lightboxImage {
    max-width: 95vw;
    max-height: 95vh;
    object-fit: contain;
    border-radius: 6px;
  }
  /* Lightbox arrows */
  .lightbox-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.85);
    border: none;
    width: 60px;
    height: 60px;
    font-size: 32px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 20;
    transition: 0.2s ease;
  }
  .lightbox-prev {
    left: 40px;
  }
  .lightbox-next {
    right: 40px;
  }
  .lightbox-arrow:hover {
    background: white;
  }
  @media(max-width:768px){
    .lightbox-arrow {
      width: 50px;
      height: 50px;
      font-size: 26px;
    }
    .lightbox-prev {
      left: 15px;
    }
    .lightbox-next {
      right: 15px;
    }
  }