.container {
  width: 100%;
  max-width: 1510px;
  margin: 0 auto;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .container {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .container {
    padding: 0 2rem;
  }
}
@media (min-width: 1400px) {
  .container {
    padding: 0 3rem;
  }
}
@media (min-width: 1500px) {
  .container {
    padding: 0 4rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Rota", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #EDEAF5;
  background: linear-gradient(180deg, #171D23 0%, #4E4E91 100%);
  background-color: #171D23;
  font-weight: 300;
  letter-spacing: 0.05em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Overpass Mono", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.25;
  margin-bottom: 1rem;
  font-weight: 300;
  letter-spacing: 0px;
}
h1 strong, h1 span, h2 strong, h2 span, h3 strong, h3 span, h4 strong, h4 span, h5 strong, h5 span, h6 strong, h6 span {
  font-weight: 600;
}
h1.yellow strong, h2.yellow strong, h3.yellow strong, h4.yellow strong, h5.yellow strong, h6.yellow strong {
  font-weight: inherit;
  color: #FFEE00;
}
h1.green strong, h2.green strong, h3.green strong, h4.green strong, h5.green strong, h6.green strong {
  font-weight: inherit;
  color: #3C6045;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  color: #FFEE00;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  color: #FFEE00;
  font-style: normal;
}

.link {
  margin-top: 1.5rem;
}

.button.dark {
  border-radius: 100vw;
  background-color: #171D23;
  padding: 0.5rem 1rem;
  transition: all 0.5s ease;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  max-width: fit-content;
  gap: 1rem;
  font-size: 0.8rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .button.dark {
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    gap: 1.5rem;
  }
}
.button.green {
  border-radius: 100vw;
  background-color: #3C6045;
  backdrop-filter: blur(100px);
  text-align: center;
  white-space: nowrap;
  border: 1px solid #585649;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.65rem 1rem;
  transition: all 0.5s ease;
  display: inline-flex;
  overflow: hidden;
  max-width: fit-content;
}
@media (min-width: 768px) {
  .button.green {
    padding: 0.75rem 1.5rem;
  }
}
.button.green .btn-text {
  text-align: left;
  white-space: normal;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.button.green .btn-text .fancy-btn-text {
  gap: 1rem;
  display: flex;
  align-items: center;
  color: #EDEAF5;
  font-weight: 500;
  position: relative;
  z-index: 90;
}
@media (min-width: 768px) {
  .button.green .btn-text .fancy-btn-text {
    gap: 1.5rem;
  }
}
.button.green .btn-inner-shadow {
  pointer-events: none;
  border-radius: 50em;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 4px 22px #6FBC80;
  transition: 0.75s ease;
}
.button.green:hover .btn-inner-shadow {
  box-shadow: inset 0 12px 50px #6FBC80;
}
.button.purple {
  border-radius: 100vw;
  background-color: #2A293D;
  backdrop-filter: blur(100px);
  text-align: center;
  white-space: nowrap;
  border: 1px solid rgba(237, 234, 245, 0.75);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.65rem 1rem;
  transition: all 0.5s ease;
  display: inline-flex;
  overflow: hidden;
  max-width: fit-content;
}
@media (min-width: 768px) {
  .button.purple {
    padding: 0.75rem 1.5rem;
  }
}
.button.purple .btn-text {
  text-align: left;
  white-space: normal;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.button.purple .btn-text .fancy-btn-text {
  gap: 1rem;
  display: flex;
  align-items: center;
  color: #EDEAF5;
  position: relative;
  z-index: 90;
  font-weight: 500;
}
@media (min-width: 768px) {
  .button.purple .btn-text .fancy-btn-text {
    gap: 1.5rem;
  }
}
.button.purple .btn-inner-shadow {
  pointer-events: none;
  border-radius: 50em;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 4px 22px #706EA3;
  transition: 0.75s ease;
}
.button.purple:hover .btn-inner-shadow {
  box-shadow: inset 0 12px 50px #6FBC80;
}
.button.blue {
  border-radius: 100vw;
  background-color: #2A293D;
  backdrop-filter: blur(100px);
  text-align: center;
  white-space: nowrap;
  border: 1px solid rgba(112, 110, 163, 0.95);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.65rem 1rem;
  transition: all 0.5s ease;
  display: inline-flex;
  overflow: hidden;
  max-width: fit-content;
  position: relative;
}
@media (min-width: 768px) {
  .button.blue {
    padding: 0.75rem 1.5rem;
  }
}
.button.blue .bg {
  inset: 2%;
  margin: auto;
  width: 96%;
  height: 96%;
  position: absolute;
  opacity: 0.7;
}
.button.blue .bg svg {
  inset: 0;
  width: 100%;
  margin: auto;
  height: 100%;
  position: absolute;
}
.button.blue .btn-text {
  text-align: left;
  white-space: normal;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}
.button.blue .btn-text .fancy-btn-text {
  gap: 1rem;
  display: flex;
  align-items: center;
  color: #EDEAF5;
  position: relative;
  z-index: 90;
  font-weight: 500;
}
@media (min-width: 768px) {
  .button.blue .btn-text .fancy-btn-text {
    gap: 1.5rem;
  }
}
.button.blue .btn-inner-shadow {
  pointer-events: none;
  border-radius: 50em;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 3px 8px #1a1856;
  transition: 0.75s ease;
}
.button.blue:hover {
  border: 1px solid #2A293D;
}
.button.blue:hover .btn-inner-shadow {
  box-shadow: inset 0 12px 50px #6FBC80;
}

main {
  padding-top: 76px;
}

.anchor {
  position: relative;
  top: -3.5rem;
}

.wpcf7-response-output {
  border-color: #FFEE00;
}

p, li, a, span {
  letter-spacing: 0.05em;
}

p, li {
  transition: 0.3s ease;
  font-size: 1rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  p, li {
    font-size: 1.1rem;
  }
}
@media (min-width: 1100px) {
  p, li {
    font-size: 20px;
  }
}
p strong, li strong {
  font-weight: 600;
}

h1 {
  font-size: 26px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 32px;
  }
}
@media (min-width: 1100px) {
  h1 {
    font-size: 38px;
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  margin-bottom: 2.5rem;
  margin-top: 0;
  font-size: 26px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 30px;
  }
}
@media (min-width: 1100px) {
  h2 {
    font-size: 34px;
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 40px;
  }
}

h3 {
  margin-bottom: 2rem;
  margin-top: 0;
  font-size: 22px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 26px;
  }
}
@media (min-width: 1100px) {
  h3 {
    font-size: 29px;
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  h3 {
    font-size: 32px;
  }
}

h4 {
  font-size: 15px;
  margin-bottom: 0.5rem;
  font-size: clamp(15px, 2.25vw, 39px);
}
@media (min-width: 1100px) {
  h4 {
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  h4 {
    margin-bottom: 0.75rem;
  }
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.1rem;
}

p {
  margin-bottom: 1rem;
}

input[type=submit] {
  transition: 0.3s ease;
}

a {
  color: #EDEAF5;
  text-decoration: none;
  transition: 0.3s ease;
}
@media (min-width: 1100px) {
  a:hover {
    color: #7CC68E;
  }
}

.scrollTo {
  position: relative;
  top: 4rem;
}

.central {
  text-align: center;
}

.pink {
  color: #C4729E;
}

img {
  max-width: 100%;
  height: auto;
}

.thirds {
  padding: 1.5rem 0;
}
.thirds .container {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  padding: 0 1rem;
}
@media (min-width: 1026px) {
  .thirds .container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.thirds .container .third {
  border: 2px solid transparent;
  border-radius: 5px;
  display: flex;
  padding: 30px 3rem 3rem 30px;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.thirds .container .third:before {
  content: "";
  position: absolute;
  inset: 2px;
  background: linear-gradient(359deg, #190099 0%, #000833 98%);
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}
.thirds .container .third:after {
  content: "";
  position: absolute;
  inset: -100%;
  background: linear-gradient(30deg, rgba(0, 8, 51, 0.062745098) 25%, #2A00FF 75%);
  border-radius: 5px;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
}
@media (max-width: 500px) {
  .thirds .container .third {
    padding: 1.25rem 3rem 3rem 1.25rem;
  }
}
@media (min-width: 1026px) {
  .thirds .container .third {
    padding: 30px 10px 3rem 30px;
  }
}
@media (min-width: 1100px) {
  .thirds .container .third {
    transition: 0.3s ease;
    opacity: 0;
    transform: translateY(50px);
  }
  .thirds .container .third.active {
    opacity: 1;
    transform: translateY(0);
  }
  .thirds .container .third.active:after {
    animation: shimmer 1.5s linear 0.25s;
  }
  .thirds .container .third:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  .thirds .container .third:nth-of-type(2):after {
    animation-delay: 0.5s;
  }
  .thirds .container .third:nth-of-type(3) {
    transition-delay: 0.3s;
  }
  .thirds .container .third:nth-of-type(3):after {
    animation-delay: 0.75s;
  }
}
.thirds .container .third .text {
  padding-right: 20px;
  position: relative;
  z-index: 2;
}
@media (min-width: 640px) {
  .thirds .container .third .text {
    display: grid;
    align-items: flex-start;
    grid-template-rows: auto 1fr;
    height: 88%;
    justify-content: flex-start;
    width: 100%;
  }
}
.thirds .container .third .text h3 {
  margin-top: 0;
  font-size: 18px;
}
@media (min-width: 768px) {
  .thirds .container .third .text h3 {
    font-size: 19px;
  }
}
@media (min-width: 1100px) {
  .thirds .container .third .text h3 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .thirds .container .third .text h3 {
    font-size: 22px;
  }
}
.thirds .container .third .text p {
  margin: 0;
  font-size: 15px;
}
@media (min-width: 768px) {
  .thirds .container .third .text p {
    font-size: 16px;
  }
}
@media (min-width: 1100px) {
  .thirds .container .third .text p {
    font-size: 17px;
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  .thirds .container .third .text p {
    font-size: 18px;
    max-width: 380px;
  }
}
@media (max-width: 500px) {
  .thirds .container .third:nth-of-type(1) .svgWrapper svg {
    max-width: 30px;
    max-height: 30px;
  }
  .thirds .container .third svg {
    max-width: 44px;
    max-height: 44px;
  }
}
.thirds .container .third .svgWrapper {
  display: flex;
  width: 50px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 2;
}
@media (max-width: 500px) {
  .thirds .container .third .svgWrapper {
    bottom: 0.5rem;
    right: 0.5rem;
  }
}

.halves {
  padding: 1.5rem 0;
}
.halves .container {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .halves .container {
    grid-template-columns: 1fr 1fr;
  }
}
.halves .container .half {
  border: 2px solid transparent;
  border-radius: 5px;
  display: flex;
  padding: 2.25rem 3rem 3rem 30px;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.halves .container .half:before {
  content: "";
  position: absolute;
  inset: 2px;
  background: linear-gradient(359deg, #190099 0%, #000833 98%);
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}
.halves .container .half:after {
  content: "";
  position: absolute;
  inset: -160%;
  background: linear-gradient(30deg, rgba(0, 8, 51, 0.062745098) 25%, #2A00FF 75%);
  border-radius: 5px;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
}
@media (max-width: 500px) {
  .halves .container .half {
    padding: 1.25rem 3rem 3rem 1.25rem;
  }
}
@media (min-width: 1026px) {
  .halves .container .half {
    padding: 30px 10px 3rem 30px;
  }
}
@media (min-width: 1100px) {
  .halves .container .half {
    transition: 0.3s ease;
    opacity: 0;
    transform: translateY(50px);
  }
  .halves .container .half.active {
    opacity: 1;
    transform: translateY(0);
  }
  .halves .container .half.active:after {
    animation: shimmer 1.5s linear 0.25s;
  }
  .halves .container .half:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  .halves .container .half:nth-of-type(2):after {
    animation-delay: 0.5s;
  }
}
@media (min-width: 1500px) {
  .halves .container .half {
    padding: 30px 2rem 3rem 3rem;
  }
}
.halves .container .half .text {
  padding-right: 20px;
  position: relative;
  z-index: 3;
}
@media (min-width: 640px) {
  .halves .container .half .text {
    display: grid;
    align-items: flex-start;
    grid-template-rows: 1fr 1fr;
    height: 88%;
  }
}
.halves .container .half .text h3 {
  margin-top: 0;
  font-size: 18px;
}
@media (min-width: 768px) {
  .halves .container .half .text h3 {
    font-size: 19px;
  }
}
@media (min-width: 1100px) {
  .halves .container .half .text h3 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .halves .container .half .text h3 {
    font-size: 22px;
  }
}
.halves .container .half .text p {
  margin: 0;
  font-size: 15px;
}
@media (min-width: 768px) {
  .halves .container .half .text p {
    font-size: 16px;
  }
}
@media (min-width: 1100px) {
  .halves .container .half .text p {
    font-size: 17px;
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  .halves .container .half .text p {
    font-size: 18px;
  }
}
.halves .container .half .svgWrapper {
  display: flex;
  width: 50px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  z-index: 3;
}
@media (max-width: 500px) {
  .halves .container .half .svgWrapper {
    bottom: 0.5rem;
    right: 0.5rem;
  }
  .halves .container .half .svgWrapper svg {
    max-width: 30px;
    max-height: 30px;
  }
}

.imageWrapper .inner.maskBottomRight {
  aspect-ratio: 887/567;
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .imageWrapper .inner.maskBottomRight {
    border-radius: 0;
    margin-bottom: 0;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='888' height='567' fill='none'%3E%3Cpath fill='%23A69494' d='M877.289 0H5a5 5 0 0 0-5 5v557a5 5 0 0 0 5 5h471.364a5.002 5.002 0 0 0 4.058-2.079l400.925-557c2.381-3.308.017-7.921-4.058-7.921Z'/%3E%3C/svg%3E") no-repeat center;
    mask-size: cover;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='888' height='567' fill='none'%3E%3Cpath fill='%23A69494' d='M877.289 0H5a5 5 0 0 0-5 5v557a5 5 0 0 0 5 5h471.364a5.002 5.002 0 0 0 4.058-2.079l400.925-557c2.381-3.308.017-7.921-4.058-7.921Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: cover;
  }
}
.imageWrapper .inner.maskBottomRight img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imageWrapper .inner.maskBottomLeft {
  aspect-ratio: 833/564;
  overflow: hidden;
  margin-top: 0;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .imageWrapper .inner.maskBottomLeft {
    border-radius: 0;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='828' height='564' viewBox='0 0 828 564'%3E%3Cpath d='M1.33774 9.36325C-1.35918 5.37887 1.49519 0 6.3065 0H822C825.314 0 828 2.68629 828 6V558C828 561.314 825.314 564 822 564H379.941C377.95 564 376.088 563.012 374.972 561.363L1.33774 9.36325Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
    mask-size: cover;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='828' height='564' viewBox='0 0 828 564'%3E%3Cpath d='M1.33774 9.36325C-1.35918 5.37887 1.49519 0 6.3065 0H822C825.314 0 828 2.68629 828 6V558C828 561.314 825.314 564 822 564H379.941C377.95 564 376.088 563.012 374.972 561.363L1.33774 9.36325Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: cover;
  }
}
.imageWrapper .inner.maskBottomLeft img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.accreds {
  padding: 3rem 0;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (min-width: 1100px) {
  .accreds {
    padding: 4.5rem 0;
  }
}
.accreds .container .title h2 {
  color: #0C070A;
  font-size: 26px;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .accreds .container .title h2 {
    font-size: 32px;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1100px) {
  .accreds .container .title h2 {
    font-size: 38px;
    max-width: 460px;
  }
}
@media (min-width: 1200px) {
  .accreds .container .title h2 {
    font-size: 40px;
  }
}
.accreds .container .logos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: center;
  padding: 1.5rem 0;
  justify-content: space-around;
}
@media (min-width: 500px) {
  .accreds .container .logos {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.accreds .container .logos .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1100px) {
  .accreds .container .logos .logo {
    opacity: 0;
    transition: 1.5s ease;
  }
  .accreds .container .logos .logo.active {
    opacity: 1;
  }
  .accreds .container .logos .logo:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  .accreds .container .logos .logo:nth-of-type(3) {
    transition-delay: 0.3s;
  }
  .accreds .container .logos .logo:nth-of-type(4) {
    transition-delay: 0.45s;
  }
}
.accreds .container .logos .logo img {
  max-width: 90%;
  max-height: 5.5rem;
  max-height: 100px;
}

.relatedBlogs .container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 640px) {
  .relatedBlogs .container {
    position: relative;
  }
}
@media (min-width: 768px) {
  .relatedBlogs .container {
    padding-top: 5rem;
  }
}
.relatedBlogs .container .titleWrapper {
  padding-left: 3rem;
  position: relative;
  text-align: left;
}
.relatedBlogs .container .titleWrapper:after {
  content: "";
  top: 0;
  bottom: 0.4rem;
  margin: auto;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M25.2199 16.9234L18.348 15.6486L16.9873 8.96658L15.6437 15.6486L8.7804 17.0774L15.678 18.3522L17.1328 25.0085L18.348 18.3265L25.2199 16.9234Z' fill='%23EDEAF5'/%3E%3Cpath d='M18.348 18.3265L17.1328 25.0085L15.678 18.3522L8.7804 17.0774L15.6523 15.6486L16.9873 8.96658L18.3565 15.6486L25.2284 16.9234L18.3565 18.318L18.348 18.3265ZM17.013 16.6838C16.9531 16.9234 16.9188 16.9576 16.7134 16.9918C16.9274 17.0517 16.9531 17.086 17.013 17.2913C17.0472 17.0774 17.0729 17.0517 17.321 16.9918C17.0814 16.9576 17.0472 16.932 17.013 16.6838ZM16.7134 16.9833C16.9274 16.9491 16.9531 16.9234 17.0215 16.6753C17.0557 16.9148 17.0814 16.9491 17.3296 16.9833C17.09 17.0432 17.0557 17.0774 17.0215 17.2913C16.9616 17.0774 16.9274 17.0517 16.7134 16.9833Z' fill='%23EDEAF5'/%3E%3Cpath d='M19.6572 19.6611L17.0128 34.0005L14.3428 19.6611L0 17.0431L14.3428 14.3395L17.0128 8.69445e-05L19.6572 14.3395L34 17.0431L19.6572 19.6611ZM18.3479 15.6485L16.9786 8.96647L15.6436 15.6485L8.77171 17.0773L15.6693 18.3521L17.1241 25.0084L18.3393 18.3264L25.2112 16.9318L18.3393 15.657L18.3479 15.6485Z' fill='%23EDEAF5'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 34px;
  height: 34px;
}
.relatedBlogs .container .buttonWrapper {
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 640px) {
  .relatedBlogs .container .buttonWrapper {
    position: absolute;
    right: 1rem;
    top: 2.25rem;
  }
}
@media (min-width: 768px) {
  .relatedBlogs .container .buttonWrapper {
    right: 1.5rem;
    top: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .relatedBlogs .container .buttonWrapper {
    right: 2rem;
  }
}
@media (min-width: 1400px) {
  .relatedBlogs .container .buttonWrapper {
    right: 3rem;
  }
}
@media (min-width: 1500px) {
  .relatedBlogs .container .buttonWrapper {
    right: 4rem;
  }
}
@media (min-width: 640px) and (max-width: 1099px) {
  .relatedBlogs .container .postsWrapper .posts-grid .card:nth-of-type(3) {
    display: none;
  }
}

.postsWrapper {
  padding-bottom: 2rem;
}
@media (min-width: 640px) {
  .postsWrapper {
    padding-bottom: 3rem;
  }
}
.postsWrapper .posts-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .postsWrapper .posts-grid {
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1100px) {
  .postsWrapper .posts-grid {
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.postsWrapper .posts-grid .card {
  border-bottom: 1px solid #EDEAF5;
  padding-bottom: 1rem;
}
@media (max-width: 639px) {
  .postsWrapper .posts-grid .card:nth-of-type(3) {
    border-bottom: none;
  }
}
@media (min-width: 1100px) {
  .postsWrapper .posts-grid .card {
    transform: translateY(50px);
    opacity: 0;
    transition: 0.5s ease;
  }
  .postsWrapper .posts-grid .card.active {
    transform: translateY(0);
    opacity: 1;
  }
  .postsWrapper .posts-grid .card:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  .postsWrapper .posts-grid .card:nth-of-type(3) {
    transition-delay: 0.3s;
  }
}
.postsWrapper .posts-grid .card .post-thumbnail {
  overflow: hidden;
  aspect-ratio: 464/309;
  border-radius: 6px;
}
.postsWrapper .posts-grid .card .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.postsWrapper .posts-grid .card .post-content {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding-top: 1rem;
}
.postsWrapper .posts-grid .card .post-content h4 {
  font-size: 1.05rem;
  font-family: "Rota", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin-bottom: 0;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .postsWrapper .posts-grid .card .post-content h4 {
    font-size: 1.1rem;
    max-width: 320px;
  }
}
@media (min-width: 1100px) {
  .postsWrapper .posts-grid .card .post-content h4 {
    font-size: 1.15rem;
  }
}
.postsWrapper .posts-grid .card .post-content .readButton {
  margin-left: 0.5rem;
}

.formWrapper form .submitWrapper {
  margin-top: 1rem;
  cursor: pointer;
}
.formWrapper form .submitWrapper p {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  cursor: pointer;
  flex-direction: row-reverse;
}
.formWrapper form .submitWrapper p input {
  border: 1px solid #0C070A;
  cursor: pointer;
  padding: 1rem 2rem;
  border-radius: 100vw;
  font-size: 1rem;
  background-color: #C4729E;
  color: #EDEAF5;
}
@media (min-width: 1100px) {
  .formWrapper form .submitWrapper p input:hover {
    background-color: #404E40;
  }
}
.formWrapper form .formItem p {
  margin: 0;
}
.formWrapper form .formItem input[type=text],
.formWrapper form .formItem input[type=email],
.formWrapper form .formItem textarea {
  width: 100%;
  padding: 1rem 0;
  font-family: inherit;
  border: 1px solid #0C070A;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 1rem;
}
.formWrapper form .formItem textarea {
  resize: none;
}

.backTo {
  display: inline-flex;
  align-items: center;
}
.backTo svg {
  transform: rotate(180deg);
  margin-right: 0.5rem;
}

.map {
  padding: 1.5rem 0 4.5rem;
}
.map .container {
  padding: 0 1rem;
}
.map .container .titleWrapper {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .map .container .titleWrapper {
    padding: 0 2rem;
  }
}
@media (min-width: 1100px) {
  .map .container .titleWrapper {
    padding: 0 3rem;
  }
}
@media (min-width: 1200px) {
  .map .container .titleWrapper {
    padding: 0 4rem;
  }
}
.map .container .titleWrapper h2, .map .container .titleWrapper h3 {
  font-size: 26px;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .map .container .titleWrapper h2, .map .container .titleWrapper h3 {
    font-size: 32px;
  }
}
@media (min-width: 1100px) {
  .map .container .titleWrapper h2, .map .container .titleWrapper h3 {
    font-size: 38px;
    transition: 0.3s ease;
  }
}
@media (min-width: 1200px) {
  .map .container .titleWrapper h2, .map .container .titleWrapper h3 {
    font-size: 40px;
  }
}
.map .container .titleWrapper h2 strong, .map .container .titleWrapper h3 strong {
  font-weight: 600;
  color: #FFEE00;
}
.map .container .mapLocations {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .map .container .mapLocations {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
}
.map .container .mapLocations .smallLocations {
  display: grid;
  gap: 1.5rem;
  margin-top: 1rem;
  grid-column: 1/3;
}
@media (min-width: 768px) {
  .map .container .mapLocations .smallLocations {
    grid-template-columns: 1fr 1fr;
    max-width: 900px;
  }
}
@media (min-width: 768px) {
  .map .container .mapLocations .smallLocations {
    padding: 0 2rem;
  }
}
@media (min-width: 1100px) {
  .map .container .mapLocations .smallLocations {
    padding: 0 3rem;
  }
}
@media (min-width: 1200px) {
  .map .container .mapLocations .smallLocations {
    padding: 0 4rem;
  }
}
.map .container .mapLocations .smallLocations a, .map .container .mapLocations .smallLocations h5 {
  color: #EDEAF5;
  font-size: 1rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .map .container .mapLocations .smallLocations a, .map .container .mapLocations .smallLocations h5 {
    font-size: 18px;
  }
}
@media (min-width: 1100px) {
  .map .container .mapLocations .smallLocations a, .map .container .mapLocations .smallLocations h5 {
    font-size: 20px;
  }
}
.map .container .mapLocations .mapImage {
  overflow: hidden;
  border-radius: 5px;
  aspect-ratio: 758/598;
}
@media (min-width: 1024px) {
  .map .container .mapLocations .mapImage {
    aspect-ratio: auto;
  }
}
.map .container .mapLocations .mapImage img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .map .container .mapLocations .mapImage img {
    object-position: 27%;
  }
}
.map .container .mapLocations .locations {
  display: grid;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .map .container .mapLocations .locations {
    grid-template-columns: 1fr 1fr;
  }
}
.map .container .mapLocations .locations .location {
  border: 2px solid transparent;
  border-radius: 5px;
  padding: 1.25rem 1rem;
  position: relative;
  overflow: hidden;
}
.map .container .mapLocations .locations .location:before {
  content: "";
  position: absolute;
  inset: 2px;
  background: linear-gradient(359deg, #190099 0%, #000833 98%);
  border-radius: 5px;
  z-index: 1;
  pointer-events: none;
}
.map .container .mapLocations .locations .location:after {
  content: "";
  position: absolute;
  inset: -100%;
  background: linear-gradient(30deg, rgba(0, 8, 51, 0.062745098) 25%, #2A00FF 75%);
  border-radius: 5px;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
}
@media (min-width: 1100px) {
  .map .container .mapLocations .locations .location {
    transition: 0.3s ease;
    opacity: 0;
    transform: translateY(50px);
  }
  .map .container .mapLocations .locations .location.active {
    opacity: 1;
    transform: translateY(0);
  }
  .map .container .mapLocations .locations .location.active:after {
    animation: shimmer 1.5s linear 0.25s;
  }
  .map .container .mapLocations .locations .location:nth-of-type(even) {
    transition-delay: 0.15s;
  }
  .map .container .mapLocations .locations .location:nth-of-type(even):after {
    animation-delay: 0.5s;
  }
}
.map .container .mapLocations .locations .location a, .map .container .mapLocations .locations .location h5 {
  color: #EDEAF5;
  font-size: 1rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .map .container .mapLocations .locations .location a, .map .container .mapLocations .locations .location h5 {
    font-size: 18px;
  }
}
@media (min-width: 1100px) {
  .map .container .mapLocations .locations .location a, .map .container .mapLocations .locations .location h5 {
    font-size: 20px;
  }
}
.map .container .mapLocations .locations .location svg {
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
  z-index: 2;
}

.container {
  width: 100%;
  max-width: 1510px;
  margin: 0 auto;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .container {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .container {
    padding: 0 2rem;
  }
}
@media (min-width: 1400px) {
  .container {
    padding: 0 3rem;
  }
}
@media (min-width: 1500px) {
  .container {
    padding: 0 4rem;
  }
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 6px;
  z-index: 999999;
  padding: 8px 16px;
  color: #EDEAF5;
  text-decoration: none;
}
.skip-link:focus {
  left: 6px;
}

@keyframes shimmer {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.line .container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.line .container .inner {
  width: 100%;
  height: 1px;
  background-color: #EDEAF5;
}

.hero .container {
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 1rem;
}
@media (min-width: 640px) {
  .hero .container .desc {
    max-width: 600px;
    margin-left: auto;
  }
}
@media (min-width: 1100px) {
  .hero .container .desc {
    opacity: 0;
    transition: 0.5s ease;
    transition-delay: 0.4s;
    transform: translateY(50px);
  }
  .hero .container .desc.active {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero .container .desc p a {
  font-weight: 600;
}
.hero .container .text {
  overflow: hidden;
}

.madGallery .container {
  position: relative;
}
.madGallery .container .stars {
  position: absolute;
  left: 1rem;
  top: 30%;
  opacity: 0.7;
  max-width: 25vw;
}
@media (min-width: 768px) {
  .madGallery .container .stars {
    top: 40%;
  }
}
@media (min-width: 1100px) {
  .madGallery .container .stars {
    width: 30%;
    height: auto;
    top: 40%;
    left: 3rem;
  }
}
@media (min-width: 1200px) {
  .madGallery .container .stars {
    width: 40%;
    top: 45%;
    left: 4rem;
  }
}
.madGallery .container .galleryWrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "one one one three three ." "one one one three three ." "one one one three three ." ". two two three three ." ". two two three three ." ". . four four four four" ". . four four four four" ". . four four four four" ". . . . six six" "five five . . six six" "five five . . six six" "five five . . six six" ". . . . six six";
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .madGallery .container .galleryWrapper {
    gap: 2rem;
  }
}
.madGallery .container .galleryWrapper:before {
  content: "";
  position: absolute;
  bottom: 3rem;
  right: 1rem;
  opacity: 1;
  z-index: -1;
  width: 200px;
  height: 220px;
  background-image: url("data:image/svg+xml,%3Csvg width='442' height='467' viewBox='0 0 442 467' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05' clip-path='url(%23clip0_92_437)'%3E%3Cpath d='M413.53 55.372L391.249 59.5055L386.837 81.1716L382.48 59.5055L360.226 54.8727L382.591 50.7392L387.308 29.1563L391.249 50.8224L413.53 55.372Z' fill='%23EDEAF5'/%3E%3Cpath d='M391.249 50.8224L387.308 29.1563L382.591 50.7392L360.226 54.8727L382.508 59.5055L386.837 81.1716L391.276 59.5055L413.558 55.372L391.276 50.8501L391.249 50.8224ZM386.92 56.1488C386.726 55.372 386.615 55.261 385.949 55.1501C386.643 54.9559 386.726 54.8449 386.92 54.1791C387.031 54.8727 387.114 54.9559 387.919 55.1501C387.142 55.261 387.031 55.3443 386.92 56.1488ZM385.949 55.1778C386.643 55.2888 386.726 55.372 386.948 56.1765C387.059 55.3997 387.142 55.2888 387.947 55.1778C387.17 54.9836 387.059 54.8727 386.948 54.1791C386.754 54.8727 386.643 54.9559 385.949 55.1778Z' fill='%23EDEAF5'/%3E%3Cpath d='M395.494 46.4947L386.92 0L378.262 46.4947L331.757 54.9836L378.262 63.7499L386.92 110.245L395.494 63.7499L442 54.9836L395.494 46.4947ZM391.249 59.5055L386.809 81.1716L382.48 59.5055L360.198 54.8726L382.563 50.7392L387.281 29.1563L391.221 50.8224L413.503 55.3442L391.221 59.4777L391.249 59.5055Z' fill='%23EDEAF5'/%3E%3Cpath d='M197.955 467C88.794 467 0 378.2 0 269.092C0 159.985 88.794 71.1846 197.955 71.1846C307.116 71.1846 395.91 159.957 395.91 269.092C395.91 378.227 307.116 467 197.955 467ZM197.955 82.947C95.2871 82.947 11.7652 166.449 11.7652 269.092C11.7652 371.736 95.2871 455.21 197.927 455.21C300.568 455.21 384.09 371.708 384.09 269.092C384.09 166.477 300.596 82.947 197.955 82.947Z' fill='%23EDEAF5'/%3E%3Cpath d='M197.955 180.347C172.371 180.347 147.509 178.184 124.09 173.884C95.398 168.64 69.4812 160.29 49.1418 149.665L54.5805 139.234C73.8932 149.305 98.6445 157.294 126.198 162.315C148.924 166.477 173.065 168.585 197.927 168.585C222.79 168.585 246.903 166.477 269.629 162.315C297.21 157.294 321.961 149.305 341.274 139.234L346.713 149.665C326.373 160.29 300.457 168.64 271.737 173.884C248.318 178.184 223.483 180.347 197.927 180.347H197.955Z' fill='%23EDEAF5'/%3E%3Cpath d='M54.6082 398.95L49.1418 388.519C69.4535 377.894 95.3702 369.516 124.09 364.273C147.509 359.973 172.344 357.81 197.955 357.81C223.567 357.81 248.373 359.973 271.793 364.273C300.54 369.516 326.457 377.894 346.768 388.519L341.302 398.95C322.017 388.88 297.266 380.891 269.656 375.869C246.931 371.708 222.79 369.6 197.927 369.6C173.065 369.6 148.896 371.708 126.198 375.869C98.6168 380.891 73.8654 388.88 54.5805 398.978L54.6082 398.95Z' fill='%23EDEAF5'/%3E%3Cpath d='M197.955 467C146.677 467 106.497 380.058 106.497 269.092C106.497 158.126 146.677 71.1846 197.955 71.1846C249.234 71.1846 289.413 158.126 289.413 269.092C289.413 380.058 249.234 467 197.955 467ZM197.955 82.947C154.751 82.947 118.263 168.197 118.263 269.065C118.263 369.933 154.751 455.182 197.955 455.182C241.159 455.182 277.648 369.933 277.648 269.065C277.648 168.197 241.159 82.947 197.955 82.947Z' fill='%23EDEAF5'/%3E%3Cpath d='M390 263.211H5.88257V274.974H390V263.211Z' fill='%23EDEAF5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_92_437'%3E%3Crect width='442' height='467' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 640px) {
  .madGallery .container .galleryWrapper:before {
    bottom: 3rem;
    width: 300px;
    height: 300px;
    right: auto;
    left: 3rem;
  }
}
@media (min-width: 768px) {
  .madGallery .container .galleryWrapper:before {
    width: 400px;
    left: 2rem;
    height: 400px;
  }
}
@media (min-width: 1024px) {
  .madGallery .container .galleryWrapper:before {
    width: 50%;
    left: 5rem;
    height: auto;
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1200px) {
  .madGallery .container .galleryWrapper:before {
    width: 55%;
    bottom: 5rem;
  }
}
.madGallery .container .galleryWrapper .imageWrapper {
  border-radius: 5px;
  overflow: hidden;
}
.madGallery .container .galleryWrapper .imageWrapper:nth-of-type(1) {
  grid-area: one;
}
.madGallery .container .galleryWrapper .imageWrapper:nth-of-type(2) {
  grid-area: two;
}
.madGallery .container .galleryWrapper .imageWrapper:nth-of-type(3) {
  grid-area: three;
  max-height: 75%;
  min-width: 154%;
}
.madGallery .container .galleryWrapper .imageWrapper:nth-of-type(4) {
  grid-area: four;
}
.madGallery .container .galleryWrapper .imageWrapper:nth-of-type(5) {
  grid-area: five;
}
.madGallery .container .galleryWrapper .imageWrapper:nth-of-type(6) {
  grid-area: six;
  max-height: 50%;
  min-width: 125%;
  margin-left: -25%;
}
@media (min-width: 1100px) {
  .madGallery .container .galleryWrapper .imageWrapper {
    opacity: 0;
    transition: 0.5s ease;
    transition-delay: 0.2s;
    transform: translateY(50px);
  }
  .madGallery .container .galleryWrapper .imageWrapper.active {
    opacity: 1;
    transform: translateY(0);
  }
}
.madGallery .container .galleryWrapper .imageWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brochure {
  padding-bottom: 3rem;
}
@media (min-width: 1100px) {
  .brochure {
    margin-top: -5rem;
  }
}
.brochure .container .titleWrapper {
  border-top: 1px solid #EDEAF5;
  padding-top: 3rem;
  text-align: center;
}
.brochure .container .link {
  text-align: center;
}/*# sourceMappingURL=2025-ball.css.map */