.ab-banner{

     width:100%;
    height:20vw;
    min-height:80px;
    max-height:120px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    padding:40px;

    overflow:hidden;
    position:relative;

    border-radius:20px;

    background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);

    box-shadow:0 20px 40px rgba(0,0,0,.2);

    margin:25px 0;

}

.ab-banner:before{

    content:'';

    position:absolute;

    width:320px;
    height:320px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-120px;
    left:-120px;

}

.ab-banner:after{

    content:'';

    position:absolute;

    width:280px;
    height:280px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    right:-80px;
    bottom:-80px;

}

.ab-content{

    position:relative;

    z-index:2;

}

.ab-content h2{

    color:#fff;

    font-size:48px;

    margin-bottom:15px;

    text-transform:uppercase;

    letter-spacing:2px;

    text-shadow:0 0 20px rgba(255,255,255,.25);

}

.ab-content p{

    color:#dce7ef;

    font-size:18px;

}

.ab-banner.ur h2{

    

    text-transform:none;

    letter-spacing:0;

}

.ab-banner.ur p{

   
}

@media(max-width:768px){

    .ab-banner{

        min-height:140px;

        padding:25px;

    }

    .ab-content h2{

        font-size:30px;

    }

    .ab-content p{

        font-size:16px;

    }

}

@media(max-width:480px){

    .ab-content h2{

        font-size:24px;

    }

    .ab-content p{

        font-size:14px;

    }

}