/*-----------------
* palette
* ----------------
*
*/

/******** Header *********/

.header-inner {
  display: flex;
  align-items: center;
}

.sub-title {
  font-weight: 700;
}

h1#slider-text {
  font-size: 44px;
  padding: 5px 0 15px;
  color: #fff;
}

.home header#header {
  position: absolute;
  z-index: 999;
  width: 100%;
  padding: 30px 0 0;
}

body:not(.home) header#header {
  z-index: 999;
  width: 100%;
  padding: 15px 0;
  background-color: #002B7C;
  border-bottom: 1px solid #707070;
}

img.company-logo {
  width: 300px;
  margin-left: 15px;
}

.swiper-slide-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 60px 30px;
  background: #002B7C;
  color: #fff;
  position: relative;
}

.yellow {
  color: #FFD800;
}

.swiper-slide-content:after {
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(0, 43, 124)' preserveAspectRatio='none'%3E%3Cpolygon points='0, 0 100, 0 0, 100' /%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: '';
  transform: rotate(180deg);
  width: 75px;
  position: absolute;
  bottom: 0;
  top: 0;
  right: -75px;
  z-index: 999999;
  transform: scaleX(-1) rotate(180deg);
}

/******** Responsive ***********/

/* XXL > 1400 */

/* XL */
@media (max-width: 1400px) {}

/* L */
@media (max-width: 1200px) {}

/* M */
@media (max-width: 992px) {
  img.company-logo {
    width: 200px;
    margin-left: 15px;
  }

  h1#slider-text {
    font-size: 36px;
    padding: 5px 0 15px;
    color: #fff;
  }
}

/* S */
@media (max-width: 768px) {
  h1#slider-text {
    font-size: 32px;
    padding: 5px 0 15px;
    color: #fff;
  }

}

/* XS */
@media (max-width: 576px) {
  header#header {
    z-index: 999999;
  }

  img.company-logo {
    width: 150px;
    margin-left: 0px;
  }
}