body.widget-snippet .banner-bottom-section {
  padding:20px;
}
body.widget-snippet .banner-bottom-section > div.item-section:nth-of-type(4) .content{
    max-width: 90%;
}
body.widget-snippet .banner-bottom-section  > div.item-section {
   background-size: 4rem;
  padding: 3rem;
}
.banner-bottom-section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
}
.banner-bottom-section  > div.item-section {
  flex: 1 1 32%;
    background: #fff;
  padding:6rem  8rem;
  height: 55.1rem;
}
.banner-bottom-section > div.item-section:nth-of-type(1) {
background: #F9C227;
      background-image: url(/template/106fffdc/images/snippet-images/01.png);
    background-position: bottom right;
background-repeat: no-repeat;
}
.banner-bottom-section > div.item-section:nth-of-type(2) {
background: #fff;
      background-image: url(/template/106fffdc/images/snippet-images/02.png);
    background-position: bottom left;
background-repeat: no-repeat;
    text-align: center
}
.banner-bottom-section > div.item-section:nth-of-type(3) {
background: #2A4A55;
      background-image: url(/template/106fffdc/images/snippet-images/03.png);
    background-position: bottom right;
background-repeat: no-repeat;
}
.banner-bottom-section > div.item-section:nth-last-of-type(1) {
background: #fff;
background-image: url(/template/106fffdc/images/snippet-images/05.png);
background-position: bottom center;
background-repeat: no-repeat;
    height: 81rem;
  text-align: center;
    padding: 8rem;
}
.banner-bottom-section > div.item-section:nth-last-of-type(2) {
   flex: 1 1 65.3%;
  background: #3B3B3B;
  background-image: url(/template/106fffdc/images/snippet-images/04.png);
 background-position: bottom right;
background-repeat: no-repeat;
 height: 81rem;
  padding: 8rem 11rem;
}


.banner-bottom-section > div.item-section .content h3{
  font-family: Open Sans;
  font-size: 2.3em;
  font-weight: 700;
  line-height: 1.4em;
    text-transform: uppercase;
}

.banner-bottom-section > div.item-section .content p{
  font-family: Open Sans;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5em;
    padding: 0px 0 10px;
}
.banner-bottom-section > div.item-section .content a{
  font-family: Open Sans;
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: 0.15em;
    text-decoration: underline;
  text-transform: uppercase;
  color: #000;
}
.banner-bottom-section > div.item-section .content a:hover{
        text-decoration: none;
}

.banner-bottom-section > div.item-section:nth-of-type(1) .content, .banner-bottom-section > div.item-section:nth-of-type(3) .content{
  max-width: 70%
}
.banner-bottom-section > div.item-section:nth-of-type(4) .content{
    max-width: 40%;
}
.banner-bottom-section > div.item-section:nth-of-type(3) .content h3,  .banner-bottom-section > div.item-section:nth-of-type(3) .content p, .banner-bottom-section > div.item-section:nth-of-type(3) .content a,
.banner-bottom-section > div.item-section:nth-of-type(4) .content h3,  .banner-bottom-section > div.item-section:nth-of-type(4) .content p, .banner-bottom-section > div.item-section:nth-of-type(4) .content a{
 color: #fff;     
}

.banner-bottom-section > div.item-section:nth-of-type(4) .content > a{
  padding: 15px 35px;
  background: var(--bk-color-primary, #176F92);
    border: 2px solid var(--bk-color-primary, #176F92);
      text-decoration: none;
}
.banner-bottom-section > div.item-section:nth-of-type(4) .content > a:hover{
  background: transparent;
  border: 2px solid #fff;
}
.banner-bottom-section > div.item-section:nth-of-type(4) .content > p{
  padding: 12px 0 60px;
}

.banner-bottom-section > div.item-section:nth-last-of-type(2) a:after {
	content: '';
	width: 30px;
	height: 25px;
	display: inline-block;
	margin: 0 0 0 10px;
	position: relative;
	top: 11px;
	background-repeat: no-repeat;
	background-image: url(/template/106fffdc/images/button-arrow.svg);
}