@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoondda3.eot?upnsy0');
  src:  url('fonts/icomoondda3.eot?upnsy0#iefix') format('embedded-opentype'),
    url('fonts/icomoondda3.ttf?upnsy0') format('truetype'),
    url('fonts/icomoondda3.woff?upnsy0') format('woff'),
    url('fonts/icomoondda3.svg?upnsy0#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rating:before {
  content: "\e92d";
}
.icon-reliability:before {
  content: "\e92e";
}
.icon-magnifying-glass:before {
  content: "\e900";
}
.icon-shopping-cart:before {
  content: "\e901";
}
.icon-right-arrow:before {
  content: "\e902";
}
.icon-up-arrow:before {
  content: "\e903";
}
.icon-down-arrow:before {
  content: "\e904";
}
.icon-left-arrow:before {
  content: "\e905";
}
.icon-house:before {
  content: "\e906";
}
.icon-online-booking:before {
  content: "\e907";
}
.icon-building:before {
  content: "\e908";
}
.icon-gardener:before {
  content: "\e909";
}
.icon-seeds:before {
  content: "\e90a";
}
.icon-lawn-mower:before {
  content: "\e90b";
}
.icon-gardener-1:before {
  content: "N26";
  font-size: 33px;
  font-family: cursive;
}
.icon-1:before {
  content: "N1";
   
  font-family: cursive;
}
.icon-2:before {
  content: "N2";
   
  font-family: cursive;
}
.icon-3:before {
  content: "N3";
   
  font-family: cursive;
}
.icon-6:before {
  content: "N6";
   
  font-family: cursive;
}
.icon-7:before {
  content: "N7";
   
  font-family: cursive;
}
.icon-21:before {
  content: "N21";
   
  font-family: cursive;
}
.icon-23:before {
  content: "N23";
   
  font-family: cursive;
}
.icon-8:before {
  content: "N8";
   
  font-family: cursive;
}
.icon-4:before {
  content: "N4";
   
  font-family: cursive;
}
.icon-5:before {
  content: "N5";
   
  font-family: cursive;
}
.icon-13:before {
  content: "N13";
   
  font-family: cursive;
}
.icon-14:before {
  content: "N14";
   
  font-family: cursive;
}
.icon-17:before {
  content: "N17";
   
  font-family: cursive;
}
.icon-20:before {
  content: "N20";
   
  font-family: cursive;
}
.icon-11:before {
  content: "N11";
   
  font-family: cursive;
}
.icon-12:before {
  content: "N12";
   
  font-family: cursive;
}
.icon-24:before {
  content: "N24";
   
  font-family: cursive;
}
.icon-25:before {
  content: "N25";
   
  font-family: cursive;
}
.icon-26:before {
  content: "N26";
   
  font-family: cursive;
}
.icon-15:before {
  content: "N15";
   
  font-family: cursive;
}
.icon-16:before {
  content: "N16";
   
  font-family: cursive;
}
.icon-17:before {
  content: "N17";
   
  font-family: cursive;
}
.icon-18:before {
  content: "N18";
   
  font-family: cursive;
}
.icon-19:before {
  content: "N19";
   
  font-family: cursive;
}
.icon-farming-and-gardening:before {
  content: "N20";
  font-size: 33px;
  font-family: cursive;
}
.icon-gardening:before {
  content: "N17";
  font-size: 33px;
  font-family: cursive;
}
.icon-right-arrow-1:before {
  content: "\e90f";
}
.icon-down-arrow-1:before {
  content: "\e910";
}
.icon-up-arrow-1:before {
  content: "\e911";
}
.icon-left-arrow-1:before {
  content: "\e912";
}
.icon-growth:before {
  content: "\e913";
}
.icon-park:before {
  content: "\e914";
}
.icon-planting:before {
  content: "\e915";
}
.icon-trophy:before {
  content: "\e916";
}
.icon-rating-stars:before {
  content: "\e917";
}
.icon-landscape:before {
  content: "\e918";
}
.icon-farmer:before {
  content: "\e919";
}
.icon-seeding:before {
  content: "\e91a";
}
.icon-gardening-1:before {
  content: "\e91b";
}
.icon-lawn-mower-1:before {
  content: "N14";
  font-size: 33px;
  font-family: cursive;
}
.icon-lawn-mower-16:before {
  content: "N16";
  font-size: 33px;
  font-family: cursive;
}
.icon-lawn-mower-6:before {
  content: "N3";
  font-size: 33px;
  font-family: cursive;
}
.icon-lawn-mower-7:before {
  content: "N19";
  font-size: 33px;
  font-family: cursive;
}
.icon-lawn-mower-8:before {
  content: "N18";
  font-size: 33px;
  font-family: cursive;
}
.icon-garden:before {
  content: "\e91d";
}
.icon-contract:before {
  content: "\e91e";
}
.icon-reliability1:before {
  content: "\e91f";
}
.icon-minus:before {
  content: "\e920";
}
.icon-plus:before {
  content: "\e921";
}
.icon-fountain:before {
  content: "\e922";
}
.icon-communication:before {
  content: "\e923";
}
.icon-land:before {
  content: "\e924";
}
.icon-pdf-file:before {
  content: "\e925";
}
.icon-gardening-2:before {
  content: "\e926";
}
.icon-phone-call:before {
  content: "\e927";
}
.icon-plus-1:before {
  content: "\e928";
}
.icon-close:before {
  content: "\e929";
}
.icon-address:before {
  content: "\e92a";
}
.icon-company:before {
  content: "\e92b";
}
.icon-email:before {
  content: "\e92c";
}

.selector {
    position: relative;
    width: 100%;
    background-color: var(--smoke-white);
    height: 80px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 9999px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.selector-item {
    position: relative;
    flex-basis: calc(70% / 3);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.selector-item_radio {
    appearance: none;
    display: none;
}
.selector-item_label {
    position: relative;
    height: 80%;
    width: 100%;
    text-align: center;
    border-radius: 9999px;
    line-height: 360%;
    font-family: 'Lexend';
    font-weight: 700;
    transition-duration: 0.5s;
    transition-property: transform, box-shadow;
    transform: none;
    font-size: 18px;
    cursor: pointer;
}
.selector-item_radio:checked + .selector-item_label {
    background-color: var(--blue);
    color: var(--white);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.5);
    transform: translateY(0px);
    font-family: 'Lexend';
    font-size: 18px;
    \: auto;
    cursor: pointer;
}
@media (max-width: 480px) {
    .selector {
        width: 100%;
    }
	.selector {
    position: relative;
    width: 100%;
    background-color: var(--smoke-white);
    height: 80px;
    display: inline-block;
    justify-content: space-around;
    align-items: center;
    border-radius: 9999px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
}
:root {
    --white: #fff;
    --smoke-white: #f1f3f5;
    --blue: #2e5542;