.sv-footer {
    margin-bottom: 60px;
}

.first-header {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #D4E2CC;
}

.flex-first_footer a {
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    color: white;
}

.footer a {
    transition: .3s ease-in-out;
}

.footer a:hover {
    scale: 1.05;
}

.follow-header {
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

.btn-container {
    width: 100%;
    /* max-width: 400px;  */
}

.btn-container button {
    padding: 12px 16px 12px 16px;
    border-radius: 3px 0px 0px 0px;
    transition: .3s ease-in-out;
    margin-bottom: 32px;
    font-size: 14px;
}

.image-container {
    width: 350px
}

.image-container img {
    width: 88px;
    height: 33px;
}

.seive-tags button {
    background: none;
    color: white;
}

.jobs a {
    color: #737373;
}

.s-active {
    position: relative;
}

.s-active .linee {
    width: 100%;
    height: 3px;
    background: var(--primary-color);
    position: absolute;
    transform: translate(-50%, -50%);
    bottom: -5px;
    left: 50%;
}

.arrow {
    transition: .3s ease-in-out;
}

.navbar {
    border-bottom: none;
}

.bottom-hr {
    margin: 0!important;
}

.jobs a {
    color: #737373;
    transition: .3s ease-in-out;
}

.jobs a:hover {
    color: var(--primary-color);
}

.top-tags {
    color: #C5D1C3;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.top-tags:hover {
    color: var(--primary-color);
}

.tags-active {
    color: var(--primary-color);
}

.dropdown button {
    color: var(--primary-alt);
}

.btn svg {
    transition: transform 0.3s ease;
    /* Smooth rotation */
}

/* Rotate 180 degrees when dropdown is open */
.dropdown.show .btn svg {
    transform: rotate(180deg);
}

@media only screen and (max-width: 500px) {
    button {
        font-size: 16px !important
    }
}