/* Importer File. */
/* All Fonts related variables. */
@font-face {
  font-family: "Figtree-MediumItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-MediumItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-SemiBold";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBold.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-SemiBoldItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBoldItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-BoldItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-BoldItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Black";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Black.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Medium";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Medium.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-ExtraBoldItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBoldItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-ExtraBold";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBold.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Light";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Light.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Regular";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Regular.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-BlackItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-BlackItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-LightItalic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-LightItalic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Italic";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Italic.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree-Bold";
  src: url("/themes/custom/gifting_revamp/fonts/Figtree-Bold.woff2") format("woff2"), url("/themes/custom/gifting_revamp/fonts/Figtree-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*
  Font sizes for headings.
  Only use for headings (h1, h2, h3, h4, h5, h6) and base font size.
*/
/* All global variables. */
/*
  Spacing Variables.
  Only use these spacing variables for margin and padding.
*/
/*
  Border Radius Variables.
  Only use these border radius variables for border-radius.
*/
/* Transitions */
/* Importer File. */
/* Mixin */
/* Importer File. */
/* Extensions */
.user-login__form-wrapper--desc, .user-login__footer-wrapper--upper .social-link, .user-login__footer-wrapper--upper .social-link span a, .user-login__footer-wrapper--below .copyright {
  font-size: 1.125rem;
  font-family: "Figtree-Regular", sans-serif;
}
@media screen and (max-width: 992px) {
  .user-login__form-wrapper--desc, .user-login__footer-wrapper--upper .social-link, .user-login__footer-wrapper--upper .social-link span a, .user-login__footer-wrapper--below .copyright {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .user-login__form-wrapper--desc, .user-login__footer-wrapper--upper .social-link, .user-login__footer-wrapper--upper .social-link span a, .user-login__footer-wrapper--below .copyright {
    font-size: 0.875rem;
  }
}
@media screen and (orientation: landscape) and (max-width: 991px) {
  .user-login__form-wrapper--desc, .user-login__footer-wrapper--upper .social-link, .user-login__footer-wrapper--upper .social-link span a, .user-login__footer-wrapper--below .copyright {
    font-size: 1rem;
  }
}

.user-login {
  min-height: 100vh;
  background-color: #242e65;
}
.user-login-wrapper {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.user-login-wrapper .ltts-wave-pattern {
  position: absolute;
  width: 100%;
  top: 24%;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .user-login-wrapper .ltts-wave-pattern {
    top: 31%;
  }
}
.user-login__header {
  padding: 1.875rem 0.625rem;
  width: 100%;
}
.user-login__header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.user-login__header-wrapper--left {
  width: 280px;
}
.user-login__header-wrapper--left img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .user-login__header-wrapper--left {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .user-login__header-wrapper--left {
    width: 40%;
  }
}
.user-login__header-wrapper--right {
  width: 200px;
}
.user-login__header-wrapper--right img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .user-login__header-wrapper--right {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .user-login__header-wrapper--right {
    width: 40%;
  }
}
@media screen and (max-width: 992px) {
  .user-login__header {
    padding: 1rem 0.625rem;
  }
}
.user-login__form-wrapper {
  position: relative;
  z-index: 2;
}
.user-login__form-wrapper .gift-icon {
  width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .user-login__form-wrapper .gift-icon {
    width: 160px;
  }
}
@media screen and (max-width: 992px) {
  .user-login__form-wrapper .gift-icon {
    width: 120px;
  }
}
@media screen and (max-width: 768px) {
  .user-login__form-wrapper .gift-icon {
    width: 100px;
  }
}
.user-login__form-wrapper--title {
  background: linear-gradient(129deg, #76d7fa 0%, rgb(117, 192, 68) 65%, rgb(254, 211, 20) 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4.375rem;
  font-family: "Figtree-Bold", sans-serif;
}
@media screen and (max-width: 992px) {
  .user-login__form-wrapper--title {
    font-size: 3rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .user-login__form-wrapper--title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 576px) {
  .user-login__form-wrapper--title {
    font-size: 2rem;
  }
}
@media screen and (orientation: landscape) and (max-width: 991px) {
  .user-login__form-wrapper--title {
    font-size: 2rem;
  }
}
.user-login__form-wrapper--desc {
  color: #fff;
}
.user-login__form-wrapper .button {
  background-color: #76d7fa !important;
  color: #112868 !important;
  border-radius: 0 !important;
  padding: 0 2rem !important;
  font-size: 1.125rem !important;
  font-family: "Figtree-SemiBold", sans-serif !important;
  margin: 0 auto !important;
  display: block !important;
}
.user-login__form-wrapper .block-page-title-block h1 {
  display: none;
}
.user-login__form-wrapper .openid-connect-login-form {
  padding: 1.25rem;
  padding-bottom: 1rem;
}
.user-login__footer-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.user-login__footer-wrapper--upper {
  margin-bottom: 1.25rem;
}
.user-login__footer-wrapper--upper .social-link {
  color: #fff;
  text-align: center;
}
.user-login__footer-wrapper--upper .social-link span {
  display: block;
}
.user-login__footer-wrapper--upper .social-link span a {
  color: #76d7fa;
}
@media screen and (max-width: 992px) {
  .user-login__footer-wrapper--upper {
    margin-bottom: 0;
  }
}
.user-login__footer-wrapper--below .copyright {
  color: #76d7fa;
  text-align: center;
  font-size: 0.875rem;
}
@media screen and (orientation: landscape) and (max-height: 640px) {
  .user-login {
    height: auto;
    min-height: auto;
  }
}
@media screen and (orientation: landscape) and (height: 540px) and (width: 720px) {
  .user-login {
    height: 100%;
    min-height: 100%;
  }
}