@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');

:root {
  --primary-color: #0B3F73;
  --secondary-color: #F3AE15;
}

/* Showcase */
.sectionA {
  position: relative;
}
.layout {
  z-index: 2;
  height: 100%;
  background-color: #fff;
}
.showcase {
  z-index: 3;
  height: 500px;
  background-color: var(--primary-color);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 78%);
  color: #fff;
  position: relative;
}

.layout::before,
.layout::after {
  content: '';
  position: absolute;
  height: 150px;
  bottom: 60px;
  right: 0;
  left: 0;
  background: var(--secondary-color);
  transform: skewY(-3deg);
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
}
.busfeature {
  background-color: #F3AE15;
  border: 6px solid #707070;
  border-right: 7px solid #707070;
  border-top: 5px solid #F3AE15;
}
.grayBgColor{
  background-color: #B9B7B2;
  color: white;
}