@charset "utf-8";
:root {
--ad-border: #030832;

--ad-byline:#6c147e /*#628E3F*/;
--ad-foot: #030832;
--ad-foot-text: #01F49F;
}

.adv-panel.customer {border: 5px solid var(--ad-border); position:relative; border-radius: 10px; padding:0; background-color: #030832; }
.brand-colour { background: linear-gradient(90deg,rgba(1, 244, 159, 1) 0%, rgba(185, 110, 217, 1) 100%); height: 15px;
border-top-right-radius: 5px; border-top-left-radius: 5px;}
.adv-panel.customer .logoset .middle {border: 5px solid var(--ad-border);background-color: #030832;
    }
    .adv-panel.customer .logoset .middle img {width:150px;}
.adv-panel.customer .logoset {
    top:-50px;}
.adv-panel.customer .content{
    color: #000; 
    font-size: 1.1rem;
    background: linear-gradient(to bottom, #ffffff 0%,  #f1ddf0 70%);}
.adv-panel.customer .byline {font-weight: 700; color: var(--ad-byline); font-size: 1.3rem;}
.adv-panel.customer .foot {background-color: var(--ad-foot); color: var(--ad-foot-text); }

.adv-panel.customer {margin-top: 70px;}



.adv-panel.customer .logoset .left img, .adv-panel.customer .logoset .right img { max-height: 60px; }
.adv-panel.customer .byline span, .adv-panel.customer .foot span {display: block;    white-space: nowrap;}


@media (min-width: 400px)
{
.adv-panel.customer .byline span, .adv-panel.customer .foot span {display: inline-block;    white-space: nowrap;}
}

@media (min-width: 360px)
{
     .adv-panel.customer .logoset .middle img {width:180px;}
}