.fleet-loop-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.fleet-loop-card{

background:#fff;

border:1px dashed #ddd;

transition:.3s;

}

.fleet-loop-card:hover{

transform:translateY(-8px);

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.fleet-loop-card a{

display:block;

text-decoration:none;

color:#222;

}

.fleet-loop-image{

height:270px;

display:flex;

align-items:center;

justify-content:center;

padding:35px;

}

.fleet-loop-image img{

max-width:100%;

max-height:220px;

transition:.3s;

}

.fleet-loop-card:hover img{

transform:scale(1.05);

}

.fleet-loop-content{

padding:30px;

}

.fleet-loop-content h3{

font-size:28px;

font-weight:700;

margin-bottom:12px;

text-transform:normal;

color: #000;

}

.fleet-loop-description{

font-size:18px;

color:#666;

margin-bottom:25px;

}

.fleet-loop-passengers{

border:1px solid #ddd;

padding:18px;

margin-bottom:25px;

font-size:18px;

}

.fleet-loop-button{

display:block;

background:#0d5cab;

color:#fff;

text-align:center;

padding:18px;

font-weight:700;

letter-spacing:1px;

transition:.3s;

}

.fleet-loop-card:hover .fleet-loop-button{

background:#083f79;

}

@media(max-width:1024px){

.fleet-loop-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.fleet-loop-grid{

grid-template-columns:1fr;

}

}