/* Slide 62 (#4) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-62-478bf815"] */
.slide[data-cid=slide-62-478bf815] .flex-62 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 36px;
}
@media (min-width: 1024px) {
  .slide[data-cid=slide-62-478bf815] img.macbook-62 {
    max-width: none;
    float: left;
    margin-left: 50px;
  }
}

/* Slide 61 (#5) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-61-529f12b1"] */
.slide[data-cid=slide-61-529f12b1] .flex-61 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 36px;
}
@media (min-width: 1024px) {
  .slide[data-cid=slide-61-529f12b1] img.macbook-61 {
    max-width: none;
    float: right;
    margin-right: 50px;
  }
}

/* Slide 62 (#6) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-62-8a562708"] */
.slide[data-cid=slide-62-8a562708] .flex-62 .material-icons {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 36px;
}
@media (min-width: 1024px) {
  .slide[data-cid=slide-62-8a562708] img.macbook-62 {
    max-width: none;
    float: left;
    margin-left: 50px;
  }
}

/* Slide 166 (#7) */
.poster {
  border-radius: 10px;
}

.slide[data-cid=slide-102-a213311a] .swiper-102-prev, .slide[data-cid=slide-102-a213311a] .swiper-102-next { background: transparent !important; position: relative !important; top: unset !important; left: unset !important; right: unset !important; margin-top: 0 !important; display: flex; justify-content: center; align-items: center; height: 24px !important; width: 24px !important; transition: 0.15s;}
.slide[data-cid=slide-102-a213311a] .swiper-102-prev:hover, .slide[data-cid=slide-102-a213311a] .swiper-102-next:hover { opacity: 0.6;}
.slide[data-cid=slide-102-a213311a].whiteSlide .swiper-102-prev svg, .slide[data-cid=slide-102-a213311a].whiteSlide .swiper-102-next svg { stroke: #202020; opacity: 0.6;}
.slide[data-cid=slide-102-a213311a] .box-102:active, .slide[data-cid=slide-102-a213311a] .box-102:focus { outline: none;}
.slide[data-cid=slide-102-a213311a] .box-102:hover { opacity: 1; }
.slide[data-cid=slide-102-a213311a] .box-102 { max-width: 340px;}
.slide[data-cid=slide-102-a213311a] .img-102 { width: 100%; height: 100%; border-radius: 6px 6px 0 0;}
.slide[data-cid=slide-102-a213311a] .box-102-shadow { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.101421), 0px 1px 4px rgba(0, 0, 0, 0.101421);}
.slide[data-cid=slide-102-a213311a] .box-102-shadow.done { transition: 0.15s !important;}
.slide[data-cid=slide-102-a213311a] .box-102-shadow:hover { box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2);}
.slide[data-cid=slide-102-a213311a] .thumbnail-102 { border-radius: 0 0 6px 6px; background: #fff;}
.slide[data-cid=slide-102-a213311a] .social-102:hover { opacity: 0.6 !important;}

.slide[data-cid=slide-99-e71c0efa] a.box-99:active, .slide[data-cid=slide-99-e71c0efa] a.box-99:focus { outline: none;}
.slide[data-cid=slide-99-e71c0efa] a.box-99:hover { opacity: 1;}
.slide[data-cid=slide-99-e71c0efa] .thumbnail-99 { position: relative;}
.slide[data-cid=slide-99-e71c0efa] .thumbnail-99 img { width: 100%; height: 100%;}
.slide[data-cid=slide-99-e71c0efa] .blackout-99 { position: absolute; top: 0; width: 100%; height: 100%; border: none; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); z-index: 10;}
.slide[data-cid=slide-99-e71c0efa] .title-slide-99 { position: absolute; text-align: left; width: 80%; bottom: 12%; left: 50%; transform: translateX(-50%); font-size: 20px; line-height: 26px; z-index: 15;}
.slide[data-cid=slide-99-e71c0efa] .more-99 { position: absolute; bottom: 5px; z-index: 15; text-align: left; width: 80%; left: 50%; transform: translateX(-50%);}

.fw-200 { font-weight:200 !important;}
.fw-400 { font-weight:400 !important;}
.fst-italic { font-style: italic; }
h2.home { font-size: 35px; margin-bottom: 35px; }
.text-nowrap { text-wrap:nowrap !important }
.text-forest-green { color:#61cf4d; }
.bg-canopy-green { background-color:#06213d }
.text-sky-blue { color:#2196f3; }
.rounded-25 { border-radius: 25px !important;}
.hover-container { position: relative; display: inline-block; }
.hover-image { width: 100%;  height: auto; }
.hover-text { position: absolute; top: 80%; left: 50%; transform: translate(-50%, 10%);  color: white; font-size: 18px; background-color: rgba(0, 0, 0, 0.6); padding: 10px; border-radius: 5px; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease;  pointer-events: none; }
.cursor-pointer { cursor:pointer !important; }
/* Desktop hover effect */
.hover-container:hover .hover-text { opacity: 1; transform: translate(-50%, -50%); }
sub {font-size: 0.65em; vertical-align: -0.25em; position: relative; line-height: 1;}
nav.panel.bottom { background-color:rgba(0, 0, 0, 0.5) !important; }
/* Mobile adjustments */
@media (max-width: 768px) {
  .d-m-none { display: none !important; }
  nav.panel.top nav.panel.bottom { background-color:rgba(0, 0, 0, 0.5) !important; }
  .hover-text { opacity: 1; transform: translate(-50%, -50%); transition: opacity 0.3s ease, transform 0.3s ease 0.2s; /* Delayed slide-up */ }
  .team { filter: grayscale(100%);}
}

@media (min-width:769px) {
  .team { filter: grayscale(100%); transition: filter 0.5s ease-in-out;}
  .team:hover { filter: grayscale(0%);}
}

.badge { background-color: #2196f3; color: white; padding: 4px 8px; text-align: center; border-radius: 10px; font-size:.75rem !important; margin-right:3px; margin-bottom:5px; line-height:2rem;}
.badge-advisory { background-color: #55a646; color: white; padding: 4px 8px; text-align: center; border-radius: 10px; font-size:.75rem !important; margin-right:3px; margin-bottom:5px; line-height:2rem;}
.text-nowrap { text-wrap: nowrap };
.slide-out-panel { position: absolute; top: 0; right: -100%; width: 300px; height: 100%; background: #ffffff; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3); transition: right 0.4s ease-in-out; padding: 20px; z-index: -1000; overflow-y: auto;}
.slide-out-panel.active { right: 0;}
.close-panel { position: absolute; top: 10px; right: 10px; background: transparent; border: none; font-size: 1.5rem; cursor: pointer;}