.operations-country {
    background-color: #632398;
    color: white;
    padding: 50px 0;
}


.operations-country  ul.list-unstyled {
    margin:0;
}
.operations-country .intro {
    color: #8331A7;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.operations-country .title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 30px;
    color: white;
}

.operations-country .country-item {
    margin-bottom: 20px;
    cursor: pointer;
}

.operations-country .country-item i {
    color: #8331A7;
    margin-right: 10px;
}

.operations-country .country-item ul {
    margin-top: 5px;
    margin-left: -31px;
    list-style: none;
}

.operations-country .country-item ul li {
    color: #fff;
    font-weight: 500;
    font-size:medium;
}

.operations-country .country-item ul li.highlight {
    color: #8331A7;
    font-weight: bold;
}

.modal-header {
    background-color: #8331A7;
    color: white;
}

.modal-header .btn-close {
    filter: invert(1);
}

.modal-body {
    padding: 30px;
}

.modal-body a {
    color:#8331A7;
}

.modal-body i:before {
    border: 1px solid;
    border-radius: 50%;
    padding: 5px;
    color: #8331A7;
    margin-right: 10px;
}



/* Styling the grid layout */
.countries-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 20px; /* Space between the columns */
}

/* Adjust padding and margin for the country items */
.country-item {
    margin-bottom: 20px;
}
.country-item .term-name {
    font-weight: bold;
    font-size:25px;
}
/* Styling the icons */
.country-item i {
    color: #8331A7; /* Change the color as needed */
    margin-right: 8px;
}

/* Additional responsive styling (optional) */
@media (max-width: 768px) {
    .countries-grid {
        grid-template-columns: 1fr; /* Change to single column on smaller screens */
    }
}