announcement-bar .transition-all {
    background: linear-gradient(90deg, rgba(82, 214, 165, 1) 0%, rgba(5, 188, 120, 1) 100%) ;
}

announcement-bar .transition-all .w-full {
    position: relative;
    overflow: hidden;
    background-color: transparent !important;
    background-image: url(/wp-content/themes/boldstart/resources/assets/images/bg_highlight.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 7%;
}

announcement-bar .transition-all .w-full h4 {
    margin: 0;
    font-family: 'Source Code Pro';
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #232323;
}

announcement-bar .transition-all  .flex-1.grid.justify-between {
    max-width: 935px;
    margin-left: auto;
    padding-left: 8%;
    align-items: center;

}

announcement-bar .transition-all .w-full a {
    font-family: 'Source Code Pro';
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

announcement-bar .transition-all .w-full button i {
    font-size: 19px;
}

announcement-bar .transition-all .container {
        width: 1355px;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
}

@media (max-width: 1728.98px) {

    announcement-bar .transition-all .w-full {
        background-position-x: 1%;
    }
}

@media (max-width: 1680.98px) {
    announcement-bar .transition-all .w-full {
        background-position-x: -2%;
    }
}

@media (max-width: 1536.98px) {
    announcement-bar .transition-all .w-full {
        background-position-x: -11%;
    }
}

@media (max-width: 1440.98px) {
    announcement-bar .transition-all .w-full {
        background-position-x: -2%;
    }
}

@media (max-width: 1366.98px) {
    announcement-bar .transition-all .w-full {
        background-position-x: -7%;
    }
}

@media (max-width: 991.98px) {
    announcement-bar .transition-all .flex-1.grid.justify-between {
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    announcement-bar .transition-all .w-full h4 {
        margin-bottom: 5px;
    }

    announcement-bar .transition-all .w-full {
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: 56%;
    }
}

@media (max-width: 767.98px) {
    body.front-page-data .wrap {
        padding-top: 14rem;
    }

    body.front-page-data .wrap.normal_padding {
        padding-top: 8rem;
    }
}