/* compiled by scssphp v0.0.12 on Wed, 27 Sep 2023 04:10:28 +0000 (0.0235s) */

::selection {
  background: #e50000;
  color: #fff; }

::-moz-selection {
  background: #e50000;
  color: #fff; }

*:focus {
  box-shadow: none;
  outline: none; }

.swal2-styled.swal2-default-outline:focus {
  box-shadow: none !important; }

html {
  font-size: 100%; }

body {
  font-family: 'Poppins', sans-serif;
  /* X-Large Devices, Wide Screens */ }
  body .copyright {
    padding-top: 10px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6); }
    body .copyright a {
      color: rgba(255, 255, 255, 0.6); }
      body .copyright a:not(.btn) {
        position: relative; }
        body .copyright a:not(.btn)::after {
          content: "";
          width: 0;
          height: 2px;
          position: absolute;
          left: 0px;
          bottom: -6px;
          background-color: #fff;
          display: block;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s; }
        body .copyright a:not(.btn):hover {
          text-decoration: none;
          color: #fff;
          -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
          -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
          -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
          body .copyright a:not(.btn):hover::after {
            width: 100%; }
  body main {
    min-height: 100vh; }
    body main .loginbox {
      display: flex;
      min-height: 100vh;
      background-color: #4a2086;
      flex-direction: column;
      justify-content: center;
      background-image: url(/images/bg-2.webp);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
      body main .loginbox .login-wrapper {
        background-color: rgba(31, 41, 66, 0.9);
        -webkit-border-radius: 25px;
        -khtml-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        overflow: hidden; }
        body main .loginbox .login-wrapper .login-inner {
          padding: 55px 55px 35px 35px; }
        body main .loginbox .login-wrapper .card {
          background-color: rgba(255, 255, 255, 0.1); }
          body main .loginbox .login-wrapper .card h3, body main .loginbox .login-wrapper .card p {
            color: #fff; }
          body main .loginbox .login-wrapper .card a {
            color: #ff0064;
            text-decoration: none; }
            body main .loginbox .login-wrapper .card a:not(.btn) {
              position: relative; }
              body main .loginbox .login-wrapper .card a:not(.btn)::after {
                content: "";
                width: 0;
                height: 2px;
                position: absolute;
                left: 0px;
                bottom: -6px;
                background-color: #ff0064;
                display: block;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s; }
              body main .loginbox .login-wrapper .card a:not(.btn):hover {
                text-decoration: none;
                color: #ff0064;
                -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
                -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
                -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
                transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
                body main .loginbox .login-wrapper .card a:not(.btn):hover::after {
                  width: 100%; }
          body main .loginbox .login-wrapper .card .form-control {
            color: #333; }
        body main .loginbox .login-wrapper .login-left {
          color: #fff; }
        body main .loginbox .login-wrapper .red-products {
          padding: 0; }
          body main .loginbox .login-wrapper .red-products .red-products-wrapper {
            padding: 35px 15px 35px 15px;
            margin-top: 55px;
            background-color: #1d233d; }
            body main .loginbox .login-wrapper .red-products .red-products-wrapper ul {
              margin: 0;
              padding: 0;
              display: flex;
              justify-content: space-evenly;
              align-content: center;
              align-items: center;
              flex-wrap: wrap;
              flex-direction: row; }
              body main .loginbox .login-wrapper .red-products .red-products-wrapper ul li {
                list-style: none;
                margin: 5px; }
                body main .loginbox .login-wrapper .red-products .red-products-wrapper ul li img {
                  -webkit-transition: all 0.5s;
                  -moz-transition: all 0.5s;
                  -ms-transition: all 0.5s;
                  -o-transition: all 0.5s;
                  transition: all 0.5s;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$trAbsolute)";
                  filter: alpha(opacity=30);
                  -moz-opacity: 0.3;
                  -khtml-opacity: 0.3;
                  opacity: 0.3; }
                body main .loginbox .login-wrapper .red-products .red-products-wrapper ul li:hover img {
                  -webkit-transition: all 0.5s;
                  -moz-transition: all 0.5s;
                  -ms-transition: all 0.5s;
                  -o-transition: all 0.5s;
                  transition: all 0.5s;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$trAbsolute)";
                  filter: alpha(opacity=100);
                  -moz-opacity: 1;
                  -khtml-opacity: 1;
                  opacity: 1; }
        body main .loginbox .login-wrapper p.lead strong {
          font-weight: 700; }

@media only screen and (max-width: 1400px) {
  /* Large Devices, Wide Screens */ }

@media only screen and (max-width: 1200px) {
  /* Medium Devices, Desktops */ }

@media only screen and (max-width: 992px) {
  /* Small Devices, Tablets */ }

@media only screen and (max-width: 768px) {
  /* Extra Small Devices, Phones */
    body main .loginbox .first {
      padding: 0; }
      body main .loginbox .login-wrapper {
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px; }
        body main .loginbox .login-wrapper .login-inner {
          padding: 55px 15px 15px 15px; } }

@media only screen and (max-width: 575px) {
  /* Extra Small Devices, Phones */ }

@media only screen and (max-width: 480px) {
  /* Custom, iPhone Retina */ }

.btn-bd-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff0064;
  --bs-btn-border-color: #ff0064;
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #d7276c;
  --bs-btn-hover-border-color: #d7276c;
  --bs-btn-focus-shadow-rgb: #d7276c;
  --bs-btn-active-color: #d7276c;
  --bs-btn-active-bg: #d7276c;
  --bs-btn-active-border-color: #d7276c; }