.rotate {
            /* -moz-transition: all .2s linear; */
            -webkit-transition: all .2s linear;
            transition: all .2s linear;
            color: rgba(var(--main-color));
            margin-left: 10px;
            margin-right: 10px;
            }
            .rotate.down {
            -moz-transform:rotate(-90deg);
            -webkit-transform:rotate(-90deg);
            transform:rotate(-90deg);
            color: rgba(var(--main-color));
            margin-left: 10px;
            }

            .dot {
                cursor: pointer;
                height: 15px;
                width: 15px;
                margin: 0 2px;
                background-color: #bbb;
                border-radius: 50%;
                display: inline-block;
                transition: background-color 0.6s ease;
            }
    
            /* .active,
            .dot:hover {
                background-color: #717171;
            } */

            form.example input[type=text] {
                padding: 10px;
                font-size: 17px;
                border: 1px solid rgba(var(--main-color));
                float: left;
                width: 80%;
                border-radius: 25px 0px 0px 25px;
                z-index: 0;
                height: 39px;
                
              }
              
              form.example button {
                float: left;
                width: 20%;
                padding: 10px;
                background: rgba(var(--main-color));
                color: white;
                font-size: 17px;
                border: 1px solid rgba(var(--main-color));
                cursor: pointer;
                border-radius: 0px 25px 25px 0px;
                z-index: 1;
              }
              
              form.example button:hover {
                background: rgba(var(--main-color));
              }
              
              form.example::after {
                content: "";
                clear: both;
                display: table;
              }

              .searchfield{
                  margin-bottom: 20px;
                  height: 39px;
              }