/*travel icons*/

.box-04 {
    border: 2px solid #f19333;
    border-radius: 20px;
    background: #fff;
    padding: 0 15px 0 0;
    transition: 0.3s ease;
    overflow: hidden;
}

.box-04:hover {
    border: 2px solid #f19333;
    border-radius: 20px;
    background: #ffffff24;
    transition: 0.3s ease;
    color:#fff;
    box-shadow: rgb(100 100 111 / 35%) 0px 7px 29px 0px!important;
}

.box-04:hover img{
    transform: matrix(1.1,0,0,1.1,0, -10);
    transition: 0.3s ease; 
}

.box-04 img{
    transition: 0.3s ease; 
}

@media (min-width: 992px){
.box-04 .travel-details {
    padding-left: 30px;
}}

@media (max-width: 991px){
.box-04 {
    padding: 30px;
}}