.search-section {
  // min-height: 57em;
  height: 100dvh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;

  .top-content {
    flex: 1;
    // background: url("#{$VITE_MAJLES_ASSETS_URL}/img/bg-3.png");
    background-image: linear-gradient(
      to bottom,
      var(--dashboard-secondary-color) 83%,
      #277166
    );
    // linear-gradient(to bottom, var(--dashboard-secondary-color) 82%, #277166)
    // padding-top: 9em;

    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    // justify-content: flex-end;
    text-align: center;
    position: relative;

    &::before {
      // content: url("#{$VITE_MAJLES_ASSETS_URL}/img/bg-1.png");
      content: "";
      text-align: center;
      background: url("#{$VITE_MAJLES_ASSETS_URL}/img/bg-1-min(2).png");
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 86%;

      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }
    .inner-wrapper {
      max-width: 47.5em;
      margin: 0 auto;
      text-align: center;

      .title {
        font-family: $VITE_FONT_FAMILY;
        // font-size: 24px;
        font-size: 1.7rem;
        font-weight: 700;
        // line-height: 30px;
        line-height: 2.14;

        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        margin-bottom: 0.85em;
      }

      .sub-title {
        font-family: $VITE_FONT_FAMILY;
        // font-size: 20px;
        font-size: 1.42rem;
        font-weight: 400;
        // line-height: 30px;
        line-height: 2.14;

        letter-spacing: 0em;
        text-align: center;
        color: #fff;
        margin-bottom: 0;
      }

      .ms-search-form {
        .input-group {
          background-color: #fff;
          margin-top: 3em;
          margin-bottom: 3.5em;
          overflow: hidden;
          // border-radius: 5px;
          border-radius: 0.35em;

          &-prepend {
            align-items: center;
            padding: 0 0.5em;
          }
        }
        .form-control {
          height: 4.3em;
          height: 4em;
          // border-radius: 5px;
          border-radius: 0.35em;
          border: 0;

          &::-webkit-input-placeholder {
            color: #b7b7b7;
            font-family: $VITE_FONT_FAMILY;
            // font-size: 14px;
            font-size: 1rem;
            font-weight: 400;
            // line-height: 22px;
            line-height: 1.57;
            letter-spacing: 0em;
          }
          &:-ms-input-placeholder {
            color: #b7b7b7;
            font-family: $VITE_FONT_FAMILY;
            // font-size: 14px;
            font-size: 1rem;
            font-weight: 400;
            // line-height: 22px;
            line-height: 1.57;
            letter-spacing: 0em;
          }
          &::-ms-input-placeholder {
            color: #b7b7b7;
            font-family: $VITE_FONT_FAMILY;
            // font-size: 14px;
            font-size: 1rem;
            font-weight: 400;
            // line-height: 22px;
            line-height: 1.57;
            letter-spacing: 0em;
          }
          &::placeholder {
            color: #b7b7b7;
            font-family: $VITE_FONT_FAMILY;
            // font-size: 14px;
            font-size: 1rem;
            font-weight: 400;
            // line-height: 22px;
            line-height: 1.57;
            letter-spacing: 0em;
          }
        }
        .btn {
          display: flex;
          align-items: center;

          background: linear-gradient(180deg, #b7a56e 0%, #b7a56e 100%);
          // width: 106px;
          // height: 45px;
          height: 3.21em;
          // border-radius: 5px;
          border-radius: 0.35em;

          font-family: $VITE_FONT_FAMILY;
          // font-size: 14px;
          font-size: 1rem;
          font-weight: 700;
          // line-height: 22px;
          line-height: 1.57;
          letter-spacing: 0em;
          color: #000000;
          text-align: center;

          .tavasi {
            margin-right: 1em;
            // width: 20.04px;
            // width: 1.42em;
            // height: 20px;
            // height: 1.42em;
            color: inherit;
          }
        }
      }
    }
  }
  .center-content {
    padding: 1.8em 0;
    padding: 2.3em 0;
    // padding: 1em 0;
    // display: flex;
    // justify-content: center;

    background: url("#{$VITE_MAJLES_ASSETS_URL}/img/bg-2-min.png")
      center/cover no-repeat;
  }
  .footer-content {
    background-color: #fff;
    // padding: 2.5em 1.7em;
    // padding: 3em 1.7em;
    // padding: 1.8em 1em;
    padding: 2.8em 1.7em;

    .link-item-container {
      box-shadow: 0px 4px 4px 0px #00000026;
      // border-radius: 5px;
      border-radius: 0.35em;
      background: #034239;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 100%;

      .link-item {
        margin: 0.6em;
        height: 90%;
        // padding: 3em;
        padding: 2.5em;
        // padding: 1.5em;
        border: 1px solid var(--dashboard-text-primary);
        // border-radius: 5px;
        border-radius: 0.35em;

        color: var(--dashboard-text-primary);
        font-family: $VITE_FONT_FAMILY;
        // font-size: 16px;
        font-size: 1.14rem;
        font-weight: 700;
        // line-height: 30px;
        line-height: 2.14;

        letter-spacing: 0em;
        text-align: center;
        flex: 1;
        position: relative;

        .title {
          margin-top: 0.7em;
          margin-bottom: 0.5em;
          color: var(--dashboard-text-primary);
        }

        img {
          height: 2.7em;
          max-width: 100%;
        }

        .more-text-container {
          position: absolute;
          bottom: -0.4em;
          left: 0;
          right: 0;
          display: flex;
          justify-content: center;

          .more-text {
            background-color: #034239;
            color: var(--dashboard-text-primary);
            font-family: $VITE_FONT_FAMILY;

            // font-size: 12px;
            font-size: 0.85rem;
            font-weight: 500;
            // line-height: 19px;
            line-height: 1.35;
            letter-spacing: 0em;
            // text-align: left;
            padding: 0 1em;
          }
        }
      }
    }
  }
  // .title {
  //   color: #fff;
  //   text-align: center;
  //   font-size: 4rem;
  //   margin-bottom: 0.5em;
  // }

  // .subtitle {
  //   color: #fff;
  //   text-align: center;
  //   font-size: 2.5rem;
  //   margin-bottom: 0.5em;
  // }
  // .decryption {
  //   text-align: center;
  //   color: #fff;
  //   font-size: 1rem;
  // }
  // .form-control {
  //   height: 2em;
  //   align-items: center;
  //   border-radius: unset !important;
  //   border: 0;
  //   padding-right: 1em;
  // }
  // .input-group {
  //   width: 45em;
  //   height: 3.5em;
  //   border: 1px solid #eee;
  //   border-radius: 0.5em;
  //   border-color: rgba(150, 243, 243, 0.4588235294);
  //   background: #fff;
  //   align-items: center;
  // }
  // .input-group-prepend {
  //   // margin-right: 4em;
  //   border-right: solid #bbb 1px;
  //   z-index: 99;
  // }
  // .dropdown-toggle {
  //   min-width: 9.5em;
  // }
  // .dropdown-menu {
  //   transform: unset !important;
  //   left: 0;
  //   right: auto;
  //   min-width: 13.9em;
  //   font-size: 0.9rem;
  //   border: none;
  //   border-radius: 0.5em;
  //   text-align: right;
  //   margin-top: 4em;
  // }
  // .Possibilities-select {
  //   margin-left: 0.5em;
  //   border: 0;
  //   outline: 0 !important;
  //   color: #7f7f7f;
  // }
  // .tavasi-Component-198--1 {
  //   font-size: 2rem;
  //   cursor: pointer;
  //   z-index: 2;
  //   margin-left: 0.4em;
  // }
}