p {
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
}

p span {
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
}

a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
}

strong {
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
}

.text-2 {
    font-size: 18px !important;
}

.btn-modern {
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
}


body {

    font-family: 'Oswald', sans-serif !important;

}

h1 h2 h3 h4 h5 h6 {
    font-family: 'Oswald', sans-serif !important;

}

/* Your existing styles */

.containercoe.active .labelcoe::before {
    transform: rotate(270deg);
    /* Rotate the arrow for the active state */
}

.swiper-pagination-bullet {
    background-color: #333 !important;
    /* Change the color of pagination dots */

}

.swiper-pagination {
    margin-bottom: -20px;
    /* Add top margin to the pagination dots */
}

/* Optionally, you can add hover styles */
.swiper-pagination-bullet:hover {
    background-color: #555;
    /* Change the color on hover as needed */
}

.swiper-button-next,
.swiper-button-prev {
    color: #333 !important;
}

/* Optionally, you can add hover styles */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #555;
    /* Change the color on hover as needed */
}

.labelcoe {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    padding: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.swiper-container {
    overflow: hidden;
}

.labelcoe::before {
    margin-right: 10px;
    color: #333;
    content: '>';
    /* Unicode character for downward-pointing triangle */
    font-size: 28px;
    position: absolute;
    right: 15px;
    /* Adjust the right position based on your preference */
    transition: transform 0.3s ease;
}

.labelcoe:hover {
    background-color: #f2f2f2;
}

.containercoe.active .labelcoe {
    border-bottom: 1px solid #ddd;
}

.containercoe .labelcoe::before {
    transform: rotate(90deg);
    /* Rotate the arrow for the active state */
}

.containercoe.active .labelcoe::before {
    transform: rotate(270deg);
    /* Rotate the arrow for the active state */
}

.content {
    transition: max-height 0.3s ease-out;
    max-height: 0;
    overflow: hidden;
    font-size: 16px !important;
}

.content p {

    font-size: 16px !important;
}

.containercoe.active .content {
    padding: 15px;
    max-height: 1000px;
    /* Adjust this value based on your content */
}