@font-face {
  font-family: 'Nippo Light';
  src: url('/hubfs/8627956/m11/fonts/Nippo-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Hoves';
  src: url('/hubfs/8627956/m11/fonts/TT_Hoves_Pro_Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body {
  font-family: 'Nippo Light';
}

.p25 {
  font-family: 'Hoves';
}

.p25 .hs-form label {
  font-size: 1rem;
}

.p25 .hs-input, .p25 .hs-search-field__input, .p25 input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    border-radius: 0px;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Hoves';
}

h1 {
  letter-spacing: -0.06em;
  line-height:6rem;
  font-size: 5.077778rem;
}

h2 {
  letter-spacing: -0.04em;
}


.hs-input, .hs-search-field__input, input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    border-radius: 100px;
}

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

.moving-gradient {
  background: linear-gradient(96deg, #FBE5E1 0%, #E3D8E9 33%, #91BBDB 66%);
  background-size: 200% 200%;
  animation: moving-gradient 10s ease infinite;
  /* Additional styles for the example */
  /*       display: flex; */
  /*       justify-content: center; */
  /*       align-items: center; */
  /*       height: 100vh; /* Set the height to the viewport height */ */
  /*       margin: 0; */
  /*       color: #333; */
}

.gradient-div {
  background: radial-gradient(63.59% 112.4% at 96.41% 100%, #91BBDB 22.4%, rgba(145, 187, 219, 0) 100%), radial-gradient(56.22% 120.8% at 77.27% 0%, #E3D8E9 0%, rgba(231, 224, 228, 0) 98.08%), radial-gradient(43.16% 67.59% at 41.17% 100%, #FBE5E1 0%, #FFFAF1 86.65%);
}

.subscription-mgt p.header {height: 40px; margin-bottom: 10px;}

.password-main {
  background-image: url('https://landing.maven11.com/hubfs/srcnn_anime_noise2_2x.jpeg') !important;
  background-size: cover !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  height: 100vh;
}

@media (min-width: 30px) and (max-width: 767px) {
  h1 {
    font-size: 55px;
    line-height: 52px;
  }
  h2 {
    font-size: 35px;
    line-height: 36px;
  }
  
}


.custom-gradient {
  background: linear-gradient(90deg, #FEF3EB 0%, #BACFE1 100%), #FFF;
}

.custom-gradient .decoration svg path {
  fill: transparent!important;
}
@media (max-width: 767px) {
  .custom-gradient .decoration {
    display: none;
        
  }
}

@media (min-width: 768px) {
  .custom-heading-h1 h1 {
    font-size: 200px;
    font-style: normal;
    font-weight: 400;
    line-height: 160px;
  }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.custom-gradient .decoration svg {
    animation: spin 200s linear infinite; /* 10 seconds for a slow spin */
    display: inline-block;
}




.m11-full-height {
  height: 100vh;
  display: flex;
  align-items: center;
}