.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-9b22c7e:#002EFF;--e-global-color-3ccb909:#051748;--e-global-color-e075bf7:#8797DD;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#logo img{
    height:16px;
}
.reveal-gallery img {
        border-radius: 25px !important;
    box-shadow: 9px 9px 20px 2px #000000a8 !important;
}
#hero-description .inner {
    text-align: center;
    text-align: -webkit-center;
    font-size: 2vw;
    padding:0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-shadow: 3px 3px 13px #051747;
    font-family:"Unison Pro Bold";
}
.preloader-wrap, .percentage-wrapper {
    background-color: #051748
}
.loadbar {
   background: #05174880!important;
}
.showcase-portfolio.layout-three .clapat-item {
    width: calc(33% - 80px);
    margin: 40px 40px;
}
.light-content .light-section-wrapper  .showcase-portfolio .slide-caption .slide-title {
    color: #002EFF;
}

.cardSection .slide-img,.cardSection .clapat-slide, .cardSection .clapat-slider-viewport, .cardSection .clapat-slider {
    overflow: visible!important;
}
.cardSection .slide-img {
    display: flex
;
    align-content: center;
    justify-content: center;
}
.slide-img {
    overflow: hidden;
    border-radius: 12px !important;
}
img.item-image.grid__item-img, video.bgvid {
    border-radius: 12px;
}
    .elementor-element.content-row-elementor .elementor-element.content-row-elementor:first-child {
        padding-left:25px;
    }
    .clapat-slide .slide-img {
  position: relative;
  overflow: visible;
}

.clapat-slide .slide-img::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  z-index: -1;
  filter: blur(16px);
  opacity: 0.4;
  left: 50%;
  transform: translate(-50%, 5%);
  width: 102%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: inherit;
}

/* Make sure the img element has the background-image */
.clapat-slide .slide-img img {
  position: relative;
  z-index: 1;
}
.imageShadow::before, .pinned-gallery .pinned-image::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  z-index: -1;
  filter: blur(16px);
  opacity: 0.4;
  left: 50%;
  transform: translate(-50%,5%);
  width: 102%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: inherit; /* Inherits from parent's background */
}
.img-mask {
    overflow: visible;
}
.imageShadow {
  position: relative; /* Needed for ::before positioning */
}
/* For the section-image items */
.section-image {
  position: relative;
}

.section-image::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius);
  z-index: 0;
  filter: blur(16px);
  opacity: 0.6;
  left: 50%;
  transform: translate(-50%, 10%);
  width: 106%;
  height: 100%;
  background-image: var(--shadow-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-image img {
  position: relative;
  z-index: 1;
}
#nav-1 {
  position: relative;
  border: none;
  display: flex;
  list-style: none;
  padding: 13px;
  transition-duration:.5s;
}
#nav-1:hover {
  box-shadow: 0 20px 40px #BE30CF21;
    
}
#nav-1 span {
    margin: 0 20px;
    color:#BE30CF;
    font-weight:800;
    font-size: 20px;
    align-self: center;
    
}
#nav-1 li {
  margin: 0px;
    background: white;
    border-radius: 8px;

}

#nav-1 li a {
  position: relative;
  padding: 1.1em 3em;
  font-size: 17px;
  font-weight: 400;
  border: none;
  outline: none;
  display: inline-block;
  text-decoration: none;
  z-index: 3;
  font-family: "Unison Pro Bold";
}
#nav-1 .slide1,
#nav-1 .slide2 {
  position: absolute;
  display: inline-block;
  height: 3.8em;
  border-radius: 5px;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1.05);
}
#nav-1 .slide1 {
  background-color: #BE30CF;
   box-shadow: 0 20px 40px #C4005466;
  z-index: 2;
}
#nav-1 .slide2 {
  opacity: 0;
  background: #BE30CF43;
  z-index: 1;
}
#nav-1 .squeeze {
  transform: scale(1);
}
#nav-1 .navItem.selected a{
    color:white;
}
#nav-1 .navItem a{
    color:#002631;
    transition-duration:.3s;
}

@media all and (max-width: 1024px) {
#nav-1 li a {
  position: relative;
  padding: .3em 3em;
  font-size: 16px;

}
#nav-1 .slide1,
#nav-1 .slide2 {
  height: 2.4em;
  border-radius: 10em;
 
}
}

#hero-description .inner {
    text-align: center;
    text-align: -webkit-center;
    font-size: 2vw;
    padding:0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    text-shadow: 1px 1px 3px #000;
}

.heroH {
    background-image: linear-gradient(155deg, #002eff 30%, hsl(310.15deg 100% 59.91%));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.arcade {
  color: #fff;
  font-weight:800;
  text-shadow:
    0 0 1px #fff,
    0 0 2px #002eff,
    0 0 3px #002eff,
    0 0 5px #002eff,
    0 0 6px #002eff,
    0 0 7px #002eff,
    0 0 9px #002eff,
    0 0 10px #002eff,
    0 0 44px #002eff,
    0 0 255px #002eff;
   /* animation: text-neon-glitch 5s linear alternate infinite;
    font-family:"Press Start 2P", Sans-serif;
*/
}
.pdigm-button-wrapper {
    overflow:hidden;
    font-family:"Unison Pro Bold";
}
  .map-wrap {
      max-width: 100vw;
      margin: 0 auto;
    }

    /* Responsive map container */
    #map {
      width: 100%;
      height: 100vh;

      overflow: hidden;
    }

    /* Optional: a subtle “click to interact” hint (disabled by default) */
    .map-guard {
      position: absolute;
      inset: 0;
      pointer-events: none; /* leave disabled unless you want click-to-enable */
    }
        /* Tooltip content styling */
    .map-tooltip {
      background: #002eff;           /* accent */
      color: #ffffff;                /* main */
      padding: 10px 12px;
      border-radius: 10px;
      font-size: 14px;
      line-height: 1.25;
      box-shadow: 0 8px 20px rgba(0,0,0,.25);
      max-width: 260px;
      position: relative;
      user-select: none;
    }
    .map-tooltip h3 {
      margin: 0 0 4px;
      font-size: 15px;
      font-weight: 700;
    }
    .map-tooltip p {
      margin: 0;
      opacity: .95;
      color:#fff;
    }
    /* Little arrow under the bubble */
    .map-tooltip::after {
      content: "";
      position: absolute;
      left: 24px;
      bottom: -8px;
      border-width: 8px 8px 0 8px;
      border-style: solid;
      border-color: #002eff transparent transparent transparent;
      width: 0; height: 0;
    }
    /* Hide default white background of InfoWindow and its close “x” */
    .gm-style .gm-style-iw-c { background: transparent !important; padding: 0 !important; box-shadow: none !important; }
    .gm-style .gm-style-iw-d { overflow: visible !important; } /* let our arrow show */
    .gm-style .gm-ui-hover-effect { display: none !important; } /* hide close icon; you can remove this line if you want it */

 .pdigm-button {
            width:100%;
            background:transparent;
            border:none;
        }

        .pdigm-button::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: #002EFF;
            transition: height 0.6s cubic-bezier(0.85, 0, 0.15, 1);
            z-index: 0;
        }

        .pdigm-button:hover::before {
            height: 100%;
        }

        .pdigm-marquee {
            display: inline-block;
            white-space: nowrap;
            animation: scroll 26s linear infinite;
            position: relative;
            z-index: 1;
        }

        .pdigm-marquee span {
            font-size: 16px;
            color: #002EFF;
            padding-right: 10px;
            transition: color 0.7s ease;
                font-family:"Unison Pro Bold";
        }

        .pdigm-button:hover .pdigm-marquee span {
            color: white;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        /* 200px, centered, same side gaps as calc(100% - 40px) */
.slide-caption {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -60px;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  z-index: 10;
  pointer-events: none; /* optional: remove if you need links inside */
}
.slide-caption .slide-text {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.slide-img img {
    border-radius:22px;
}
.submissionForm  .elementor-field-type-select option {
    color:#002EFF;
}
.submissionForm .elementor-field-option {
    display: flex;
    font-size: 14px!important;
    font-weight:300!important;
}

.submissionForm  input[type="checkbox"],
.submissionForm input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 6px 0 0;
}/* End custom CSS */