// .main {
//     position: fixed;
//     z-index: 99;
//     background-color: #fff;
//     // width: 97%;
//     // right: 58px;
//     left: 0;
//     right: 400px;
//   }

// .main-full {
// width: 97%;
// right: 58px;
// }

// .button-text {
//   border: none;
//   background-color: initial;
//   position: relative;
//   top: 4px;
// }

// .Active {
//   color: #00b6e3;
//   position: relative;
//   &::before {
//     content: "";
//     position: absolute;
//     top: 36px;
//     width: 52px;
//   }
// }

// .nav-item-link:hover {
  // color: #00b6e3 !important;
// }
// .active {
  // color: #00b6e3 !important;
  // position: relative;
  // &::after {
  //   content: "";
  //   top: 30px;
  //   right: -3px;
  //   width: 100%;
  // }
// }
// .schemasGetter {
// width: auto;
// margin-left: 20px;
// }
// .nav-item-header {
//   display: flex;
//   // justify-content: space-around;
//   div {
//     cursor: pointer;
//     text-align: center;

//     .nav-item-link {
//       text-decoration: none;
//     }
//   }
// }
// .nav-item {
//   display: flex;
//   justify-content: flex-end;
// }
// .main-option {
//   display: flex;
//   justify-content: flex-end;
// }
.header__logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
// .select-button {
//   border: 0px !important;
// }

// .dropdown-item {
//   text-align: right !important;
// }
// .dropdown {
//   appearance: none;
// }

// .Possibilities {
//   // background-color: red;
//   width: 97%;
//   top: 3px;
//   position: relative;
//   margin: 0 auto;
//   height: auto;
//   padding: 5px;
// }

// .Possibilities-select {
//   width: 6rem;
//   // background-color: red;
//   position: absolute;
//   right: 49%;
//   display: flex;
//   align-content: center;
//   justify-content: center;
//   align-items: center;
// }
// .Possibilities-select-item {
//   padding: 4px;
//   border: 0;
//   outline: 0 !important;
// }
// .state-button {
//   color: red;
// }
// .class-border {
//   height: 99px !important;
// }

// @media (max-width: 575.98px) {
//   .row-nav.topheader {
//     width: 360px;
//     margin-right: 0;
//   }
//   .row-nav {
//     font-size: 12px;
//   }
// }

// @media only screen and (min-width: 768px) and (max-width: 991.98px) {
//   .img-img {
//     display: none !important;
//   }
// }
// @media only screen and (min-width: 576px) and (max-width: 767.98px) {
//   // .main {
//   //   right: 8px;
//   // }
//   .img-img {
//     display: none !important;
//   }

//   .header__logo {
//     justify-content: flex-start;
//   }

//   // .class-border {
//   //   height: 174px !important;
//   // }
//   .display-none {
//     display: none !important;
//   }
// }

// @media (max-width: 575.98px) {
//   .main {
//     right: 8px;
//   }
//   .img-img {
//     display: none !important;
//   }

//   .header__logo {
//     justify-content: flex-start;
//   }
//   .class-border {
//     height: 174px !important;
//   }
//   .display-none {
//     display: none !important;
//     // display: inline;
//   }
// }
// .active {
//   // color:active;
// }

// .smart_phones {
//   display: none;
// }
// .dropdown-container {
//   position: relative;
// }

// .m-w1 {
//   // min-width: 34em;
//   min-width: 60em;
// }
// .main {
//   // position: fixed;
//   // z-index: 99;
//   // background-color: #fff;
//   // width: 97%;
//   // right: 58px;
//   // left: 0;
//   // right: 400px;

//   margin-right: var(--sidebar-collapsed-width);

//   &.expanded {
//     margin-right: var(--sidebar-width) !important;
//   }

//   .nav-tabs {
//     .nav-item {
//       &.show .nav-link {
//         color: #22b0d2;
//       }

//       .nav-link {
//         border-top-left-radius: 0.3em;
//         border-top-right-radius: 0.3em;
//         border-bottom-right-radius: 0;
//         border-bottom-left-radius: 0;

//         &.active {
//           color: #22b0d2;
//         }
//       }
//     }

//     .float-label {
//       position: absolute;
//       top: -0.5em;
//       right: 0;
//       background-color: #fff;
//       padding: 0 1em;
//       font-size: 0.8rem;
//       color: #6f6f6f;
//     }
//     .form-control {
//       min-width: 11em;
//       border-radius: 0.5em;
//     }
//   }
// }

// .button-text {
//   border: none;
//   background-color: initial;
//   margin-top: 6px;
//   position: relative;

//   top: 4px;
// }

// .description {
//   position: absolute;
//   right: 0;
//   margin-right: 1.5em;
//   margin-top: 1em;

//   // margin-right: 30px;
// }

// .nav-item-link:hover {
//   // color: #00b6e3 !important ;
//   color: var(--primary-color);
// }

// .nav-item-header {
//   display: flex;
//   // justify-content: space-around;
//   div {
//     cursor: pointer;
//     text-align: center;

//     .nav-item-link {
//       text-decoration: none;
//     }
//   }
// }
// .nav-item {
//   display: flex;
//   justify-content: flex-end;
//   height: 3em;
//   a {
//     span {
//       display: none;
//     }
//   }
// }
// .main-option {
//   display: flex;
//   justify-content: flex-end;
// }
// .header__logo {
//   width: 12em;
//   margin: 15px;
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
// }
// .select-button {
//   border: 0px !important;
// }

// .dropdown-item {
//   text-align: right !important;
// }
// // .dropdown {
// //   appearance: none;
// // }
// // .dropdown-toggle::after {
// //   background-image: none;
// // }

// .Possibilities {
//   // background-color: red;
//   width: 97%;
//   top: 3px;
//   position: relative;
//   margin: 0 auto;
//   height: auto;
//   padding: 5px;
// }

// .Possibilities-select {
//   margin-left: 20px;
//   margin-top: 5px;
// }
// .Possibilities-select-item {
//   padding: 4px;
//   border: 0;
//   outline: 0 !important;
// }
// .state-button {
//   color: red;
// }

// @media (max-width: 575.98px) {
//   .desktop {
//     display: none;
//   }
//   .button-advanced-search {
//     right: 1.3em !important;
//     top: 5.1em !important;
//   }
//   .smart_phones {
//     display: flex;
//     flex-direction: column;
//     .button-text {
//       margin-top: 0;
//     }
//     .button-filter {
//       position: relative;

//       .button-filter-active {
//         color: var(--primary-color);
//       }
//     }
//     .dropdown-content {
//       position: absolute;
//       top: 46px;
//       left: -42px;
//       z-index: 9999;
//       background-color: #fff;
//       width: 10em;
//       height: auto;
//       border: 1px solid var(--primary-color);
//       border-radius: 15px;

//       // display: block;
//       /* Add other styling as needed */
//     }
//   }

//   .row-nav {
//     width: 360px;
//     margin-right: 0;
//     // margin-top: 16px;
//   }
//   .active {
//     color: var(--primary-color);
//     position: relative;

//     // &::after {
//     //   content: "";
//     //   border-bottom: 2px solid var(--primary-color);
//     //   position: absolute;
//     //   top: 40px;
//     //   right: -3px;
//     //   width: 100%;
//     // }
//   }

//   .m-w1 {
//     // min-width: 21em;
//     min-width: 50em;
//   }
//   // .main {
//   //   right: 8px;
//   // }
//   .img-img {
//     display: none !important;
//   }
//   .dropdown-toggle {
//     span {
//       display: none;
//     }
//   }

//   .header__logo {
//     justify-content: flex-start;
//   }
//   .class-border {
//     height: 12em !important;
//   }
//   .display-none {
//     display: none !important;
//     // display: inline;
//   }
// }
// @media only screen and (min-width: 576px) and (max-width: 767.98px) {
//   .desktop {
//     display: none;
//   }
//   .button-advanced-search {
//     right: 1.3em !important;
//     top: 5.1em !important;
//   }
//   .smart_phones {
//     display: flex;
//     flex-direction: column;
//     .button-text {
//       margin-top: 0;
//     }
//     .button-filter {
//       position: relative;

//       .button-filter-active {
//         color: var(--primary-color);
//       }
//     }
//     .dropdown-content {
//       position: absolute;
//       top: 46px;
//       left: -42px;
//       z-index: 9999;
//       background-color: #fff;
//       width: 10em;
//       height: auto;
//       border: 1px solid var(--primary-color);
//       border-radius: 15px;

//       // display: block;
//       /* Add other styling as needed */
//     }
//   }
//   // .main {
//   //   right: 8px;
//   // }
//   .img-img {
//     display: none !important;
//   }
//   .dropdown-toggle {
//     span {
//       display: none;
//     }
//   }

//   .header__logo {
//     justify-content: flex-start;
//   }

//   .class-border {
//     height: 12em !important;
//   }
//   .display-none {
//     display: none !important;
//   }
// }
// @media only screen and (min-width: 768px) and (max-width: 991.98px) {
//   .img-img {
//     display: none !important;
//   }
//   .class-border {
//     height: 99px !important;
//   }
//   .display-logo {
//     display: none;
//   }
//   .dropdown-toggle {
//     span {
//       display: none;
//     }
//   }
//   .nav-item-header-desktop {
//     display: none;
//   }
//   .dropdown-content {
//     position: absolute;
//     top: 38px;
//     left: -42px;
//     z-index: 9999;
//     background-color: #fff;
//     width: 10em;
//     height: auto;
//     border: 1px solid var(--primary-color);
//     border-radius: 15px;
//   }

//   .active {
//     &::after {
//       content: "";
//       top: 32px;
//     }
//   }
//   .button-advanced-search {
//     right: 1em !important;
//     top: 0.8em !important;
//   }
// }
// @media only screen and (min-width: 992px) and (max-width: 1199.98px) {
//   .display-logo {
//     display: none;
//   }
//   .nav-item-header-tablet {
//     display: none;
//   }
//   .description {
//     margin-top: 2em;
//   }
//   .class-border {
//     height: 8.3em !important;
//   }
//   .button-advanced-search {
//     right: 1em !important;
//     top: 0.8em !important;
//   }
// }
// @media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
//   .nav-item-header-tablet {
//     display: none;
//   }
//   .description {
//     margin-right: -12.5em;
//     margin-top: 1.6em;
//   }
//   .class-border {
//     height: 7.8em !important;
//   }
//   .button-advanced-search {
//     right: 1em !important;
//     top: 0.6em !important;
//   }
// }
// @media only screen and (min-width: 1920px) {
//   .class-border {
//     height: 7.2em !important;
//   }
//   .smart_phones {
//     display: none;
//   }
//   .nav-item-header-tablet {
//     display: none;
//   }
//   .description {
//     margin-right: -12.5em;
//     margin-top: 1.6em;
//   }
//   .button-advanced-search {
//     // right: 16em !important;
//     // top: 1.3em !important;
//     right: 1em !important;
//     top: 0.3em !important;
//   }
// }

// .active {
//   color: var(--primary-color);
// }
// .show-category-btn {
// }
// .button-advanced-search {
//   margin-top: 0.2em;
//   position: absolute;
//   right: 2.5em;
//   top: 1.5em;
//   border-left: 1px #eee solid;
//   border-radius: unset !important;
//   z-index: 99;
//   color: var(--primary-color);
//   // svg {
//   &:hover {
//     font-weight: bold;
//     transition-duration: 0.3s;
//   }
//   // }
// }