.why-with-us {
background: #4caf50;
color: #fff;
padding: 80px 20px;
}
.why-with-us .travel-inner {
max-width: 1200px;
margin: auto;
text-align: center;
}
.why-with-us .travel-badge {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 13px;
letter-spacing: 2px;
opacity: 0.85;
margin-bottom: 20px;
}
.why-with-us .travel-header h2 {
font-size: 38px;
margin-bottom: 20px;
}
.why-with-us .travel-header p {
max-width: 800px;
margin: 0 auto 40px;
font-size: 16px;
line-height: 1.6;
opacity: 0.9;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 30px;
margin-top: 40px;
margin-bottom: 40px;
}
.features-grid .item {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
font-size: 15px;
text-align: center;
}
.features-grid i {
font-size: 36px;
color: #cfe98b;
}
.travel-cta {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.btn-book {
background: #cfe98b;
color: #4CAF50;
padding: 14px 30px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
transition: 0.3s ease;
}
.btn-book:hover {
background: #b7dc6a;
}
.or {
opacity: 0.8;
}
.call {
color: #cfe98b;
text-decoration: none;
font-weight: 600;
display: flex;
align-items: center;
gap: 10px;
}
.call i {
width: 38px;
height: 38px;
background: #cfe98b;
color: #0b3e46;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}