.mini-search-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mini-search-area p {
    font-family: "Mada";
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: 500;
    font-style: normal;
    color: #5790a0
}

.mini-search-area .mini-search-area-wrapper {
    display: flex;
    align-items: center
}

.mini-search-area .mini-search-area-wrapper form .with-icon {
    position: relative
}

.mini-search-area .mini-search-area-wrapper form .with-icon input {
    height: 45px;
    border-radius: 10px;
    border: 1px solid #b3cdd4;
    padding: .375rem 2.05rem .375rem .75rem
}

.mini-search-area .mini-search-area-wrapper form .with-icon img {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: auto;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: invert(89%) sepia(42%) saturate(274%) hue-rotate(163deg) brightness(87%) contrast(90%);
    min-width: 21px;
    max-width: 21px
}

.mini-search-area .mini-search-area-wrapper .mini-search-mixer,
.mini-search-area .mini-search-area-wrapper .mini-search-order-button {
    cursor: pointer;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    border: 1px solid #b3cdd4;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 .5rem;
    transition: all .4s ease
}

.mini-search-area .mini-search-area-wrapper .mini-search-mixer img,
.mini-search-area .mini-search-area-wrapper .mini-search-order-button img {
    width: 100%;
    height: auto;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: invert(89%) sepia(42%) saturate(274%) hue-rotate(163deg) brightness(87%) contrast(90%);
    min-width: 21px;
    max-width: 21px;
    transition: all .4s ease;
    transform: translate3d(0)
}

.mini-search-area .mini-search-area-wrapper .mini-search-mixer:hover,
.mini-search-area .mini-search-area-wrapper .mini-search-mixer.active,
.mini-search-area .mini-search-area-wrapper .mini-search-order-button:hover,
.mini-search-area .mini-search-area-wrapper .mini-search-order-button.active {
    background-color: #b3cdd4
}

.mini-search-area .mini-search-area-wrapper .mini-search-mixer:hover img,
.mini-search-area .mini-search-area-wrapper .mini-search-mixer.active img,
.mini-search-area .mini-search-area-wrapper .mini-search-order-button:hover img,
.mini-search-area .mini-search-area-wrapper .mini-search-order-button.active img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(87deg) brightness(106%) contrast(102%);
    filter: brightness(110%)
}

.mini-search-area .mini-search-area-wrapper .mini-search-order {
    position: relative
}

.mini-search-area .mini-search-area-wrapper .mini-search-order ul {
    position: absolute;
    overflow: hidden;
    right: 0%;
    top: 100%;
    background-color: #fff;
    transition: all .4s ease;
    border: 1px solid #88acb7;
    border-radius: 10px;
    z-index: 2;
    width: 120px;
    padding: .5rem
}

.mini-search-area .mini-search-area-wrapper .mini-search-order ul li {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.mini-search-area .mini-search-area-wrapper .mini-search-order ul li:not(:last-child) {
    border-bottom: .5px solid #88acb7
}

.mini-search-area .mini-search-area-wrapper .mini-search-order ul li a {
    display: block;
    font-family: "Mada";
    font-size: 1.125rem;
    font-size: clamp(1.0625rem, 1vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #000;
    padding: .5rem
}

.mini-search-area .mini-search-area-wrapper .mini-search-order ul li:hover, .mini-search-area .mini-search-area-wrapper .mini-search-order ul li.active {
    background-color: #5790a0
}

.mini-search-area .mini-search-area-wrapper .mini-search-order ul li:hover a, .mini-search-area .mini-search-area-wrapper .mini-search-order ul li.active a {
    color: #fff
}

.modal .modal-content .model-desc-wrapper p {
    font-family: "Mada";
    font-size: 1.125rem;
    font-size: clamp(1.0625rem, 1vw, 1.125rem);
    font-weight: 700;
    font-style: normal;
    color: #b5b5b5
}

.modal .modal-content .model-desc-wrapper span {
    font-family: "Mada";
    font-size: 1.625rem;
    font-size: clamp(1.5rem, 2vw, 1.625rem);
    font-weight: 700;
    font-style: normal;
    color: #003a4b
}

.modal .modal-body .pops-card-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1
}

.modal .modal-body .pops-card-wrapper .pops-image-wrapper {
    display: flex;
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: .5rem
}

.modal .modal-body .pops-card-wrapper .pops-image-wrapper .pops-inner-wrapper {
    border-radius: 5px;
    border: .5px solid #b7d8e1
}

.modal .modal-body .pops-card-wrapper .pops-image-wrapper .pops-inner-wrapper img {
    width: 100%;
    height: auto;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

/*# sourceMappingURL=search-area.min.css.map */