.dst-topbar-pro,
.dst-topbar-pro * {
    box-sizing: border-box;
}

.dst-topbar-pro {
    background: #0f172a;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 9999;
    padding: 5px 0;
}

.dst-topbar-pro a {
    text-decoration: none;
    color: inherit;
}

.dst-topbar-pro__container {
    width: 100%;
    max-width: 1550px;
    margin: 0 auto;
    padding-left: 32px;
    padding-right: 32px;
}

.dst-topbar-pro__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.dst-topbar-pro__left,
.dst-topbar-pro__right {
    display: flex;
    align-items: center;
}

.dst-topbar-pro__left {
    gap: 25px;
}

.dst-topbar-pro__right {
    gap: 10px;
}

.dst-topbar-pro__contact-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    transition: .3s ease;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
}

.dst-topbar-pro__contact-link:hover {
    color: #facc15;
}

.dst-topbar-pro__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.dst-topbar-pro__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.8);
    color: #fff;
    font-size: 14px;
    transition: all .3s ease;
}

.dst-topbar-pro__social-link:hover {
    color: #facc15;
    border-color: #facc15;
    transform: translateY(-2px);
}

@media (max-width: 1150px) {
    .dst-topbar-pro__container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .dst-topbar-pro__left {
        gap: 16px;
        padding-left: 10px;
    }

    .dst-topbar-pro__right {
        gap: 8px;
        padding-right: 10px;
    }
}


.dst-topbar-pro__icon,
.dst-topbar-pro__social-link,
.dst-topbar-pro__contact-link {
    line-height: 1;
}

.dst-topbar-pro__icon i,
.dst-topbar-pro__icon svg,
.dst-topbar-pro__social-link i,
.dst-topbar-pro__social-link svg {
    display: block;
    width: 1em;
    height: 1em;
    color: currentColor;
    fill: currentColor;
    stroke: currentColor;
    flex: 0 0 auto;
}

.dst-topbar-pro__social-link {
    flex: 0 0 auto;
    overflow: hidden;
}

.dst-topbar-pro__social-link svg {
    max-width: 100%;
    max-height: 100%;
}

.dst-topbar-pro__contact-link .dst-topbar-pro__text {
    color: inherit;
}

body.elementor-editor-active .dst-topbar-pro__hide-mobile {
    display: inline-flex !important;
}


.dst-topbar-pro__hide-desktop,
.dst-topbar-pro__hide-1100,
.dst-topbar-pro__hide-tablet,
.dst-topbar-pro__hide-mobile {
    display: inline-flex;
}

@media (min-width: 1101px) {
    .dst-topbar-pro__hide-desktop {
        display: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1100px) {
    .dst-topbar-pro__hide-1100 {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .dst-topbar-pro__hide-tablet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .dst-topbar-pro__hide-mobile {
        display: none !important;
    }

    .dst-topbar-pro__inner {
        gap: 10px;
    }
}