.swiper {
    width: 100%;
    padding: 10px 0;
    background: #fff;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    aspect-ratio: 1.1;
    object-fit: contain;
    object-position: center;
}

.comparison-table {
width: 100%;
border-collapse: collapse;
}

.comparison-table th, .comparison-table td {
padding: 24px;
text-align: center;
font-size: 20px;
border-bottom: 1px solid #ccc;
}

.comparison-table th {
/* background-color: #f4f4f4; */
font-weight: bold;
}

.comparison-table td {
text-align: center;
}
.btn-container {
margin-bottom: 20px;
display: flex;
justify-content: center;
gap: 10px;
}

.btn {
padding: 12px 25px;
border: none;
cursor: pointer;
font-size: 16px;
font-weight: bold;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}

.sales-btn {
background-color: black;
color: white;
border: 2px solid black;
}

.sales-btn:hover {
color: black;
background-color: white;
}

.user-btn {
background-color: #ffcc33;
color: black;
border: 2px solid #ffcc33;
}

.user-btn:hover {
background-color: black;
color: white;
}

/* Form Styling */
.form-container {
display: none; /* Default hidden */
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
background: #f9f9f9;
/* max-width: 450px; */
margin: auto;
}

.form-container input, 
.form-container select, 
.form-container textarea, 
.form-container button {
width: 100%;
padding: 12px;
margin: 8px 0;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
}

.form-container button {
background-color: black;
color: white;
border: none;
font-size: 16px;
cursor: pointer;
transition: background 0.3s ease-in-out;
}

.form-container button:hover {
background-color: #ffcc33;
color: black;
}