.multiBoxModule {position: relative; z-index: 20;  overflow: hidden; padding: 30px 0;}
.multiBoxModule h3 {font-family: Inter, sans-serif; letter-spacing: 2px; font-size: 22px; margin-bottom: 1rem;}
.multiBoxModule h4 {font-family: Merriweather, serif; font-size: 1.125rem; text-transform: capitalize; font-weight: 800; margin-bottom: .75rem;}
.multiBoxModule .textInner {margin-bottom: 1rem;}
.multiBoxModule .textInner ul {margin: 1rem 0;}
.multiBoxModule .title_box{margin-bottom: 3rem;}
.multiBoxModule .title_box h2 {font-family:Merriweather, serif; font-style:italic;}
.multiBoxModule .title_box strong {color:var(--purple); font-style:normal;}
.multiBoxModule .custom-green-button {
  border-width: 0px;
  border-color: rgba(0,0,0,0);
  border-radius: 4px;
  letter-spacing: 5px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-image: linear-gradient(90deg,#2ed565 0%,#2eabd5 100%);
  padding-top: 18px;
  line-height: 1.7em;
  padding-right: 34px;
  padding-bottom: 18px;
  padding-left: 34px;
  margin-top: 10px;
  position: relative;
  box-shadow: 0px 20px 30px -10px rgba(46,213,101,0.3);
  display: inline-block;
  transition: all 300ms ease 0ms;
  font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
  color: #fff;
  width: auto;
}
.multiBoxModule .custom-green-button:after {
  content: "\35";
  
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  content: '9';
  font-size: 14px;
  font-family: ETmodules;
  speak: none;
  line-height: 1.7;
}
{#
.multiBoxModule .custom-green-button:active:after,
.multiBoxModule .custom-green-button:hover:after {
  margin-left: .3em;
  opacity: 1;
  color: #fff
}
.multiBoxModule .custom-green-button:active,
.multiBoxModule .custom-green-button:hover {
  color: #fff;
  letter-spacing: 5.5px
}

#} 
.multiBoxModule .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
 animation-duration:2s;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    -ms-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3)
  }

  50% {
    opacity: 1
  }
}

.multiBoxModule .flexContain {display: flex; max-width: 1000px; margin: 0 auto; padding: 0 10px; gap: 30px;}
.multiBoxModule .flexContain > div {flex:1;}
.multiBoxModule .textOuter {display: flex; padding: 10px; max-width: 400px; flex-direction: column; justify-content: center; align-items: flex-start;}
.multiBoxModule .rb {border-radius: 10px; }
.multiBoxModule .mainBox {width: 100%; display: flex; flex-direction: column;}

.multiBoxModule .top {display: flex; justify-content: center; align-items: stretch; margin-top: 50px;background-color: #E0E0E0; border-radius: 10px 10px 0 0; }
.multiBoxModule .bottom {background-color: #E0E0E0; border-radius: 0 0 10px 10px; padding: 0 20px;} 
.multiBoxModule .focusBox {box-shadow: 0 0 10px rgba(0, 0, 0, .1); width: 80%; position: relative;  height: 375px; margin: 0 auto; top: -30px; transition: all 300ms ease-in-out; opacity: 1; left: 0;}
.multiBoxModule .shadow {box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.multiBoxModule .multiBox {max-width: 550px;}
.multiBoxModule .top {flex-grow: 1;}
.multiBoxModule .optionBoxGroup {display: grid;  padding: 0 0 20px }
.multiBoxModule .option {background-color: #fff; cursor: pointer; position: relative; overflow: hidden; height: 145px; width: 100%;}

.multiBoxModule .optionBoxGroup.smallTiles {display: grid;  grid-template-columns: repeat(5, 1fr); gap: .5rem 1rem; padding: 0 0 20px }
.multiBoxModule .optionBoxGroup.smallTiles .option {height: auto;}
.multiBoxModule .optionBoxGroup .option {box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.multiBoxModule .optionImage {height: 100%!important; width: 100%; object-fit: cover;}
.multiBoxModule .focusImage {height: 100%; width: 100%; object-fit: cover;}

.multiBoxModule .slick-slide {margin: 0 10px;}

.multiBoxModule .moveUp {top: -60px!important; opacity: 0;}

.fancybox__slide {padding: 60px!important;}
.fancybox__caption {text-align: center!important; max-width: 800px!important; }
.fancybox__container {z-index: 10000000!important;}


.multiBoxModule .platform {
  align-items: center;
    display: flex;
    gap: 1rem 1.5rem;
    margin: 1rem 0;
    flex-wrap: wrap;}
.multiBoxModule .platform-item {display:flex; align-items: center; gap: .5rem;}
.multiBoxModule .platform-name {font-family: Merriweather, serif; font-style: italic;}
.multiBoxModule .platform-item img {height: 20px; width: 20px; object-fit: contain;}
.multiBoxModule .platform-box {background-color: #0A2F3A; border-radius: 5px; height: 37px; width: 37px;display:flex; justify-content: center; align-items: center;}


@media (max-width: 650px){
  .fancybox__slide {padding: 60px 10px 20px!important;}
  .fancybox__slide::before, .fancybox__slide::after {margin:0!important;}
  .multiBoxModule {margin-top: -30px; padding-bottom: 0;}
  .multiBoxModule .focusBox {height: 350px;}
  .multiBoxModule .textOuter {max-width: 100%;}
}
@media (max-width: 945px){
  .multiBoxModule .flexContain {flex-direction: column; align-items: center; padding: 0;}
  .multiBoxModule .top {margin-top: 30px;}
  .multiBoxModule {margin-top: 50px; margin-bottom: 50px;}
}
@media (max-width: 500px){
  .multiBoxModule .focusBox {height: 275px;}
  .multiBoxModule .optionBoxGroup.smallTiles {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 380px){
  .multiBoxModule .focusBox {height: 250px;}
}