.deals-list{
    list-style: none;
    padding:0;
    margin:0;
}
.deals-list .deal-list-item{
    padding:10px;
    border-top: 1px solid #eee;
}

.deals-list .deal-list-item .lead-details{
    display: flex;
    flex-direction: row;  
    justify-content: space-between;  
    align-items: center; 
}

.deals-list .deal-list-item label.form-button{
    background:#EEF;
    color:#88C;
    padding:5px 20px;
    text-align: center;
    opacity: .6;
    cursor: pointer;
}

.deals-list .deal-list-item label.form-button input{
    display: none;
}

.deals-list .deal-list-item:hover{
    background:#ffffff99;
}

.deals-list .deal-list-item:hover label.form-button{
    background:#88C;
    color:#fff;
    opacity: 1;
}

.submit-lead-button{
    background: #88C;
    color:#fff;
    padding:5px 20px;
    border:none;
    margin-top: 20px;
}

/* Initially hide the form and the 'close-form' span */
.form-container {
    display: none;
    background:#fff;
    border-radius:10px;
    padding:20px;
}

.close-form {
    display: none;
}

/* When the checkbox is checked, show the form and 'close-form', hide 'submit-inquiry' */
.toggle-form:checked ~ .submit-inquiry {
    display: none;
}

.toggle-form:checked ~ .close-form {
    display: inline;
}

.toggle-form:checked ~ .form-container {
    display: block; 
}


.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0; 
    width: 100vw ;
    height: 100vh;
    max-width: inherit;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border:none;
    border-radius:10px;
    max-width:600px;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}   

.btn-enquiry {
    border: none;
    padding: 0;
    cursor: pointer;
}

#enquryForm {color:#1a1a1a;}

.error-message {
    color: red;
    font-size: 0.7em;
    display: none; /* Hidden by default */
}

div#enquryForm label {
    display: block;
    margin-top: 10px;
    font-size: 16px !important;
    margin-bottom: 5px;
}

div#enquiry_preloader{
    text-align: center;
    padding: 20px;
}

/*** 
    Zoho-products
*/
.zoho-products-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 10px;
}

.zoho-product-item {
    background: #181A2A;
    border-radius: 12px 12px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
    flex: 1 1 300px;
    height: 100%;
}

.zoho-product-item img {
    border-radius: 8px;
    max-width: 100%;
    width: 360px;
    height: 240px;
    object-fit: cover;
    object-position: center center;
    border-radius: 5px 5px 5px 5px;
}

.zoho-product-category span {
    font-size: 14px;
    color: #4B6BFB;
    margin: 10px 0 20px 0;
    display:inline-block;
    font-weight: 500;
    background: #1C1C35;
    padding: 7px 15px;
    border-radius: 7px;
}

.zoho-product-title h2 {
    color: #FFFFFF;
    font-family: "Work Sans", Sans-serif !important;
    font-size: 24px !important;
    font-weight: 600;
    margin:0 !important;
}

.zoho-product-link { 
	display:block;
	text-decoration:none;
	outline:none;
}

/* Responsive Layout */
@media (min-width: 1200px) {
    .zoho-product-item {
        max-width: 32%; /* 3 columns for screens above 1200px */
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .zoho-product-item {
        max-width: 48%; /* 2 columns for screens between 990px and 1200px */
    }
}

@media (max-width: 989px) {
    .zoho-product-item {
        max-width: 100%; /* 1 column for screens below 990px */
    }
}

/* Ensuring consistent height */
.zoho-products-list .zoho-product-item {
    min-height: 350px; /* Adjust as needed for consistent column height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}