.banner-row {display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;background:#F8D147;gap:16px;padding:12px 24px;}
.banner-row > .cell {position: relative;}
.banner-row > .cell:nth-child(1) {width: 75%;}
.banner-row > .cell:nth-child(2) {width: 25%;text-align:center;}
.banner-row > .cell > h2 {margin:0;margin-bottom: 16px;font-weight:600;}
.banner-row > .cell > p {margin: 0;margin-bottom: 20px;line-height: 24px;font-size: 16px;}
.banner-cta {display: flex;column-gap: 16px;}
.banner-cta>a {background: #282828;display: inline-block;border: 1px solid #282828;color: #fff;font-size: 14px;padding: 8px 24px;border-radius: 6px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;cursor:pointer;}
.banner-cta>a:hover {text-decoration: none;background: #545454;border: 1px solid #545454;}
.banner-cta>a:nth-child(2) {background: transparent;color: #000;}
.banner-cta>a:nth-child(2):hover {background: #fff;color: #000;}
.banner-row>.cell > .banner-img > img {width:100%;max-width:150px;}

@media screen and (max-width: 998px) {
.banner-row>.cell > .banner-img > img {width:95%;max-width:100%;}
}
@media screen and (max-width: 600px) {
.banner-row {flex-wrap:wrap;} .banner-row > .cell {width:100% !important;}
.banner-row>.cell > .banner-img > img {width:100%;max-width:150px;} .banner-row > .cell:nth-child(2) {display:none;} .banner-row {padding:24px;}
}
</style>
<style>
.showhide {
    display: none
}
#lhsTree > li > ul > span {
    background: #fff;
    text-align: right;
    padding: 0 0 10px;
    color: #138cd6;
    cursor: pointer;
    display: block;
    color: #777;
    text-decoration: none;
}