:root {
  --bs-primary: #A47864;
  --bs-secondary: #7491c9;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #2b2b2b;
  --bs-primary-rgb: 13,110,253;
  --bs-secondary-rgb: 108,117,125;
  --bs-success-rgb: 25,135,84;
  --bs-info-rgb: 13,202,240;
  --bs-warning-rgb: 255,193,7;
  --bs-danger-rgb: 220,53,69;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 33,37,41;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-gradient: linear-gradient(-45deg, #A47864, #d19c97, #7491c9);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #2b2b2b;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: var(--bs-white)3cd
}

/*HEADER MENU*/
#sp-header {
  position: absolute;
  top: 0;
  background: transparent;
  height: 70px;
  box-shadow: none
}

#sp-header, #sp-header .logo {
  height: 80px;
}

#sp-header .logo svg {
    height: 50px;
    fill: var(--bs-white);
}
#sp-header .logo .gradient {
    display: none;
}

#sp-header.header-sticky {
    background: var(--bs-white);
}

#sp-header.header-sticky .logo .gradient {
  display:block;
    height: 50px;
}
#sp-header.header-sticky .logo .white {
    display: none;
}

.offcanvas-active .burger-icon>span:nth-child(1),
#modal-menu-toggler.active .burger-icon>span:nth-child(1) {
  transform: translate(0, 17px) rotate(-45deg);
}

.burger-icon>span {
  display: block;
  height: 5px;
  background-color: var(--bs-white);
  margin: 6px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

#sp-header.header-sticky .burger-icon>span {
  background-color: var(--bs-secondary);
}

body.modal-menu-active {
  overflow-y: auto;
}

#modal-menu {
  background: #f9f9f9;
  top: 0;
  z-index: -1;
}

/*.gradient-background {
  background: linear-gradient(145deg,#142fa7,#aa3452,#3984d9,#8cecd9);
  background-size: 240% 240%;
  animation: gradient-animation 20s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}*/

.gradient-background {
/*  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
  background: var(--bs-gradient);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  opacity: 0.85;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.blob-outer-container {
  height: 100vh;
  width: 100vw;
  z-index: 0;
  inset: 0;
  margin: auto;
  filter: blur(300px);
  opacity: 0.85;
}

.blob {
  width: 100vw;
  height: 100%;
  inset: 0;
  margin: auto;
  /*background: conic-gradient(from 0deg, #08f, #c96e32, #bbffa1, #7832b6, #899f69, #ab2666);*/
  background: conic-gradient(from 0deg, #08f, #c96e32, #bbffa1, #c396eb, #899f69, #fa62ab);
  animation: spinBlob 16s linear infinite;
}

@keyframes spinBlob {
  0% {
    transform: rotate(0deg) scale(2);
  }

  100% {
    transform: rotate(1turn) scale(2);
  }
}
/*ARROW*/
.btn-transparent a, .btn-transparent a:hover {
    position: absolute;
    width: 4rem;
    height: 8rem;
    left: 2rem;
    margin-left: -2rem;
    bottom: 5rem;
    z-index: 4;
    background: #transparent;
}

#arrowAnim {
    position: absolute;
    left: 2rem;
    margin-left: -1.2rem;
    z-index: 3;
    top: -170px;
}

.arrow {
    width: 2.4rem;
    height: 2.4rem;
    border: 0.5rem solid;
    border-color: #333 transparent transparent #fff;
    transform: rotate(-136deg);
}

.arrowSliding {
    position: absolute;
    -webkit-animation: slide 3s linear infinite;
    animation: slide 3s linear infinite;
}

.delay1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(-3rem);
    }

    20% {
        opacity: 1;
        transform: translateY(-2rem);
    }

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

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(-3rem);
    }

    20% {
        opacity: 1;
        transform: translateY(-2rem);
    }

    100% {
        opacity: 0;
        transform: translateY(3rem);
    }
}
/*HOME*/

.meta-image{
top:0;
z-index: 0 !important;
opacity: 1;
background-color: #fff;
}

/*RESPONSIVE*/
@media (min-width: 1400px) {
    .sppb-row-container, .container {
        max-width: 1600px;
    }
}