:root{
  --theme-color: rgba(0, 62, 172, 1);
  --theme-color-2: rgba(44, 184, 119, 1);
  --theme-color-3: rgba(192, 35, 50, 1);
  --theme-color-4: rgba(81, 159, 23, 1);
  --theme-color-5: rgba(237, 142, 0, 1);
  --theme-color-6: rgba(39, 189, 160, 1);
  --theme-color-7: rgba(247, 97, 136, 1);
  --theme-color-8: rgba(36, 83, 54, 1);
  --theme-color-9: rgba(239, 202, 138, 1);
  --theme-color-10: rgba(240, 98, 35, 1);
  --secondary-color: rgba(17, 17, 17, 1);
  --text-color: rgba(17, 17, 17, 1);
  --title-color: rgba(17, 17, 17, 1);
  --text-font: 'Roboto', sans-serif;
  --title-font: "Rethink Sans", sans-serif;
  --title-font-two: "Nunito", sans-serif;
  --title-font-three: "Outfit", sans-serif;
  --title-font-four: "Baloo 2", sans-serif;
  --title-font-five: "Playfair Display", serif;
}


.search-area{
  position: relative;
  display: flex; 
  align-items: center;
  width: 450px;
  background: #fff;
  border-radius: 50px;
  float: left;
  margin: 15px 0px 0px 80px;
  justify-content: center;
}
.search-area .category-inner .nice-select{
  padding: 5px 15px;
  font-size: 15px;
  color: var(--title-color);
  text-transform: capitalize;
  border-right: 1px solid #E5E5E5;
}

 
.search-area .search-box{
  /*width: 100%;*/
}

.search-area .search-box .form-group{
  position: relative;
  margin: 0px;
}

.search-area .search-box .form-group input[type='search']{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  color: var(--title-color);
  font-family: var(--text-font);
  padding: 10px 80px 10px 10px;
  border:0;
}

.search-area .search-box .form-group button[type='submit']{
  position: absolute;
  display: inline-block;
  top: 5px;
  right: 5px;
  width: 60px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #efd275;
  border-radius: 100px;
  cursor: pointer;
  transition: all 500ms ease;border:0;
}

.search-area .search-box .form-group input:focus + button,
.search-area .search-box .form-group button:hover{
  background: #225c54;
}


.nice-select.wide {
    width: 100%;
    }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
      .nice-select .list {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.nice-select .list {
    min-width: 100px;
}
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }
 
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
            
@media(max-width:767px){
    .search-area{margin:5px;width:100%;}
    .search-area .search-box .form-group button[type='submit']{width:40px;}
    .f-right{float:left;}
    .mobile-menu {margin-top:-25px;}
}