/* ----this class is for CTI CSS changes---- */


/* slider on home page */

.carousel[data-slidername=home_slider_dal] .carousel-item .btn {
	padding: 0;
}

/* fix contact card layout on mobile*/
@media (max-width: 768px) {
    .contact_name,
    .contact_title {
        display: table-column;
    }
}

/* Accordion Fix*/

/* Reduce padding for the accordion header */
.esolution-accordion.card-header {
    padding: 10px 15px; 
    background-color: #f8f8f8; 
    border-bottom: 1px solid #ccc; 
}

/* Make text black and reduce unnecessary spacing */
.esolution-accordion.card-header, 
.esolution-accordion.card-header h2, 
.esolution-accordion.card-header h3,
.esolution-accordion.card-header h4 {
    color: #000000 !important; 
    font-weight: bold;
    margin: 0; 
    font-size: 18px; 
}

/* Ensure the dropdown content has black text */
.esolution-accordion.content p,
.esolution-accordion.content a,
.esolution-accordion.content td {
    color: #000000 !important;
    font-size: 16px;
}

/* Adjust spacing for paragraphs */
.esolution-accordion.content p {
    margin-bottom: 10px;
}

/* Fix the image float and spacing */
.esolution-accordion.content img {
    float: left;
    margin: 5px 15px 5px 0;
    max-width: 100%;
    height: auto;
}

/* Style for the accordion toggle icon */
.esolution-accordion.card-header::after {
    content:'\25BC'; 
    font-size: 14px;
    float: right;
    color: #333;
    transition: transform 0.3s;
}

/* When expanded, rotate arrow */
.esolution-accordion.card-header.active::after {
    transform: rotate(180deg);
}

/* Reduce space inside the table */
.esolution-accordion.content table {
    width: 100%;
    font-size: 16px;
    margin-top: 10px;
}

/* Reduce padding on table cells */
.esolution-accordion.content table td {
    padding: 5px;
}