:root {
  --bg-deep:#939eb5;
  --accent-gold: #c8a84b;
  --text-white: #ffffff;
  --text-muted: #8fa3c0;
  --text-sub: #b0c4de;
  --clr-pink:#c23af5;
  --clr-blue:#2a6fff;
  --clr-mid:  #7b6fff;
}
 @property --angle {syntax: "<angle>";initial-value: 0deg;inherits: false; }
body{background-color:#000;text-rendering:optimizeLegibility;letter-spacing:.2px;overflow-x:hidden;max-width:100%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400;text-rendering:optimizeLegibility}.whiteHr{border-top:1px solid #555}#particles-js{position:absolute;top:0;left:0;right:0;pointer-events:none}.contactEmail{background:url(../images/bgMap.png) 50% -70px no-repeat;padding:4em 0;overflow:hidden;position:relative}a{color:#fff}a:hover{color:#fff}.site-footer{padding:0;background:#191919}.owl-theme .owl-nav{margin-top:-40px}a>.whiteCircle{border:none;background:#fff;width:100px;height:100px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;border-radius:250px;box-shadow:0 0 15px 0 rgba(0,0,0,.5);transition:.2s}a:hover>.whiteCircle{border:10px rgba(211,36,186,.7) solid;box-shadow:0 0 0 10px rgba(211,36,186,.3)}.activewhiteCircle{border:10px rgba(211,36,186,.7) solid!important;box-shadow:0 0 0 10px rgba(211,36,186,.3)!important}.servicesSection a>p{transition:.2s}.servicesSection a>p{line-height:1.2;color:#fff}.servicesSection a:hover>p{line-height:1.2;color:#1ca3f0}#myVideo{min-width:100vh;min-height:115vh;z-index:1}.bgRepeat{position:absolute;min-width:100%;height:800px;background:url(../images/backgroundRepeat.png);z-index:2;overflow:hidden}.homeContainer{position:relative;bottom:0;right:0;min-width:100%;height:840px;margin-top:-160px;padding-top:50px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.decorates{position:relative;top:-140px}.text-blue{color:#1ca3f0}.businessGroupSection{padding:7em 0;background:url(../images/bgMap.png) 50% 200px no-repeat;overflow:hidden}.header-section{margin-top:100px;z-index:3;position:absolute}.headerText{font-weight:300;line-height:1.6em;font-size:1.35em}.decorate1{position:absolute;left:0;z-index:3}.decorate2{position:absolute;right:0;top:8em;z-index:3}.adjusted{max-width:1300px}.pink-hr{border-top:2px solid #d324b7}.about1{min-height:400px;background-color:#843380}.about2{min-height:400px;background-color:#382c78}.about3{min-height:400px;background-color:#2c94cf}.aboutSection{position:relative;z-index:4;margin-top:-150px}.servicesSection{background:url(../images/bgService.png) center -220px no-repeat;margin-top:-120px;min-height:880px}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){.headerText{line-height:1.5;font-size:1em}.header-section{padding:0;margin-top:100px}.adjustedPT{margin-top:-40px!important}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.header-section{margin-top:0;z-index:3;position:absolute}.aboutSection{margin-top:-40px}.headerText{line-height:1.5;font-size:1.2em}.adjustedPT{margin-top:-40px!important}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.headerText{line-height:1.75}.header-section{z-index:3}.adjustedPT{margin-top:-40px!important}}@media only screen and (min-device-width:411px) and (orientation:portrait){.header-section{margin-top:0;z-index:3;position:absolute}.headerText{line-height:1.5;font-size:1.2em}.adjustedPT{margin-top:-40px!important}}@media (max-width:1199px){.aboutSection{margin-top:-150px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.headerText{line-height:1.65;font-size:1.2em}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.decorates{display:none!important}}@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){.header-section{z-index:3}#myVideo{min-height:70vh}.bgRepeat{min-width:100%;min-height:100%}.homeContainer{min-height:60vh!important}.aboutSection{margin-top:-200px}.decorates{display:none!important}.bgRepeat{height:300px}}
.dropdown-language .dropdown-toggle {display: block;background-color: #382c78;color: #fff;padding: 2px 6px 4px 8px;min-width: 44px;border:none;outline:none;border-radius: 4px;}
.dropdown-language .dropdown-toggle:hover {background-color: #3e28ad;border: none;color: #fff;padding: 2px 6px 4px 8px;min-width: 44px;}
.dropdown-language .btn-info:not(:disabled):not(.disabled).active, 
.dropdown-language .btn-info:not(:disabled):not(.disabled):active, 
.dropdown-language.show>.btn-info.dropdown-toggle {background-color: #3e28ad;border: none;color: #fff;box-shadow:none !important}
.dropdown-language .dropdown-menu {color: #fff;background-color: #382c78;min-width: 5rem;}
.dropdown-language .dropdown-menu .dropdown-item {color: #fff;display: block !important;width: 100%;padding: 0.25rem 8px;}
.dropdown-language .dropdown-menu .dropdown-item:hover {background-color: #110648;color: #fff;}
.btn-info.focus, .btn-info:focus {box-shadow:none !important}
@media only screen and (max-width:991.98px) {
    .dropdown-language {padding: 10px 20px 10px 20px;}
}
.sublabel {display: flex;align-items: center;justify-content: center;gap: 12px;margin-bottom: 12px;}
.sublabel::before,
.sublabel::after {
    content: '';flex: 1;max-width: 80px;height: 1px;background: linear-gradient(to right, transparent, #439CE0);
}
.sublabel::after {background: linear-gradient(to left, transparent, #439CE0);}
.sublabel span {font-size: 13px;font-weight: 600;letter-spacing: .18em;text-transform: uppercase;color: #439CE0;}


/* diamonds */
.diamond-row { display: flex; justify-content: center; gap: 8px; margin-bottom: 20px; }
.diamond { width: 10px; height: 10px; transform: rotate(45deg); }
.diamond.pink { background: var(--clr-pink); }
.diamond.blue { background: var(--clr-blue); }

/* heading */
.heading {
  font-family: 'Exo 2', sans-serif;
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.heading span {
  background: linear-gradient(90deg, var(--clr-pink), var(--clr-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* sub-label */
.sub-label {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  font-family: 'Exo 2', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--accent-gold); margin-bottom: 14px;
}
.sub-label::before, .sub-label::after {
  content: ''; display: block; width: 60px; height: 1px;
  background: var(--accent-gold); opacity: 0.7;
}

.body-text {
  font-size: 14px; line-height: 1.7; color: var(--text-sub);
  max-width: 460px; margin: 0 auto 40px;
}

/* ── Social grid ── */
.social-grid {
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: 20px; margin-bottom: 40px;
  position: relative; z-index: 1;
}

/* ── Card wrapper: holds the spinning border ── */
.card-wrap {
  position: relative;
  width: 160px;
  border-radius: 12px;
  padding: 2px; 
  cursor: pointer;
  transition: transform 0.25s ease;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.card-wrap:hover { transform: translateY(-5px) translateZ(0); }

/* conic-gradient background = the border track */
.card-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: conic-gradient(
    from var(--angle),
    var(--clr-blue),
    var(--clr-mid),
    var(--clr-pink),
    var(--clr-mid),
    var(--clr-blue)
  );
  animation: spin 8s linear infinite;
}

/* neon glow halo */
.card-wrap::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 15px;
  background: conic-gradient(
    from var(--angle),
    var(--clr-blue),
    var(--clr-mid),
    var(--clr-pink),
    var(--clr-mid),
    var(--clr-blue)
  );
  animation: spin 8s linear infinite;
  filter: blur(8px);
  opacity: 0.4;
  z-index: -1;
}
.card-wrap:hover::after {
    filter: blur(10px);
    opacity: 0.6;
}
@keyframes spin {
  from { --angle: 0deg; }
  to   { --angle: 360deg; }
}
/* static dark base under the gradient — shows between border and card */
.card-wrap-inner {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(6, 10, 22, 0.6);
  backdrop-filter: blur(20px) saturate(160%) brightness(0.8);
  -webkit-backdrop-filter: blur(20px) saturate(160%) brightness(0.8);
}

/* the actual link / card content */
.social-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 22px 16px 18px;
  text-decoration: none;
  color: inherit;
  width: 100%;
}

/* dark radial overlay — kills color bleed from border */
.card-wrap-inner::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.75) 100%);
  pointer-events: none;
  z-index: -1;
}

/* shimmer top line */
.card-wrap-inner::after {
  content: '';
  position: absolute;
  top: 0; left: 15%; right: 15%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
  pointer-events: none;
}

/* icons */
.icon-wrap {
  width: 56px; height: 56px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.icon-wrap.linkedin  { background: #0a66c2; }
.icon-wrap.facebook  { background: #1877f2; }
.icon-wrap.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.icon-wrap.line   { background: #06c755; }
.icon-wrap.tiktok { background: #010101; border: 1px solid #333; }
.icon-wrap svg { width: 30px; height: 30px; fill: #fff; }

.card-name {
  font-size: 18px; font-weight: 500; color: var(--text-white);
}
.card-handle { font-size: 14px; color: var(--text-muted); margin-top: -6px; }

.card-arrow {
  align-self: flex-end;
  width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 1);
  display: flex; align-items: center; justify-content: center;
  margin-top: 4px; font-size: 13px; color: #ffffff;
  transition: border-color 0.2s, color 0.2s;
}
.card-wrap:hover .card-arrow {
  border-color: #c23af5; color: #c23af5;
}

/* Partner CTA */
.cta-wrap { margin-bottom: 36px; }
.btn-partner {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 32px;
  font-size: 16px; font-weight: 500; text-transform: uppercase;
  color: #923582; border: 1.5px solid #923582;
  border-radius: 4px; background: transparent; cursor: pointer;
  text-decoration: none; transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 0 8px rgba(200,168,75,0.3), 0 0 20px rgba(200,168,75,0.1);
}
.btn-partner:hover {
  background: #923582; color: #ffffff;
  box-shadow: 0 0 12px rgba(200,168,75,0.6), 0 0 30px rgba(200,168,75,0.25);
}
.btn-partner svg { width: 14px; height: 14px; fill: currentColor; }
.btn-follow {
  display: flex; align-items: center;justify-content: center;
  width: 100%;
  padding: 6px 6px;
  font-size: 14px;text-transform: uppercase;text-align: center;line-height: 1.2; 
  color: #923582; border: 1px solid #923582;
  border-radius: 2px; background: transparent; cursor: pointer;
  text-decoration: none; transition: all 0.2s ease-in-out;
  box-shadow: 0 0 2px rgba(195,58,245,0.3), 0 0 6px rgba(195,58,245,0.1);
}
.btn-follow:hover {
  background: #923582; color: #ffffff;
  box-shadow: 0 0 6px rgba(195,58,245,0.6), 0 0 20px rgba(195,58,245,0.25);
}
/* info bar */
.info-bar {
  display: flex; justify-content: center; align-items: center;
  gap: 32px; flex-wrap: wrap; font-size: 16px; color: var(--text-muted);
  border-top: 1px solid rgba(255,255,255,0.07); padding-top: 24px;
}
.info-bar a {
  color: var(--text-muted); text-decoration: none;
  display: flex; align-items: center; gap: 8px; transition: color 0.2s;
}
.info-bar a:hover { color: var(--text-white); }
.info-bar svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.dot-sep { opacity: 0.3; }

@media (max-width: 767px) {
  .social-grid {
    flex-direction: column;align-items: center;gap: 12px;
  }
  .card-wrap {
    width: 100%;max-width: 420px;border-radius: 14px;padding: 2px;
  }
  .card-wrap-inner {
    border-radius: 12px;
  }
  .social-card {
    flex-direction: row;align-items: center;justify-content: flex-start;gap: 16px;padding: 14px 16px;
  }
  .icon-wrap {
    width: 48px;height: 48px;border-radius: 12px;flex-shrink: 0;
  }
  .card-text {
    display: flex;flex-direction: column;align-items: flex-start;gap: 2px;flex: 1;
  }
  .card-name { font-size: 15px; }
  .card-handle { margin-top: 0; font-size: 12px; }
  .card-arrow {
    align-self: center;margin-top: 0;margin-left: auto;flex-shrink: 0;
  }
}
.qr-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;padding: 1.5rem;
}
.qr-modal.open {
  display: flex;
}
.qr-modal-content {
  position: relative;
  background: #090909;
  border-radius: 20px;
  padding: 1.5rem;
  max-width: 420px;
  width: 100%;
  text-align: center;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.45);
}
.qr-modal-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
  line-height: 1;
}
.qr-modal-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 1rem;
  border-radius: 12px;
}
.qr-modal-content p {
  color: #fff;
  margin: 0;
  font-size: 1rem;
}