.particle-background canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  top: unset;
  width: 100%;
  height: 40%;
  pointer-events: none;
  z-index: -4;
}

body {
  font-family: 'Open Sans', sans-serif;
}

p{
   font-size: 16px !important;
}

ul li{
   font-size: 16px !important;
   line-height: 30px !important;
}

html {
  scroll-behavior: smooth;
}


.tp-header-area a,
.tp-main-menu nav>ul>li>a {
  color: #ffffffbf;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
  letter-spacing: -0.04em;
  padding: 6px 12px;
  text-align: start;
  text-decoration: none;
  text-transform: none;
}

.back-btn,
.back-btn:visited,
.back-btn:active,
.back-btn:focus {
    color: #ffffff !important;
    text-decoration: none;
}

.tp-main-menu nav>ul>li>a:hover {
  color: #ffffff;
}

.sticky-white-bg.tp-header-ai-wrap.tp-header-area {
  border: none;
  border-bottom-width: 2px;
  border-color: rgba(255, 255, 255, 0.07);
  border-style: solid;
  border: 0p;
  backdrop-filter: blur(12px);
  background-color: #04070d;
  border-right-width: 0px;
  border-left-width: 0px;

  height: 64px;
  z-index: 100;

}



.sticky-white-bg.tp-header-ai-wrap.tp-header-area .container-fluid {
  position: relative;
  z-index: 100;
}

.top-black-container {
  backdrop-filter: blur(10px);

  opacity: 1;

  padding: 0px;
}

.top-black-container {
  max-width: 1350px;
  width: 100%;
  padding: 0px 50px;
  margin: auto;
}

.header-black .logo {
  max-height: 57px;
  width: 100%;
}

.ph--handshake {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m254.3 107.91l-25.52-51.06a16 16 0 0 0-21.47-7.15l-24.87 12.43l-52.39-13.86a8.14 8.14 0 0 0-4.1 0L73.56 62.13L48.69 49.7a16 16 0 0 0-21.47 7.15L1.7 107.9a16 16 0 0 0 7.15 21.47l27 13.51l55.49 39.63a8.1 8.1 0 0 0 2.71 1.25l64 16a8 8 0 0 0 7.6-2.1l55.07-55.08l26.42-13.21a16 16 0 0 0 7.15-21.46Zm-54.89 33.37L165 113.72a8 8 0 0 0-10.68.61C136.51 132.27 116.66 130 104 122l43.24-42h31.81l27.21 54.41ZM41.53 64L62 74.22l-25.57 51.05L16 115.06Zm116 119.13l-58.11-14.52l-49.2-35.14l28-56L128 64.28l9.8 2.59l-45 43.68l-.08.09a16 16 0 0 0 2.72 24.81c20.56 13.13 45.37 11 64.91-5L188 152.66Zm62-57.87l-25.52-51L214.47 64L240 115.06Zm-87.75 92.67a8 8 0 0 1-7.75 6.06a8 8 0 0 1-1.95-.24l-41.67-10.42a7.9 7.9 0 0 1-2.71-1.25l-26.35-18.82a8 8 0 0 1 9.3-13l25.11 17.94L126 208.24a8 8 0 0 1 5.82 9.7Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.btn-transparent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 20px;
  cursor: pointer;
  width: min-content;
  height: min-content;
  position: relative;
  overflow: hidden;
  text-decoration: none;

  border: 1px solid rgba(216, 231, 242, 0.07);

  backdrop-filter: blur(5px);
  background: linear-gradient(180deg, #141414 0%, rgba(255, 255, 255, 0.07) 100%);
  border-radius: 8px;

  box-shadow:
    rgba(0, 0, 0, 0.68) 0px -0.48px 0.48px -1.25px inset,
    rgba(0, 0, 0, 0.6) 0px -1.83px 1.83px -2.5px inset,
    rgba(0, 0, 0, 0.24) 0px -8px 8px -3.75px inset;
}



.btn-transparent:hover {
  background: linear-gradient(180deg, #141414 0%, rgba(255, 255, 255, 0.07) 100%);
  border: 1px solid rgba(216, 231, 242, 0.07);
  color: white;
}


.tp-main-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  gap: 8px;

  padding: 6px 12px;
  width: min-content;
  height: min-content;
  position: relative;
  overflow: visible;

  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 100px;

  opacity: 1;
}

.tp-header-dropdown nav ul li {
  margin: 0px;
}

.bg-video-home {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 60px);
  display: flex;
  align-items: center;
  background: black;
}

/* Video styling */
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .4;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.hero-text h1 {
  font-family: "Anton SC", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 80px;
  color: #d5dbe6;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  line-height: 1.2em;
  text-align: center;
  text-wrap: balance;
}

.hero-text h3 {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #d5dbe6;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  line-height: 120%;
  text-align: start;
  text-wrap: balance;
}


.glow-bg {
  position: relative;
  /*overflow: hidden;*/
  border-radius: 8px;
}

/* base glow */
.glow-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(60.1% 50% at 50% 100%,
      rgba(255, 255, 255, 0.9) 0%,
      rgba(255, 255, 255, 0) 100%);
  opacity: 1;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: scaleX(1);
  pointer-events: none;
}

/* hover glow */
.glow-bg::before {
  opacity: 1;
  transform: scaleX(0.35);
  z-index: -1;
}

/* hover glow */
.glow-bg:hover::before {
  opacity: 1;
  transform: scaleX(1);
  border-radius: 8px;
}


.btn-black-glow,
.btn.btn-black-glow:hover {
  background: black;
  color: white;
  padding: 10px 20px;
  margin: 1.5px;
  position: relative;
}

.btn-black-glow {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.04em;
    color: #ffffff;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 6px;
    
    /* Add these properties to fix the cross-browser shrink issue */
    white-space: nowrap;
    width: max-content;
    flex-shrink: 0;
}

.glow-bg {
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  border-radius: 8px;
  overflow: visible;
}

.glow-bg.has-shaow-black {
    width: max-content;
}

.system-uicons--arrow-top-right {
  display: inline-block;
  width: 32px;
  height: 32px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M14.5 13.5v-7h-7m7 0l-8 8' stroke-width='1'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


.page-template-contact .glow-bg {
    overflow: hidden;
}






.glow-bg:after {
  content: "";
  background: white;
  filter: blur(23px);
  width: 50%;
  height: 10px;
  position: absolute;
  inset: 52px 6px 5px 40px;
  z-index: -1;
}

.hero-bottom-box {
  position: absolute;
  bottom: -249px;
  left: 50%;
  width: 793px;
  height: 499px;
  background: radial-gradient(50% 50% at 50% 50%, #d5dbe6 0%, rgba(4, 7, 13, 0) 100%);
  border-radius: 10px;
  opacity: 0.15;
  z-index: 4;
  pointer-events: none;

  /* combined transform */
  transform: translateX(-50%) rotate(-13deg);
}

.ph--facebook-logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m8 191.63V152h24a8 8 0 0 0 0-16h-24v-24a16 16 0 0 1 16-16h16a8 8 0 0 0 0-16h-16a32 32 0 0 0-32 32v24H96a8 8 0 0 0 0 16h24v63.63a88 88 0 1 1 16 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ph--instagram-logo {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M128 80a48 48 0 1 0 48 48a48.05 48.05 0 0 0-48-48m0 80a32 32 0 1 1 32-32a32 32 0 0 1-32 32m48-136H80a56.06 56.06 0 0 0-56 56v96a56.06 56.06 0 0 0 56 56h96a56.06 56.06 0 0 0 56-56V80a56.06 56.06 0 0 0-56-56m40 152a40 40 0 0 1-40 40H80a40 40 0 0 1-40-40V80a40 40 0 0 1 40-40h96a40 40 0 0 1 40 40ZM192 76a12 12 0 1 1-12-12a12 12 0 0 1 12 12'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ph--youtube-logo-light {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m163.33 123l-48-32a6 6 0 0 0-9.33 5v64a6 6 0 0 0 9.33 5l48-32a6 6 0 0 0 0-10M118 148.79v-41.58L149.18 128ZM232.4 70a22 22 0 0 0-13.28-15C185 41.79 130.27 42 128 42s-57-.21-91.16 13A22 22 0 0 0 23.6 70c-2.55 9.89-5.6 28-5.6 58s3.05 48.11 5.6 58a22 22 0 0 0 13.28 15C71 214.21 125.72 214 128 214h.71c6.91 0 58-.44 90.45-13a22 22 0 0 0 13.28-15c2.55-9.87 5.6-27.93 5.6-58S235 79.89 232.4 70m-11.62 113a10 10 0 0 1-6 6.86c-32 12.33-86.2 12.14-86.78 12.14s-54.71.2-86.75-12.17a10 10 0 0 1-6-6.86C32.84 173.78 30 156.78 30 128s2.84-45.78 5.22-55a10 10 0 0 1 6-6.86C72.06 54.26 123.53 54 127.76 54h.24c.54 0 54.71-.2 86.75 12.17a10 10 0 0 1 6 6.86c2.38 9.19 5.22 26.19 5.22 55s-2.81 45.75-5.19 54.97'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.gap-32 {
  gap: 32px;
}

.gap-44 {
  gap: 44px;
}

.gap-24 {
  gap: 24px;
}

.social-hero a {
  line-height: 0px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.social-hero span {
  background-color: #d5dbe6;
  opacity: 0.5;
}

.social-divider {
  background-color: rgba(255, 255, 255, 0.07);
  flex: 0 0 auto;
  width: 2px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.hero-arrow-box {
  place-content: center;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-flow: row;
  gap: 32px;
  height: min-content;
  overflow: visible;
  padding: 0px;
  position: relative;
  width: 100%;
  z-index: 5;
}

.ep--arrow-down {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z' stroke-width='13' stroke='%23000'/%3E%3C/svg%3E");
  background-color: rgba(184, 199, 217, 0.5);
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.hero-arrow-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-arrow-box span {
  display: inline-block;
  animation: arrowFloat 4s ease-in-out infinite;
}

@keyframes arrowFloat {
  0% {
    transform: translateY(0);
    opacity: 0.6;
  }

  50% {
    transform: translateY(20px);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
    opacity: 0.6;
  }
}

.streamline--star-2-solid {
  display: inline-block;
  width: 14px;
  height: 14px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.935.655c-.318-.873-1.552-.873-1.87 0L4.622 4.622L.655 6.065c-.873.318-.873 1.552 0 1.87l3.967 1.443l1.443 3.967c.318.873 1.552.873 1.87 0l1.443-3.967l3.967-1.443c.873-.318.873-1.552 0-1.87L9.378 4.622z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.black-container-box span {
  background-color: #ffffff;
}

.bg-pale-yellow {
  background: #faf5ea;
}

.black-container-box {
  display: flex;
  flex-flow: row;
  place-content: center;
  align-items: center;
  gap: 8px;

  width: max-content;
  height: min-content;
  padding: 6px 18px;
  overflow: hidden;
  position: relative;

  background-color: rgb(4, 7, 13);

  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 60px;

  opacity: 1;

}

.black-container-box h5 {

  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;

  line-height: 1.4em;
  letter-spacing: -0.04em;

  color: #ffffff;
  text-align: start;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.max-w-744 {
  max-width: 744px;
}


.tp-about-area .vision-content {
  width: 100%;
}

.tp-about-area h3 {

  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;

  line-height: 30px;
  letter-spacing: -0.04em;

  color: #000000;

  text-decoration: none;
  text-transform: none;
}

.tp-about-area .vision-content p {

  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;

  line-height: 1.4em;
  letter-spacing: -0.04em;

  color: #000000;

  text-decoration: none;
  text-transform: none;
  text-align: left;
}


.profile-picture {
  aspect-ratio: 1 / 1;
  width: 74px;
  height: 74px;

  border-radius: 1000px;
  box-shadow: 0 0 0 2px #ffffff;

  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;

  will-change: transform;
}

.profile-picture img {
  width: auto;
  height: 100%;
}

.bi--calendar-date {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23000'%3E%3Cpath d='M6.445 11.688V6.354h-.633A13 13 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61zm1.188-1.305c.047.64.594 1.406 1.703 1.406c1.258 0 2-1.066 2-2.871c0-1.934-.781-2.668-1.953-2.668c-.926 0-1.797.672-1.797 1.809c0 1.16.824 1.77 1.676 1.77c.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164c-.664 0-1.008-.45-1.05-.82zm2.953-2.317c0 .696-.559 1.18-1.184 1.18c-.601 0-1.144-.383-1.144-1.2c0-.823.582-1.21 1.168-1.21c.633 0 1.16.398 1.16 1.23'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.upcoming-events {
  display: grid;
  flex: 0 0 auto;
  gap: 100px 120px;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(3, minmax(50px, 1fr));
  height: min-content;
  justify-content: center;
  padding: 32px 16px 0px;
  position: relative;
  width: 100%;
}

.upcoming-events img {
  aspect-ratio: 1;
  object-fit: cover;
  max-width: 303px;
  max-height: 303px;
}

.upcoming-events h6 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;

  text-align: left;
  text-decoration: none;
}

.card-event-img {
  position: relative;
}

.upcoming-events .card-event:hover .card-event-img {
  background-color: rgba(0, 0, 0);

  width: 100%;
  overflow: hidden;

}

.card-event-img{
    position: relative;
}

.upcoming-events .card-event:hover .card-event-img::after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: attr(data-button);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    background: #0000005e;
}

.upcoming-events .card-event:hover .card-event-img img {
  transform: scale(1.1);
  transition: 0.3s ease-in-out;
}

.category-name-event {
  position: absolute;
  top: -16px;
  left: -16px;
  right: -16px;
  z-index: 1;

  display: flex;
  flex-direction: row;
  align-items: center;

  gap: 10px;

  padding: 10px 12px;
  height: min-content;

  background-color: rgba(184, 199, 217, 0.5);
  backdrop-filter: blur(16px);
  border-radius: 4px;

  transform: rotate(-3deg);
  opacity: 1;
  overflow: clip;
}

.category-name-event {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;
}

.card-event {
  position: relative;
}


.upcoming-events .card-event:hover .category-name-event {

  background-color: rgb(255, 255, 255);
  color: #000000;


}

.see-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  height: 40px;
  padding: 0 16px;
  width: max-content;

  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;

  position: relative;
  z-index: 2;

  opacity: 1;
  overflow: clip;


  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;



}


.ptb-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}


.tp-brand-wrap {
  max-width: 100%;
  height: 310px;
  overflow: hidden;
  align-self: center;
  justify-self: center;
  display: flex;
  align-items: center;
}

.tp-brand-item a {
  opacity: 1;
}

.tp-brand-item a img {
  height: 199px;
  width: 514px;
  object-fit: cover;
  overflow: hidden;
  object-position: center;
}

.tp-brand-slide-active .swiper-slide {

  margin: 0 0px;
}

.transparent-black-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;

  width: 100%;
  max-width: 100%;
  padding: 20px;
  height: min-content;

  position: relative;
  overflow: visible;

  background-color: rgb(4, 7, 13);
  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 16px;

  box-shadow: inset 0 2px 1px rgba(207, 231, 255, 0.2);
  opacity: 1;
}

.transparent-black-box img {
  max-width: 600px;
  padding: 24px 12px;
}


.transparent-black-box .words-box p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  opacity: 0.6;
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;

  text-align: left;
  text-decoration: none;
  text-transform: none;
}

.ri--book-read-fill {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007zM12 5v14h8V5zm1 2h6v2h-6zm0 3h6v2h-6z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.tp-portfolio-wd-item h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;

  text-align: center;

}

.tp-portfolio-wd-item p {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;

  text-align: left;
  text-decoration: none;
  text-transform: none;
}


.tp-portfolio-wd-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;

  width: 100%;
  height: 590px;
  padding: 16px;
  position: relative;

  background-color: rgb(16, 19, 28);
  border-radius: 24px;
  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.5);

  opacity: 1;
}

.tp-portfolio-wd-item .left-text {
  place-content: flex-start center;
  align-items: flex-start;
  display: flex;
  flex: 1 0 0px;
  flex-flow: column;
  gap: 10px;
  height: 100%;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 0px 64px;
  position: relative;

}

.tp-portfolio-wd-item .right-img img {
  width: 550px;
  height: 550px;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

.white-line {

  width: 48px;
  height: 2px;

  background-color: rgb(255, 255, 255);
  border-radius: 100px;

  position: relative;
  overflow: clip;
  opacity: 1;


}

.mb-320 {
  margin-bottom: 200px;
}

.bg-black-see-more {
  background-color: rgb(4, 7, 13);


}

.container-1250 {
  max-width: 1250px;
}


img.footer-logo {
  width: 116px;
  height: auto;
  object-fit: contain;
}

.footer-bg-black .menu-items a p {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #d5dbe6b3;
  opacity: 1;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}

.footer-bg-black .divider-line {
  width: 100%;
  height: 1px;

  background-color: rgba(216, 231, 242, 0.07);

  position: relative;
  opacity: 1;
}

.p-60 {
  padding: 60px;
}

.footer-copy p {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;

  line-height: 30px;
  letter-spacing: -0.01em;
  color: #d5dbe6;

  text-align: left;
  margin-bottom: 0px;



}

.p-0 {
  padding: 0px;
}

.mw-1250 {
  max-width: 1250px;
}


a:hover,
.tp-mobile-menu-active ul li a:hover,
.footer .anton-heading:hover,
.footer-bg-black .menu-items a:hover p {
  color: white;
  opacity: 1;
  transition: 0.4s ease-in-out all;
}



.stc-card {
  position: absolute;
  height: max-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  width: 100%;
  padding: 0;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgb(4, 7, 13);
  border: 2px solid rgba(216, 231, 242, 0.07);
  border-radius: 12px;

  box-shadow: inset 0 2px 1px rgba(207, 231, 255, 0.2);
  cursor: default;


}

.icon-park-twotone--book-open {
  display: inline-block;
  width: 28px;
  height: 28px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cmask id='SVG9H518cyu'%3E%3Cpath fill='%23555555' stroke='%23fff' stroke-linejoin='round' stroke-width='2.5' d='M5 7h11a8 8 0 0 1 8 8v27a6 6 0 0 0-6-6H5zm38 0H32a8 8 0 0 0-8 8v27a6 6 0 0 1 6-6h13z'/%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%23000' d='M0 0h48v48H0z' mask='url(%23SVG9H518cyu)'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-park-twotone--book-open {
  background-color: white;
}

.three-dots {
  align-items: center;
  display: flex;
  flex-flow: row;
  gap: 8px;
  height: min-content;
  overflow: hidden;
  padding: 0px;
  position: relative;
  width: min-content;
  z-index: 1;
}


.three-dots .dot {
  width: 10px;
  height: 10px;

  background: #fff;
  border-radius: 50%;
  opacity: 0.1;

  position: relative;
  z-index: 1;
}

.stc-card-stack {
  position: relative;
  width: 100%;
  min-height: 495px;
  perspective: 1000px;
}



.stc-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;

  border-radius: 20px 20px 0 0;
  z-index: 0;
}

.stc-card-content {
  position: relative;
  z-index: 1;

}

.stc-card-content {

  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 100%;
  padding: 18px 30px;

  border-radius: 12px;
  box-shadow: inset 0 -1px 1px rgba(207, 231, 255, 0.1);
  position: relative;

}

.stc-card-body {
  display: flex;

  z-index: 1;
  gap: 60px;
  height: min-content;
  overflow: hidden;
  padding: 30px 30px 40px;
  position: relative;
  width: 100%;
  align-items: center;
}


.stc-card-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}

.solar--arrow-right-linear {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4 12h16m0 0l-6-6m6 6l-6 6'/%3E%3C/svg%3E");
  background-color: white;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.stc-card-subtitle {
  font-size: 14px;
  opacity: 0.9;
}


.stc-img-content img {
  width: 435px;
  width: 100%;
  height: 359px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;

}

.stc-text-content {
  max-width: 435px;
  margin-bottom: 30px;

}

.stc-text-content .stc-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  color: #d5dbe6;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: left;
  text-decoration: none;
}

.stc-text-content p {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
  opacity: 0.6;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
}

.stc-text-content a {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  display: flex;
  gap: 6px;
}

.gap-100 {
  gap: 100px
}



.stc-card.stc-position-0 {
  z-index: 5;
  transform: translate(0, 0) scale(1);
  opacity: 1;
}

.stc-card.stc-position-1 {
  z-index: 4;
  transform: translate(0px, -70px) scale(0.90);
  opacity: 0.9;
}

.stc-card.stc-position-2 {
  z-index: 3;
  transform: translate(0, -123px) scale(0.85);
  opacity: 0.8;
  filter: blur(.8px);
  backdrop-filter: blur(1px);
}


/* Update hover effects to use position classes */
.stc-card.stc-position-1:hover {
  transform: translate(0px, -75px) scale(0.89);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
}

.stc-card.stc-position-2:hover {
  transform: translate(0px, -128px) scale(0.84);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
}



.stc-card.stc-active {
  z-index: 10 !important;
  transform: translate(0, 0) scale(1) !important;
  opacity: 1 !important;
}




.stc-card.stc-animating {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.mw-990 {
  max-width: 990px;
  width: 100%;
}



/* Initial state */
.theater-intro {
  transform: translateY(30px) scale(0.7);
  opacity: 0;
  filter: blur(0);
  transition:
    transform 1.6s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 1.2s ease-out;
  will-change: transform, opacity;
}

/* Final state */
.theater-intro.is-loaded {
  transform: translateY(0) scale(1);
  opacity: 1;
}


.theater-item {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.8s ease-out,
    transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

/* Activated state */
.theater-intro.is-loaded .theater-item {
  opacity: 0.9;
  transform: translateY(0);
}

.theater-item.delay-1 {
  transition-delay: 0.25s;
}

.theater-item.delay-2 {
  transition-delay: 0.45s;
}

.theater-item.delay-3 {
  transition-delay: 0.65s;
}

.theater-item.delay-4 {
  transition-delay: 0.85s;
}

/* Pagination Styles */
.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 60px;
}

.pagination-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.pagination-dot:hover {
  background: rgba(255, 255, 255, 0.4);
  transform: scale(1.2);
}

.pagination-dot.active {
  background: #ffffff;
  width: 14px;
  height: 14px;
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

.ph--microphone-stage-duotone {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23000'%3E%3Cpath d='M156.5 151L59 222.45a8 8 0 0 1-10.38-.79l-14.3-14.3a8 8 0 0 1-.77-10.36L105 99.5a64 64 0 0 0 51.48 51.5Z' opacity='0.2'/%3E%3Cpath d='M168 16a72.07 72.07 0 0 0-72 72a73 73 0 0 0 .63 9.42l-69.51 94.8A15.93 15.93 0 0 0 28.71 213L43 227.29a15.93 15.93 0 0 0 20.78 1.59l94.81-69.53a73 73 0 0 0 9.41.65a72 72 0 1 0 0-144m56 72a55.72 55.72 0 0 1-11.16 33.52l-78.35-78.36A56 56 0 0 1 224 88M54.32 216L40 201.68L102.14 117A72.37 72.37 0 0 0 139 153.86ZM112 88a55.67 55.67 0 0 1 11.16-33.51l78.34 78.34A56 56 0 0 1 112 88m-2.35 58.34a8 8 0 0 1 0 11.31l-8 8a8 8 0 1 1-11.31-11.31l8-8a8 8 0 0 1 11.33-.01Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ph--book-open-text-duotone {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23000'%3E%3Cpath d='M232 56v144h-72a32 32 0 0 0-32 32V88a32 32 0 0 1 32-32Z' opacity='0.2'/%3E%3Cpath d='M232 48h-72a40 40 0 0 0-32 16a40 40 0 0 0-32-16H24a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h72a24 24 0 0 1 24 24a8 8 0 0 0 16 0a24 24 0 0 1 24-24h72a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8M96 192H32V64h64a24 24 0 0 1 24 24v112a39.8 39.8 0 0 0-24-8m128 0h-64a39.8 39.8 0 0 0-24 8V88a24 24 0 0 1 24-24h64ZM160 88h40a8 8 0 0 1 0 16h-40a8 8 0 0 1 0-16m48 40a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8m0 32a8 8 0 0 1-8 8h-40a8 8 0 0 1 0-16h40a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ph--cross-fill {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M216 92v24a16 16 0 0 1-16 16h-44v92a16 16 0 0 1-16 16h-24a16 16 0 0 1-16-16v-92H56a16 16 0 0 1-16-16V92a16 16 0 0 1 16-16h44V32a16 16 0 0 1 16-16h24a16 16 0 0 1 16 16v44h44a16 16 0 0 1 16 16'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.gap-54 {
  gap: 54px;
}

.gap-24 {
  gap: 24px;
}

.max-w-1100 {
  max-width: 1100px;
}

.mi-vi-section .max-w-1100 {
  padding: 0px 100px;
}

.mi-vi-img img {
  border-radius: 8px;
}

.text-justify {
  text-align: justify !important;
}

.mi-vi-section .vision-content {
  letter-spacing: -0.02em;
}

.mi-vi-section ul {
  list-style: none;
}

.mi-vi-section ul li {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.02em;

  color: #04070d;
  text-align: left;
  text-decoration: none;
}

.mi-vi-section ul li {
  position: relative;
}

.mi-vi-section ul li {
  counter-increment: list-item 1;
  list-style: none;
  padding-inline-start: 2ch;
}

.mi-vi-section ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100px;
  background-color: #04070d;
  position: absolute;
  z-index: 0;
  top: 15px;
  left: 0;
}

.bg-mid-yellow {
  background-color: #fefae7;

}

.max-w-1000 {
  max-width: 1000px;
}

.accordion {
  width: 600px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accordion .accordion-item {


  width: 100%;

  background: rgb(4, 7, 13);
  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 10px !important;

  box-shadow: inset 0 2px 1px rgba(207, 231, 255, 0.2);


}

.tp-faq-wrap .tp-faq-active {
  width: 100%;

  background: rgb(4, 7, 13);
  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 10px;

  box-shadow: inset 0 2px 1px rgba(207, 231, 255, 0.2);

}

.tp-faq-wrap .accordion-header .tp-faq-btn {
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;

  color: #fefae7;
  text-align: left;
  text-decoration: none;
  padding-bottom: 8px;
}

.tp-faq-wrap .tp-faq-details-para {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.04em;
  opacity: 0.6;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
}

.accordion-item .accordion-btn span {
  transform: rotate(180deg);
  transition: ease-in-out 0.4s all;
  color: #d5dbe6;
}

.tp-faq-active .accordion-btn span {
  transform: rotate(0deg);
  transition: ease-in-out 0.4s all;
}

.margin-auto {
  margin: auto;
}

.ep--arrow-down {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23d5dbe6' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z' stroke-width='13' stroke='%23d5dbe6'/%3E%3C/svg%3E");
}


.pastoral-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;

  width: 100%;
  padding: 20px;

  background: rgb(4, 7, 13);
  border: 1px solid rgb(34, 34, 34);
  border-radius: 8px;

  text-decoration: none;
  position: relative;
}

.pastoral-card img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.pastoral-card .pastoral-info h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;

  color: #ffffff;
  text-align: left;
  text-decoration: none;
}

.pastoral-card .pastoral-info p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;

  color: #ffffff;
  text-align: left;
  text-decoration: none;
}

.pastoral-cards{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:24px;
    max-width:1000px;
    margin:auto;
}

.pastoral-card{
    flex:0 0 300px;
}

.sermon-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  justify-content: flex-start;
  width: 100%;
  padding: 83px 40px;

  background: rgb(4, 7, 13);
  border: 1px solid rgba(218, 197, 167, 0.15);
  border-radius: 20px;

  position: relative;
  cursor: pointer;
  text-decoration: none;
}

.sermon-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(50px, 1fr));
  gap: 32px;

  width: 100%;
  max-width: 1000px;
  margin: 0 auto;

  position: relative;
}


.sermon-card img,
.sermon-card .sermon-thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border: 1px solid rgba(218, 197, 167, 0.15);
  border-radius: 8px;
  display: block;
}

.sermon-card .sermon-info h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
  padding: 8px 0;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  margin-bottom: 0px;
}


.sermon-card .sermon-date-info p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;

  color: rgba(255, 255, 255, 0.6);
  text-align: left;
  text-decoration: none;
  margin-bottom: 0px;
}

.sermon-card .sermon-date-info h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;

  color: #ffffff;
  text-align: left;
  text-decoration: none;
  margin-bottom: 0px;
}

.sermon-card .sermon-date-info {
  display: flex;
  flex-direction: column;
  gap: 8px;

}

.gap-113 {
  gap: 113px;
}

.ph--hand-heart {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23d5dbe6' d='M230.33 141.06a24.34 24.34 0 0 0-18.61-4.77C230.5 117.33 240 98.48 240 80c0-26.47-21.29-48-47.46-48A47.58 47.58 0 0 0 156 48.75A47.58 47.58 0 0 0 119.46 32C93.29 32 72 53.53 72 80c0 11 3.24 21.69 10.06 33a31.87 31.87 0 0 0-14.75 8.4L44.69 144H16a16 16 0 0 0-16 16v40a16 16 0 0 0 16 16h104a8 8 0 0 0 1.94-.24l64-16a7 7 0 0 0 1.19-.4L226 182.82l.44-.2a24.6 24.6 0 0 0 3.93-41.56ZM119.46 48a31.15 31.15 0 0 1 29.14 19a8 8 0 0 0 14.8 0a31.15 31.15 0 0 1 29.14-19C209.59 48 224 62.65 224 80c0 19.51-15.79 41.58-45.66 63.9l-11.09 2.55A28 28 0 0 0 140 112h-39.32C92.05 100.36 88 90.12 88 80c0-17.35 14.41-32 31.46-32M16 160h24v40H16Zm203.43 8.21l-38 16.18L119 200H56v-44.69l22.63-22.62A15.86 15.86 0 0 1 89.94 128H140a12 12 0 0 1 0 24h-28a8 8 0 0 0 0 16h32a8.3 8.3 0 0 0 1.79-.2l67-15.41l.31-.08a8.6 8.6 0 0 1 6.3 15.9Z'/%3E%3C/svg%3E");
}

.tp-give-heading h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;

  color: #04070d;
  text-align: center;
  text-decoration: none;
  max-width: 640px;
}

.icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 12px;

  background: #04070d;
  border-radius: 8px;
  box-shadow: inset 0 1px 1px rgba(207, 231, 255, 0.2);

  position: relative;
}


.give-box {
  width: -webkit-fill-available;
}

.give-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;

  max-width: 600px;
  width: 100%;
  padding: 20px;

  background: #04070d;
  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 20px;
  box-shadow: inset 0 2px 1px rgba(207, 231, 255, 0.2);

  position: relative;
  z-index: 1;
}

.give-box h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;

  color: #ffffff;
  text-align: left;
  text-decoration: none;
}

.tp-give-area .tp-faq-wrap .accordion-header button {

  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.04em;

  color: #ffffff;
  text-align: left;
  text-decoration: none;

}

.missions-section .missions-heading h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 44px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;

  color: #d5dbe6;
  text-align: center;
  text-decoration: none;
  margin-bottom: 0px;
}

.missions-section .missions-heading h3 {

  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 35px;
  /* 120% */
  letter-spacing: -0.01em;

  color: #d5dbe6;
  text-align: center;
  text-decoration: none;


}

.missions-section {
  position: relative;
  overflow: hidden;
}

.missions-heading {
  z-index: 3;
  position: relative;
}

.blu-imgs img {
  filter: blur(54px);
  position: absolute;
  top: 10%;
  z-index: 1;
  width: 100%;
  left: 0px;
  opacity: .27;
  max-width: unset;
  max-height: 549px;
}

.blu-imgs {
  z-index: 2;
}


.blur-bg {
  backdrop-filter: blur(15px);
  border-radius: 999px;
  opacity: 1;
  padding: 6px 16px;
}

.pt-240 {
  padding-top: 240px;
}


#globe-canvas:active {
  cursor: grabbing;
}

#globe-canvas {
  width: 600px;
  height: 600px;
  max-width: 90vw;
  max-height: 90vw;
  cursor: grab;
  opacity: 0.8;
}

.globe-wrapper {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.missions-top-heading {
  position: relative;
  z-index: +2;

}

.counter-mission .tp-counter-item {
  border: none;
}

.counter-mission .tp-counter-item h3 {}


.h3-number {
  /* Flex layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3px;

  /* Sizing */
  height: min-content;

  /* Mask fade effect */
  mask: linear-gradient(to top,
      transparent 0%,
      black 50%);
  -webkit-mask: linear-gradient(to top,
      transparent 0%,
      black 50%);

  /* Layout control */
  overflow: hidden;
  position: relative;
  padding: 0;
}

.h3-number span {
  /* Color */
  color: #ffffff;

  /* Typography */
  font-family: "Alata", "Alata Placeholder", sans-serif;
  font-size: 78px;
  font-weight: 400;
  line-height: 79px;

  /* Rendering */
  display: block;
  margin: 0;
  padding: 0;

  /* Animation optimization (enable only when needed) */
  will-change: transform;
}

.tp-counter-item p {
  font-family: "Alata", "Alata Placeholder", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;

  color: #ffffff;
  text-align: start;
}

.tp-counter-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: unset;
  width: unset;
}

.mynaui--users-group-solid {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fefefe'%3E%3Cpath d='M5.75 7.5A2.25 2.25 0 0 1 9.5 5.823a.75.75 0 0 0 1-1.118a3.75 3.75 0 1 0-5 5.59a.75.75 0 0 0 1-1.118A2.24 2.24 0 0 1 5.75 7.5M16 3.75a3.74 3.74 0 0 0-2.5.955a.75.75 0 0 0 1 1.118a2.25 2.25 0 0 1 3 3.355a.75.75 0 0 0 1 1.117A3.75 3.75 0 0 0 16 3.75'/%3E%3Cpath d='M12 6.75a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 0 0 0-7.5m-5.81 7.726a.75.75 0 0 0-.38-1.452c-.97.255-1.836.682-2.474 1.256c-.64.575-1.086 1.336-1.086 2.22a.75.75 0 0 0 1.5 0c0-.346.17-.729.59-1.105c.42-.378 1.054-.71 1.85-.92m12-1.45a.75.75 0 0 0-.38 1.45c.796.21 1.43.542 1.85.92c.42.376.59.76.59 1.105a.75.75 0 0 0 1.5 0c0-.884-.446-1.645-1.086-2.22c-.638-.574-1.504-1.001-2.474-1.255M12 15.75c-1.493 0-2.881.362-3.921.986c-1.025.615-1.829 1.569-1.829 2.764a.75.75 0 0 0 1.5 0c0-.462.316-1.007 1.1-1.478c.77-.462 1.882-.772 3.15-.772s2.38.31 3.15.772c.784.47 1.1 1.017 1.1 1.478a.75.75 0 0 0 1.5 0c0-1.195-.804-2.15-1.829-2.764c-1.04-.624-2.428-.986-3.921-.986'/%3E%3C/g%3E%3C/svg%3E");
}

.black-container-box.has-icon span {
  background-color: transparent;
}

h3.has-bold-text span {
  font-weight: bolder;

}


.uiw--mail-o {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fefefe' fill-rule='evenodd' d='M18.333 2.5c.92 0 1.667.746 1.667 1.667v11.666c0 .92-.746 1.667-1.667 1.667H1.667C.747 17.5 0 16.754 0 15.833V4.167C0 3.247.746 2.5 1.667 2.5zM7.168 11.328l-4.91 4.852h15.325l-4.857-4.802L10 13.265zM18.64 7.292l-4.796 3.316l4.796 4.736zm-17.279.061v7.836l4.686-4.631zm16.956-3.532H1.698a.36.36 0 0 0-.25.086a.26.26 0 0 0-.085.222v1.62L10 11.656l8.644-5.965V4.199q.001-.2-.092-.292a.3.3 0 0 0-.234-.086'/%3E%3C/svg%3E");
}


.social-hero.black span {
  background-color: #04070d;
  opacity: 0.5;
}

.social-hero.black .social-divider {
  background-color: #04070d;
}


.heading-mid {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #04070d;
  text-align: center;
  margin-bottom: 0px;
}

.heading-with-lines .line {
  width: 70px;
  height: 1px;
  background: #04070d;
}

.heading-with-lines,
.heading-with-lines-grad {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* vertical scroll images */


.vs-body {
  height: 500vh;
  overflow-x: hidden;
  width: 100%;
  max-height: 100vh;
}

/* Sticky viewport */
.vs-scroll-section {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Grid */
.vs-columns {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  border-radius: 30px;
  overflow: hidden;
}

/* Column viewport */
.vs-col {
  height: 100vh;
  overflow: hidden;
}

/* Inner looping stack */
.vs-col-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  will-change: transform;
}

/* Images */
.vs-col img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  border-radius: 16px;
}


.heading-mid-grad {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #d5dbe6;
}

.line-grad-left {

  background: linear-gradient(90deg, var(--token-eb09dbbf-ef85-4b7f-81a5-44e9b062efb7, #000000) 0%, var(--token-a85af9cb-7834-4006-a277-2dd1295ae376, rgb(255, 255, 255)) 100%);
  flex: 0 0 auto;
  height: 1px;
  opacity: 0.5;
  overflow: hidden;
  position: relative;
  width: 69px;

}

.line-grad-right {
  background: linear-gradient(270deg, var(--token-eb09dbbf-ef85-4b7f-81a5-44e9b062efb7, #000000) 0%, var(--token-a85af9cb-7834-4006-a277-2dd1295ae376, rgb(255, 255, 255)) 100%);
  flex: 0 0 auto;
  height: 1px;
  opacity: 0.5;
  overflow: hidden;
  position: relative;
  width: 69px;
}

.z-i-1 {
  z-index: 1;
}

.mw-300-px {
  max-width: 300px;
}

.mission-btn-bg.glow-bg:after {
  display: none;
}

.mission-title-h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #d5dbe6;
}

.missions-part.particle-background canvas {
  z-index: 0;
}

.missions-part.particle-background .hero-bottom-box {
  opacity: 0.08;
}

.line-bottom {
  background: radial-gradient(50% 50% at 50% 50%, var(--token-5970a3c6-0f13-482e-8fb6-b8cb7d627b04, rgba(255, 255, 255, 0.07)) 0%, var(--token-eb09dbbf-ef85-4b7f-81a5-44e9b062efb7, rgb(0, 0, 0)) 100%);
  bottom: 0px;
  flex: 0 0 auto;
  height: 4px;
  left: 0px;
  position: absolute;
  right: 0px;
  z-index: 1;
}

.prime--images {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fefefe' d='M18.5 3.75h-10A2.75 2.75 0 0 0 5.75 6.5v.25H5.5A2.75 2.75 0 0 0 2.75 9.5v8a2.75 2.75 0 0 0 2.75 2.75h10a2.75 2.75 0 0 0 2.75-2.75v-.25h.25a2.75 2.75 0 0 0 2.75-2.75v-8a2.75 2.75 0 0 0-2.75-2.75M7.25 6.5A1.25 1.25 0 0 1 8.5 5.25h10a1.25 1.25 0 0 1 1.25 1.25v6.2l-2.27-1.91a.74.74 0 0 0-1.05.08l-1.07 1.26l-4-3.88a.7.7 0 0 0-.52-.25a.75.75 0 0 0-.54.26l-3.05 3.63Zm1.25 9.25a1.25 1.25 0 0 1-1.25-1.25v-.3l3.67-4.32l3.46 3.39l-2.1 2.48Zm8.25 1.75a1.25 1.25 0 0 1-1.25 1.25h-10a1.25 1.25 0 0 1-1.25-1.25v-8A1.25 1.25 0 0 1 5.5 8.25h.25v6.25a2.75 2.75 0 0 0 2.75 2.75h8.25Zm1.75-1.75h-4.25l2.84-3.34l2.63 2.23a1.23 1.23 0 0 1-1.22 1.11'/%3E%3C/svg%3E");
}


.ac-spacer {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #666;
}


.ac-container {
  position: relative;
  background: #0a0a0a;
  min-height: 200vh;
  /* Add minimum height */
  padding-bottom: 200px;
}

.ac-heading-wrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  z-index: 1;
}

.ac-cards-container {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;

  display: flex;
  flex-direction: column;
  gap: 174px;
}

.ac-card {
  background: transparent;


  position: relative;

  transform-style: preserve-3d;
  perspective: 1000px;
  width: max-content;
}


.ac-card-content {
  position: relative;
  z-index: 2;
}

.ac-card h3 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #fff;
}

.px-110 {
  padding-right: 110px;
  padding-left: 110px;
}

.px-40 {
  padding-right: 40px;
  padding-left: 40px;
}


.ac-card p {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;
  text-align: left;
  margin-bottom: 0px;
}




.ac-heading {
  font-family: "Anton SC", sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: center;
  color: #e4e9f2;
}

.ac-card .system-uicons--arrow-top-right {
  background-color: white;

}

.ac-card.max-h-446 a img {
  height: 404px;
  object-fit: cover;
}

.max-w-451 {
  max-width: 451px;
}

.max-w-718 img {
  width: 718px;
  object-fit: cover;
}

.height-box img {
  width: 505px;
  height: 673px;
  object-fit: cover;
}


.ac-card {
  position: relative;


}

/* Card */
.ac-card {
  position: relative;

  overflow: visible;
}

/* Corner base */
.ac-card .corner {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  pointer-events: none;

  /* hover animation setup */
  opacity: 0;
  transform: scale(0.4);
  transition:
    opacity 0.3s ease,
    transform 0.35s ease;
}

/* Top-left */
.ac-card .tl {
  top: -12px;
  left: -12px;
  border-right: none;
  border-bottom: none;
}

/* Top-right */
.ac-card .tr {
  top: -12px;
  right: -12px;
  border-left: none;
  border-bottom: none;
}

/* Bottom-left */
.ac-card .bl {
  bottom: -12px;
  left: -12px;
  border-right: none;
  border-top: none;
}

/* Bottom-right */
.ac-card .br {
  bottom: -12px;
  right: -12px;
  border-left: none;
  border-top: none;
}

/* Hover state */
.ac-card:hover .corner {
  opacity: 1;
  transform: scale(1);
}


.lr-light-rays-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 250vh;
  overflow: hidden;
  pointer-events: none;
}

.lr-light-source {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background: radial-gradient(circle,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.6) 30%,
      rgba(255, 255, 255, 0.3) 60%,
      rgba(255, 255, 255, 0) 100%);
  border-radius: 50%;
  filter: blur(40px);
  animation: lr-sourceGlow 3s ease-in-out infinite;
  z-index: 10;
}

.lr-ray::before {
  content: '';
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(153, 160, 173, 0.5) 15%, rgba(153, 160, 173, 0.4) 30%, rgba(153, 160, 173, 0.3) 50%, rgba(153, 160, 173, 0.2) 70%, transparent 100%);
  filter: blur(10px);
}

@keyframes lr-sourceGlow {

  0%,
  100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.8;
  }

  50% {
    transform: translateX(-50%) scale(1.2);
    opacity: 1;
  }
}

.lr-rays-wrapper {
  position: absolute;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

.lr-ray {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 180vh;
  transform-origin: top center;
  opacity: 0;
  animation: lr-rayAppear 4s ease-in-out infinite;
}



/* Individual ray rotations - wide fan spread from -75deg to +75deg (inverted protector angle) */
.lr-ray:nth-child(1) {
  transform: translateX(-50%) rotate(-75deg);
  animation-delay: 0s;
  --rotate: -75deg;
}

.lr-ray:nth-child(2) {
  transform: translateX(-50%) rotate(-62deg);
  animation-delay: 0.0s;
  --rotate: -62deg;
}

.lr-ray:nth-child(3) {
  transform: translateX(-50%) rotate(-50deg);
  animation-delay: 0.0s;
  --rotate: -50deg;
}

.lr-ray:nth-child(4) {
  transform: translateX(-50%) rotate(-38deg);
  animation-delay: 0.0s;
  --rotate: -38deg;
}

.lr-ray:nth-child(5) {
  transform: translateX(-50%) rotate(-25deg);
  animation-delay: 0.0s;
  --rotate: -25deg;
}

.lr-ray:nth-child(6) {
  transform: translateX(-50%) rotate(-13deg);
  animation-delay: 0.0s;
  --rotate: -13deg;
}

.lr-ray:nth-child(7) {
  transform: translateX(-50%) rotate(0deg);
  animation-delay: 0.0s;
  --rotate: 0deg;
}

.lr-ray:nth-child(8) {
  transform: translateX(-50%) rotate(13deg);
  animation-delay: 0.0s;
  --rotate: 13deg;
}

.lr-ray:nth-child(9) {
  transform: translateX(-50%) rotate(25deg);
  animation-delay: 0.0s;
  --rotate: 25deg;
}

.lr-ray:nth-child(10) {
  transform: translateX(-50%) rotate(38deg);
  animation-delay: 0.0s;
  --rotate: 38deg;
}

.lr-ray:nth-child(11) {
  transform: translateX(-50%) rotate(50deg);
  animation-delay: 0.0s;
  --rotate: 50deg;
}

.lr-ray:nth-child(12) {
  transform: translateX(-50%) rotate(62deg);
  animation-delay: 0.0s;
  --rotate: 62deg;
}

.lr-ray:nth-child(13) {
  transform: translateX(-50%) rotate(75deg);
  animation-delay: 0.0s;
  --rotate: 75deg;
}

/* All rays same color - no alternate colors needed */
.lr-ray:nth-child(2n)::before {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(153, 160, 173, 0.5) 15%,
      rgba(153, 160, 173, 0.4) 30%,
      rgba(153, 160, 173, 0.3) 50%,
      rgba(153, 160, 173, 0.2) 70%,
      transparent 100%);
}

.lr-ray:nth-child(3n)::before {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(153, 160, 173, 0.5) 15%,
      rgba(153, 160, 173, 0.4) 30%,
      rgba(153, 160, 173, 0.3) 50%,
      rgba(153, 160, 173, 0.2) 70%,
      transparent 100%);
}

@keyframes lr-rayAppear {

  0%,
  100% {
    opacity: 0.4;
  }

  50% {
    opacity: 1;
  }
}

/* Content section to show the effect */
.lr-content {
  position: relative;
  z-index: 5;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100px 20px 50px;
}

.lr-content h1 {
  font-size: 4rem;
  font-weight: 900;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  text-shadow: 0 0 30px rgba(255, 200, 0, 0.5);
}

.lr-content p {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  max-width: 600px;
}

@media (max-width: 768px) {
  .lr-content h1 {
    font-size: 2.5rem;
  }

  .lr-content p {
    font-size: 1.2rem;
  }

  .lr-ray::before {
    width: 12px;
  }
}

.contact-section {
  place-content: center;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-flow: column;
  gap: 56px;
  height: min-content;
  overflow: hidden;

  position: relative;
  width: 100%;
}


.ph--pencil-line-duotone {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23fefefe'%3E%3Cpath d='M221.66 90.34L192 120l-56-56l29.66-29.66a8 8 0 0 1 11.31 0L221.66 79a8 8 0 0 1 0 11.34' opacity='0.2'/%3E%3Cpath d='m227.32 73.37l-44.69-44.68a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h168a8 8 0 0 0 0-16H115.32l112-112a16 16 0 0 0 0-22.63M79.32 188L164 103.31L180.69 120L96 204.69ZM68 176.69L51.31 160L136 75.31L152.69 92Zm-20 2.62L76.69 208H48Zm144-70.62L147.32 64l24-24L216 84.69Z'/%3E%3C/g%3E%3C/svg%3E");
}

.contact-heading h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;
}

.contact-form-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;

  gap: 69px;

  width: 100%;
  max-width: 1900px;
  height: auto;

  padding: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 40px;

  position: relative;
  overflow: visible;
  z-index: 1;
}

.ph--map-pin-duotone {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23fefefe'%3E%3Cpath d='M128 24a80 80 0 0 0-80 80c0 72 80 128 80 128s80-56 80-128a80 80 0 0 0-80-80m0 112a32 32 0 1 1 32-32a32 32 0 0 1-32 32' opacity='0.2'/%3E%3Cpath d='M128 64a40 40 0 1 0 40 40a40 40 0 0 0-40-40m0 64a24 24 0 1 1 24-24a24 24 0 0 1-24 24m0-112a88.1 88.1 0 0 0-88 88c0 31.4 14.51 64.68 42 96.25a254.2 254.2 0 0 0 41.45 38.3a8 8 0 0 0 9.18 0a254.2 254.2 0 0 0 41.37-38.3c27.45-31.57 42-64.85 42-96.25a88.1 88.1 0 0 0-88-88m0 206c-16.53-13-72-60.75-72-118a72 72 0 0 1 144 0c0 57.23-55.47 105-72 118'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-w-txt {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}


.icon-w-txt p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-wrap: wrap;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 0px;
}

.contact-form-left {
  max-width: 525px;
  width: 100%;
}

.contact-form-left h3,
.contact-form-right h3 {

  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #d5dbe6;

  text-align: left;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 0px;



}

.gap-69 {
  gap: 69px;
}

.gap-14 {
  gap: 14px;
}

.ph--clock-duotone {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23fefefe'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='0.2'/%3E%3Cpath d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88m64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8'/%3E%3C/g%3E%3C/svg%3E");
}

.ant-design--mail-twotone {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fefefe' fill-opacity='0.15' d='M477.5 536.3L135.9 270.7l-27.5-21.4l27.6 21.5V792h752V270.8L546.2 536.3a55.99 55.99 0 0 1-68.7 0'/%3E%3Cpath fill='%23fefefe' fill-opacity='0.15' d='m876.3 198.8l39.3 50.5l-27.6 21.5l27.7-21.5l-39.3-50.5z'/%3E%3Cpath fill='%23fefefe' d='M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32m-94.5 72.1L512 482L190.5 232.1zm54.5 38.7V792H136V270.8l-27.6-21.5l27.5 21.4l341.6 265.6a55.99 55.99 0 0 0 68.7 0zl27.6-21.5l-39.3-50.5h.1l39.3 50.5z'/%3E%3C/svg%3E");
}

.si--phone-duotone {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='%23fefefe' fill-opacity='0.16' d='m7.18 10.27l6.504 6.46c.697-.807 5.11-5.538 7.316.924c0 0-.232 3.346-4.994 3.346c-3.367 0-6.851-4.038-9.29-6.346C4.626 12.692 3 10.154 3 7.846C3 3.116 6.252 3 6.252 3c7.432 2.538.929 7.27.929 7.27'/%3E%3Cpath stroke='%23fefefe' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1' d='m7.18 10.27l6.504 6.46c.697-.807 5.11-5.538 7.316.924c0 0-.232 3.346-4.994 3.346c-3.367 0-6.851-4.038-9.29-6.346C4.626 12.692 3 10.154 3 7.846C3 3.116 6.252 3 6.252 3c7.432 2.538.929 7.27.929 7.27Z'/%3E%3C/g%3E%3C/svg%3E");
}

.lets-icons--arrow-right-light {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fefefe' d='m20 12l.354-.354l.353.354l-.353.354zm-15 .5a.5.5 0 0 1 0-1zm9.354-6.854l6 6l-.708.708l-6-6zm6 6.708l-6 6l-.708-.708l6-6zM20 12.5H5v-1h15z'/%3E%3C/svg%3E");
}

.social-contact-c .link-with-animation .left-scc {

  background: #ffffff1a;
  height: 60px;
  align-items: center;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;

  gap: 10px;
}

.social-contact-c .link-with-animation {
  width: 100%;
  border-radius: 54px;
  border: 1px solid transparent;

  overflow: hidden;
}

.social-contact-c {
  width: 100%;
}

.left-scc {
  gap: 0px;
  align-items: center;
  height: 60px;


}

.left-scc p {
  margin-bottom: 0px;
  color: white;
}

.social-contact-c .link-with-animation .right-scc {
  width: 70px;
  align-items: center;
  justify-content: center;
  background: #ffffff1a;
}

.social-contact-c .link-with-animation:hover {
  border-color: #ffffff80;
  gap: 10px;
}



.social-contact-c .right-scc,
.social-contact-c .left-scc {
  border-radius: 0;
  transition: border-radius 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-contact-c .link-with-animation:hover .right-scc,
.social-contact-c .link-with-animation:hover .left-scc {
  border-radius: 54px;
}

.social-contact-c .link-with-animation .right-scc span {
  transform: rotate(0deg);
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-contact-c .link-with-animation:hover .right-scc span {
  transform: rotate(-45deg);

}

.ph--facebook-logo-duotone {
  display: inline-block;

  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23fefefe'%3E%3Cpath d='M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96' opacity='0.2'/%3E%3Cpath d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m8 191.63V152h24a8 8 0 0 0 0-16h-24v-24a16 16 0 0 1 16-16h16a8 8 0 0 0 0-16h-16a32 32 0 0 0-32 32v24H96a8 8 0 0 0 0 16h24v63.63a88 88 0 1 1 16 0'/%3E%3C/g%3E%3C/svg%3E");
}

.left-scc p {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;

  text-align: left;
  text-transform: none;
  text-decoration: none;
}

.social-contact-c .link-with-animation .left-scc span {
  width: 25px;
  height: 25px;
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-contact-c .link-with-animation:hover .left-scc span {
  width: 35px;
  height: 35px;
}

.gap-8 {
  gap: 8px;
}

.icon-park-twotone--instagram {
  display: inline-block;

  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cmask id='SVGNCk1AeEo'%3E%3Cg fill='none'%3E%3Cpath fill='%23555555' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5' d='M34 6H14a8 8 0 0 0-8 8v20a8 8 0 0 0 8 8h20a8 8 0 0 0 8-8V14a8 8 0 0 0-8-8Z'/%3E%3Cpath fill='%23555555' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5' d='M24 32a8 8 0 1 0 0-16a8 8 0 0 0 0 16Z'/%3E%3Cpath fill='%23fff' d='M35 15a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%23fefefe' d='M0 0h48v48H0z' mask='url(%23SVGNCk1AeEo)'/%3E%3C/svg%3E");
}

.ph--youtube-logo-duotone {
  display: inline-block;

  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23fefefe'%3E%3Cpath d='M226.59 71.53a16 16 0 0 0-9.63-11C183.48 47.65 128 48 128 48s-55.48-.35-89 12.58a16 16 0 0 0-9.63 11C27.07 80.54 24 98.09 24 128s3.07 47.46 5.41 56.47A16 16 0 0 0 39 195.42C72.52 208.35 128 208 128 208s55.48.35 89-12.58a16 16 0 0 0 9.63-10.95c2.34-9 5.41-26.56 5.41-56.47s-3.11-47.46-5.45-56.47M112 160V96l48 32Z' opacity='0.2'/%3E%3Cpath d='m164.44 121.34l-48-32A8 8 0 0 0 104 96v64a8 8 0 0 0 12.44 6.66l48-32a8 8 0 0 0 0-13.32M120 145.05V111l25.58 17Zm114.33-75.53a24 24 0 0 0-14.49-16.4C185.56 39.88 131 40 128 40s-57.56-.12-91.84 13.12a24 24 0 0 0-14.49 16.4C19.08 79.5 16 97.74 16 128s3.08 48.5 5.67 58.48a24 24 0 0 0 14.49 16.41C69 215.56 120.4 216 127.34 216h1.32c6.94 0 58.37-.44 91.18-13.11a24 24 0 0 0 14.49-16.41c2.59-10 5.67-28.22 5.67-58.48s-3.08-48.5-5.67-58.48m-15.49 113a8 8 0 0 1-4.77 5.49c-31.65 12.22-85.48 12-86.12 12s-54.37.18-86-12a8 8 0 0 1-4.77-5.49C34.8 173.39 32 156.57 32 128s2.8-45.39 5.16-54.47A8 8 0 0 1 41.93 68c31.65-12.18 85.47-12 86.12-12s54.37-.18 86 12a8 8 0 0 1 4.77 5.49C221.2 82.61 224 99.43 224 128s-2.8 45.39-5.16 54.47Z'/%3E%3C/g%3E%3C/svg%3E");
}

.contact-form-right {
  width: 100%;
}

.contact-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  gap: 24px;
  padding: 20px;

  width: 100%;
  position: relative;
  overflow: visible;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  height: 100%;

  padding: 12px 16px;
  background: #bbbbbb26;

  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #ffffff;
  height: 40px;
  border: none;
  outline: none;
  border-radius: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contact-form label {

  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;

  text-align: left;
  text-transform: none;
  text-decoration: none;

}


.contact-form .row>div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.row.gap-10 .col-6 {
  max-width: calc(50% - 5px);
}

.gap-10 {
  gap: 10px;
}


.nursery-contact-box .btn-black-glow, .nursery-contact-box .btn.btn-black-glow:hover {
  
    margin: 1px;

}

.contact-form textarea {
  min-height: 133px;
  overflow: hidden;
}

/* Container */
.switch-container {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Label */
.switch-label {
  font-family: "Figtree", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}

/* Switch */
.switch {
  position: relative;
  width: 64px;
  height: 36px;
  padding: 4px;

  background: #814ac8;
  border: 1px solid #222;
  border-radius: 999px;

  cursor: pointer;
  transition: background 0.3s ease;
}

/* Switch thumb */
.switch-thumb {
  position: absolute;
  top: 4px;
  left: 4px;

  width: 28px;
  height: 28px;

  background: #ffffff;
  border-radius: 50%;

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ON state */
.switch.on .switch-thumb {
  transform: translateX(28px);
}

/* Optional OFF state */
.switch.off {
  background: #555;
}

.contact-form .glow-bg a, .email-right-box .glow-bg a{
  justify-content: center;
}

.contact-form .glow-bg:after {
  content: "";
  background: white;
  filter: blur(38px);
  width: 50%;
  height: 10px;
  position: absolute;
  inset: 52px 6px 5px 40px;
  z-index: -1;
  /* right: 30%; */
  left: 25%;
}



.map-wrapper {
  width: 100%;
}

.ph--arrow-left-duotone {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='%23fefefe'%3E%3Cpath d='M112 56v144l-72-72Z' opacity='0.2'/%3E%3Cpath d='M216 120h-96V56a8 8 0 0 0-13.66-5.66l-72 72a8 8 0 0 0 0 11.32l72 72A8 8 0 0 0 120 200v-64h96a8 8 0 0 0 0-16m-112 60.69L51.31 128L104 75.31Z'/%3E%3C/g%3E%3C/svg%3E");
}

.back-btn {
  background: #04070d;
  gap: 6px;
  padding: 8px 20px;
  border-radius: 8px;
  display: flex;
  border: 1px solid #fff;
}

.back-btn {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;

  line-height: 22px;
  letter-spacing: -0.01em;
  color: #ffffff;
  max-width: max-content;
}

.p-event-info .event-date {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.6;
  letter-spacing: -0.02em;
  color: #04070d;
  opacity: 0.5;

  text-align: left;
  text-transform: none;
  text-decoration: none;
}

.px-100 {
  padding-right: 100px;
  padding-left: 100px;
}

.p-event-info .event-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #04070d;

  text-align: left;
  text-transform: none;
  text-decoration: none;
}

.p-event-info .event-place {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #04070d;

  text-align: left;
  text-transform: none;
  text-decoration: none;
}

.event-content-container img {
  border-radius: 8px;
  overflow: hidden;
}

.event-content-container p {

  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #04070d;

  text-align: justify;
  text-transform: none;
  text-decoration: none;

}

.mi-content-wp p {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;

  line-height: 1.4em;
  letter-spacing: -0.04em;

  color: #000000;

  text-decoration: none;
  text-transform: none;
}

.sermons-770px {
  max-width: 770px;
  margin: auto;
}

.sermons-content-container iframe {
  width: 100%;
  height: max-content;
  border-radius: 20px;
}


.youtube-wrapper {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 16px;
}

.youtube-thumb {
  width: 100%;
  display: block;
}

.youtube-play-btn {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1;
}

.youtube-play-btn svg {
  transition: transform 0.3s ease;

}

.youtube-wrapper:hover .youtube-play-btn svg {
  transform: scale(1.08);
}

.youtube-wrapper iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}


.sermons-content-container .f-image.youtube-wrapper::after {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: background 0.3s ease;

}


.icon-park-solid--user {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Ccircle cx='24' cy='12' r='8' fill='%23fefefe'/%3E%3Cpath d='M42 44c0-9.941-8.059-18-18-18S6 34.059 6 44'/%3E%3C/g%3E%3C/svg%3E");
}



.footer-homepage-link {
  /* Layout */
  display: flex;
  flex-direction: row;
  place-content: center;
  align-items: center;
  gap: 7px;

  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #04070d;
  text-align: start;
  transition: 0.5s;
    

  /* Size & spacing */
  width: max-content;
  height: min-content;
  padding: 8px 14px 8px 12px;

  /* Interaction */
  cursor: pointer;
  text-decoration: none;

  /* Positioning */
  position: fixed;
  overflow: hidden;

  top: 70%;
  right: 20px;
  z-index: 1000;

  /* Appearance */
  background: linear-gradient(180deg,
      rgba(184, 199, 217, 0.5) 0%,
      rgb(255, 255, 255) 43.4%);
  border-radius: 11px;
  opacity: 1;

  /* Border variables */

  border: 1px solid rgb(213, 219, 230);

  /* Shadow */
  box-shadow:
    rgba(61, 61, 61, 0.72) 0 0.6px 1.08px -1.25px,
    rgba(61, 61, 61, 0.64) 0 2.28px 4.12px -2.5px,
    rgba(61, 61, 61, 0.25) 0 10px 18px -3.75px,
    rgba(0, 0, 0, 0.35) 0 0.7px 0.7px -0.58px,
    rgba(0, 0, 0, 0.34) 0 1.8px 1.8px -1.16px,
    rgba(0, 0, 0, 0.33) 0 3.62px 3.62px -1.75px,
    rgba(0, 0, 0, 0.3) 0 6.86px 6.86px -2.33px,
    rgba(0, 0, 0, 0.26) 0 13.64px 13.64px -2.91px,
    rgba(0, 0, 0, 0.15) 0 30px 30px -3.5px;

  /* Performance */
  will-change: transform;
}

.si--home-duotone {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='%2304070d' fill-opacity='0.16' d='M15 22h3.6a2.4 2.4 0 0 0 2.4-2.412V8.332c0-.382-.18-.734-.48-.965L12.7 2.24a1.195 1.195 0 0 0-1.44 0L3.48 7.367c-.3.231-.48.583-.48.965v11.256A2.4 2.4 0 0 0 5.4 22H9v-9.2c0-.44.36-.8.8-.8h4.4c.44 0 .8.36.8.8z'/%3E%3Cpath stroke='%2304070d' stroke-miterlimit='10' stroke-width='1' d='M18.6 22H5.4A2.4 2.4 0 0 1 3 19.588V8.332c0-.382.18-.734.48-.965l7.78-5.126a1.195 1.195 0 0 1 1.44 0l7.82 5.126c.3.231.48.583.48.965v11.256A2.4 2.4 0 0 1 18.6 22Z'/%3E%3Cpath stroke='%2304070d' stroke-miterlimit='10' stroke-width='1' d='M9.8 12h4.4c.44 0 .8.36.8.8V22H9v-9.2c0-.44.36-.8.8-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}


.tp-faq-details-para p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.01em;

  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: none;
}

.white-contact-form {
  background-color: white;
  border-radius: 20px;
}

.white-contact-form form .col-6 {
  max-width: calc(50%);

}

.white-contact-form form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;

}

.white-contact-form input {
  background: #f5f5f5;
  height: 30px;
  border-radius: 10px;
}

.white-contact-form label {
  width: 100%;
}

.white-contact-form textarea {
  min-height: 100px;
  background: #f5f5f5;
  border-radius: 10px;
}

.country-dropdown select {
  display: block;
  width: 100%;
  background: #f5f5f5;
  border: none;
  padding: 5px 20px;
  height: 43px;
  border-radius: 20px;
}

.country-dropdown select {
  color: #8f8f8f;
}

.country-dropdown select option {
  color: #000;
}

.country-dropdown select option[disabled] {
  color: #8f8f8f;
}


input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  color: #04070d;
}

.country-dropdown select {
  width: 100%;
  padding-right: 20px;


  background-color: transparent;



  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #f5f5f5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  /* arrow moved inside */
  background-size: 12px;
}

/* Change text color after selection */
.country-dropdown select:valid {
  color: #000;
}

/* Disabled option acts as placeholder */
.country-dropdown option[disabled] {
  color: #8f8f8f;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: transparent !important;
}



.white-contact-form label {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.icon-park-solid--projector-one {
  display: inline-block;
  width: 22px;
  height: 22px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cmask id='SVGaMV5ubEy'%3E%3Cg fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21 21V10H10v11'/%3E%3Crect width='40' height='16' x='4' y='21' fill='%23fff' stroke='%23fff' stroke-width='1.5' rx='2'/%3E%3Crect width='4' height='4' x='14' y='27' fill='%23000' rx='2'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M28 29h8'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%23000' d='M0 0h48v48H0z' mask='url(%23SVGaMV5ubEy)'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}


.content-box-cg h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 44px;
  font-weight: 400;
  font-style: normal;

  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;

  color: #d5dbe6;

  text-decoration: none;
  text-transform: none;

}

.content-box-cg .content {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;

  letter-spacing: -0.04em;
  line-height: 1.4;
  text-align: left;

  color: #ffffff;
}

.cg-pin-section .tp-portfolio-wd-item {
  background-size: cover;
}

.cg-pin2-section .tp-portfolio-wd-item {
  background-size: cover;
}

.cg-pin-section .tp-portfolio-wd-item {
  width: 100% !important;

  margin: auto;
}

.cg-pin2-section .tp-portfolio-wd-item {
  width: 100% !important;

  margin: auto;
}


.cg-pin-section {
  width: 100%;
}

.cg-pin2-section {
  width: 100%;
}

.cg-pin-section .tp-portfolio-wd-item .content-box-cg {

  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  justify-content: center;
  /*margin-top: 60px;*/

}

.cg-pin2-section .tp-portfolio-wd-item .content-box-cg {

  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  justify-content: center;
  margin-top: auto;

}

.mw-800 {
  max-width: 800px;
  margin-right: auto;
}

.cg-pin-section .tp-portfolio-wd-item {
  min-height: 720px;
}

.mw-760 {
  max-width: 760px;
  margin-right: auto;
}

.tp-portfolio-wd-item .content-box-cg p {
  font-size: 22px;
  text-align: justify;
}

.cg-title .title {
  font-family: 'Open Sans', sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #d5dbe6;
  text-align: start;

}

.zamie-kids-section p {

  font-family: "Bubblegum Sans", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  color: #3b001b;
}

.zamie-kids-section h1 {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  color: #3b001b;
  text-transform: uppercase;
}


.zk-content {
  max-width: 800px;
}

.zamie-kids-section {
  height: calc(100vh - 65px);
}

.zamie-kids-section {
  position: relative;
  overflow: hidden;
}

/* Video wrapper */
.zk-bg-video {
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Video */
.zk-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}

/* Content above video */
.zamie-kids-section .zk-content {
  position: relative;
  z-index: 2;
  opacity: 1;


}


.zamie-classes .classes-para {
  max-width: 800px;
}

.zamie-classes .classes-para p {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  color: #3b001b;

}

.lg-orange-bg {
  background: #fae0be;
}

.classes-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 30px;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  position: relative;

}

.kids-boxes {
  max-width: 700px;
  background: #fefae7;
  border-radius: 40px;
  padding: 18px 0px;
  overflow: hidden;
}

.kids-boxes img {
  width: 100%;

}

.max-w-1400 {
  max-width: 1400px;
  margin: auto;
}

.ks-button-boxes p {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  color: #3b001b;

}

.ks-button-boxes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 20px 0;
  position: relative;
  overflow: hidden;
}

.kids-boxes img {
  transform: scale(1);
  transition: all 0.4s ease-in-out;
  max-width: 683px;
  max-height: 512px;
  object-fit: cover;

}

.kids-boxes:hover img {
  transform: scale(1.15);
  transition: all 0.4s ease-in-out;

}

.ks-btn {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 0px;
  height: 68px;
  width: max-content;


  border-bottom: 12px solid rgb(4, 7, 13);
  border-radius: 25px;

  cursor: pointer;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  opacity: 1;

}

.ks-btn:hover,
.ks-btn:focus {
  transition: all 0.3s ease-in-out;
  border-bottom: 3px solid rgb(4, 7, 13);
}


.ks-btn p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 34px 16px;


  background-color: rgb(250, 224, 190);
  border-radius: 18px;

  position: relative;
  overflow: hidden;
  margin-bottom: 0px;

}


.kcc-container {
  perspective: 1000px;
  width: 420px;
  height: 420px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#kcc-ring {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
}

.kcc-img {
  width: 280px;
  height: 400px;
  /* Portrait */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  will-change: transform;
  backface-visibility: hidden;
}

#kcc-dragger {
  position: fixed;
  inset: 0;
  cursor: grab;
}

#kcc-dragger:active {
  cursor: grabbing;
}

.kcc-vignette {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.prespective-scroll-imgs {
  width: 100%;
  min-height: 600px;
  margin: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.zamie-classes {

  transform-style: preserve-3d;
}

.zamie-nursery .zk-content p,
.zamie-ss .zk-content p {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 400;
  font-style: normal;

  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;

  color: #3b001b;

  text-decoration: none;
  text-transform: none;

}

.zamie-ss .zk-content p {
  max-width: 800px;
}

.br-20 {
  border-radius: 20px;
  overflow: hidden;
}

.zamie-nursery .zk-content h1,
.zamie-ss .zk-content h1 {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 80px;
  font-weight: 400;
  font-style: normal;

  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;

  color: #3b001b;

  text-decoration: none;
  text-transform: none;


}

.zamie-nursery .zk-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.reddish {
  background: #200314;
}

.zk-content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  gap: 24px;

  width: 100%;
  max-width: 1200px;
  height: auto;



  background-color: #fefae7;

  position: relative;
  overflow: visible;
  z-index: 2;

}

.zk-content-box-wrapper {
  width: 100%;
  max-width: 1440px;
  margin: auto;
  background-color: #fefae7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 40px;
}

.pb-250 {
  padding-bottom: 250px;
}

.zamie-nursery-full-text .zk-content-box {
  max-width: 744px;
}

.zamie-nursery-full-text .zk-content-box h1 {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;

  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;

  color: #3b001b;

  text-decoration: none;
  text-transform: none;

}

.zamie-nursery-full-text .zk-content-box p {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 400;
  font-style: normal;

  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;

  color: #3b001b;

  text-decoration: none;
  text-transform: none;
  margin-bottom: 0px;
}

.line-op-6 .line {
  opacity: 0.6;
  background-color: #04070d;
  flex: 0 0 auto;
  height: 1px;
  opacity: 0.5;
}

.nursery-contact-box h4.bold {
  font-weight: 800;
}

.zamie-ss .zk-content.max-w-1000 {
  max-width: 1000px;
}

.box-sh-btn-shadow {
  width: 100%;
  height: 102%;
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0;
  z-index: -3;
  background: radial-gradient(25% 50% at 50% 100%, var(--token-2869e542-b811-438d-9253-a0fb694a1ff1, rgb(61, 33, 1)) 0%, var(--token-eb09dbbf-ef85-4b7f-81a5-44e9b062efb7, rgb(4, 7, 13)) 100%);
  filter: blur(20px);
}

.box-sh-btn {
  position: relative;

}

.has-shaow-black.glow-bg::after {
  display: none;
}

.reddish-2 {
  background: #3b001b;
}


.gap-150 {
  gap: 150px;
}

.kt-container {
  background: #fff8e7;
  border-radius: 40px;
  padding: 0px 50px;
  max-width: 1440px;
  width: 100%;
  height: 550px;
  display: flex;
  align-items: center;
}

.kt-content-wrapper {
  display: flex;
  align-items: center;

}

.kt-image-content img {
  width: 680px;
  height: 495px;
  object-fit: cover;
}

.kt-text-content {
  flex: 1;
}

.kt-tabs {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
}

.kt-content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  flex: 1 0 0;
  gap: 10px;

  position: relative;
  height: min-content;
  overflow: visible;
}



.kt-tab {
  padding: 15px 30px;
  border: 2px solid #181a12;
  border-radius: 15px;
  background: transparent;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
}

.kt-age-title {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.2;
  letter-spacing: 0;


  color: #3b001b;

  text-decoration: none;
  text-transform: none;
}




.kt-description {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 400;
  font-style: normal;

  line-height: 1.3;
  letter-spacing: 0;


  color: #3b001b;

  text-decoration: none;
  text-transform: none;
}



.kt-kids-image {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.kt-tab-content {
  display: none;
}

.kt-tab-content.active {
  display: block;
}

.kt-image-item {
  display: none;
}

.kt-image-item.active {
  display: block;
}

.kt-tab {
  position: relative;
  overflow: hidden;
  background: transparent;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* fill layer */
.kt-tab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000000;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.35s ease;
  z-index: -1;

}

/* hover fill */
.kt-tab:hover::before {
  transform: scaleY(1);
}

.kt-tab:hover {
  transform: translateY(-2px);
  color: #fae0be;
}

/* active state */
.kt-tab.active::before {
  background: #000;
  transform: scaleY(1);
}

.kt-tab.active {
  color: #fae0be;
  background: black;
}

.kt-tab {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;

  line-height: 1.3;
  letter-spacing: 0;

  text-align: center;
  color: #3b001b;

  text-decoration: none;
  text-transform: none;
}


.zym-marquee-container {
  width: 100%;
  overflow-x: clip;
  overflow-y: visible;
  position: relative;
}

.zym-marquee-track {
  display: flex;
  gap: 20px;
  animation: scroll 30s linear infinite;
  width: max-content;
}

.zym-photo-frame {
  position: relative;
  flex-shrink: 0;
}

.zym-photo-frame img {
  width: auto;
  height: 400px;
  object-fit: cover;
  border: 10px solid #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  display: block;
}

/* Individual rotations for each photo - EDIT THESE VALUES */
.zym-photo-frame:nth-child(1) img {
  transform: rotate(-8deg);
}

.zym-photo-frame:nth-child(2) img {
  transform: rotate(5deg);
}

.zym-photo-frame:nth-child(3) img {
  transform: rotate(-3deg);
}

.zym-photo-frame:nth-child(4) img {
  transform: rotate(7deg);
}

.zym-photo-frame:nth-child(5) img {
  transform: rotate(-6deg);
}

.zym-photo-frame:nth-child(6) img {
  transform: rotate(4deg);
}

.zym-photo-frame:nth-child(7) img {
  transform: rotate(-5deg);
}

.zym-photo-frame:nth-child(8) img {
  transform: rotate(6deg);
}

.zym-photo-frame:nth-child(9) img {
  transform: rotate(-7deg);
}

.zym-photo-frame:nth-child(10) img {
  transform: rotate(3deg);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}



@media (max-width: 768px) {
  .zym-photo-frame img {
    width: 200px;
    height: 280px;
  }

  .zym-marquee-track {
    gap: 30px;
  }
}

.max-w-1120 {
  max-width: 1120px;
  margin: auto;
}

.zamie-youth-text.reddish-2 {
  color: white;
}

.zamie-youth-text p {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
    text-transform: none;
    margin-bottom: 0;
}

.zamie-content {
  padding: 30px 30px  0 30px;
  max-width: 800px;
}

.scds-info-section {
  padding: 80px 0px;
}

.scds-cards-wrapper {
  display: flex;
  gap: 0px;
  justify-content: center;
  flex-wrap: wrap;
  overflow-x: clip;
}

.scds-info-card {
  width: 100%;
  height: 380px;
  max-width: 380px;
  padding: 30px 24px 36px;
  border-radius: 6px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px 0px;

  /* Notebook lines */

}

.scds-card-1 {
  background-color: #eeff8c;
  transform: rotate(2deg);
}

.scds-card-2 {
  background-color: #b3e6f9;
  transform: rotate(-2deg);
}

.scds-card-3 {
  background-color: #ffbad3;
  transform: rotate(2deg);
}

.scds-card-4 {
  background-color: #9fde88;
  transform: rotate(-2deg);
}

.scds-card-number {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;

  color: #3b001b;


}

.scds-info-card {
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.scds-info-card:hover {
  transform: rotate(0deg);
}


.scds-card-title {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;

  color: #3b001b;


}

.scds-card-text {
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;

  color: #3b001b;

}

.scds-cards-wrapper {
  flex-wrap: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
  .scds-info-card {
    width: 100%;
    max-width: 360px;

  }
}


.scds-note-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-image: repeating-linear-gradient(to bottom,
      rgba(0, 0, 0, 0.12) 0px,
      rgba(0, 0, 0, 0.12) 3px,
      transparent 1px,
      transparent 60px);
}

.zamie-left-top-img {
  height: 130px;
  left: 158px;
  overflow: hidden;
  position: absolute;
  top: 70px;

  width: 130px;

  z-index: 1;
}

.zamie-right-bottom-img {
  flex: 0 0 auto;
  height: 168px;
  overflow: hidden;
  position: absolute;
  right: 50px;
  top: 300px;
  width: 196px;
  z-index: 1;
}

.zamie-youth p.max-w-680 {
  max-width: 680px;
}


.contact-form .glow-bg p {
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  border-radius: 8px;
  overflow: visible;
}

.contact-form p {
  margin-bottom: 0px !important;
}

.cp-cf .contact-form input,
.cp-cf .contact-form textarea {
  background: #1f2227;
}

.contact-form-right .btn.btn-black-glow {
  height: 52px;
  background: #04070d !important;
  border-radius: 10px;
  width: calc(100% - 3px);
}



.contact-form-right .btn-black-glow,
.contact-form-right .btn.btn-black-glow:hover {
  color: white;
  padding: 10px 20px;
  text-align: center;
  margin: 1.5px;
  position: relative;
}

.white-contact-form  .glow-bg p {
  display: flex;
}

.white-contact-form .btn-black-glow, .white-contact-form .btn.btn-black-glow:hover {
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
}

.glow-bg p span {
  position: absolute;
  top: 10px;
  left: 390px;
}

.glow-bg p br {
  display: none;

}

.contact-form p {
  margin-bottom: 0px !important;
  display: flex;
  flex-direction: column;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=number],
.contact-form input[type=password],
.contact-form input[type=url],
.contact-form textarea {
  color: #ffffff;
}

.contact-form p br {
  display: none;
}

.contact-form label {
  padding-bottom: 10px;
}

.bg-light-black {
  background: #0a0d13;
}


.contact-form-container {
  background: url('../imgs/contact/1.svg');
  background-size: contain;
}

.white-contact-form form p label br {
  display: none;
}

.country-dropdown select:valid {
  color: #8f8f8f;
}


.white-contact-form .cf-btn-submit {
  width: 100%;
  border-radius: 8px;
  height: 52px;
  background: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.wow-section-n {
  overflow: hidden;
}

.d-none-i {
  display: none;
}

.btn-black-glow,
.btn.btn-black-glow:hover {
  z-index: 1;
}

.box-sh-btn-shadow {
  z-index: 0;
}

.glow-bg::before {
  z-index: 1;
}

.white-text-redd p {
  color: #d5dbe6;
  font-family: "Bubblegum Sans", sans-serif;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  max-width: 600px;
}


.zamie-nursery-full-text.reddish-2 {
  padding-right: 40px;
  padding-left: 40px;
}

header {

  position: relative;
  z-index: 100;

}

/* Hide submenu by default */
.tp-mobile-menu-active ul ul.sub-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  width: max-content;
  align-items: flex-start;
  border-radius: 10px;
  background: #04070d;
  padding: 20px 30px;
  gap: 10px;
  z-index: 10;
  border: 1px solid rgba(245, 245, 245, 0.274);
}

.tp-mobile-menu-active ul ul.sub-menu li {
  opacity: .5;
}

.tp-mobile-menu-active ul ul.sub-menu li:hover {
  opacity: 1;
}

/* Show submenu on hover of parent li */
.tp-mobile-menu-active ul li:hover>ul.sub-menu {
  display: flex;

}

.tp-mobile-menu-active ul li {
  position: relative;
}

.tp-mobile-menu-active ul ul.sub-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);

}

.tp-mobile-menu-active ul li:hover>ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


.menu-item-has-children>a {
  position: relative;
  padding-right: 20px;
}

.menu-item-has-children>a::after {
  content: "▾";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  transition: 0.2s ease-in-out all;
}

.menu-item-has-children:hover>a::after {
  transform: translateY(-50%) rotate(180deg);
  transition: 0.2s ease-in-out all;
}



.menu-item-has-children>a {
  position: relative;
  padding-right: 34px;
}

.menu-item-has-children.active>a::after {
  transform: translateY(-50%) rotate(0deg);
}


.menu-item-has-children:hover>a::after {
  transform: translateY(-50%) rotate(0deg);
}


.menu-item-has-children>a::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-45%) rotate(180deg);
  width: 22px;
  height: 22px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m17 14l-5-5l-5 5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m17 14l-5-5l-5 5'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}


.menu-item-has-children {
  padding-right: 10px;
}



.mobile-menu-content ul .menu-item-object-custom {
  /* transform: translateX(-10px); */
  margin-top: 5px;
}

.mobile-menu-content #menu-primary-menu-1 .menu-item-has-children {
  position: relative;
}


.mobile-menu-content #menu-primary-menu-1 .menu-item-has-children .sub-menu {
  padding-left: 25px;
}


.footer-bg-black .menu-item-has-children .sub-menu {
  display: none;
}


.menu-item-has-children>.sub-menu {
  display: none;
  transition: 0.4s ease-in-out all;
}

.menu-item-has-children.active>.sub-menu {
  display: block;
  transition: 0.4s ease-in-out all;
}

.menu-item-has-children>.sub-menu {
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  transition: transform 0.35s ease, opacity 0.25s ease;
}

.menu-item-has-children.active>.sub-menu {
  transform: scaleY(1);
  opacity: 1;
}

.menu-toggle {
  display: none;
}


.menu-item.menu-item-has-children.active a::after {
  transform: translateY(-50%) rotate(180deg) !important;
}

.p-event-paragraph-cg {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.04em;
  line-height: 1.4;
  color: #ffffff;
  text-align: left;

}

.cg-pin2-section .tp-portfolio-wd-item {
  height: 520px;
  min-height: 520px;
}

.ripple-btn {
  position: relative;
  overflow: visible;
  isolation: isolate;
}



/* Base button look (adjust if needed) */
.ripple-btn.btn.ad-btn {
  padding: 0px 20px;
  border-radius: 50px;
  color: #fff;
  display: flex;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: transparent;
  text-decoration: none;
  transition: color 0.3s ease, border-color 0.3s ease;
  align-items: center;
}

/* Ripple ring */
.ripple-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transform: scale(1);
  opacity: 0;
  z-index: -1;
}

/* Hover effect */
.ripple-btn:hover::after {
  animation: borderRipple 0.9s ease-out forwards;
}

/* Optional color change on hover */
.ripple-btn:hover {
  border-color: #fff;
}

/* Ripple animation */
@keyframes borderRipple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.ripple-btn-black {
  position: relative;
  overflow: visible;
  isolation: isolate;
}

/* Base button look */
.ripple-btn-black.btn.ad-btn {
  padding: 0px 20px;
  border-radius: 50px;
  background: black;
  color: white;
  display: flex;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.6);

  text-decoration: none;
  transition: color 0.3s ease, border-color 0.3s ease;
  align-items: center;
}

/* Ripple ring */
.ripple-btn-black::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.6);
  transform: scale(1);
  opacity: 0;
  z-index: -1;
}

/* Hover effect */
.ripple-btn-black:hover::after {
  animation: borderRippleBlack 0.9s ease-out forwards;
}

/* Optional color change on hover */
.ripple-btn-black:hover {
  border-color: #000;
}

/* Ripple animation */
@keyframes borderRippleBlack {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}


.event-content-container ul {
  padding-left: 40px;
}

.event-content-container ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 35px;
    letter-spacing: -0.04em;
    color: #04070d;
    text-align: justify;
    text-transform: none;
    text-decoration: none;
}


.tp-mobile-menu-active ul li:hover>ul.sub-menu .sub-menu {

  left: 100%;
  top: 5px;

}

.tp-mobile-menu-active ul ul.sub-menu li {
  width: 100%;
}

.zamie-stamp {
  transform-style: preserve-3d;
  animation: zamieStamp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  opacity: 0;
}

/* Stamp animation */
@keyframes zamieStamp {
  0% {
    opacity: 0;
    transform: translateZ(1400px) scale(1.8) rotateX(25deg);
  }



  100% {
    opacity: 1;
    transform: translateZ(0) scale(1) rotateX(0);
  }
}

/* Preloader wrapper */
.prep-preloader {
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* Spinner */
.prep-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: #000;
  border-radius: 50%;
  animation: prep-spin 1s linear infinite;
}

/* Spin animation */
@keyframes prep-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Hide state */
.prep-preloader.prep-loaded {
  opacity: 0;
  visibility: hidden;
}


.sermon-card:hover {
  background-color: #10131c;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.social-hero a:hover span {
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 1;
}

.profile-picture img {

  object-fit: cover;
}

.profile-picture {

  width: 94px;
  height: 94px;
}

.bg-black .see-more-btn.ripple-btn.btn.ad-btn {
  background: #ffffff0d !important;
}


.bg-black-see-more.see-more-btn.ripple-btn.btn.ad-btn,
.tp-about-area .see-more-btn.ripple-btn.btn.ad-btn {
  background: #04070d;
  height: 45px;
  transition: all 0.4s ease-in-out;
  width: 125px;

  padding: 0px 10px
}

.bg-black-see-more:hover {
  background: #04070d;
  font-size: 23px;

}

.stc-text-content a:hover {
  gap: 16px;
  transition: all 0.4s ease-in-out;
}

.pastoral-card:hover .read-more-pc p {
  gap: 16px;
  transition: all 0.4s ease-in-out;
}

.pastoral-card:hover {
  background: #111c31;
  transition: all 0.3s ease-in-out;
}


.tp-give-area .description p {
  font-size: 20px;
  line-height: 25px;
}

.event-content-container a:hover {
    color: #0083ff;
}

.tp-portfolio-wd-item.cg-pin-section-panel::after,
.tp-portfolio-wd-item.cg-pin2-panel::after {
  content: '';
  width: 100%;
  height: 100%;
  /*background: #0000008f;*/
  position: absolute;
  left: 0px;
  z-index: -1;
}

.black-box-design {
  width: 100%;
  background: rgb(4, 7, 13);
  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 10px;
  box-shadow: inset 0 2px 1px rgba(207, 231, 255, 0.2);
}

.event-section-form .event-form-heading-box p,
.bottom-el-box p,
.bottom-el-box-a {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  margin-bottom: 0px;


}

.bottom-el-box p,
.bottom-el-box-a {
  opacity: 0.8;
}

.email-left-box h5 {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  margin-bottom: 0px;
}


.mdi-light--email-open {
  display: inline-block;
  width: 30px;
  height: 30px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 9v9a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V9c0-1.11.6-2.08 1.5-2.6l8-4.62l8 4.62c.9.52 1.5 1.49 1.5 2.6M3.72 7.47l7.78 5.03l7.78-5.03l-7.78-4.54zm7.78 6.24L3.13 8.28C3.05 8.5 3 8.75 3 9v9a2 2 0 0 0 2 2h13a2 2 0 0 0 2-2V9c0-.25-.05-.5-.13-.72z' stroke-width='0.5' stroke='%23000'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.material-symbols-light--headset-mic-outline-rounded {
  display: inline-block;
  width: 30px;
  height: 30px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5.616 19q-.691 0-1.153-.462T4 17.384V11q0-1.658.626-3.113t1.716-2.545t2.546-1.716T12 3t3.113.626t2.545 1.716t1.716 2.546T20 11v8.77q0 .69-.462 1.152q-.463.463-1.153.463H12.5q-.213 0-.357-.144q-.143-.143-.143-.356q0-.214.143-.357q.143-.144.357-.144h5.885q.269 0 .442-.173q.173-.172.173-.442V19h-1.461q-.672 0-1.144-.472t-.472-1.144v-2.922q0-.671.472-1.144t1.144-.472H19V11q0-2.9-2.05-4.95T12 4T7.05 6.05T5 11v1.846h1.462q.67 0 1.143.472q.472.472.472 1.143v2.923q0 .672-.472 1.144T6.46 19zm0-1h.846q.269 0 .442-.173t.173-.442V14.46q0-.269-.173-.442t-.442-.173H5v3.539q0 .269.173.442t.443.173m11.923 0H19v-4.154h-1.461q-.27 0-.443.173t-.173.443v2.923q0 .269.173.442t.442.173M5.616 13.846H5h2.077zm11.923 0h-.616H19z' stroke-width='0.4' stroke='%23000'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-el-box span {
  color: white;
}

.p-32 {
  padding: 32px;
}

.email-left-box {
  max-width: 452px;
}

.icon-el-box {
  padding: 12px;
}

.black-box-design-el {
  display: flex;
  background: #10131c;
  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 10px;
  box-shadow: inset 0 2px 1px rgba(207, 231, 255, 0.2);
}


.email-right-box form label {

  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
  position: relative;



}

.email-right-box form {
  gap: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.email-right-box form .form-field p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  opacity: 0.8;
  margin-bottom: 4px;
}
.email-right-box form textarea {
  min-height: 120px;
}

.email-right-box form input,
.email-right-box form textarea,
.email-right-box form select {
  width: 100%;
  height: 48px;
  padding: 12px;
  background-color: #04070d;
  color: #d5dbe6;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  border: 1px solid rgba(216, 231, 242, 0.07);
  border-radius: 8px;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.email-right-box form .form-field  {
  width: 100%;
}
.checkbox-label {
  display: flex;
  flex-direction: row;
}

.email-right-box input::placeholder,
.email-right-box textarea::placeholder {
    font-size: 16px;
      color: #d5dbe6;
      opacity: 0.6;
}

.form-field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
}


.email-right-box .btn.btn-black-glow {
  height: 52px;
  background: #04070d !important;
  border-radius: 10px;
  width: calc(100% - 3px);
}



.email-right-box .btn-black-glow,
.email-right-box .btn.btn-black-glow:hover {

  color: white;
  padding: 10px 20px;
  text-align: center;
  margin: 1.5px;
  position: relative;
}

.email-right-box .glow-bg:after {
    content: "";
    background: white;
    filter: blur(38px);
    width: 50%;
    height: 10px;
    position: absolute;
    inset: 52px 6px 5px 40px;
    z-index: -1;
    /* right: 30%; */
    left: 25%;
}

.email-right-box .glow-bg p {
  overflow: hidden;
  position: relative;
}

.mobile-top-bar  .logo {
    max-height: 57px;
    width: 100%;
}


.read-more-pc p{
  
    display: flex;
    gap: 10px;

}

.color-black p{
  color: #04070d;
}

.event-single-section .btn-black-glow,.event-single-section .btn.btn-black-glow:hover {
      padding: 12px 20px;
}

.event-content-container h3 {
    padding: 30px 0 15px;
    font-size: 22px;
}
.video-modal{
    display:none;
    position:fixed;
    z-index:9999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
}

.video-modal-content{
    position:relative;
    width:90%;
    max-width:900px;
    margin:80px auto;
}

.video-wrapper{
    position:relative;
    padding-bottom:56.25%;
    height:0;
}

.video-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.video-close{
    position:absolute;
    right:-10px;
    top:-40px;
    font-size:30px;
    color:#fff;
    cursor:pointer;
}
.tp-portfolio-wd-item p .event-date {
    color: var(--tp-grey-1);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
}
.stc-date {
    color: #d5dbe6;
}
/* ===== Select Field Styling ===== */
select.wpcf7-form-control {
    width: 100%;
    height: 42px;
    padding: 3px 20px;
    border-radius: 62px;
    background-color: #1f2227;
    border: 1px solid #1f2227;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Custom Arrow */
select.wpcf7-form-control {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 16px;
}

/* Hover */
select.wpcf7-form-control:hover {
    border-color: #000;
}

/* Focus */
select.wpcf7-form-control:focus {
    border-color: #000;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
}

/* Label Styling */
label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}
.home .mb-320 {
    margin-bottom: 320px;
}
a.footer-logo-link:hover {
    color: #0e2f4e;
    font-weight: 900;
    transition: 0.5s;
}
.tp-portfolio-wd-item {
    background-position: center;
}


.des-portfolio-panel{
  will-change: transform;
}
.bg-video-home {
    margin-top: 60px;}
    
.cg-pin-section .tp-portfolio-wd-item, .cg-pin2-section  .tp-portfolio-wd-item{
    margin-bottom:60px !important;
}
span.stc-date p {
    font-size: 15px;
}



/* Wrapper */
.glow-bg {
  position: relative;
  border-radius: 20px;
  /*overflow: hidden;*/
}

/* Glow layers */
.glow-bg::before,
.glow-bg::after {
  border-radius: 20px;
}

/* soften glow */
.glow-bg::after {
  filter: blur(10px);
  opacity: 0.4;
}

/* remove p spacing */
.glow-bg p {
  margin: 0;
}

/* ✅ FINAL BUTTON */
.contact-form-right input.btn-black-glow {
  border-radius: 8px !important;
  background: linear-gradient(180deg, #2a2f36, #1f2227);
  border: none;
  height: 48px;


}


.divider-line {
  height: 1px;
  background: rgba(255,255,255,0.2);
  width: 100%;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

.contact-section {
    background: #04070d;
}
.see-more-btns {
    display: flex;
    justify-content: center;
}
a.paypal-btn:hover {
    color: #fff;
    transition: 0.5s;
    opacity: 1;
}

a.paypal-btn {
    color: #fff;
    text-decoration: underline !important;
    font-weight: 700 !important;
    opacity: 0.6;
}

.glow-bg input[type="submit"],
.glow-bg button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Strip Safari default button styling and native shadows */
button,
input[type="submit"],
input[type="button"],
.btn,
.btn-black-glow,
.btn-transparent,
.cf-btn-submit,
.see-more-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box;
}

.glow-bg::before,
.glow-bg::after,
.contact-form .glow-bg::after,
.email-right-box .glow-bg::after {
  -webkit-filter: blur(23px);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nursery-contact-box .glow-bg.has-shaow-black,
.event-single-section .glow-bg.has-shaow-black {
    display: inline-flex !important;
    min-width: max-content !important;
    width: auto !important;
}

.nursery-contact-box .btn-black-glow,
.event-single-section .btn-black-glow {
    display: inline-flex !important;
    min-width: max-content !important;
    width: 100% !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    box-sizing: border-box !important;
    word-break: keep-all !important;
}
/* 1. Ensure parent container properly frames its content */
.scds-info-card, 
.pastoral-card, 
.sermon-card {
    position: relative !important;
    overflow: hidden !important; /* Forces Safari to clip overflowing child elements */
    -webkit-mask-image: -webkit-radial-gradient(white, black); /* Fixes Safari border-radius overflow bugs */
}

/* 2. Stabilize inner notebook/info wrappers so they don't break bounds */
.scds-note-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 3. Fix absolute or floating text elements (like the email/contact box shown overlapping) */
.contact-form-right input.btn-black-glow,
.email-right-box .btn-black-glow {
    position: relative !important;
    max-width: 100% !important;
    width: 100% !important;
    -webkit-appearance: none !important;
}

/* 4. Prevent Safari flex item expansion bugs */
.scds-cards-wrapper,
.pastoral-cards,
.sermon-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch; /* Ensures uniform height so cards don't misalign */
}

/* Fix the glow-bg container bounds for email/contact buttons in Safari */
.event-single-section .glow-bg,
.nursery-contact-box .glow-bg {
    display: inline-flex !important;
    position: relative !important;
    overflow: hidden !important; /* Clips the rogue blur layer */
    border-radius: 10px !important;
}

/* Force Safari to calculate button width strictly based on content */
.event-single-section .btn-black-glow,
.nursery-contact-box .btn-black-glow {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    white-space: nowrap !important;
    -webkit-appearance: none !important;
}

/* ==========================================
   New Button (Global)
   ========================================== */

div.unique-email-wrapper {
    display: inline-flex !important;
    position: relative !important;
    background: transparent !important; /* Fixed typo here (. to ;) */
    border-radius: 10px !important;
    padding: 0 !important;
    margin-top: 10px !important;
    /* Forces the wrapper to own its paint layer so it doesn't trigger layout shifts */
    transform: translateZ(0);
}

div.unique-email-wrapper a.unique-email-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    position: relative !important;
    overflow: hidden !important; 
    
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    
    background: #04070d !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    padding: 10px 22px !important;
    border-radius: 10px !important;
    will-change: transform;
    transform: translateZ(0);
    
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
}

div.unique-email-wrapper a.unique-email-action-btn:hover {
    transform: translateY(-2px) scale(1.03) translateZ(0) !important;
    border-color: #A67B51 !important;
    background: #0b1019 !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 12px rgba(166, 123, 81, 0.3) !important;    
	color: #ffffff !important;
}

@media (max-width: 768px) {
    div.unique-email-wrapper {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        /* Optional: Add a little padding on the sides so it doesn't touch the very edges of the screen if it gets too wide */
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    
    div.unique-email-wrapper a.unique-email-action-btn {
        width: 100% !important; 
        max-width: 300px !important; /* Prevents the button from becoming ridiculously wide on tablets */
    }
}

/* Global CF7 New Button Style - Full Width */
.unique-email-wrapper {
    width: 100%;
    display: block !important;
}

.unique-email-wrapper input.unique-email-action-btn,
.unique-email-wrapper button.unique-email-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important; /* Forces full width */
    max-width: 100% !important;
    height: 52px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    background: #04070d !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 10px !important;
    cursor: pointer;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
    -webkit-appearance: none !important;
}

.unique-email-wrapper input.unique-email-action-btn:hover,
.unique-email-wrapper button.unique-email-action-btn:hover {
    transform: translateY(-2px) scale(1.01) translateZ(0) !important;
    border-color: #A67B51 !important;
    background: #0b1019 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 12px rgba(166, 123, 81, 0.3) !important;
}