@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
/*......Defult.......*/
/*body {
   font-family: $primary-font;
   font-optical-sizing: auto;
   background: #202020;
}

.ta-front-body {
   min-height: 70vh;
}*/
/*........Nav Bar Design.........*/
/*.ta-front-header {
   background-color: $white;
   padding: 8px 0;
   z-index: 999;
   position: relative;

   nav {
      .container {
         display: flex;
         justify-content: space-between;
         align-items: center;
      }

      .navbar-brand {
         min-height: unset;

         .ta-dH-logoFull {
            padding: unset;
            display: flex;

            img {
               height: 40px;
               width: auto;
               max-height: unset;
            }
         }

         .ta-dH-logoIcon {
            display: none;
         }
      }

      .ta-navbar-links {
         display: flex;

         li {
            a {
               display: block;
               color: $black;
               padding: 20px 20px;
               font-weight: 600;
               transition: 0.3s ease;
               font-size: 15px;

               &.active {
                  color: $primary;
               }
            }

            a:hover {
               color: $primary;
            }

            &.ta-navbar-dropdown {
               position: relative;
            }
         }
      }
   }

   .ta-nav-right-wrapper {
      display: flex;
      align-items: center;
   }

   .ta-nav-lra-wrapper {
      display: flex;
      align-items: center;

      .ta-lr-content {
         display: flex;
         gap: 20px;

         a {
            color: $white;
            transition: 0.3s ease;
            font-size: 15px;
            font-weight: 600;
            transition: 0.3s ease;

            &:hover {
               color: $primary;
            }
         }
      }

      .ta-dropdown-trigger {
         display: flex;

         button {
            outline: unset;
            border: unset;
            height: 45px;
            width: 45px;
            border-radius: 50%;
            overflow: hidden;
            padding: unset;

            .ta-user-img-wrapper {
               display: flex;
            }

            img {
               height: 100%;
               width: 100%;
               object-fit: cover;
            }
         }
      }

      .ta-profile-dropDown {
         top: 60px;
         background: $white;
         border: unset;
         border-radius: 4px;
         overflow: hidden;

         .ta-dropDown-menu-header {
            background: $primary;
            padding: 15px;

            .dd-profile {
               display: flex;
               align-items: center;
               justify-content: space-between;
               gap: 15px;
            }

            .dd-profile-item {
               display: flex;
               align-items: center;
               gap: 8px;

               .ta-userimg {
                  height: 45px;
                  width: 45px;
                  background: $white;
                  padding: 3px;
                  border-radius: 4px;

                  img {
                     height: 100%;
                     width: 100%;
                     object-fit: cover;
                  }
               }

               .ta-profile-heading {
                  color: $white;
                  font-size: 14px;
                  font-weight: 600;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  width: calc(100% - 48px);
               }
            }

            .dd-profile-logout {
               a {
                  background: #2c2c2c;
                  padding: 8px 18px;
                  font-size: 14px;
                  color: $white;
                  border-radius: 20px;
                  transition: 0.3s ease;

                  &:hover {
                     background: $text-black;
                  }
               }
            }
         }
      }

      .ta-dropdown-link-wrapper {
         display: flex;
         flex-flow: column;
         padding: 8px 0;

         a {
            padding: 6px 15px;
            font-size: 14px;
            color: $text-black;
            transition: 0.3s ease;

            &:hover {
               background: #e0e0e0;
            }
         }
      }
   }*/
/*humburger design*/
/*.ta-fhamburger-parent {
      display: none;

      .fhamburger {
         padding: 0px 0px;
         display: inline-block;
         cursor: pointer;
         font: inherit;
         color: inherit;
         text-transform: none;
         background-color: transparent;
         border: 0;
         margin: 0;
         overflow: visible;
         display: flex;

         .fhamburger-box {
            width: 24px;
            height: 14px;
            display: inline-block;
            position: relative;

            .fhamburger-inner {
               display: block;
               top: 50%;
               margin-top: -1px;
               width: 24px;
               height: 2px;
               background-color: $black;
               border-radius: 10px;
               position: absolute;
               transition: all .5s ease-in-out;
            }

            .fhamburger-inner::before {
               content: '';
               width: 24px;
               height: 2px;
               background-color: $black;
               border-radius: 10px;
               position: absolute;
               transform: translateY(-7px);
               transition: all .5s ease-in-out;
            }

            .fhamburger-inner::after {
               content: '';
               width: 24px;
               height: 2px;
               background-color: $black;
               border-radius: 10px;
               position: absolute;
               transform: translateY(7px);
               transition: all .5s ease-in-out;
            }
         }
      }
   }
}*/
/*.....footer............*/
/*.ta-frontPage-footer {
   padding: 40px 0;
   position: relative;
   background: #03010E;

   .ta-footerWrapper-top {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      gap: 30px;

      .ta-imgWrapper {
         img {
            height: 55px;
         }
      }
   }

   .ta-footer-title {
      color: $primary;
      font-family: $title-font;
      font-size: 18px;
      margin-bottom: 15px;
      font-weight: bold;
   }

   .ta-footer-item-wrapper {
      &.ta-footer-item-secondary {
         margin-top: 25px;
      }

      .ta-footer-item {
         ul {
            li {
               color: $white;
               font-size: 15px;
               display: flex;
               align-items: center;
               gap: 6px;
               font-weight: 500;

               i {
                  color: $primary;
                  font-size: 18px;
               }

               &:not(:last-child) {
                  margin-bottom: 12px;
               }

               a {
                  color: $white;
                  font-size: 15px;
                  transition: 0.3s ease;

                  &:hover {
                     color: $primary;
                  }
               }
            }

            &.ta-app-link {
               display: flex;
               gap: 10px;

               a {
                  display: flex;
               }

               img {
                  height: 50px;
                  width: auto;
               }

               li {
                  &:not(:last-child) {
                     margin-bottom: 0px;
                  }
               }
            }

            &.ta-pay-partner-wrapper {
               display: flex;
               gap: 10px;

               .ta-pay-partner {
                  display: flex;
               }

               img {
                  height: 35px;
                  width: auto;
               }

               li {
                  &:not(:last-child) {
                     margin-bottom: 0px;
                  }
               }
            }

            &.s-icon {
               display: flex;
               gap: 15px;
               align-items: center;

               li {
                  &:not(:last-child) {
                     margin-bottom: 0px;
                  }

                  a {
                     i {
                        color: $white;
                        font-size: 22px;
                        transition: 0.3s ease;

                        &:hover {
                           color: $primary;
                        }
                     }
                  }
               }
            }
         }
      }
   }

   .ta-copyRignt {
      color: $white;
      font-size: 14px;
   }

   .ta-cR-wrapper {
      display: flex;
      justify-content: space-between;
      margin-top: 40px;
      padding-top: 20px;
      border-top: 1px solid #989898;
      align-items: center;
   }

   .ta-tech-partner {
      font-size: 14px;
      color: $white;

      a {
         font-weight: 600;
         color: #6A2DEC;
         transition: 0.3s ease;

         &:hover {
            color: #460fbb;
         }
      }
   }
}*/
/*.....common banner........*/
/*.ta-banner-common-section {
   background: $bg-secondary;
   padding: 35px 0;
   display: flex;
   justify-content: center;

   .ta-name-middle {
      display: flex;
      align-items: baseline;
      gap: 12px;

      .ta-home-link {
         a {
            span {
               margin-bottom: unset;
               font-weight: 600;
               font-size: 14px;
               color: #b9b9b9;
            }
         }
      }

      .ta-angle-banner {
         i {
            color: $white;
            font-size: 14px;
         }
      }

      .ta-navbar-name {
         h3 {
            margin-bottom: unset;
            font-weight: 800;
            font-size: 22px;
            color: $white;
            font-family: $title-font;
         }
      }
   }
}*/
/*login-page*/
/*.ta-credential-wrapper {
   &.ta-with-img {
      .ta-credential-body-wrapper {
         display: flex;
         justify-content: center;

         .ta-credentail-img {
            height: 450px;
            width: 450px;
            display: flex;
            border-radius: 20px 0 0 20px;
            overflow: hidden;

            img {
               height: 100%;
               width: 100%;
               object-fit: cover;
            }
         }

         .ta-credentail-body {
            margin: unset;
         }
      }
   }

   .ta-credentail-body {
      background: $white;
      padding: 50px;
      border-radius: 20px;
      width: max-content;
      max-width: 485px;
      margin: auto;

      .ta-form-title {
         display: flex;
         justify-content: space-between;
         align-items: baseline;
         margin-bottom: 40px;

         h3 {
            font-size: 28px;
            font-family: $title-font;
            font-weight: bold;
            color: $text-black;
         }

         .ta-have-account {
            a {
               color: #159dd3;
               transition: 0.3s ease;
               font-size: 16px;
               font-weight: 500;

               &:hover {
                  color: $text-black;
               }
            }
         }
      }

      .form-des {
         margin-bottom: 35px;

         p {
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            color: $text-black;
         }
      }

      .ta-form-fieldSet {
         display: flex;
         flex-flow: column;
         gap: 25px;
         margin-bottom: 35px;
      }

      .ta-form-group {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         padding: 0px;
         width: 384px;
         min-height: 64px;
         gap: 4px;

         .ta-form-label {
            font-size: 14px;
            font-weight: 500;
            color: $text-black;
         }

         label {
            &.ta-error {
               font-size: 13px;
               color: $red;
               font-weight: normal;
               position: absolute;
               left: 0;
               bottom: -20px;
            }
         }

         input {
            padding: 10px 12px;
            gap: 12px;
            width: 100%;
            height: 40px;
            background: #FFFFFF;
            border: 1px solid #D1D5DB;
            box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
            border-radius: 6px;
            font-size: 14px;
            color: $text-black;

            &.ta-error {
               border-color: $red;
            }

            &:focus {
               border: 1px solid $primary;
            }

            &::-ms-reveal, &::-ms-clear {
               display: none;
            }
         }

         input:focus::-webkit-input-placeholder {
            opacity: 0;
         }

         input:focus::-moz-placeholder {
            opacity: 0;
         }

         input:focus:-ms-input-placeholder {
            opacity: 0;
         }

         input:focus:-moz-placeholder {
            opacity: 0;
         }

         .ta-form-input {
            position: relative;
            width: 100%;
         }

         .toggle-password {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 14px;
            color: #2C2C2C;
            cursor: pointer;
         }
      }
   }

   .ta-cre-btn-wrapper {
      display: flex;
      flex-flow: column;
      gap: 15px;

      .ta-cre-btn {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 8px 20px;
         width: 100%;
         height: 40px;
         background: $primary;
         border: 2px solid $primary;
         border-radius: 20px;
         text-transform: unset;
         transition: 0.3s ease;
         font-weight: 500;
         font-size: 16px;
         color: $white;

         &.ta-cre-sbtn {
            background: $text-black;
            border: 2px solid $text-black;

            &:hover {
               background: $black;
               border: 2px solid $black;
            }
         }

         &:hover {
            background: #c04100;
            border-color: #c04100;
         }
      }
   }

   .ta-forget-btn {
      display: flex;
      justify-content: center;
      margin-top: 5px;
      font-size: 14px;
      font-weight: 600;

      a {
         color: #159dd3;
         transition: 0.3s ease;

         &:hover {
            color: $text-black;
         }
      }
   }

   .cta-event {
      margin-top: 20px;
      display: flex;
      flex-flow: column;
      align-items: center;
      gap: 3px;
      font-size: 14px;
      color: $text-black;
      font-weight: 500;

      a {
         color: #159dd3;
         transition: 0.3s ease;
         margin-left: 3px;

         &:hover {
            color: $text-black;
         }
      }
   }

   .ta-sinup-condition {
      display: flex;
      gap: 6px;
      margin: 20px 0 35px;

      input {
         width: unset;
         height: unset;
         transform: scale(1.3);
      }

      span {
         font-size: 14px;
         color: $text-black;

         a {
            text-decoration: underline;
            color: #159dd3;
            transition: 0.3s ease;

            &:hover {
               color: $text-black;
            }
         }
      }
   }

   .g-recaptcha {
      margin: auto;
   }
}*/
/*.....My Profile......*/
/*.ta-profile {
   .ta-profile-body {
      display: flex;
      align-items: center;
      flex-flow: column;
      gap: 6px;

      .ta-pImage {
         height: 150px;
         width: 150px;
         border-radius: 50%;
         overflow: hidden;

         img {
            height: 100%;
            width: 100%;
            object-fit: cover;
         }
      }

      .ta-user-details {
         .ta-userName {
            margin-bottom: 10px;

            h3 {
               font-size: 24px;
               color: $text-secondary;
               font-weight: 700;
               font-family: $title-font;
               text-align: center;
            }
         }

         .ta-userD-content {
            display: flex;
            align-items: center;
            justify-content: center;

            .ta-lbltitle {
               font-size: 16px;
               color: $text-black;
               font-weight: 600;
            }

            .ta-lbldis {
               font-size: 14px;
               color: $text-black;
               margin-left: 5px;
            }
         }

         .ta-userD-content:not(:last-child) {
            margin-bottom: 4px;
         }
      }
   }

   .ta-btn-profile {
      margin-top: 25px;
      display: flex;
      justify-content: center;
      gap: 10px;

      .button {
         border-width: 1px;
         cursor: pointer;
         justify-content: center;
         padding-bottom: calc(0.5em - 1px);
         padding-left: 3em;
         padding-right: 3em;
         padding-top: calc(0.5em - 1px);
         text-align: center;
         white-space: nowrap;
         border-radius: 8px;
         font-size: 14px;
         font-weight: 500;
         min-width: 150px;

         &.ta-danger {
            background-color: #d50000;
            border-color: transparent;
            color: $white;
         }

         &.ta-success {
            background-color: #3ba606;
            border-color: transparent;
            color: $white;
         }
      }
   }
}

.ta-credential-wrapper {
   &.ta-edit-profile {
      .ta-credentail-body {
         .ta-form-group {
            .ta-uRadio {
               display: flex;
               column-gap: 15px;
               row-gap: 2px;
               flex-flow: wrap;

               label {
                  display: flex;
                  align-items: center;
                  gap: 5px;
                  color: $text-black;
                  font-size: 13px;
                  font-weight: 500;

                  input {
                     width: unset;
                     height: unset;
                     padding: unset;
                     border: unset;
                     font-size: unset;
                     background-color: unset;
                     border-radius: unset;
                     color: unset;
                     box-shadow: unset;
                  }
               }
            }
         }
      }

      .ta-image-upload-wrapper {
         display: flex;
         gap: 20px;
         align-items: center;

         .uimg-wrapper {
            height: 85px;
            width: 85px;
            border-radius: 50%;
            overflow: hidden;

            img {
               height: 100%;
               width: 100%;
               object-fit: cover;
            }
         }

         .ta-image-action-btn {
            width: calc(100% - 105px);
            display: grid;
            grid-template-columns: repeat(2,1fr);
            gap: 10px;

            .button {
               border-width: 1px;
               cursor: pointer;
               justify-content: center;
               width: 100%;
               padding: 0;
               text-align: center;
               white-space: nowrap;
               border-radius: 8px;
               font-size: 13px;
               font-weight: 500;

               &.ta-danger {
                  background-color: #d50000;
                  border-color: transparent;
                  color: $white;
               }

               &.ta-success {
                  background-color: #3ba606;
                  border-color: transparent;
                  color: $white;
               }
            }
         }
      }

      .ta-btn-profile {
         margin-top: 25px;
         display: flex;
         justify-content: center;
         gap: 10px;

         .button {
            border-width: 1px;
            cursor: pointer;
            justify-content: center;
            padding-bottom: calc(0.5em - 1px);
            padding-left: 3em;
            padding-right: 3em;
            padding-top: calc(0.5em - 1px);
            text-align: center;
            white-space: nowrap;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            min-width: 150px;

            &.ta-danger {
               background-color: #d50000;
               border-color: transparent;
               color: $white;
            }

            &.ta-success {
               background-color: #3ba606;
               border-color: transparent;
               color: $white;
            }
         }
      }
   }
}*/
/*......verify.......*/
/*.ta-front-log-pg {
   padding: 40px 0;
   display: flex;
   justify-content: center;
   align-items: center;
}

.ta-verify-mail-store {
   background-color: #F5F5FF;
   padding: 60px 30px;
   width: 400px;
   border-radius: 3px;
   box-shadow: 2px 2px 15px rgb(181 181 181 / 60%);
}

.ta-sform-title {
   font-size: 20px;
   color: #111827;
   font-weight: 700;
   letter-spacing: 0.3px;
   text-align: center;
   margin-bottom: 25px;
}

/*.......Auth forms (Login / Change Password) .........*/
.ta-auth-page {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: #f0f0f0;
}

.ta-auth-panel {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  padding: 2.5rem 2rem;
  width: 100%;
  max-width: 420px;
}

.ta-auth-title {
  font-size: 22px;
  font-weight: 700;
  color: #C0392B;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 1.75rem;
  text-align: center;
}

.ta-auth-input {
  display: flex;
  align-items: stretch;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.ta-auth-input .ta-auth-input-icon {
  flex-shrink: 0;
  width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C0392B;
  color: #fff;
  font-size: 1rem;
}
.ta-auth-input .ta-auth-input-icon i {
  margin: 0;
}
.ta-auth-input .input {
  flex: 1;
  min-width: 0;
  border: none;
  background: #555555;
  color: #fff;
  padding: 0.6rem 1rem;
  font-size: 0.95rem;
  height: 46px;
}
.ta-auth-input .input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.ta-auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.ta-auth-remember {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #555;
  cursor: pointer;
  margin: 0;
}
.ta-auth-remember input[type=checkbox] {
  margin: 0;
}

.ta-auth-forgot {
  font-size: 0.9rem;
  color: #888;
  text-decoration: none;
}
.ta-auth-forgot:hover {
  color: #C0392B;
}

.ta-auth-btn {
  display: block;
  width: 100%;
  padding: 0.65rem 1rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
  background: #C0392B;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.ta-auth-btn:hover {
  background: rgb(166.9991489362, 49.5778723404, 37.4008510638);
}

.ta-auth-actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.ta-auth-actions .ta-auth-btn {
  flex: 1;
}
.ta-auth-actions .ta-auth-btn-cancel {
  background: #666;
}
.ta-auth-actions .ta-auth-btn-cancel:hover {
  background: #555;
}

.ta-verify-all-mail {
  margin-bottom: 20px;
}

.ta-store-mail-content {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.ta-store-mail-content .ta-formLabel {
  color: #111827;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-weight: 500;
}
.ta-store-mail-content .ta-verify-usermail .ta-store-verify-title {
  color: #ffffff;
  padding: 4px 6px;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  background-color: #6B7280;
}
.ta-store-mail-content .ta-verify-usermail .input {
  border-radius: 3px;
  line-height: 2.5;
  font-size: 16px;
  color: #111827;
  border: 1px solid #D1D5DB;
  text-align: center;
}

/* placeholder / ta-btn-store-verify blocks commented out
   //::placeholder { ... }
   :-ms-input-placeholder { ... }
   ::-ms-input-placeholder { ... }
   .ta-btn-store-verify { .button { ... } }
*/
.ta-verify-mailcall .ta-verify-data {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #22C55E;
  border-radius: 3px;
  background-color: transparent;
}

.ta-verify-mailcall {
  position: relative;
}

/*.....command message.......*/
/*.command-section {

   .command-wrapper {
      max-width: 600px;
      margin: auto;
      padding: 50px;
      box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
      border-radius: 15px;
      background: $white;

      .command-icon {
         height: 60px;
         width: 60px;
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         margin: auto;
         background: $white;
         font-size: 24px;
         margin-bottom: 10px;

         &.success {
            border: 2px solid #01a10f;
            color: #01a10f;
         }

         &.danger {
            border: 2px solid #e11e26;
            color: #e11e26;
         }

         &.warning {
            border: 2px solid #f27d19;
            color: #f27d19;
         }
      }

      .command-title {
         font-size: 26px;
         font-weight: 700;
         text-align: center;
         margin-bottom: 15px;

         &.success {
            color: #01a10f;
         }

         &.danger {
            color: #e11e26;
         }

         &.warning {
            color: #f27d19;
         }
      }

      .command-para {
         color: $text-black;
         text-align: center;
      }

      .command-btn {
         justify-content: center;
         display: flex;
         margin-top: 40px;

         a {
            padding: 6px 30px;
            background: $primary;
            border: 2px solid $primary;
            color: $white !important;
            transition: 0.3s ease;
            text-decoration: none !important;
            font-size: 14px;
            border-radius: 20px;

            &:hover {
               background: $white;
               color: $primary !important;
            }
         }
      }
   }
}

.ta-expiring-wrapper {
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 15px;

   .ta-expiring-body {
      box-shadow: 2px 2px 10px #c9c9c9;
      padding: 30px;
      border-radius: 15px;
      max-width: 400px;
   }

   .command-title {
      font-size: 28px;
      font-weight: 600;
      color: $primary;
      text-align: center;
      line-height: 1.2;
   }

   .command-subTitle {
      font-size: 18px;
      color: $text-primary;
      text-align: center;
      font-weight: 500;
   }

   .command-para {
      font-size: 16px;
      color: $gray;
      text-align: center;
   }

   .ta-expiring-contact {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
   }

   .exp-contact-head {
      font-size: 20px;
      color: $gray;
      font-weight: 600;
   }

   .ta-eContact {
      font-size: 15px;
   }

   .ta-ebutton {
      text-align: right;
      font-size: 15px;

      i {
         margin-right: 4px;
      }
   }
}*/
/*.....page not fount........*/
/*.ta-pnotFound {
   height: 100vh;
   width: 100vw;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px;
   text-align: center;
   line-height: 1.2;

   .not-found-title {
      font-size: 80px;
      font-weight: 700;
      color: $primary;
   }

   .not-found-sub-title {
      font-size: 30px;
      font-weight: 600;
      color: $white;
   }

   .not-found-message {
      font-size: 18px;
      font-weight: 400;
      color: #dbdbdb;
      margin-bottom: 10px;
   }

   .ta-link-not-found {
      a {
         display: flex;
         align-items: center;
         gap: 5px;
         justify-content: center;
         font-weight: 600;
         font-size: 16px;
         color: #92a2ff;
         transition: 0.3s ease;

         &:hover {
            color: #7ccdff;
         }
      }
   }
}*/