/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/src/rse.scss ***!
  \******************************************************************************************************************/
@charset "UTF-8";
[v-cloak] {
  display: none !important;
}

#app {
  background-color: #fff;
}

.grey-area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 12px 30px;
  background-color: #f6f6f7;
}
@media (max-width: 400px) {
  .grey-area {
    flex-direction: column;
    padding: 25px 30px;
    padding-top: 0;
    text-align: center;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .grey-area {
    flex-direction: column;
    padding: 25px 30px;
    padding-top: 0;
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grey-area {
    flex-direction: column;
    padding: 25px 30px;
    padding-top: 0;
    text-align: center;
  }
}
.grey-area svg {
  width: 56px;
  margin-right: 15px;
}
@media (max-width: 400px) {
  .grey-area svg {
    margin: 0;
    margin-top: -28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .grey-area svg {
    margin: 0;
    margin-top: -28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grey-area svg {
    margin: 0;
    margin-top: -28px;
  }
}
.grey-area h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  flex: 1;
  margin: 0;
  padding: 0;
  color: #111616;
}
@media (max-width: 400px) {
  .grey-area h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .grey-area h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grey-area h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
  }
}
.grey-area h4 span {
  color: #e92f61;
}
.grey-area h4 a {
  color: #111616;
}

.page-header {
  position: relative;
  margin-top: 102px;
  margin-bottom: 90px;
  padding: 190px 0;
  color: #fff;
  background: #f6f6f7 url(../../b525b90a39d5e2680666b219b4cff71e.jpg) no-repeat center top;
  background-size: cover;
}
@media (max-width: 400px) {
  .page-header {
    margin-top: 120px;
    margin-bottom: 40px;
    padding: 110px 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .page-header {
    margin-top: 120px;
    margin-bottom: 40px;
    padding: 110px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-header {
    margin-top: 120px;
    margin-bottom: 40px;
    padding: 110px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-header {
    margin-top: 120px;
    margin-bottom: 40px;
    padding: 110px 0;
  }
}
.page-header.rse {
  overflow: hidden;
  padding-bottom: 160px;
}
.page-header.rse.strategy {
  background-image: url(../../b525b90a39d5e2680666b219b4cff71e.jpg);
}
.page-header.rse.social {
  background-image: url(../../b5536cb2ece50552858fc94bdd67f2e0.jpg);
}
.page-header.rse.society {
  background-image: url(../../665eb386f89e647d1ff05b2f31e9a3bb.jpg);
}
.page-header.rse.environment {
  background-image: url(../../eae6b5f55155f74eb71ca1efd1ec073a.jpg);
}
.page-header.rse.ethical {
  background-image: url(../../4e0f589503cdb9f4b7698b81e69c69cb.jpg);
}
.page-header.rse.purchasing {
  background-image: url(../../7b44419e77cc1ddffee99a37f0f94e1c.jpg);
}
.page-header.rse.certifications {
  background-image: url(../../89c3df198c39323759fd086cf73549ca.jpg);
}
.page-header.rse h1 {
  max-width: 900px;
  margin: 0 auto;
}
.page-header h1 {
  font-size: 66px;
  font-weight: 700;
  line-height: 70px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 400px) {
  .page-header h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .page-header h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-header h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.page-header .ecovadis {
  position: absolute;
  bottom: 70px;
  left: 0;
  padding-left: 25px;
}
@media (max-width: 400px) {
  .page-header .ecovadis {
    z-index: 1;
    bottom: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .page-header .ecovadis {
    z-index: 1;
    bottom: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-header .ecovadis {
    z-index: 1;
    bottom: 15px;
    padding-left: 15px;
  }
}
.page-header .ecovadis::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 100%;
  content: "";
  transform: translateY(8%) rotate(20deg);
  transform-origin: top left;
  background-color: #FAFAFA;
}
.page-header .ecovadis img {
  position: relative;
  width: 140px;
  margin-right: 20px;
  margin-bottom: 5px;
}
@media (max-width: 400px) {
  .page-header .ecovadis img {
    width: 95px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .page-header .ecovadis img {
    width: 95px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-header .ecovadis img {
    width: 95px;
  }
}
.page-header .brands {
  position: absolute;
  z-index: 0;
  right: 50%;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 80px;
  padding: 11px 21px;
  transform: translateX(50%);
  background-color: #FAFAFA;
  gap: 13px;
}
@media (max-width: 400px) {
  .page-header .brands {
    justify-content: flex-end;
    padding: 5px 10px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .page-header .brands {
    justify-content: flex-end;
    padding: 5px 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-header .brands {
    justify-content: flex-end;
    padding: 5px 10px;
  }
}
.page-header .brands img {
  width: 100%;
  max-width: 105px;
  height: 100%;
  max-height: 50px;
}
@media (max-width: 400px) {
  .page-header .brands img {
    max-width: 61px;
    max-height: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .page-header .brands img {
    max-width: 61px;
    max-height: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-header .brands img {
    max-width: 61px;
    max-height: 30px;
  }
}

.testimony {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  padding: 50px;
  background-color: #f6f6f7;
}
@media (max-width: 400px) {
  .testimony {
    flex-direction: column;
    margin-top: 40px;
    padding: 35px 15px;
    text-align: center;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .testimony {
    flex-direction: column;
    margin-top: 40px;
    padding: 35px 15px;
    text-align: center;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .testimony {
    flex-direction: column;
    margin-top: 40px;
    padding: 35px 15px;
    text-align: center;
  }
}
.testimony img {
  width: 100%;
  max-width: 195px;
  height: auto;
  margin-right: 15px;
  border-radius: 100%;
}
@media (max-width: 400px) {
  .testimony img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .testimony img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .testimony img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.testimony .text {
  position: relative;
  flex: 1;
  padding: 20px 40px 0 40px;
}
@media (max-width: 400px) {
  .testimony .text {
    padding: 40px 20px 0 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .testimony .text {
    padding: 40px 20px 0 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .testimony .text {
    padding: 40px 20px 0 20px;
  }
}
.testimony .text:before, .testimony .text:after {
  position: absolute;
  top: 0;
  width: 28px;
  height: 22px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4yMTkiIGhlaWdodD0iMjEuOTE5IiB2aWV3Qm94PSIwIDAgMjguMjE5IDIxLjkxOSI+PHBhdGggZD0iTTMwLjc0Mi02Mi4zMDdWLTYwLjdhMTEuMTEsMTEuMTEsMCwwLDAtNS4zNDksMy45MjEsOS4zNiw5LjM2LDAsMCwwLTEuOTM2LDUuNTYyLDEuNjg2LDEuNjg2LDAsMCwwLC4yLjkxOS4zNjUuMzY1LDAsMCwwLC4zLjIsMS4wMjgsMS4wMjgsMCwwLDAsLjQ5Mi0uMjMsNC40NCw0LjQ0LDAsMCwxLDIuNjU4LS43NTUsNC40NDYsNC40NDYsMCwwLDEsMy4zMTQsMS41MjYsNS4xLDUuMSwwLDAsMSwxLjQ0NCwzLjYyNkE1LjM0MSw1LjM0MSwwLDAsMSwzMC4yLTQyLjA2MWE1LjQ0Niw1LjQ0NiwwLDAsMS00LjAyLDEuNjczLDYuMTUzLDYuMTUzLDAsMCwxLTQuNzU4LTIuMjY0LDguODMzLDguODMzLDAsMCwxLTItNi4wNywxMi42MTksMTIuNjE5LDAsMCwxLDIuNzI0LTcuOTQxUTI0Ljg2OS02MC4xNzQsMzAuNzQyLTYyLjMwN1ptLTE1Ljc4MywwVi02MC43YTExLjExLDExLjExLDAsMCwwLTUuMzQ5LDMuOTIxLDkuMzYsOS4zNiwwLDAsMC0xLjkzNiw1LjU2MiwxLjY4NiwxLjY4NiwwLDAsMCwuMi45MTkuMzY1LjM2NSwwLDAsMCwuMy4yLDEuMDI4LDEuMDI4LDAsMCwwLC40OTItLjIzLDQuNDQsNC40NCwwLDAsMSwyLjY1OC0uNzU1LDQuNDQ2LDQuNDQ2LDAsMCwxLDMuMzE0LDEuNTI2LDUuMSw1LjEsMCwwLDEsMS40NDQsMy42MjYsNS4zNDEsNS4zNDEsMCwwLDEtMS42NTcsMy44NzIsNS40NDYsNS40NDYsMCwwLDEtNC4wMiwxLjY3M0E2LjE1Myw2LjE1MywwLDAsMSw1LjY0LTQyLjY1MWE4LjgzMyw4LjgzMywwLDAsMS0yLTYuMDcsMTIuNjE5LDEyLjYxOSwwLDAsMSwyLjcyNC03Ljk0MVE5LjA4Ni02MC4xNzQsMTQuOTU5LTYyLjMwN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjYzOSA2Mi4zMDcpIiBmaWxsPSIjZGRkIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.testimony .text:before {
  left: 0;
}
.testimony .text:after {
  right: 0;
  transform: rotate(180deg);
}
.testimony .text p {
  font-size: 18px;
  font-style: italic;
  line-height: 27px;
  margin-bottom: 20px;
  color: #111616;
}
.testimony .text h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #e92f61;
}
.testimony .text small {
  font-size: 14px;
  color: #787878;
}

.fundamentals {
  margin-top: 80px;
}
@media (max-width: 400px) {
  .fundamentals .container-md {
    padding: 0;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .container-md {
    padding: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .container-md {
    padding: 0;
  }
}
.fundamentals .carousel {
  margin-bottom: 30px;
}
.fundamentals .carousel-caption {
  top: 50%;
  bottom: initial;
  transform: translateY(-50%);
}
@media (max-width: 400px) {
  .fundamentals .carousel-caption {
    right: 5%;
    left: 5%;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel-caption {
    right: 5%;
    left: 5%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel-caption {
    right: 5%;
    left: 5%;
  }
}
.fundamentals .carousel-caption h2 {
  font-size: 34px;
  font-weight: 700;
  margin: 0;
}
.fundamentals .carousel-caption hr {
  width: 100px;
  height: 3px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 60px;
  background: #fff;
}
@media (max-width: 400px) {
  .fundamentals .carousel-caption hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel-caption hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel-caption hr {
    margin-bottom: 30px;
  }
}
.fundamentals .carousel-caption h5 {
  font-size: 44px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel-caption h5 {
    font-size: 38px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fundamentals .carousel-caption h5 {
    font-size: 38px;
  }
}
@media (max-width: 400px) {
  .fundamentals .carousel-caption h5 {
    font-size: 32px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel-caption h5 {
    font-size: 32px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel-caption h5 {
    font-size: 32px;
  }
}
.fundamentals .carousel-caption p {
  font-size: 24px;
  font-weight: 100;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel-caption p {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fundamentals .carousel-caption p {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .fundamentals .carousel-caption p {
    font-size: 18px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel-caption p {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel-caption p {
    font-size: 18px;
  }
}
.fundamentals .carousel-indicators {
  z-index: 1;
}
.fundamentals .carousel-indicators li {
  width: 13px;
  height: 13px;
  border: 2px solid white;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.1);
}
.fundamentals .carousel-indicators li.active {
  background-color: white;
}
.fundamentals .carousel-control-next img {
  transform: rotate(180deg);
}
.fundamentals .carousel .get_up {
  height: 605px;
  background: url(../../dacd94869ef67153ec19d3707ebe31d9.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .fundamentals .carousel .get_up {
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel .get_up {
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel .get_up {
    height: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel .get_up {
    height: 550px;
  }
}
.fundamentals .carousel .done {
  height: 605px;
  background: url(../../b7d87645a9239416820182fbdc3b3d8d.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .fundamentals .carousel .done {
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel .done {
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel .done {
    height: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel .done {
    height: 550px;
  }
}
.fundamentals .carousel .teamwork {
  height: 605px;
  background: url(../../a0c45cfc786c85cf2378386ecb6cbe35.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .fundamentals .carousel .teamwork {
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel .teamwork {
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel .teamwork {
    height: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel .teamwork {
    height: 550px;
  }
}
.fundamentals .carousel .performance {
  height: 605px;
  background: url(../../bbac28bf6da21c140023a45754a979c3.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .fundamentals .carousel .performance {
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel .performance {
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel .performance {
    height: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel .performance {
    height: 550px;
  }
}
.fundamentals .carousel .dream {
  height: 605px;
  background: url(../../ad0de9476fdbaf5dab1d1d76f62f264b.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .fundamentals .carousel .dream {
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel .dream {
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel .dream {
    height: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel .dream {
    height: 550px;
  }
}
.fundamentals .carousel .customer {
  height: 605px;
  background: url(../../db8ad2f762cd1c2ddf521b91e4ab072f.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .fundamentals .carousel .customer {
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel .customer {
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel .customer {
    height: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel .customer {
    height: 550px;
  }
}
.fundamentals .carousel .train {
  height: 605px;
  background: url(../../f1e89553e2535655ac7e7abedbf048ae.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .fundamentals .carousel .train {
    height: 550px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .fundamentals .carousel .train {
    height: 550px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .fundamentals .carousel .train {
    height: 550px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fundamentals .carousel .train {
    height: 550px;
  }
}
.fundamentals .gallery img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.responsability {
  margin-top: 80px;
}

.certifications {
  margin-top: 100px;
}
.certifications .recognition {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 75px;
}
@media (max-width: 400px) {
  .certifications .recognition {
    flex-direction: column;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .certifications .recognition {
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .certifications .recognition {
    flex-direction: column;
  }
}
.certifications .recognition .img-container {
  min-width: 320px;
}
.certifications .recognition .img-container img {
  max-width: 300px;
}
@media (max-width: 400px) {
  .certifications .recognition .img-container img {
    display: block;
    margin-bottom: 25px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .certifications .recognition .img-container img {
    display: block;
    margin-bottom: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .certifications .recognition .img-container img {
    display: block;
    margin-bottom: 25px;
  }
}
.certifications .recognition span {
  display: block;
  align-self: stretch;
  margin: 0 45px;
  border-right: 1px solid #ddd;
}
@media (max-width: 400px) {
  .certifications .recognition span {
    display: none;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .certifications .recognition span {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .certifications .recognition span {
    display: none;
  }
}
.certifications .recognition .text-container {
  display: flex;
  align-items: center;
  flex: 1;
}

.publications {
  margin-top: 100px;
  margin-bottom: 100px;
}

.main-content {
  font-size: 18px;
  line-height: 26px;
  color: #787878;
}
.main-content hr {
  width: 100px;
  height: 4px;
  margin-bottom: 40px;
  margin-left: 0;
  border: 0;
  background: linear-gradient(to left, #ef668b, #e92f61);
}
.main-content h2 {
  font-size: 36px;
  font-weight: 900;
  line-height: 46px;
  color: #000;
}
@media (max-width: 400px) {
  .main-content h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
.main-content h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 46px;
  color: #e92f61;
}
@media (max-width: 400px) {
  .main-content h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
.main-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 25px;
  color: #787878;
}
@media (max-width: 400px) {
  .main-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content p {
    font-size: 16px;
    line-height: 24px;
  }
}
.main-content ul {
  list-style: none;
  padding-inline-start: 30px;
}
.main-content ul li {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 30px;
  padding-left: 10px;
  color: #787878;
}
@media (max-width: 400px) {
  .main-content ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
.main-content ul li:before {
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  width: 22px;
  margin-left: -1em;
  content: "•";
  color: #e92f61;
}
.main-content ul li b {
  text-transform: uppercase;
  color: #111616;
}
.main-content ul li p {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 400px) {
  .main-content ul li p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content ul li p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content ul li p {
    font-size: 16px;
    line-height: 24px;
  }
}
.main-content ul li p.arrow {
  font-weight: 700;
  position: relative;
  padding-left: 23px;
}
.main-content ul li p.arrow:before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 17px;
  height: 13px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC41MDEiIGhlaWdodD0iMTIuOTk4IiB2aWV3Qm94PSIwIDAgMTguNTAxIDEyLjk5OCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY4NC43MjkgLTQ2My41MzMpIj48cGF0aCBkPSJNNzAzLjA4Miw0NjkuNjhsLTYtNmEuNS41LDAsMCwwLS43MDYuNzA3bDUuMTQ2LDUuMTQ1SDY4NS4yMjlhLjUuNSwwLDAsMCwwLDFoMTYuMjkzbC01LjE0Niw1LjE0NmEuNS41LDAsMCwwLC43MDguNzA3bDYtNmEuNS41LDAsMCwwLDAtLjcwN1oiIGZpbGw9IiNlOTJmNjEiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.main-content ul li p.dash {
  position: relative;
  padding-left: 23px;
}
.main-content ul li p.dash:before {
  font-size: 30px;
  font-weight: 700;
  position: absolute;
  top: -2px;
  left: 0;
  width: 17px;
  height: 13px;
  content: "-";
  color: #e92f61;
}
.main-content a {
  transition: 0.15s;
  text-decoration: underline;
  color: #e92f61;
}
.main-content a:hover, .main-content a:active, .main-content a:focus {
  color: #b81340;
}
.main-content .latest-posts {
  padding: 100px 0;
}
.main-content .latest-posts h2 {
  text-align: left !important;
}
.main-content .latest-posts .post {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  cursor: pointer;
  text-decoration: none;
  color: #111616;
}
@media (max-width: 400px) {
  .main-content .latest-posts .post {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content .latest-posts .post {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content .latest-posts .post {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-content .latest-posts .post {
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
  }
}
.main-content .latest-posts .post:hover h3 {
  color: #e92f61;
}
.main-content .latest-posts .post:hover .image {
  background-size: auto 105%;
}
.main-content .latest-posts .post:hover .image:after {
  opacity: 1;
}
.main-content .latest-posts .post .image {
  position: relative;
  min-width: 110px;
  min-height: 110px;
  margin-right: 20px;
  transition: 0.15s;
  border: 1px solid #f2f2f2;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
.main-content .latest-posts .post .image:after {
  font-size: 56px;
  font-weight: 300;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "+";
  transition: 0.15s;
  opacity: 0;
  color: #fff;
  border-radius: 100%;
  background-color: rgba(233, 47, 97, 0.5);
}
.main-content .latest-posts .post .text {
  flex: 1 1 auto;
}
.main-content .latest-posts .post .text h4 {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  color: #787878;
}
.main-content .latest-posts .post .text h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
}
.main-content .latest-posts .btn-main {
  text-decoration: none;
  color: #fff;
}
.main-content .image-container {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 45px;
}
@media (max-width: 400px) {
  .main-content .image-container {
    flex-direction: column;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content .image-container {
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content .image-container {
    flex-direction: column;
  }
}
.main-content .image-container .image {
  flex-shrink: 1;
}
.main-content .image-container .image p {
  font-size: 17px;
  line-height: 35px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  background-color: #F6F6F7;
}
.main-content .image-container .image img {
  display: block;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 400px) {
  .main-content .image-container .image img {
    margin-bottom: 25px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .main-content .image-container .image img {
    margin-bottom: 25px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .main-content .image-container .image img {
    margin-bottom: 25px;
  }
}