#ddi-webinar-banner{
    background:#254495;
    color:#fff;
    width:100%;
    z-index:999;
}


.ddi-banner-container{
    max-width:1200px;
    margin:auto;
    padding:12px 20px;
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    gap:20px;
    flex-wrap:wrap;
    position:relative;
}

.ddi-banner-text{
    font-size:20px;
    font-weight: 700;
    line-height:1.5;
    font-family: var(--second-family), sans-serif;
    color: #ff6700 !important;
}
.ddi-banner-text strong{
    font-size: 16px;
    color: #fff !important;
}
.ddi-banner-btn{
    background: #ff6700;
    color:#fff !important;
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
    border: 1px solid #fff;
    font-family: var(--second-family), sans-serif;
    font-size: 16px !important;
}

.ddi-banner-btn:hover{
    background:#e65f00;
    color:#fff;
}

#ddi-banner-close{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:none;
    color:#fff;
    font-size:24px;
    cursor:pointer;
    font-family: var(--second-family), sans-serif;
}

@media(max-width:768px){

    .ddi-banner-container{
        padding:15px;
        text-align:center;
    }

    #ddi-banner-close{
        top:12px;
        right:12px;
        transform:none;
    }

}