@import url("swiper-kB5zkvX.css");
@import url("dropzone-YeP_c6J.css");
@import url("easepick-custom-bFU04qQ.css");

.form-control, .form-select {
    color: #000;
}

.main-title {
    padding: 10px 3em;
}

.blog {
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

.side-stick {
    position: absolute;
    width: 3px;
    height: 35px;
    left: 0;
    background-color: var(--bs-gray-700);
}

.searchbar.active {
    /*width: 300px;*/
    padding: 4px 16px;
    border-radius: 20px;
    transition: width 0.5s;
    background-color: var(--bs-light);
    color: var(--bs-dark);
}

.searchbar {
    padding: 4px 16px;
    border-radius: 20px;
}

/*.card-body {*/
/*    position: relative;*/
/*    box-sizing: border-box;*/
/*    overflow: hidden;*/
/*    transition: transform 0.3s ease, box-shadow 0.3s ease;*/
/*    transform-origin: center; !* Keep scale centered *!*/
/*}*/

/*.card-body:hover {*/
/*    transform: scale(1.1); !* Scale up the card *!*/
/*    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); !* Add shadow *!*/
/*}*/

/*.card-body img {*/
/*    transition: transform 0.3s ease;*/
/*}*/

/*.card-body:hover img {*/
/*    transform: scale(1.05); !* Slightly zoom in on the image *!*/
/*}*/

/*!* For absolutely positioned element *!*/
/*.card-body .position-absolute {*/
/*    position: absolute; !* Position the element as top-right floating *!*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    z-index: 2;*/
/*    transform: none; !* Prevent scaling *!*/
/*}*/