.elementor-776 .elementor-element.elementor-element-6a6a1a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-c62b8c0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-c69a46b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-a414fcb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-6252866{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-776 .elementor-element.elementor-element-6a6a1a4{--width:100%;}.elementor-776 .elementor-element.elementor-element-c62b8c0{--width:100%;}.elementor-776 .elementor-element.elementor-element-c69a46b{--width:100%;}.elementor-776 .elementor-element.elementor-element-6252866{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-0a98a3e */#CEOJA_BNC_MainGallery_V3,
#CEOJA_BNC_MainGallery_V3 *,
#CEOJA_BNC_MainGallery_V3 *::before,
#CEOJA_BNC_MainGallery_V3 *::after{
  box-sizing:border-box;
  min-width:0;
  box-shadow:none !important;
  text-shadow:none !important;
}


#CEOJA_BNC_MainGallery_V3 button{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
}


#CEOJA_BNC_MainGallery_V3 h2,
#CEOJA_BNC_MainGallery_V3 h3,
#CEOJA_BNC_MainGallery_V3 p,
#CEOJA_BNC_MainGallery_V3 span,
#CEOJA_BNC_MainGallery_V3 strong{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}


/* =========================================================
   ROOT — DARK GRADIENT
========================================================= */

#CEOJA_BNC_MainGallery_V3{
  --white:#ffffff;

  --blue-light:#5189b5;
  --blue-dark:#0b3969;

  --red:#9b2118;

  position:relative;

  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:5% !important;

  overflow:hidden;

  color:#ffffff;

  background:
    radial-gradient(
      circle at 12% 9%,
      rgba(81,137,181,.20) 0%,
      rgba(81,137,181,0) 30%
    ),
    radial-gradient(
      circle at 92% 42%,
      rgba(11,57,105,.34) 0%,
      rgba(11,57,105,0) 34%
    ),
    radial-gradient(
      circle at 12% 82%,
      rgba(155,33,24,.11) 0%,
      rgba(155,33,24,0) 25%
    ),
    linear-gradient(
      150deg,
      #02070b 0%,
      #06131f 24%,
      #071d31 52%,
      #0a2a47 73%,
      #04111d 100%
    );

  font-family:
    "Montserrat",
    Arial,
    sans-serif;
}


/* =========================================================
   SUBTLE TOP / BOTTOM LIGHT
========================================================= */

#CEOJA_BNC_MainGallery_V3::before{
  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.025) 0%,
      transparent 15%,
      transparent 85%,
      rgba(81,137,181,.05) 100%
    );
}


/* =========================================================
   HEADER
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_header{
  position:relative;

  z-index:2;

  width:100%;

  margin-bottom:
    clamp(32px,4vw,50px);
}


#CEOJA_BNC_MainGallery_V3
h2{
  width:100%;
  max-width:1100px;

  margin:
    0
    auto;

  color:#ffffff;

  font-family:
    "Poppins",
    Arial,
    sans-serif;

  font-size:48px;
  line-height:1.12;
  font-weight:700;

  letter-spacing:-.03em;

  text-align:center;
}


/* =========================================================
   DIRECTORY
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_directory{
  position:relative;

  z-index:2;

  width:100%;

  margin-bottom:
    clamp(52px,7vw,88px);

  padding:16px;

  border:
    1px solid
    rgba(168,212,242,.14);

  border-radius:24px;

  background:
    linear-gradient(
      115deg,
      rgba(2,7,11,.78) 0%,
      rgba(7,29,49,.72) 52%,
      rgba(11,57,105,.58) 100%
    );

  backdrop-filter:
    blur(4px);

  -webkit-backdrop-filter:
    blur(4px);
}


/* =========================================================
   MENU 4 + 3
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menu{
  display:grid;

  grid-template-columns:
    repeat(12,minmax(0,1fr));

  width:100%;

  gap:8px;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuTop{
  grid-column:span 3;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuBottom{
  grid-column:span 4;
}


/* =========================================================
   MENU ITEM
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuItem{
  display:grid;

  grid-template-columns:
    38px
    minmax(0,1fr);

  width:100%;

  min-height:74px;

  padding:
    11px
    13px;

  align-items:center;

  gap:10px;

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.13);

  border-radius:13px;

  color:#ffffff;

  background:
    rgba(255,255,255,.045);

  cursor:pointer;

  text-align:left;

  transform:none !important;

  transition:
    background .25s ease,
    border-color .25s ease;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuItem > span{
  display:flex;

  width:38px;
  height:38px;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(168,212,242,.30);

  border-radius:10px;

  color:#b8ddf5;

  background:
    rgba(81,137,181,.08);

  font-size:14px;
  line-height:1;
  font-weight:700;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuItem strong{
  display:block;

  width:100%;

  color:#ffffff;

  font-size:14px;
  line-height:1.35;
  font-weight:700;

  overflow-wrap:anywhere;
  word-break:normal;
}


@media (hover:hover) and (pointer:fine){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_menuItem:hover{
    border-color:
      rgba(168,212,242,.52);

    background:
      rgba(81,137,181,.15);

    transform:none !important;
  }

}


/* =========================================================
   SWIPE INDICATORS
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuSwipe,

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reelSwipe{
  display:none;

  width:fit-content;

  align-items:center;
  justify-content:center;

  gap:8px;

  font-size:14px;
  line-height:1.4;
  font-weight:700;

  letter-spacing:.04em;

  text-align:center;
  text-transform:uppercase;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuSwipe.CEOJA_isVisible,

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reelSwipe.CEOJA_isVisible{
  display:flex;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_menuSwipe{
  margin:
    0
    auto
    11px;

  color:
    rgba(255,255,255,.76);
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reelSwipe{
  margin:
    0
    auto
    15px;

  color:#a8d4f2;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_swipeIcon{
  display:flex;

  flex:
    0
    0
    auto;

  align-items:center;
  justify-content:center;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_swipeIcon svg{
  width:34px;
  height:18px;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;

  animation:
    CEOJA_BNCGAL3_swipeMotion
    1.45s
    ease-in-out
    infinite;
}


@keyframes CEOJA_BNCGAL3_swipeMotion{

  0%,
  100%{
    transform:translateX(0);
  }

  50%{
    transform:translateX(4px);
  }

}


/* =========================================================
   REELS
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reels{
  position:relative;

  z-index:2;

  display:grid;

  width:100%;

  gap:
    clamp(58px,8vw,108px);
}


/* =========================================================
   EACH SERVICE
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reel{
  position:relative;

  width:100%;

  padding-bottom:
    clamp(30px,4vw,48px);

  border-bottom:
    1px solid
    rgba(168,212,242,.13);
}


/* SUBTLE DIFFERENT ACCENT */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reel:nth-child(even)::before{
  content:"";

  position:absolute;

  top:-26px;
  right:-5%;

  width:36%;
  height:150px;

  pointer-events:none;

  background:
    radial-gradient(
      ellipse,
      rgba(81,137,181,.08) 0%,
      rgba(81,137,181,0) 70%
    );
}


/* =========================================================
   REEL HEADER
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reelHeader{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(300px,.62fr);

  width:100%;

  margin-bottom:24px;

  align-items:end;

  gap:
    clamp(28px,5vw,76px);
}


/* =========================================================
   IDENTITY
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_identity{
  display:flex;

  width:100%;

  align-items:center;

  gap:15px;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_number{
  display:flex;

  width:50px;
  height:50px;

  flex:
    0
    0
    50px;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(168,212,242,.28);

  border-radius:13px;

  color:#ffffff;

  background:
    rgba(81,137,181,.10);

  font-size:14px;
  line-height:1;
  font-weight:700;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_identityText{
  width:100%;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_label{
  display:block;

  margin-bottom:4px;

  color:#8fc5eb;

  font-size:14px;
  line-height:1.4;
  font-weight:700;

  letter-spacing:.07em;

  text-transform:uppercase;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reelHeader h3{
  width:100%;

  margin:0;

  color:#ffffff;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:30px;
  line-height:1.2;
  font-weight:700;

  overflow-wrap:anywhere;
  word-break:normal;
}


/* =========================================================
   DESCRIPTION
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_reelHeader > p{
  width:100%;
  max-width:620px;

  margin:0;

  color:
    rgba(255,255,255,.70);

  font-size:15px;
  line-height:1.7;
  font-weight:500;

  text-align:justify;
  text-align-last:left;

  overflow-wrap:anywhere;
  word-break:normal;
}


/* =========================================================
   CAROUSEL SHELL
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_carouselShell{
  position:relative;

  width:100%;

  padding:
    0
    62px;
}


/* =========================================================
   TRACK
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_track{
  display:grid;

  grid-auto-flow:column;

  grid-auto-columns:
    calc((100% - 20px) / 3);

  width:100%;

  gap:10px;

  overflow-x:hidden;
  overflow-y:hidden;

  scroll-behavior:smooth;

  scrollbar-width:none;

  scroll-snap-type:x mandatory;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_track::-webkit-scrollbar{
  display:none;
}


/* =========================================================
   CLEAN PHOTO
   NO LABEL
   NO SHADE
   NO OVERLAY
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_photo{
  position:relative;

  display:block;

  width:100%;

  height:
    clamp(300px,26vw,390px);

  padding:0;

  overflow:hidden;

  border:
    1px solid
    rgba(168,212,242,.16);

  border-radius:18px;

  background:#07131d;

  cursor:pointer;

  scroll-snap-align:start;
  scroll-snap-stop:always;

  transform:none !important;

  transition:
    border-color .25s ease;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_photo::before,

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_photo::after{
  content:none !important;
  display:none !important;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_photo img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;

  filter:none !important;

  transform:none !important;
}


@media (hover:hover) and (pointer:fine){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_photo:hover{
    border-color:
      rgba(168,212,242,.52);

    transform:none !important;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_photo:hover img{
    filter:none !important;
    transform:none !important;
  }

}


/* =========================================================
   DESKTOP ARROWS
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_arrow{
  position:absolute;

  z-index:4;

  top:50%;

  display:flex;

  width:48px;
  height:64px;

  padding:0;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(168,212,242,.18);

  border-radius:13px;

  color:#ffffff;

  background:
    linear-gradient(
      150deg,
      #06131f 0%,
      #0b3969 100%
    );

  cursor:pointer;

  transform:
    translateY(-50%) !important;

  transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_arrowPrev{
  left:0;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_arrowNext{
  right:0;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_arrow svg{
  width:22px;
  height:22px;

  fill:none;

  stroke:currentColor;

  stroke-width:2.2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


@media (hover:hover) and (pointer:fine){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_arrow:hover{
    color:#082b4b;

    border-color:#5189b5;

    background:
      linear-gradient(
        105deg,
        #dceefa 0%,
        #a8d4f2 100%
      );

    transform:
      translateY(-50%) !important;
  }

}


/* =========================================================
   BACK TO MENU
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_backToMenu{
  position:fixed;

  z-index:9990;

  right:
    clamp(18px,2.5vw,34px);

  bottom:
    clamp(18px,2.5vw,34px);

  display:flex;

  width:54px;
  height:54px;

  padding:0;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(255,255,255,.22);

  border-radius:14px;

  color:#ffffff;

  background:
    linear-gradient(
      105deg,
      #5189b5 0%,
      #0b3969 100%
    );

  opacity:0;

  visibility:hidden;

  pointer-events:none;

  cursor:pointer;

  transform:none !important;

  transition:
    opacity .25s ease,
    visibility .25s ease,
    background .25s ease,
    color .25s ease;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_backToMenu.CEOJA_isVisible{
  opacity:1;

  visibility:visible;

  pointer-events:auto;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_backToMenu svg{
  width:24px;
  height:24px;

  fill:none;

  stroke:currentColor;

  stroke-width:2.2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   LIGHTBOX
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modal{
  position:fixed;

  z-index:100000;

  inset:0;

  display:flex;

  padding:4%;

  align-items:center;
  justify-content:center;

  opacity:0;

  visibility:hidden;

  pointer-events:none;

  transition:
    opacity .25s ease,
    visibility .25s ease;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modal.CEOJA_isOpen{
  opacity:1;

  visibility:visible;

  pointer-events:auto;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalBackdrop{
  position:absolute;

  inset:0;

  background:
    rgba(1,5,9,.94);

  backdrop-filter:
    blur(6px);

  -webkit-backdrop-filter:
    blur(6px);
}


/* =========================================================
   MODAL
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalDialog{
  position:relative;

  z-index:2;

  width:
    min(1180px,100%);

  padding:18px;

  border:
    1px solid
    rgba(168,212,242,.16);

  border-radius:22px;

  color:#ffffff;

  background:
    linear-gradient(
      145deg,
      #02070b 0%,
      #071d31 100%
    );
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalStage{
  display:grid;

  grid-template-columns:
    54px
    minmax(0,1fr)
    54px;

  width:100%;

  align-items:center;

  gap:12px;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalMedia{
  display:flex;

  width:100%;

  min-height:300px;

  align-items:center;
  justify-content:center;

  overflow:hidden;

  border-radius:16px;

  background:#010508;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalImage{
  display:block;

  width:100%;

  max-height:70vh;

  object-fit:contain;

  filter:none !important;
}


/* =========================================================
   MODAL NAV
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalPrev,

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalNext{
  display:flex;

  width:52px;
  height:52px;

  padding:0;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(255,255,255,.17);

  border-radius:13px;

  color:#ffffff;

  background:
    rgba(81,137,181,.13);

  cursor:pointer;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalPrev svg,

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalNext svg{
  width:22px;
  height:22px;

  fill:none;

  stroke:currentColor;

  stroke-width:2.2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   CLOSE
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalClose{
  position:absolute;

  z-index:6;

  top:14px;
  right:14px;

  display:flex;

  width:44px;
  height:44px;

  padding:0;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(255,255,255,.18);

  border-radius:11px;

  color:#ffffff;

  background:
    rgba(2,7,11,.72);

  cursor:pointer;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalClose svg{
  width:21px;
  height:21px;

  fill:none;

  stroke:currentColor;

  stroke-width:2;

  stroke-linecap:round;
}


/* =========================================================
   MODAL CAPTION
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalCaption{
  width:100%;

  padding:
    13px
    10px
    2px;

  text-align:center;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalCaption > span{
  display:block;

  margin-bottom:4px;

  color:#a8d4f2;

  font-size:14px;
  line-height:1.4;
  font-weight:700;

  letter-spacing:.06em;

  text-transform:uppercase;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalCaption h3{
  max-width:900px;

  margin:
    0
    auto;

  color:#ffffff;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  font-size:
    clamp(22px,2vw,30px);

  line-height:1.2;
  font-weight:700;

  overflow-wrap:anywhere;
}


/* =========================================================
   FOCUS
========================================================= */

#CEOJA_BNC_MainGallery_V3
button:focus-visible{
  outline:
    3px solid
    var(--blue-light);

  outline-offset:3px;
}


html.CEOJA_BNCGAL3_modalLocked,
body.CEOJA_BNCGAL3_modalLocked{
  overflow:hidden !important;
}


/* =========================================================
   TABLET LARGE 992 — 1229
========================================================= */

@media
(min-width:992px)
and
(max-width:1229px){

  #CEOJA_BNC_MainGallery_V3
  h2{
    font-size:40px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_track{
    grid-auto-columns:
      calc((100% - 10px) / 2.25);
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_photo{
    height:340px;
  }

}


/* =========================================================
   TABLET <=991
========================================================= */

@media (max-width:991px){

  #CEOJA_BNC_MainGallery_V3
  h2{
    font-size:40px;
  }


  /* MENU SWIPE */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_menu{
    display:flex;

    width:100%;

    gap:8px;

    overflow-x:auto;
    overflow-y:hidden;

    padding:
      2px
      2px
      8px;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;

    overscroll-behavior-inline:contain;

    -webkit-overflow-scrolling:touch;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_menu::-webkit-scrollbar{
    display:none;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_menuTop,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_menuBottom{
    grid-column:auto;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_menuItem{
    flex:
      0
      0
      calc((100% - 8px) / 2);

    width:
      calc((100% - 8px) / 2);

    scroll-snap-align:start;
    scroll-snap-stop:always;
  }


  /* HEADER */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_reelHeader{
    grid-template-columns:1fr;

    gap:13px;

    text-align:center;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_identity{
    justify-content:center;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_reelHeader > p{
    max-width:780px;

    margin:
      0
      auto;

    text-align:justify;
    text-align-last:center;
  }


  /* NO ARROWS + SWIPE */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_arrow{
    display:none;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_carouselShell{
    padding:0;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_track{
    display:flex;

    width:100%;

    gap:10px;

    overflow-x:auto;
    overflow-y:hidden;

    padding:
      4px
      8px
      12px;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;

    overscroll-behavior-inline:contain;

    -webkit-overflow-scrolling:touch;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_track::-webkit-scrollbar{
    display:none;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_photo{
    flex:
      0
      0
      62%;

    width:62%;

    height:360px;

    scroll-snap-align:center;
  }

}


/* =========================================================
   MOBILE <=640
========================================================= */

@media (max-width:640px){

  #CEOJA_BNC_MainGallery_V3
  h2{
    font-size:32px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_directory{
    padding:
      12px
      10px;

    border-radius:18px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_menuItem{
    flex:
      0
      0
      80%;

    width:80%;

    min-height:68px;

    padding:
      10px
      12px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_identity{
    flex-direction:column;

    gap:10px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_identityText{
    text-align:center;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_reelHeader h3{
    font-size:28px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_reelHeader > p{
    font-size:15px;
    line-height:1.7;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_photo{
    flex:
      0
      0
      86%;

    width:86%;

    height:310px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_backToMenu{
    right:16px;
    bottom:16px;

    width:50px;
    height:50px;
  }


  /* MODAL */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modal{
    padding:14px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalDialog{
    padding:12px;

    border-radius:18px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalStage{
    grid-template-columns:
      42px
      minmax(0,1fr)
      42px;

    gap:6px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    width:40px;
    height:44px;

    border-radius:10px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalMedia{
    min-height:220px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalImage{
    max-height:62vh;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:420px){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_photo{
    flex-basis:90%;

    width:90%;

    height:285px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  #CEOJA_BNC_MainGallery_V3 *,
  #CEOJA_BNC_MainGallery_V3 *::before,
  #CEOJA_BNC_MainGallery_V3 *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }

}
/* =========================================================
   BNC GALLERY V3
   MODAL PATCH — CLEAN IMAGE / CONTROLS OUTSIDE IMAGE

   FIXES
   ---------------------------------------------------------
   - REMOVE MODAL TEXT COMPLETELY
   - NO CAPTION SPACE
   - CLOSE BUTTON ALWAYS OUTSIDE IMAGE
   - PREV / NEXT ALWAYS OUTSIDE IMAGE
   - NEVER OVERLAP IMAGE
   - DESKTOP / TABLET / MOBILE
========================================================= */


/* =========================================================
   REMOVE MODAL CAPTION COMPLETELY
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalCaption{
  display:none !important;
}


/* =========================================================
   MODAL DIALOG

   PROVIDES SAFE EXTERNAL SPACE FOR:
   - CLOSE BUTTON
   - LEFT ARROW
   - RIGHT ARROW
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalDialog{
  position:relative;

  width:
    min(
      1180px,
      calc(100% - 110px)
    );

  max-width:1180px;

  padding:
    58px
    72px
    26px;

  overflow:visible;

  border:
    1px solid
    rgba(168,212,242,.16);

  border-radius:22px;

  background:
    linear-gradient(
      145deg,
      #02070b 0%,
      #071d31 100%
    );
}


/* =========================================================
   MODAL STAGE

   IMPORTANT:
   ONLY IMAGE INSIDE THE CENTRAL COLUMN.

   ARROWS ARE ABSOLUTELY POSITIONED OUTSIDE IMAGE.
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalStage{
  position:relative;

  display:block;

  width:100%;

  margin:0;

  padding:0;

  overflow:visible;
}


/* =========================================================
   IMAGE CONTAINER
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalMedia{
  position:relative;

  display:flex;

  width:100%;

  min-height:300px;

  max-height:
    calc(
      100vh -
      150px
    );

  align-items:center;
  justify-content:center;

  overflow:hidden;

  border-radius:16px;

  background:#010508;
}


/* =========================================================
   IMAGE
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalImage{
  display:block;

  width:100%;
  height:auto;

  max-width:100%;

  max-height:
    calc(
      100vh -
      150px
    );

  margin:0;

  object-fit:contain;

  object-position:center;

  filter:none !important;

  transform:none !important;
}


/* =========================================================
   PREVIOUS / NEXT

   ALWAYS OUTSIDE IMAGE
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalPrev,

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalNext{
  position:absolute;

  z-index:8;

  top:50%;

  display:flex;

  width:52px;
  height:58px;

  padding:0;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(168,212,242,.28);

  border-radius:13px;

  color:#ffffff;

  background:
    linear-gradient(
      145deg,
      #071a2b 0%,
      #0b3969 100%
    );

  cursor:pointer;

  transform:
    translateY(-50%) !important;

  transition:
    color .25s ease,
    background .25s ease,
    border-color .25s ease;

  box-shadow:none !important;
}


/* LEFT OUTSIDE IMAGE */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalPrev{
  left:-62px;
}


/* RIGHT OUTSIDE IMAGE */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalNext{
  right:-62px;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalPrev svg,

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalNext svg{
  width:22px;
  height:22px;

  fill:none;

  stroke:currentColor;

  stroke-width:2.2;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   CLOSE BUTTON

   ALWAYS ABOVE + OUTSIDE IMAGE
========================================================= */

#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalClose{
  position:absolute;

  z-index:10;

  top:6px;
  right:6px;

  display:flex;

  width:44px;
  height:44px;

  padding:0;

  align-items:center;
  justify-content:center;

  border:
    1px solid
    rgba(168,212,242,.28);

  border-radius:11px;

  color:#ffffff;

  background:
    linear-gradient(
      145deg,
      #071a2b 0%,
      #0b3969 100%
    );

  cursor:pointer;

  transform:none !important;

  box-shadow:none !important;
}


#CEOJA_BNC_MainGallery_V3
.CEOJA_BNCGAL3_modalClose svg{
  width:21px;
  height:21px;

  fill:none;

  stroke:currentColor;

  stroke-width:2;

  stroke-linecap:round;
}


/* =========================================================
   DESKTOP HOVER
========================================================= */

@media (hover:hover) and (pointer:fine){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev:hover,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext:hover,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose:hover{
    color:#082b4b;

    border-color:
      var(--blue-light);

    background:
      linear-gradient(
        105deg,
        #dceefa 0%,
        #a8d4f2 100%
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev:hover,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext:hover{
    transform:
      translateY(-50%) !important;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose:hover{
    transform:none !important;
  }

}


/* =========================================================
   TABLET LARGE
   992 — 1229
========================================================= */

@media
(min-width:992px)
and
(max-width:1229px){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modal{
    padding:
      28px
      70px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalDialog{
    width:
      min(
        1000px,
        100%
      );

    padding:
      56px
      62px
      24px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev{
    left:-54px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    right:-54px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    width:46px;
    height:54px;
  }

}


/* =========================================================
   TABLET
   <=991

   CONTROLS STILL OUTSIDE IMAGE
========================================================= */

@media (max-width:991px){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modal{
    padding:
      22px
      54px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalDialog{
    width:100%;

    max-width:900px;

    padding:
      56px
      46px
      22px;

    overflow:visible;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalMedia{
    min-height:280px;

    max-height:
      calc(
        100vh -
        135px
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalImage{
    max-height:
      calc(
        100vh -
        135px
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    width:42px;
    height:50px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev{
    left:-45px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    right:-45px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose{
    top:7px;
    right:7px;

    width:42px;
    height:42px;
  }

}


/* =========================================================
   MOBILE
   <=640

   IMPORTANT:
   IMAGE HAS ITS OWN AREA.
   ARROWS SIT BELOW IMAGE.
   X SITS ABOVE IMAGE.
   NOTHING OVERLAPS THE PHOTO.
========================================================= */

@media (max-width:640px){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modal{
    padding:
      12px
      14px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalDialog{
    display:grid;

    grid-template-columns:
      1fr;

    width:100%;

    max-width:100%;

    padding:
      58px
      12px
      72px;

    overflow:visible;

    border-radius:18px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalStage{
    position:relative;

    width:100%;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalMedia{
    width:100%;

    min-height:220px;

    max-height:
      calc(
        100vh -
        165px
      );

    border-radius:14px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalImage{
    width:100%;

    max-height:
      calc(
        100vh -
        165px
      );
  }


  /* =======================================================
     MOBILE ARROWS
     BELOW THE IMAGE
  ======================================================= */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    top:auto;

    bottom:-60px;

    width:48px;
    height:48px;

    border-radius:11px;

    transform:none !important;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev{
    left:
      calc(
        50% -
        58px
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    right:
      calc(
        50% -
        58px
      );
  }


  /* =======================================================
     MOBILE CLOSE
     ABOVE IMAGE
  ======================================================= */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose{
    top:7px;
    right:12px;

    width:42px;
    height:42px;
  }


  @media (hover:hover) and (pointer:fine){

    #CEOJA_BNC_MainGallery_V3
    .CEOJA_BNCGAL3_modalPrev:hover,

    #CEOJA_BNC_MainGallery_V3
    .CEOJA_BNCGAL3_modalNext:hover{
      transform:none !important;
    }

  }

}


/* =========================================================
   SMALL MOBILE
   <=420
========================================================= */

@media (max-width:420px){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modal{
    padding:
      10px
      11px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalDialog{
    padding:
      56px
      9px
      68px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalMedia{
    min-height:190px;

    max-height:
      calc(
        100vh -
        155px
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalImage{
    max-height:
      calc(
        100vh -
        155px
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    bottom:-56px;

    width:44px;
    height:44px;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev{
    left:
      calc(
        50% -
        53px
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    right:
      calc(
        50% -
        53px
      );
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose{
    right:9px;

    width:40px;
    height:40px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose{
    transition:none !important;
  }

}



@media (max-width:640px){

  /* =======================================================
     HIDE MODAL NAV ARROWS COMPLETELY
  ======================================================= */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalPrev,

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalNext{
    display:none !important;
  }


  /* =======================================================
     REMOVE SPACE RESERVED FOR ARROWS
  ======================================================= */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalDialog{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    padding:
      56px
      10px
      10px !important;

    overflow:visible !important;
  }


  /* =======================================================
     MODAL STAGE
     IMAGE USES FULL AVAILABLE WIDTH
  ======================================================= */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalStage{
    display:block !important;

    width:100% !important;

    margin:0 !important;
    padding:0 !important;
  }


  /* =======================================================
     IMAGE AREA
     LARGER / CLEANER
  ======================================================= */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalMedia{
    width:100% !important;

    min-height:0 !important;

    max-height:
      calc(
        100vh - 90px
      ) !important;

    margin:0 !important;

    border-radius:14px !important;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalImage{
    width:100% !important;
    height:auto !important;

    max-width:100% !important;

    max-height:
      calc(
        100vh - 90px
      ) !important;

    margin:0 auto !important;

    object-fit:contain !important;
  }


  /* =======================================================
     CLOSE BUTTON
     KEEP ONLY X CONTROL
  ======================================================= */

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose{
    top:7px !important;
    right:10px !important;

    width:42px !important;
    height:42px !important;
  }

}


/* =========================================================
   SMALL MOBILE <=420px
========================================================= */

@media (max-width:420px){

  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalDialog{
    padding:
      54px
      8px
      8px !important;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalMedia{
    max-height:
      calc(
        100vh - 82px
      ) !important;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalImage{
    max-height:
      calc(
        100vh - 82px
      ) !important;
  }


  #CEOJA_BNC_MainGallery_V3
  .CEOJA_BNCGAL3_modalClose{
    right:8px !important;

    width:40px !important;
    height:40px !important;
  }

}/* End custom CSS */