:root {
    --body-font: "Inter", sans-serif;
    --transition: all 0.5s ease-in-out;
    /* Color styles */
    --p1: #C91829;

}

.pt-fixed190 {
    padding-top: 190px;
}

.bn__four-cont h1 .suc {
    color: #da4352;
    border-bottom: 2px solid #da4352;
    display: inline-block;
}

.designers::before {
    color: var(--p1);
    -webkit-text-stroke-color: var(--p1);
}

.pt-300 {
    padding-top: 250px;
}

.w-20 {
    width: 20% !important;
}

.faq-cmn .accordion-single.active .header-area {
    background: rgb(253, 164, 55);
}

.cmn-btn span {
    color: white !important
}

.login span {
    color: black !important;
}

@media (min-width: 991px) {
    .container1400 {
        max-width: 1400px;
        margin: 0 auto;
    }
}


.floating-container {
    position: fixed;
    bottom: 100px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1000;
}

/* WhatsApp button */
.whatsapp-button {
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
    transition: transform 0.2s ease-in-out;
}

.whatsapp-button:hover {
    transform: scale(1.1);
}

.whatsapp-button img {
    width: 30px;
    height: 30px;
}

.feedback-form {
    max-width: 800px;
    margin: 0 auto;
}

.feedback-form .form-horizontal .form-group {
    margin-bottom: 1.5rem;
}

.feedback-form .btn {
    font-size: 1.1rem;
    border-radius: 8px;
}

.nice-select.open .list {
    background-color: #fff;
}

.marquee-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    /* Adjust as needed */
    height: 100px;
    /* Adjust as needed */
    display: flex;
    align-items: center;
}

.marquee {
    display: flex;
    width: max-content;
    /* Ensures the container stretches to fit its content */
    animation: marquee 10s linear infinite;
}

.marquee-image {
    width: auto;
    /* Adjust width as needed */
    height: 70px;
    /* Adjust height as needed */
    margin-right: 15px;
    /* Adjust gap as needed */
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.horizontal-list {
    display: flex;
    flex-wrap: wrap;
    /* Allows wrapping to the next line if there's not enough space */
    gap: 20px;
    /* Adjust gap between items as needed */
    list-style: none;
    padding: 0;
    margin: 0;
}

.horizontal-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    /* Adjust gap between icon and text */
    color: white;
}

.horizontal-list h4 {
    color: white;
    /* Adjust gap between icon and text */
}

.horizontal-list a {
    text-decoration: none;
    color: inherit;
    /* Keeps your theme colors */
}

.horizontal-list .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.post-content-preview {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* número de líneas mostradas */
    -webkit-box-orient: vertical;
}

.post-card {
    border-left: 5px solid #0d6efd;
    background-color: #ffffff;
}

.post-content-preview {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.comment-box {
    background-color: #f8f9fa;
}

.comment-image {
    width: 7% !important;
    height: 50% !important;
}

.header-fixed .main-navbar .logo {
    width: 600px;
}

.floating-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.whatsapp-button {
    position: relative;
    display: inline-block;
}

.whatsapp-button img {
    width: 60px;
    height: 60px;
}

/* Tooltip */
.whatsapp-tooltip {
    position: absolute;
    right: 70px;
    /* position tooltip left of the button */
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

/* Show tooltip on hover */
.whatsapp-button:hover .whatsapp-tooltip {
    opacity: 1;
}


.top-logo-bar {
    width: 100%;
    background: #ffffff;
    /* Change if needed */
    padding: 7px 0;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.top-logo-img {
    max-height: 80px;
    /* adjust size */
    height: auto;
}