.category-box{

display:block;

background:#fff;

border:2px solid #ddd;

border-radius:15px;

padding:25px;

text-align:center;

cursor:pointer;

transition:.3s;

height:100%;

}

.category-box:hover{

border-color:#F85C70;

transform:translateY(-5px);

}

.category-box input:checked + .icon{

color:#F85C70;

}

.category-box .icon{

font-size:40px;

margin-bottom:15px;

}

.category-box h6{

font-weight:600;

margin:0;

}

.step{

animation:fade .4s ease;

}

@keyframes fade{

from{

opacity:0;

transform:translateX(20px);

}

to{

opacity:1;

transform:translateX(0);

}

}


/*============================
UPLOAD BOX
=============================*/

.upload-box{

border:3px dashed #d1d5db;

border-radius:15px;

padding:50px;

text-align:center;

background:#fafafa;

cursor:pointer;

transition:.3s;

}

.upload-box:hover{

border-color:#F85C70;

background:#eef6ff;

}

.preview-image{

position:relative;

margin-bottom:20px;

}

.preview-image img{

width:100%;

height:170px;

object-fit:cover;

border-radius:10px;

}

.remove-image{

position:absolute;

right:8px;

top:8px;

width:32px;

height:32px;

border:none;

border-radius:50%;

background:red;

color:#fff;

cursor:pointer;

}


#mapPicker{

height:350px;

border-radius:15px;

border:2px solid #ddd;

display:flex;

align-items:center;

justify-content:center;

background:#f5f5f5;

font-size:18px;

color:#666;

}


.form-check{

    margin-bottom:15px;

}

.form-check-label{

    font-size:15px;

}

.step h4{

    font-weight:700;

    margin-bottom:30px;

}