.home-search-box {
    position: relative;
}

.search-loading.sc-form-search {
    -webkit-filter: blur(2px);
    filter        : blur(2px);
}

.sc-form-search {
    display         : inline-block;
    max-width       : 1100px;
    padding         : 15px 20px;
    border          : 2px solid #00964d;
    border-radius   : 10px;
    background-color: black;
    margin-top:100px;
}

.search-voertuig {
    display              : flex;
    flex-wrap:wrap;
    gap                  : 5px;
    align-items: center;
}

.search-voertuig .search-field {
    display: inline-block;
    margin : auto 0;
    height : 100%;
    flex-grow:1;
}

.search-field-item {
    padding-right:15px;
}

.search-items-select {
    position: relative;
}

.search-items-select img {
    position: absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:15px;
    height:15px;
    pointer-events: none;
}

.search-voertuig .search-field .search-items {
    height       : 100%;
    border-bottom: unset;
    border-left  : 1px solid #00964d;
    display      : flex;
    padding-left:20px;
    width: fit-content;
}

.search-items:focus-visible {
    outline: none;
}

/* .search-voertuig .search-field .search-items:not(.minmax-field, .submit-item) {
    background-image   : url('../../images/arrow-down-alt2.svg');
    background-repeat  : no-repeat;
    background-position: 101% 50%;
    background-size    : 15px;
} */

.search-voertuig .search-field:last-child .search-items,
.search-voertuig .search-field:first-child .search-items {
    text-align: center;
    border    : none;
    padding-left:0;
}

.search-voertuig .search-field select {
    width        : 100%;
    display      : inline-block;
    text-align   : center;
    border       : none;
    background   : transparent;
    color        : white;
    appearance   : none;
    line-height  : 55px;
    padding      : 0;
    padding-right: 10px;
    font-size    : 20px;
}

.search-voertuig .search-field .minmax-field {
    display: inline-block;
}

.search-voertuig .search-field .minmax-field span {
    display     : block;
    color       : white;
    padding-left: 10px;
    font-size   : 18px;
}

.search-voertuig .search-field .minmax-field select {
    display     : inline-block;
    width       : 50%;
    line-height : 20px;
    text-align  : left;
    padding-left: 10px;
}

.search-voertuig .search-field .submit {
    display            : inline-flex;
    position           : relative;
    right              : 0;
    top                : 0;
    height             : 50px;
    width              : 170px;
    line-height        : 44px;
    padding            : 0;
    background-color   : #00964d;
    padding-left       : 20px;
    border-radius      : 10px;
    color              : white;
    border             : 2px solid #00964d;
    font-size          : 18px;
    text-align         : left;
    z-index            : 100;
    background-position: right;
    z-index            : 2;
    overflow           : hidden;
}

.search-voertuig .search-field .submit:hover {
    color: black;
}

.search-voertuig .search-field .submit::after {
    background-color: #fff;
    width           : 62px;
    content         : "";
    position        : absolute;
    right           : -25px;
    top             : -19px;
    height          : 95px;
    z-index         : -1;
    transform       : rotate(97deg);
    transition      : .3s;
}

.search-voertuig .search-field .submit:hover:after {
    width    : 100%;
    right    : 0px;
    transform: rotate(90deg);
    height   : 200px;
}

.search-voertuig .search-field .submit .submit-arrow {
    color       : black;
    flex-grow   : 1;
    line-height : 50px;
    padding-left: 25px;
    width       : auto;
    height      : 12px;
    align-self  : center;
}

.search-label {
    max-width  : 300px;
    display    : inline-block;
    margin-left: 25px;
    position: relative;
    min-width:250px;
}

.search-label .text-box {
    display     : block;
    color       : white;
    position    : absolute;
    top         : -60px;
    right       : 0;
    text-align  : center;
}

.search-label .point-arrow {
    color    : white;
    width    : 50px;
    height   : 50px;
    transform: rotate(270deg) scaleX(-1);
}

@media only screen and (max-width: 1600px) {
    .sc-form-search {
        margin-top: 60px;
    }
}

/* @media screen and (max-width: 1400px) {
    .search-label .text-box {
        top  : -40px;
        width: 40%;
    }
} */

@media screen and (max-width: 1292) {
    .search-label {
        display: none !important;
    }
}

@media screen and (max-width: 1275px) {
    .search-label .text-box {
        top       : -40px;
        right     : unset;
        left      : 0;
        width     : 100%;
        text-align: left;
        display: none;
    }

    .search-label .point-arrow {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .search-voertuig .search-field .minmax-field span {
        font-size: 16px;
    }

    .search-voertuig .search-field select {
        font-size: 16px;
    }

    .search-voertuig .search-field .submit {
        font-size: 16px;
    }
}

@media screen and (max-width: 1025px) {
    .responsive-block {
        height: 150px;
    }
    .search-voertuig .search-field .submit {
        width: 140px;
    }
}

@media screen and (max-width: 1000px) {
    .sc-home-search {
        margin-top: -150px;
    }

    .search-voertuig .search-field .minmax-field span {
        font-size: 14px;
    }

    .search-voertuig .search-field select {
        font-size: 14px;
    }
}

@media screen and (max-width: 900px) {
    .search-voertuig {
        grid-template-columns: repeat(3, 1fr);
        gap                  : 10px;
        grid-template-rows   : 45px;
    }

    .search-field .search-items.submit-item {
        display    : inline-flex;
        align-items: center;
    }

    .search-voertuig .search-field .search-items:not(.minmax-field, .submit-item) {
        background-position: 100% 50%;
    }

    .search-field-submit {width:100%;}

    .search-voertuig .search-field .search-items {
        border:0 !important;
        padding-left:0 !important;
    }
}

@media screen and (max-width: 500px) {
    .sc-home-search {
        margin-top: -225px;
    }

    .search-label .text-box {
        top: -60px;
    }

    .search-voertuig .search-field {
        flex-grow:0;
    }
}

@media screen and (max-width: 480px) {
    .responsive-block {
        height: 75px;
    }
    .search-voertuig .search-field .submit {
        width: 160px;
    }

    .sc-form-search {
        margin-bottom: 100px;
    }

    /* .search-voertuig {
        grid-template-columns: repeat(2, 1fr);
    }

    .search-voertuig .search-field .search-items {
        border: none;
    } */

    /* .search-voertuig .search-field:nth-child(odd) .search-items {
        border-right: 1px solid #00964d;
    } */
}

@media (max-width:900px) {
    .search-field-submit {
      margin-top:10px;
    }
    .search-voertuig .search-field .submit {
        width: 160px;
    }
  }