/*
@File: Rashiqul Rony Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>
 */

/*body {
    background-image: url("../images/bg_main.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
}*/

.dep-active {
    border: 1px solid #0cb8b6!important;
    background-color: #0cb8b638 !important
}
.news-ticker-container {
    width: 100%;
    overflow: hidden; /* Hides content outside the container */
    background-color: #0cb8b63b;
    padding: 10px 0;
    white-space: nowrap; /* Prevents content from wrapping */
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.news-ticker-container .news-heading {
    background-color: #0cb8b6;
    height: 45px;
    position: absolute;
    margin: -10px 0 0 0;
    color: #fff;
    font-size: 20px;
    z-index: 1;
    padding: 6px 15px 0 15px;
}

/* --- The Scrolling Content --- */
.news-ticker-content {
    display: inline-block;
    /* The animation magic! */
    animation: scroll-news 30s linear infinite;
}

/* --- PAUSE animation on hover --- */
.news-ticker-container:hover .news-ticker-content {
    animation-play-state: paused;
}

/* --- Individual News Items (now as links) --- */
.news-ticker-content a {
    display: inline-block; /* Ensures proper spacing and behavior */
    padding: 0 20px; /* Space between news items */
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
    text-decoration: none; /* Removes the default underline from links */
    transition: color 0.3s ease;
}

/* --- Style for link on hover --- */
.news-ticker-content a:hover {
    color: #0056b3;
    text-decoration: underline;
}

@keyframes scroll-news {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


.zoom-ef {
    transition: transform 1s;
}

.zoom-ef:hover {
    transform: scale(1.2);
}

.st0{fill:transparent;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st1{fill:black;}
.st2{font-family:'Anton';}
.st3{font-size:20.6311px;}
.st4{fill:#096551;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st0:hover {
    fill: rgba(9, 101, 81, 0.3);
}
.highlight{ fill:red;}
.hidden { display:none;}
.only-first-floor{display:none;}
/*.stairs {fill:green;}
.entrance { fill:blue;}*/

.scroll-table {
    max-height: 300px;
    overflow-y: auto;
    display: block;
}
.scroll-table table {
    width: 100%;
    border-collapse: collapse;
}
.scroll-table thead th {
    position: sticky;
    top: -1px;
    background: #f8f9fa;
    z-index: 2;
}
.scroll-table tbody tr:nth-child(even) {
    background: #fdfdfd;
}
.one-line-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Number of lines to show */
    -webkit-box-orient: vertical;
}
.two-line-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
}
.three-line-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to show */
    -webkit-box-orient: vertical;
}
.single-blog-card .blog-img {
    height: 220px;
}

.blinking-text {
    animation: blink-color 2s linear infinite; /* Apply the animation */
    font-weight: bold;
    font-size: 20px;
}
@keyframes blink-color {
    0% {
        color: #b80c0c; /* Starting color */
        text-shadow: 0 0 10px red;
    }
    50% {
        color: rgba(184, 12, 98, 0.89); /* Color at the midpoint */
        text-shadow: none; /* Shadow invisible */
    }
    100% {
        color: #b80c68; /* Ending color (back to starting) */
        text-shadow: 0 0 10px red; /* Shadow visible again */
    }
}
.heder-left-content ul li::before {
    top: 15px;
}
.appname {
    display: flex;
    align-items: center;
    margin: -16px 0 0 0;
}

.appname li{
    line-height: 1;
    text-shadow: 0 1px 0 #000;
}


.appname li i{
    margin-top: 7px;
}

.appname li span{
    color: #fff;
}

.dr-text li{
    text-shadow: 0 1px 0 #cbcbcb;
}
.list-group-item-th {
    min-height: 65px;
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(12, 184, 182, 0.64);
}
.list-group-item-th:hover {
    background-color: rgba(12, 184, 182, 0.31);
}

.list-group-item-fx {
    min-height: 65px;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(12, 184, 182, 0.64);
}
.list-group-item-fx:hover {
    background-color: rgba(12, 184, 182, 0.31);
}

.services-content-th p {
    font-size: 20px;
    line-height: 1;
}
.mean-bar {
    margin-top: 30px;
}