@charset "UTF-8";
/* files import */
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");
*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
}

footer,
header,
nav,
section,
main {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

.menu-banner {
  background-image: url(/assets/img/homepage/header-image.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 100vh;
  background-size: cover;
  background-color: rgb(255, 255, 255);
  margin: 20px 20px 0 20px;
  position: relative;
}
.menu-banner .container {
  padding: 30px 50px;
  display: flex;
  position: relative;
}
.menu-banner .container .row {
  justify-content: space-between;
  display: flex;
  width: 100%;
}
.menu-banner .container .row .logo-header {
  height: 68px;
  width: auto;
}
.menu-banner .container .row .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  height: 100%;
}
.menu-banner .container .row .right .main-menu {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.menu-banner .container .row .right .main-menu li {
  display: inline-block;
  margin-left: 50px;
}
.menu-banner .container .row .right .main-menu li.nav-item {
  padding-top: 3px;
  position: relative;
  min-height: 38px;
  vertical-align: middle;
  display: none;
  z-index: 99;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle {
  position: relative;
  display: flex;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle input {
  display: block;
  width: 36px;
  height: 22px;
  position: absolute;
  top: 0px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  -webkit-touch-callout: none;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 5px 5px 5px 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  background: #FFFFFF;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1 span:nth-child(1) {
  top: 0px;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1 span:nth-child(2) {
  top: 10px;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1 span:nth-child(3) {
  top: 20px;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.menu-banner .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.menu-banner .container .row .right .main-menu li:first-of-type {
  margin-left: 0;
}
.menu-banner .container .row .right .main-menu li a {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  transition: 0.5s all;
}
.menu-banner .container .row .right .main-menu li a:hover {
  text-decoration: underline;
}
.menu-banner .container .row .right .main-menu li a:active {
  text-decoration: underline;
  color: #004750;
}
.menu-banner .container .row .right .main-menu li ul.social-media li {
  margin-left: 15px;
}
.menu-banner .container .row .right .main-menu li ul.social-media li:first-of-type {
  margin-left: 0;
}
.menu-banner .container .row .right .main-menu .green-btn {
  background-color: #004750;
  padding: 8px 15px;
  font-family: "DM Serif Text", serif;
  font-size: 22px;
  display: inline-block;
  font-weight: 400;
}
.menu-banner .container .row .right .main-menu .green-btn:hover {
  text-decoration: underline;
  color: #ffffff;
}
.menu-banner .container .row .right .main-menu .green-btn.active {
  text-decoration: underline;
  color: #ffffff;
}
.menu-banner .container .info-banner {
  display: block;
  position: relative;
  margin-top: 280px;
  margin-bottom: 50px;
}
.menu-banner .container .info-banner h1 {
  margin-bottom: 30px !important;
}
.menu-banner .container .info-banner .chg-title {
  color: #ffffff;
  font-family: "Red Hat Display", sans-serif;
  font-size: 18px;
  line-height: 1.5;
}
.menu-banner .container .info-banner .chg-title .slidingVertical {
  text-indent: 0;
}
.menu-banner .container .info-banner .chg-title div {
  text-decoration: underline;
  display: inline-block;
  max-width: 325px;
}
.menu-banner .container.open-menu {
  display: none;
}

.menu-banner.full-video {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: rgb(255, 255, 255);
  position: relative;
  margin: 0;
  padding: 0 20px;
  height: 100vh;
}

.full-video video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.lets-talk-div :hover {
  cursor: pointer;
}

.start {
  padding: 105px 0 50px 0;
}
.start .container {
  padding: 0 50px;
}
.start .container .row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.start .container .row .left {
  width: 57%;
}
.start .container .row .left .main-title {
  margin-bottom: 60px;
}
.start .container .row .left .box-text {
  padding: 0 135px 35px 65px;
  max-width: 650px;
  margin-bottom: 35px;
}
.start .container .row .left .box-text .green-txt-btn {
  font-family: "DM Serif Text", serif;
  margin-top: 20px;
}
.start .container .row .left .box-text.bg-light {
  background-color: #e7e7d5;
  padding: 80px 135px 80px 65px;
}
.start .container .row .right {
  width: 43%;
}
.start .container .row .right .wrap-img {
  z-index: 3;
  position: relative;
}
.start .container .row .right .wrap-img .right-img {
  height: 720px;
  width: auto;
  object-fit: cover;
  margin-top: -36%;
  margin-left: -16%;
  position: absolute;
}
.start .container .row .right .wrap-img .shape-over-img {
  height: 380px;
  width: auto;
  object-fit: cover;
  position: absolute;
  margin-top: 58%;
}

.safari {
  padding: 110px 0 125px 0;
}
.safari .container {
  padding: 0 50px;
}
.safari .container .row {
  display: flex;
  flex-wrap: wrap;
}
.safari .container .row .left {
  width: 55%;
}
.safari .container .row .left .main-title {
  margin-bottom: 60px;
}
.safari .container .row .left .box-text {
  padding: 0 50px 0 65px;
  max-width: 570px;
}
.safari .container .row .left .box-text .signature-img {
  height: 51px;
  width: 190px;
  display: block;
  margin-left: -30px;
  margin-top: -20px;
  margin-bottom: 30px;
  transform: rotate(350deg);
}
.safari .container .row .left .box-text .function span {
  font-family: "Georgia", serif !important;
}
.safari .container .row .right {
  position: relative;
  width: 45%;
  padding-top: 80px;
}
.safari .container .row .right .safari-img {
  width: 360px;
  height: auto;
  object-fit: cover;
  margin-bottom: 40px;
  display: block;
  position: relative;
  z-index: 3;
}
.safari .container .row .right .shape2-img {
  position: absolute;
  right: 5%;
  bottom: -5%;
  height: 275px;
  width: auto;
  z-index: 0;
}

.carousel-animals {
  background-color: #004750;
  padding: 100px 0 115px 0;
  background-repeat: no-repeat, no-repeat;
  background-position: left 100px bottom -52%;
  background-image: url(/assets/img/lineshape0022.png);
  background-size: auto 545px;
  min-height: 747px;
  padding-bottom: 85px;
}
.carousel-animals .container-cs .left {
  max-width: 1210px;
  display: inline-block;
}
.carousel-animals .container-cs .left .wrap-i {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 526px;
  position: relative;
  max-width: 312px;
}
.carousel-animals .container-cs .left .wrap-i .wr-c {
  position: relative;
}
.carousel-animals .container-cs .left .wrap-i .wr-c .car-anim-img {
  height: 435px;
  object-fit: cover;
  width: 312px;
  transition: 0.5s all cubic-bezier(0, 0.07, 0.55, 0.96);
}
.carousel-animals .container-cs .left .wrap-i .wr-c .cr-c {
  position: absolute;
  left: 10px;
  bottom: 5px;
  font-size: 12px;
  font-family: "Red Hat Text", sans-serif;
  color: #ffffff;
}
.carousel-animals .container-cs .left .wrap-i .counter-slide {
  z-index: 3;
  font-family: "Red Hat Display", sans-serif;
  font-size: 24px;
  color: #8b8c4a;
  background-color: #ffffff;
  height: 43px;
  width: 43px;
  line-height: 43px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 49.3%;
  right: -21.5px;
}
.carousel-animals .container-cs .right {
  max-width: 360px;
  display: inline-block;
  margin-left: 120px;
  position: absolute;
}
.carousel-animals .container-cs .right .discover-button-float {
  position: absolute;
  font-size: 22px;
  text-decoration: underline;
  color: #ffffff;
  bottom: 7%;
  left: 15%;
  transition: 0.3s color ease-in-out;
}
.carousel-animals .container-cs .right .discover-button-float:hover {
  color: #8b8c4a;
}
.carousel-animals .container-cs .right .arrows-cc .arr-right {
  z-index: 3;
  font-family: "Red Hat Display", sans-serif;
  font-size: 24px;
  color: #8b8c4a;
  background-color: #ffffff;
  height: 43px;
  width: 43px;
  line-height: 43px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  border-radius: 50%;
  letter-spacing: -3px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 52%;
  right: -35px;
}
.carousel-animals .container-cs .right .arrows-cc .arr-right::before {
  width: 15px;
  height: 1px;
  background-color: #ffffff;
  content: "";
  left: -15px;
  top: 50%;
  position: absolute;
}
.carousel-animals .container-cs .right .arrows-cc .arr-left {
  height: 43px;
  width: 43px;
  display: inline-block;
  position: absolute;
  top: 52%;
  left: -150px;
}
.carousel-animals .container-cs .right .arrows-cc .arr-left::before {
  width: 30px;
  height: 1px;
  background-color: #ffffff;
  content: "";
  left: -15px;
  top: 50%;
  position: absolute;
}
.carousel-animals .container-cs .right .arrows-cc .arr-left::after {
  width: 70px;
  height: 1px;
  background-color: #ffffff;
  content: "";
  right: -70px;
  top: 50%;
  position: absolute;
}
.carousel-animals .container-cs .right .info-slide {
  color: #ffffff;
}
.carousel-animals .container-cs .right .info-slide h3 {
  font-size: 48px;
  font-family: "DM Serif Text", serif;
  margin-bottom: 100px;
}
.carousel-animals .container-cs .right .info-slide .box-info {
  padding: 10px 55px;
}
.carousel-animals .container-cs .right .info-slide .box-info .general-text {
  max-width: 270px;
  margin-bottom: 90px;
  font-size: 16px;
  color: #ffffff;
}
.carousel-animals .container-cs .right .info-slide .box-info a {
  font-size: 22px;
  text-decoration: underline;
  color: #ffffff;
}
.carousel-animals .container-cs .right .info-slide .box-info a:hover {
  color: #8b8c4a;
}

.cars-animals .slick-current,
.cars-text .slick-current {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.cars-animals .slick-active,
.cars-animals .slick-active {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
.cars-animals .slick-active .wr-c img,
.cars-animals .slick-active .wr-c img {
  box-shadow: 0 22px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  transition: transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}

.cars-animals .slick-active + .slick-active + .slick-active .car-anim-img {
  height: 525px !important;
  width: auto;
  object-fit: cover;
  width: 375px !important;
}

.cars-animals .slick-active + .slick-active + .slick-active .wrap-i {
  width: 375px !important;
}

.cars-animals .slick-active + .slick-active + .slick-active .counter-slide {
  right: -85.5px !important;
  top: 49.3%;
}

.cars-animals .slick-slide {
  margin: 0 5px;
  padding-bottom: 30px;
}

.cars-animals .slick-list {
  margin: 0 -5px;
}

@media (min-width: 1711px) {
  .carousel-animals .container-cs .right .arrows-cc .arr-left::before {
    width: 0;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::after {
    width: 89px;
  }
}
@media (max-width: 1710px) {
  .carousel-animals .container-cs .left {
    max-width: 780px;
  }
  .carousel-animals .container-cs .left .wrap-i .counter-slide {
    right: -15.5px;
  }
  .cars-animals .slick-active + .slick-active .car-anim-img {
    height: 525px !important;
    width: 375px !important;
  }
  .cars-animals .slick-active + .slick-active .wrap-i {
    width: 375px !important;
  }
  .cars-animals .slick-active + .slick-active .wrap-i .counter-slide {
    right: -81.5px !important;
    top: 49.3%;
  }
  .cars-animals .slick-slide {
    margin: 0 15px;
  }
  .cars-animals .slick-list {
    margin: 0 -21.5px;
  }
}
@media (max-width: 1289.98px) {
  .carousel-animals {
    padding: 90px 0 105px 0;
    background-position: left -75% bottom -52%;
    min-height: 663px;
  }
  .carousel-animals .container-cs .info-banner {
    margin-top: 280px;
  }
  .carousel-animals .container-cs .left {
    width: 50%;
  }
  .carousel-animals .container-cs .left .wrap-i {
    height: 465px;
    margin-right: 0;
    margin-left: auto;
    align-items: flex-start;
  }
  .carousel-animals .container-cs .left .wrap-i .car-anim-img {
    height: 387px;
    width: 233px;
  }
  .carousel-animals .container-cs .left .wrap-i .counter-slide {
    top: 48.4%;
    right: -12px;
  }
  .carousel-animals .container-cs .right {
    width: 50%;
  }
  .carousel-animals .container-cs .right .discover-button-float {
    left: 25px;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-right {
    right: -45px;
    top: 48%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left {
    height: 43px;
    width: 43px;
    display: inline-block;
    position: absolute;
    top: 48%;
    left: -147px;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::before {
    width: 19px;
    left: -14px;
    top: 48%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::after {
    width: 25px;
    height: 1px;
    background-color: #ffffff;
    content: "";
    right: -28px;
    top: 48%;
    position: absolute;
  }
  .carousel-animals .container-cs .right .info-slide h3 {
    font-size: 40px;
    margin-bottom: 80px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info {
    padding: 10px 25px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info .general-text {
    max-width: 225px;
    margin-bottom: 80px;
  }
}
@media (max-width: 1240.98px) {
  .menu-banner .container {
    padding: 30px 30px;
  }
  .menu-banner .container .info-banner {
    margin-top: 280px;
  }
  .start .container .row .right .wrap-img .shape-over-img {
    margin-top: 76%;
  }
}
@media (max-width: 1024.98px) {
  .menu-banner .container {
    padding: 30px 30px;
  }
  .menu-banner .container .row .right .main-menu li {
    margin-left: 40px;
  }
  .menu-banner .container .row .right .main-menu li a {
    font-size: 16px;
  }
  .menu-banner .container .row .right .main-menu .green-btn {
    padding: 6px 6px;
    font-size: 16px;
  }
  .menu-banner .container .info-banner {
    left: 50px;
    margin-top: 150px;
  }
  .menu-banner .container .info-banner .chg-title {
    font-size: 16px;
  }
  .start {
    padding: 70px 0 80px 0;
  }
  .start .container .row .left {
    width: 61%;
  }
  .start .container .row .left .main-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
  .start .container .row .left .box-text {
    padding: 0 120px 25px 50px;
    max-width: 610px;
  }
  .start .container .row .left .box-text .green-txt-btn {
    margin-top: 10px;
  }
  .start .container .row .left .box-text.bg-light {
    padding: 50px 120px 50px 50px;
  }
  .start .container .row .right {
    width: 39%;
  }
  .start .container .row .right .wrap-img .right-img {
    height: 535px;
    margin-top: -37%;
    margin-left: -15%;
  }
  .start .container .row .right .wrap-img .shape-over-img {
    height: 270px;
    margin-top: 64%;
  }
  .safari {
    padding: 90px 0 135px 0;
  }
  .safari .container .row .left {
    width: 55%;
  }
  .safari .container .row .left .main-title {
    margin-bottom: 50px;
    font-size: 40px;
  }
  .safari .container .row .left .box-text {
    padding: 0 50px 0px 50px;
    max-width: 520px;
  }
  .safari .container .row .left .box-text .signature-img {
    height: 43px;
    width: auto;
  }
  .safari .container .row .right {
    width: 45%;
  }
  .safari .container .row .right .safari-img {
    width: 360px;
    margin-bottom: 30px;
  }
  .safari .container .row .right .shape2-img {
    right: -40px;
    bottom: -50px;
    height: 240px;
  }
  .carousel-animals {
    padding: 80px 0 80px 0;
    background-position: left -260% bottom -150%;
    min-height: 628px;
  }
  .carousel-animals .container-cs .left {
    width: 37%;
  }
  .carousel-animals .container-cs .left .wrap-i {
    height: 465px;
    align-items: flex-start !important;
  }
  .carousel-animals .container-cs .left .wrap-i .car-anim-img {
    height: 387px;
    width: 233px;
  }
  .carousel-animals .container-cs .left .wrap-i .counter-slide {
    top: 48.3%;
    right: -18.5px;
  }
  .carousel-animals .container-cs .right {
    width: 62%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-right {
    right: -45px;
    top: 48%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left {
    height: 43px;
    width: 43px;
    display: inline-block;
    position: absolute;
    top: 48%;
    left: -143px;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::before {
    width: 17px;
    left: -17px;
    top: 48%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::after {
    width: 28px;
    right: -28px;
    top: 48%;
  }
  .carousel-animals .container-cs .right .info-slide h3 {
    font-size: 40px;
    margin-bottom: 80px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info {
    padding: 10px 25px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info .general-text {
    max-width: 225px;
    margin-bottom: 80px;
  }
  .cars-animals .slick-slide {
    margin: 0 20px;
  }
  .cars-animals .slick-list {
    margin: 0 -20px;
  }
}
@media (max-width: 1023px) {
  .menu-banner .container {
    padding: 30px 30px;
  }
  .menu-banner .container .row .logo-header {
    height: 70px !important;
    width: auto;
  }
  .menu-banner .container .row .right .main-menu li {
    margin-left: 30px;
  }
  .menu-banner .container .row .right .main-menu li a {
    font-size: 15px;
  }
  .menu-banner .container .row .right .main-menu .green-btn {
    padding: 6px 6px;
    font-size: 16px;
  }
  .menu-banner .container .info-banner {
    left: 0;
    margin-top: 360px;
  }
  .menu-banner {
    margin: 15px 15px 0 15px;
  }
  .menu-banner .container {
    padding: 25px 55px;
  }
  .menu-banner .container .row .logo-header {
    height: 80px !important;
    width: auto;
  }
  .menu-banner .container .row .right .main-menu li {
    margin-left: 25px;
  }
  .menu-banner .container .row .right .main-menu li.nav-item {
    display: inline-block;
  }
  .menu-banner .container .row .right .main-menu li.social-item {
    display: none;
  }
  .menu-banner .container .row .right .main-menu li .main-pages {
    display: none;
  }
  .menu-banner {
    margin: 15px 15px 0 15px;
  }
  .menu-banner .container {
    padding: 25px 55px;
  }
  .menu-banner .container .row .logo-header {
    height: 80px !important;
    width: auto;
  }
  .menu-banner .container .row .right .main-menu li {
    margin-left: 25px;
  }
  .menu-banner .container .row .right .main-menu li.nav-item {
    display: inline-block;
  }
  .menu-banner .container .row .right .main-menu li.social-item {
    display: none;
  }
  .menu-banner .container .row .right .main-menu li .main-pages {
    display: none;
  }
  .menu-banner {
    margin: 15px 15px 0 15px;
  }
  .menu-banner .container {
    padding: 25px 55px;
  }
  .menu-banner .container .row .right .main-menu li {
    margin-left: 25px;
  }
  .menu-banner .container .row .right .main-menu li.nav-item {
    display: inline-block;
  }
  .menu-banner .container .row .right .main-menu li.social-item {
    display: none;
  }
  .menu-banner .container .row .right .main-menu li .main-pages {
    display: none;
  }
  .menu-banner .container .row .right .main-menu .green-btn {
    padding: 6px 6px;
    font-size: 16px;
  }
  .menu-banner .container .info-banner {
    bottom: 50%;
    margin-top: 280px;
  }
  .menu-banner .container .info-banner .chg-title {
    font-size: 16px;
  }
  .menu-banner .container.open-menu {
    padding: 30px 30px;
    background-color: #e7e7d5;
    z-index: 999999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
  }
  .menu-banner .container.open-menu .row {
    justify-content: flex-start;
  }
  .menu-banner .container.open-menu .row .left-open {
    flex-basis: 50%;
  }
  .menu-banner .container.open-menu .row .left-open .logo-header {
    height: 50px;
  }
  .menu-banner .container.open-menu .row .right-open {
    flex-basis: 50%;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li {
    display: block;
    margin-bottom: 20px;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li:first-of-type {
    margin-left: 0;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li a {
    font-size: 18px;
    color: #8b8c4a;
    text-decoration: none;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
    transition: 0.5s all;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li a:hover, .menu-banner .container.open-menu .row .right-open .main-menu-open li a:active {
    text-decoration: underline;
    color: #004750;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li a.active {
    text-decoration: underline !important;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li ul.social-media li {
    margin-left: 15px;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li ul.social-media li:first-of-type {
    margin-left: 0;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open li ul.main-pages-open {
    padding-top: 25px;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open .green-btn {
    background-color: #004750;
    padding: 8px 13px;
    font-family: "DM Serif Text", serif;
    font-size: 18px;
    display: inline-block;
    color: #ffffff;
    font-weight: 400;
  }
  .menu-banner .container.open-menu .row .right-open .main-menu-open .green-btn:hover, .menu-banner .container.open-menu .row .right-open .main-menu-open .green-btn:active {
    text-decoration: underline;
    color: #ffffff;
  }
  .menu-banner .container.open-menu .row .social-media li {
    margin-right: 30px;
    display: inline;
  }
  .menu-banner .container.open-menu .row .social-media li a {
    font-size: 32px;
    color: #8b8c4a;
    opacity: 0.5;
    transition: 0.5s all;
  }
  .menu-banner .container.open-menu .row .social-media li a:hover, .menu-banner .container.open-menu .row .social-media li a:active {
    opacity: 1;
  }
  .menu-banner .container.open-menu .row .contact-info-open li {
    margin-bottom: 10px;
    color: #8b8c4a;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 700;
  }
  .menu-banner .container.open-menu .row .contact-info-open li a {
    color: #1c1c1c;
    font-family: "Red Hat Display", sans-serif;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
  }
  .menu-banner .container.open-menu .row .contact-info-open li a.whatsapp-link {
    color: #8b8c4a;
    font-family: "Red Hat Display", sans-serif;
  }
  .menu-banner .container.open-menu .row .contact-info-open li a i {
    font-size: 20px;
    color: #8b8c4a;
    padding: 0 5px 0 20px;
  }
  .menu-banner .container.open-menu.d-block {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .menu-banner .container {
    padding: 30px 30px;
  }
  .menu-banner .container .row .logo-header {
    height: 70px !important;
    width: auto;
  }
  .menu-banner .container .row .right .main-menu li {
    margin-left: 28px;
  }
  .menu-banner .container .row .right .main-menu li a {
    font-size: 15px;
  }
  .menu-banner .container .row .right .main-menu .green-btn {
    padding: 6px 6px;
    font-size: 16px;
  }
  .menu-banner .container .info-banner {
    left: 0;
    margin-top: 360px;
  }
  .start {
    padding: 60px 0 50px 0;
  }
  .start .container .row .right .wrap-img .shape-over-img {
    height: 270px;
  }
  .safari {
    padding: 90px 0 135px 0;
  }
  .safari .container .row .right .shape2-img {
    right: -20px;
    height: 230px;
    bottom: -10px;
  }
  .carousel-animals {
    padding: 80px 0 80px 0;
    background-position: left -620px bottom -120%;
  }
}
@media (min-width: 821px) {
  .cars-animals .slide h3 {
    display: none;
  }
}
@media (max-width: 821px) {
  /*
  .menu-banner {
      margin: 15px 15px 0 15px;

      .container {
          padding: 25px 55px;

          .row {
              .logo-header {
                  height: 80px !important;
                  width: auto;
              }
              .right {
                  .main-menu {
                      li {
                          margin-left: 25px;

                          &.nav-item {
                              display: inline-block;
                          }

                          &.social-item {
                              display: none;
                          }

                          .main-pages {
                              display: none;
                          }
                      }
                  }
              }
          }
      }
  }
  .menu-banner {
      margin: 15px 15px 0 15px;

      .container {
          padding: 25px 55px;

          .row {
              .right {
                  .main-menu {
                      li {
                          margin-left: 25px;

                          &.nav-item {
                              display: inline-block;
                          }

                          &.social-item {
                              display: none;
                          }

                          .main-pages {
                              display: none;
                          }
                      }

                      .green-btn {
                          padding: 6px 6px;
                          font-size: 16px;
                      }
                  }
              }
          }

          .info-banner {
              bottom: 50%;
              margin-top: 280px;

              .chg-title {
                  font-size: 16px;
              }
          }
      }

      .container.open-menu {
          padding: 30px 30px;
          background-color: $cstm-light-green;
          z-index: 10;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100vh;

          .row {
              justify-content: flex-start;

              .left-open {
                  flex-basis: 50%;

                  .logo-header {
                      height: 50px;
                  }
              }

              .right-open {
                  flex-basis: 50%;

                  .main-menu-open {
                      li {
                          display: block;
                          margin-bottom: 20px;

                          &:first-of-type {
                              margin-left: 0;
                          }

                          a {
                              font-size: 18px;
                              color: $cstm-yellow;
                              text-decoration: none;
                              font-family: $font-RedHatDisplay;
                              font-weight: 400;
                              transition: .5s all;

                              &:hover,
                              &:active {
                                  text-decoration: underline;
                                  color: $cstm-green;
                              }
                          }

                          ul.social-media {
                              li {
                                  margin-left: 15px;

                                  &:first-of-type {
                                      margin-left: 0;
                                  }
                              }
                          }

                          ul.main-pages-open {
                              padding-top: 25px;
                          }
                      }

                      .green-btn {
                          background-color: $cstm-green;
                          padding: 8px 13px;
                          font-family: $font-DmSerifText;
                          font-size: 18px;
                          display: inline-block;
                          color: $white;
                          font-weight: 400;

                          &:hover,
                          &:active {
                              text-decoration: underline;
                              color: $white;
                          }
                      }
                  }
              }

              .social-media {
                  li {
                      margin-right: 30px;
                      display: inline;

                      a {
                          font-size: 32px;
                          color: $cstm-yellow;
                          opacity: .5;
                          transition: .5s all;

                          &:hover,
                          &:active {
                              opacity: 1;
                          }
                      }
                  }
              }

              .contact-info-open {
                  li {
                      margin-bottom: 10px;
                      color: $cstm-yellow;
                      font-family: $font-RedHatDisplay;
                      font-weight: 700;

                      a {
                          color: $cstm-black;
                          font-family: $font-RedHatDisplay;
                          text-decoration: none;
                          font-weight: 400;
                          font-size: 16px;

                          &.whatsapp-link {
                              color: $cstm-yellow;
                              font-family: $font-RedHatDisplay;
                          }

                          i {
                              font-size: 20px;
                              color: $cstm-yellow;
                              padding: 0 5px 0 20px;
                          }
                      }
                  }
              }
          }
      }

      .container.open-menu.d-block {
          display: block;
      }
  }
  */
  .carousel-animals .container-cs .right .discover-button-float {
    bottom: -5%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left {
    top: 35%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-right {
    right: -5%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::after {
    display: none;
  }
  .carousel-animals .container-cs .right .info-slide h3 {
    display: none;
  }
  .cars-animals h3 {
    margin-bottom: 0px;
    padding-left: 1rem;
    line-height: 2rem;
    color: white;
    display: block;
    position: absolute;
    z-index: 1;
    font-family: "DM Serif Text", serif;
    font-size: 30px;
    padding-left: 25px;
    padding-bottom: 2rem;
  }
  .cars-animals .slick-slide {
    height: 540px;
  }
  .carousel-animals {
    padding-top: 1rem;
  }
  .carousel-animals .container-cs .left .wrap-i .counter-slide {
    left: 50%;
    top: 120%;
  }
  .carousel-animals .container-cs .left img {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }
  .start {
    padding: 60px 0 50px 0;
  }
  .start .container {
    padding: 0 30px;
  }
  .start .container .row .left {
    width: 79%;
  }
  .start .container .row .left .box-text {
    padding: 0 50px 25px 45px;
    max-width: 400px;
  }
  .start .container .row .left .box-text.bg-light {
    padding: 80px 50px 80px 45px;
    max-width: none;
  }
  .start .container .row .right {
    width: 21%;
  }
  .start .container .row .right .wrap-img .right-img {
    height: 380px;
    margin-top: 40%;
    margin-left: -100%;
  }
  .start .container .row .right .wrap-img .shape-over-img {
    margin-top: 191%;
  }
  .safari {
    padding: 70px 0 85px 0;
  }
  .safari .container {
    padding: 0 30px;
  }
  .safari .container .row .left {
    width: 60%;
  }
  .safari .container .row .left .main-title {
    padding-top: 0;
  }
  .safari .container .row .left .box-text {
    padding: 0 35px 0px 35px;
    max-width: 520px;
  }
  .safari .container .row .left .box-text .signature-img {
    height: 43px;
    width: auto;
  }
  .safari .container .row .right {
    width: 40%;
  }
  .safari .container .row .right .safari-img {
    width: 310px;
  }
  .safari .container .row .right .shape2-img {
    right: -60px;
    bottom: 10px;
    height: 240px;
  }
  .carousel-animals {
    padding: 80px 0 95px 0;
    background-image: none;
  }
  .carousel-animals .container-cs .left {
    width: 100%;
    display: block;
  }
  .carousel-animals .container-cs .left .wrap-i {
    height: 365px;
    margin: 0 auto;
  }
  .carousel-animals .container-cs .left .wrap-i .car-anim-img {
    height: 317px;
    width: auto;
  }
  .carousel-animals .container-cs .left .wrap-i .counter-slide {
    top: 125%;
    right: 50%;
    left: 45%;
  }
  .carousel-animals .container-cs .right {
    width: 100%;
    display: block;
    position: relative;
    margin: 30px auto 0 auto;
    margin-top: 0.5rem;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-right {
    right: -45px;
    top: 48%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left {
    height: 43px;
    width: 43px;
    display: inline-block;
    position: absolute;
    top: 48%;
    left: -90px;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::before {
    width: 85px;
    left: -15px;
    top: 48%;
  }
  .carousel-animals .container-cs .right .info-slide h3 {
    font-size: 40px;
    margin-bottom: 30px;
    padding-left: 25px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info {
    padding: 10px 25px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info .general-text {
    max-width: none;
    margin-bottom: 30px;
  }
}
@media (max-width: 675.98px) {
  .start {
    padding: 60px 0 50px 0;
  }
  .start .container .row .left .box-text {
    padding: 0 30px 25px 30px;
    max-width: 330px;
  }
  .start .container .row .left .box-text.bg-light {
    padding: 60px 30px 60px 30px;
    max-width: none;
  }
  .start .container .row .right .wrap-img .right-img {
    margin-left: -70%;
    margin-top: 50%;
  }
  .safari {
    padding: 60px 0 75px 0;
  }
  .safari .container .row .left .box-text {
    padding: 0 20px 0px 20px;
  }
  .safari .container .row .right .safari-img {
    width: 310px;
  }
  .safari .container .row .right .shape2-img {
    right: 50px;
    bottom: 60px;
    height: 240px;
  }
}
@media (max-width: 575.98px) {
  .menu-banner {
    margin: 10px 10px 0 10px;
  }
  .menu-banner .container {
    padding: 15px 0 15px 0;
  }
  .menu-banner .container .row {
    width: 90%;
    margin: 0 auto;
  }
  .menu-banner .container .info-banner {
    left: 30px;
    margin-top: 220px;
  }
  .menu-banner .container.open-menu {
    padding: 25px 20px;
  }
  .start {
    padding: 60px 0 50px 0;
  }
  .start .container {
    padding: 0 15px;
  }
  .start .container .row .left {
    width: 100%;
    z-index: 3;
  }
  .start .container .row .left .box-text {
    padding: 0 15px 25px 15px;
    max-width: none;
  }
  .start .container .row .left .box-text .green-txt-btn {
    font-size: 20px;
  }
  .start .container .row .left .box-text.bg-light {
    padding: 50px 15px 50px 15px;
  }
  .start .container .row .right {
    width: 100%;
  }
  .start .container .row .right .wrap-img .right-img {
    margin-left: auto;
    margin-top: auto;
    position: relative;
    height: 450px;
    width: 100%;
  }
  .start .container .row .right .wrap-img .shape-over-img {
    margin-top: 67%;
  }
  .safari {
    padding: 70px 0 60px 0;
  }
  .safari .container {
    padding: 0 15px;
  }
  .safari .container .row .left {
    width: 100%;
  }
  .safari .container .row .left .main-title {
    font-size: 30px;
  }
  .safari .container .row .left .box-text {
    padding: 0 20px 0px 20px;
  }
  .safari .container .row .right {
    width: 100%;
  }
  .safari .container .row .right .safari-img {
    width: 100%;
    margin: 30px 0;
    max-height: 435px;
  }
  .safari .container .row .right .shape2-img {
    display: none;
  }
  .just-mobile {
    display: block !important;
    margin-bottom: 30px;
    width: 100%;
    max-height: 320px;
    height: auto !important;
    object-fit: cover;
  }
  .safari-img.fix.just-mobile {
    max-height: unset;
  }
  .hide-mobile {
    display: none !important;
  }
  .carousel-animals {
    padding: 60px 0 25px 0;
    background-image: none;
  }
  .carousel-animals .container-cs .left .wrap-i {
    height: 540px;
  }
  .carousel-animals .container-cs .left .wrap-i .car-anim-img {
    height: 265px;
    width: auto;
  }
  .carousel-animals .container-cs .left .wrap-i .counter-slide {
    top: 88%;
    right: 50%;
    left: 45%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-right {
    right: -5%;
    top: 25%;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left {
    height: 43px;
    width: 43px;
    display: inline-block;
    position: absolute;
    top: 25%;
    left: -90px;
  }
  .carousel-animals .container-cs .right .arrows-cc .arr-left::before {
    width: 100px;
    left: -15px;
    top: 41%;
  }
  .carousel-animals .container-cs .right .info-slide h3 {
    font-size: 30px;
    margin-bottom: 15px;
    padding-left: 25px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info {
    padding: 10px 25px;
  }
  .carousel-animals .container-cs .right .info-slide .box-info .general-text {
    max-width: 255px;
    margin-bottom: 15px;
  }
}
@media (max-width: 455.98px) {
  .menu-banner .container.open-menu .row {
    flex-wrap: wrap;
  }
  .menu-banner .container.open-menu .row .left-open.full-col {
    flex-basis: 100%;
    display: flex;
  }
  .menu-banner .container.open-menu .row .left-open.full-col .logo-header {
    height: 60px;
  }
  .menu-banner .container.open-menu .row .left-open.full-col.align-left {
    flex-basis: 100%;
    display: flex;
  }
  .menu-banner .container.open-menu .row .right-open.full-col {
    flex-basis: 100%;
    display: flex;
    margin: 15px 0;
    padding-left: 15%;
  }
  .menu-banner .container.open-menu .row .left-open.full-col.second {
    order: 2;
    margin: 15px 0;
    padding-left: 15%;
  }
  .menu-banner .container.open-menu .row .right-open.full-col.first {
    order: 1;
    margin: 15px 0;
    padding-left: 15%;
  }
  .menu-banner .container .info-banner {
    left: 15px;
    margin-top: 240px;
  }
  .start {
    padding: 60px 0 50px 0;
  }
  .start .container {
    padding: 0 15px;
  }
  .start .container .row .left .box-text.bg-light {
    padding: 40px 15px 40px 15px;
  }
  .start .container .row .right {
    width: 100%;
  }
  .start .container .row .right .wrap-img .right-img {
    height: 350px;
  }
  .start .container .row .right .wrap-img .shape-over-img {
    height: 200px;
    margin-top: 65%;
  }
  .safari {
    padding: 70px 0 90px 0;
  }
  .safari .container .row .left .box-text {
    padding: 0 0 0 5px;
  }
  .safari .container .row .left .box-text .signature-img {
    margin-left: -10px;
  }
  .safari .container .row .right .safari-img {
    margin: 30px 0;
    max-height: 405px;
  }
}
@media (max-width: 575.97px) {
  .carousel-animals .container-cs .right .arrows-cc .arr-right {
    right: -2%;
  }
  .menu-banner .container .row .logo-header {
    height: 60px !important;
    width: auto;
  }
}
@media (max-width: 390.97px) {
  .carousel-animals .container-cs .right .arrows-cc .arr-right {
    right: 2%;
  }
  .menu-banner .container .info-banner {
    left: 15px;
    margin-top: 240px;
  }
  .menu-banner .container .row .logo-header {
    height: 58px !important;
    width: auto;
  }
}
@media (max-width: 376px) {
  .menu-banner .container .info-banner {
    left: 15px;
    margin-top: 160px;
  }
}
@media (max-width: 300px) {
  .menu-banner .container .row .logo-header {
    height: 30px !important;
    width: auto;
  }
}
@media (min-height: 1080px) {
  .menu-banner .container .info-banner {
    margin-top: 360px;
  }
}
@media (max-height: 2560px) {
  .menu-banner .container .info-banner {
    margin-top: 500px;
  }
}
@media (max-height: 1500px) {
  .menu-banner .container .info-banner {
    margin-top: 375px;
  }
}
@media (max-height: 1080px) {
  .menu-banner .container .info-banner {
    margin-top: 320px;
  }
}
@media (max-height: 920px) {
  .menu-banner .container .info-banner {
    margin-top: 250px;
  }
}
@media (max-height: 720px) {
  .menu-banner .container .info-banner {
    margin-top: 220px;
  }
}
@media (max-height: 630px) {
  .menu-banner .container .info-banner {
    margin-top: 180px;
  }
}
@media (max-height: 450px) {
  .menu-banner .container .info-banner {
    margin-top: 120px;
  }
}
@media (max-height: 420px) {
  .menu-banner .container .info-banner {
    margin-top: 50px;
  }
}
@media (max-height: 300px) {
  .menu-banner .container .info-banner {
    margin-top: 5px;
  }
}
.menu-banner.small {
  height: auto;
  background-image: none;
  margin: 0;
}
.menu-banner.small .container {
  padding: 50px 50px;
}
.menu-banner.small .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1 span {
  background: #8b8c4a;
}
.menu-banner.small .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.menu-banner.small .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.menu-banner.small .container .row .right .main-menu li.nav-item #menuToggle .animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.menu-banner.small .container .row .right .main-menu li a {
  color: #8b8c4a;
}
.menu-banner.small .container .row .right .main-menu li a:hover {
  color: #004750;
}
.menu-banner.small .container .row .right .main-menu li a.active {
  color: #004750;
  text-decoration: underline;
}
.menu-banner.small .container .row .right .main-menu li a.green-btn {
  color: #ffffff;
}
.menu-banner.small .container .row .right .main-menu li a.green-btn:hover {
  color: #ffffff;
}
.menu-banner.small .container .row .right .main-menu li ul.social-media li a {
  opacity: 0.5;
}
.menu-banner.small .container .row .right .main-menu li ul.social-media li a:hover {
  opacity: 1;
  color: #8b8c4a;
}

.main-lodge {
  margin-bottom: 65px;
}
.main-lodge .container {
  padding: 0 50px;
}
.main-lodge .container .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main-lodge .container .row .left {
  flex-basis: 51%;
  position: relative;
}
.main-lodge .container .row .left .wr-pos {
  position: relative;
}
.main-lodge .container .row .left .wr-pos .main-lodge-img {
  height: 527px;
  width: 100%;
  object-fit: cover;
}
.main-lodge .container .row .left .wr-pos span {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: inline-block;
  font-family: "Red Hat Text", sans-serif;
  font-size: 12px;
  color: #ffffff;
}
.main-lodge .container .row .right {
  flex-basis: 41%;
  display: flex;
  align-items: flex-end;
}
.main-lodge .container .row .right .main-title {
  color: #004750;
  margin-bottom: 70px;
  max-width: 455px;
}
.main-lodge .container .row .right .general-text a {
  color: #1c1c1c;
}
.main-lodge .container .row .right .general-text a:hover {
  color: #8b8c4a;
}
.main-lodge .container .row .right .general-text p {
  margin-bottom: 0;
}

.map-lodge {
  margin: 65px 0 120px 0;
  position: relative;
  z-index: 3;
}
.map-lodge .container {
  padding: 0 50px;
}
.map-lodge .container .row {
  margin-left: 70px;
  background-color: #e7e7d5;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.map-lodge .container .row .main-title {
  position: absolute;
  left: -70px;
  top: 50px;
}
.map-lodge .container .row .collapse-btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
  display: none;
  z-index: 3;
  font-family: "Red Hat Display", sans-serif;
  font-size: 24px;
  color: #8b8c4a;
  background-color: #ffffff;
  height: 43px;
  width: 43px;
  line-height: 43px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  border-radius: 50%;
  transform: rotate(90deg);
  letter-spacing: -3px;
}
.map-lodge .container .row .left {
  width: 21%;
}
.map-lodge .container .row .left .map-img {
  height: 575px;
}
.map-lodge .container .row .right {
  width: 74%;
  padding: 175px 80px 0 30px;
}
.map-lodge .container .row .right .general-text {
  transition: 0.5s all;
}

.full-colored {
  padding: 90px 0;
  background-color: #004750;
}
.full-colored .container {
  padding: 0 50px;
  position: relative;
}
.full-colored .container .left-shape {
  position: absolute;
  top: -200px;
  left: -68%;
  height: 430px;
  transform: rotate(140deg);
  z-index: 1;
}
.full-colored .container .right-shape {
  position: absolute;
  bottom: -95%;
  right: -80%;
  height: 430px;
  transform: rotate(30deg);
  z-index: 1;
}
.full-colored .container .row {
  display: flex;
}
.full-colored .container .row .main-title {
  margin-bottom: 60px;
  padding-left: 160px;
}
.full-colored .container .row .general-text {
  padding-left: 260px;
  color: #ffffff;
  padding-right: 100px;
}
.full-colored .container .row .general-text a {
  color: #ffffff;
}
.full-colored .container .row .general-text a:hover {
  color: #8b8c4a;
}

.all-lodges {
  padding: 70px 0;
}
.all-lodges .container {
  padding: 0 50px;
}
.all-lodges .container .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.all-lodges .container .row .left {
  flex-basis: 35%;
}
.all-lodges .container .row .left .main-title {
  margin-bottom: 20px;
}
.all-lodges .container .row .right {
  flex-basis: 65%;
  align-items: flex-end;
  display: flex;
}
.all-lodges .container .row .right .general-text {
  max-width: 700px;
  padding-top: 85px;
}
.all-lodges .container .row {
  display: flex;
  justify-content: space-between;
}
.all-lodges .container .row .card-lodge {
  flex-basis: 48%;
  margin: 60px 0;
}
.all-lodges .container .row .card-lodge .cars-lodge {
  max-width: 455px;
  max-height: 345px;
}
.all-lodges .container .row .card-lodge .cars-lodge .car-lodge-img {
  height: 244px;
  width: 100%;
  object-fit: cover;
}
.all-lodges .container .row .card-lodge .cars-lodge .slick-dots {
  bottom: 10px;
}
.all-lodges .container .row .card-lodge .cars-lodge .slick-dots li {
  width: auto;
  height: auto;
  margin: 0 2.5px;
}
.all-lodges .container .row .card-lodge .cars-lodge .slick-dots li button {
  padding: 0;
}
.all-lodges .container .row .card-lodge .cars-lodge .slick-dots li button::before {
  color: #ffffff;
  opacity: 1;
  font-size: 15px;
  content: "";
  width: 11px;
  height: 11px;
  background-color: #ffffff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid white;
}
.all-lodges .container .row .card-lodge .cars-lodge .slick-dots li.slick-active button::before {
  color: transparent;
  border: 2px solid white;
  width: 16px;
  height: 16px;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.all-lodges .container .row .card-lodge .content-lodge {
  padding: 150px 35px 50px 35px;
  border: 4px solid #e7e7d5;
  margin-top: -145px;
  margin-left: 70px;
  max-width: 450px;
}
.all-lodges .container .row .card-lodge .content-lodge h4 {
  height: 35px;
  color: #8b8c4a;
  font-size: 36px;
  font-family: "DM Serif Display", serif;
  margin-bottom: 40px;
  margin-left: -110px;
}
.all-lodges .container .row .card-lodge .content-lodge .text-right {
  text-align: right;
}
.all-lodges .container .row .card-lodge .content-lodge .text-right .green-txt-btn {
  margin-top: 40px;
}
.all-lodges .container .row .card-next-lodge {
  flex-basis: 48%;
  margin: 60px 0;
}
.all-lodges .container .row .card-next-lodge .content-next-lodge {
  padding: 50px 35px 70px 35px;
  margin-left: 60px;
  max-width: 450px;
  background-color: #e7e7d5;
}
.all-lodges .container .row .card-next-lodge .content-next-lodge h4 {
  color: #8b8c4a;
  font-size: 32px;
  font-family: "DM Serif Display", serif;
  margin-bottom: 50px;
  margin-left: -95px;
}
.all-lodges .container .row .card-next-lodge .content-next-lodge .text-right {
  text-align: right;
}
.all-lodges .container .row .card-next-lodge .content-next-lodge .text-right .green-txt-btn {
  margin-top: 10px;
}

.banner-sm.lodge .container {
  background-image: url(/assets/img/favored-lodges/banner-safari.png);
}

@media (max-width: 1600px) {
  .full-colored .container .left-shape {
    left: -70%;
    height: 506px;
  }
  .full-colored .container .right-shape {
    right: -75%;
    height: 430px;
    transform: rotate(10deg);
  }
}
@media (max-width: 1199.98px) {
  .main-lodge .container .row .left {
    flex-basis: 49%;
  }
  .main-lodge .container .row .left .wr-pos .main-lodge-img {
    height: 500px;
  }
  .main-lodge .container .row .right {
    flex-basis: 46%;
  }
  .map-lodge .container .row .right {
    padding: 160px 60px 0 15px;
  }
  .full-colored .container .left-shape {
    left: -68%;
    height: 360px;
  }
  .full-colored .container .right-shape {
    right: -75%;
    height: 300px;
    transform: rotate(-25deg);
  }
}
@media (max-width: 1024.98px) {
  .menu-banner.small .container {
    padding: 50px 50px;
  }
  .main-lodge {
    margin-bottom: 40px;
  }
  .main-lodge .container .row .left {
    flex-basis: 53%;
  }
  .main-lodge .container .row .left .wr-pos .main-lodge-img {
    height: 415px;
  }
  .main-lodge .container .row .right {
    flex-basis: 41%;
  }
  .main-lodge .container .row .right .main-title {
    margin-bottom: 60px;
    font-size: 40px;
    margin-top: 85px;
  }
  .map-lodge {
    margin: 35px 0 90px 0;
  }
  .map-lodge .container .row {
    margin-left: 55px;
  }
  .map-lodge .container .row .main-title {
    left: -55px;
  }
  .map-lodge .container .row .left {
    width: 29%;
  }
  .map-lodge .container .row .left .map-img {
    padding-top: 0;
    height: 670px;
  }
  .map-lodge .container .row .right {
    width: 71%;
    padding: 150px 50px 0 30px;
  }
  .full-colored {
    padding: 75px 0 85px 0;
  }
  .full-colored .container .right-shape {
    display: none;
  }
  .full-colored .container .row .main-title {
    margin-bottom: 70px;
    padding-left: 235px;
    font-size: 40px;
  }
  .full-colored .container .row .general-text {
    padding-left: 290px;
    padding-right: 0;
  }
  .all-lodges .container .row .left .main-title {
    font-size: 40px;
  }
  .all-lodges .container .row .right .general-text {
    padding-top: 65px;
  }
  .all-lodges .container .row .card-lodge {
    flex-basis: 45%;
    margin: 50px 0;
  }
  .all-lodges .container .row .card-lodge .cars-lodge {
    max-width: 370px;
    max-height: 280px;
  }
  .all-lodges .container .row .card-lodge .cars-lodge .car-lodge-img {
    height: 200px;
  }
  .all-lodges .container .row .card-lodge .content-lodge {
    padding: 145px 40px 55px 40px;
    margin-top: -145px;
    margin-left: 55px;
    max-width: 365px;
  }
  .all-lodges .container .row .card-lodge .content-lodge h4 {
    height: 20px;
    font-size: 32px;
    margin-bottom: 50px;
    margin-left: -95px;
  }
  .all-lodges .container .row .card-next-lodge {
    flex-basis: 45%;
    margin: 50px 0;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge {
    padding: 50px 50px 60px 50px;
    margin-left: 60px;
    max-width: 365px;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge h4 {
    font-size: 32px;
    font-family: "DM Serif Display", serif;
    margin-bottom: 50px;
    margin-left: -105px;
  }
}
@media (max-width: 991.98px) {
  .map-lodge .container .row .main-title {
    left: -55px;
  }
  .map-lodge .container .row .left {
    width: 32%;
  }
  .map-lodge .container .row .left .map-img {
    padding-top: 140px;
    height: 670px;
  }
  .map-lodge .container .row .right {
    width: 58%;
    padding: 130px 40px 0 15px;
  }
  .map-lodge .container .row .right .general-text {
    padding-bottom: 25px;
  }
  .full-colored {
    padding: 75px 0 85px 0;
  }
  .full-colored .container .left-shape {
    left: -75%;
    height: 350px;
  }
  .full-colored .container .right-shape {
    display: none;
  }
  .full-colored .container .row .main-title {
    margin-bottom: 70px;
    padding-left: 235px;
    font-size: 40px;
  }
  .full-colored .container .row .general-text {
    padding-left: 290px;
    padding-right: 0;
  }
  .all-lodges .container .row .left {
    flex-basis: 38%;
  }
  .all-lodges .container .row .right {
    flex-basis: 62%;
  }
  .all-lodges .container .row .right .general-text {
    padding-top: 65px;
    padding-left: 30px;
  }
  .all-lodges .container .row .card-lodge {
    flex-basis: 45%;
    margin: 40px 0;
  }
  .all-lodges .container .row .card-lodge .cars-lodge {
    max-width: 350px;
    max-height: 260px;
  }
  .all-lodges .container .row .card-lodge .cars-lodge .car-lodge-img {
    height: 190px;
  }
  .all-lodges .container .row .card-lodge .content-lodge {
    padding: 145px 30px 55px 30px;
    margin-top: -145px;
    margin-left: 40px;
    max-width: 365px;
  }
  .all-lodges .container .row .card-lodge .content-lodge h4 {
    font-size: 32px;
    margin-bottom: 50px;
    margin-left: -70px;
  }
  .all-lodges .container .row .card-next-lodge {
    flex-basis: 45%;
    margin: 50px 0;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge {
    padding: 50px 30px 60px 30px;
    margin-left: 40px;
    max-width: 365px;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge h4 {
    font-size: 32px;
    font-family: "DM Serif Display", serif;
    margin-bottom: 40px;
    margin-left: -80px;
  }
}
@media (max-width: 849.98px) {
  .all-lodges .container .row .card-lodge {
    flex-basis: 45%;
    margin: 40px 0;
  }
  .all-lodges .container .row .card-lodge .cars-lodge {
    max-width: 300px;
    max-height: 230px;
  }
  .all-lodges .container .row .card-lodge .cars-lodge .car-lodge-img {
    height: 175px;
  }
  .all-lodges .container .row .card-lodge .content-lodge {
    margin-left: 30px;
    max-width: 335px;
  }
  .all-lodges .container .row .card-lodge .content-lodge h4 {
    margin-left: -60px;
  }
  .all-lodges .container .row .card-next-lodge {
    flex-basis: 45%;
    margin: 40px 0;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge {
    margin-left: 30px;
    max-width: 325px;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge h4 {
    margin-left: -70px;
  }
}
@media (max-width: 768.98px) {
  .menu-banner.small .container {
    padding: 40px 70px;
  }
  .main-lodge {
    margin-bottom: 80px;
  }
  .main-lodge .container {
    padding: 0 30px;
  }
  .main-lodge .container .row .left {
    flex-basis: 53%;
  }
  .main-lodge .container .row .left .wr-pos .main-lodge-img {
    height: 318px;
  }
  .main-lodge .container .row .right {
    flex-basis: 39%;
    align-items: flex-end;
    margin-bottom: 200px;
  }
  .main-lodge .container .row .right .main-title {
    margin-bottom: 25px;
    margin-top: 135px;
  }
  .main-lodge .container .row .right .general-text {
    position: absolute;
    max-width: 495px;
    right: 0;
    padding-right: 30px;
    min-height: 550px;
  }
  .map-lodge .container {
    padding: 0 30px;
  }
  .map-lodge .container .row {
    margin-left: 40px;
  }
  .map-lodge .container .row .main-title {
    left: -35px;
    font-size: 40px;
  }
  .map-lodge .container .row .left {
    width: 38%;
    padding-top: 150px;
  }
  .map-lodge .container .row .left .map-img {
    padding-top: 0;
    height: 615px;
  }
  .map-lodge .container .row .right {
    width: 60%;
    padding: 150px 40px 50px 15px;
  }
  .full-colored {
    padding: 75px 0 80px 0;
  }
  .full-colored .container {
    padding: 0 30px;
  }
  .full-colored .container .left-shape {
    left: -95%;
    height: 300px;
    transform: rotate(140deg);
  }
  .full-colored .container .row .main-title {
    margin-bottom: 50px;
    padding-left: 120px;
    font-size: 40px;
  }
  .full-colored .container .row .general-text {
    padding-left: 180px;
  }
  .all-lodges {
    padding: 40px 0;
  }
  .all-lodges .container {
    padding: 0 30px;
  }
  .all-lodges .container .row .left {
    flex-basis: 43%;
  }
  .all-lodges .container .row .left .main-title {
    font-size: 40px;
  }
  .all-lodges .container .row .right {
    flex-basis: 56%;
  }
  .all-lodges .container .row .card-lodge {
    flex-basis: 46%;
  }
  .all-lodges .container .row .card-lodge .cars-lodge {
    max-width: 285px;
    max-height: 210px;
  }
  .all-lodges .container .row .card-lodge .cars-lodge .car-lodge-img {
    height: 160px;
  }
  .all-lodges .container .row .card-lodge .content-lodge {
    padding: 115px 30px 40px 30px;
    margin-top: -115px;
    margin-left: 40px;
    max-width: 285px;
  }
  .all-lodges .container .row .card-lodge .content-lodge h4 {
    height: 20px;
    font-size: 30px;
    margin-bottom: 40px;
    margin-left: -70px;
  }
  .all-lodges .container .row .card-next-lodge {
    flex-basis: 46%;
    margin: 40px 0;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge {
    padding: 50px 20px 60px 20px;
    margin-left: 40px;
    min-width: 300px;
    max-width: 300px;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge h4 {
    font-size: 30px;
    margin-bottom: 40px;
    margin-left: -55px;
  }
}
@media (max-width: 675.98px) {
  .main-lodge {
    margin-bottom: 100px;
  }
  .main-lodge .container {
    padding: 0 30px;
  }
  .main-lodge .container .row .left {
    flex-basis: 100%;
  }
  .main-lodge .container .row .left .wr-pos {
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .main-lodge .container .row .left .wr-pos .main-lodge-img {
    height: 300px;
  }
  .main-lodge .container .row .right {
    flex-basis: 100%;
    margin-bottom: 0;
  }
  .main-lodge .container .row .right .main-title {
    margin-bottom: 40px;
    margin-top: 40px;
    max-width: 295px;
    font-size: 30px;
  }
  .main-lodge .container .row .right .general-text {
    position: relative;
    max-width: none;
    padding-right: 0;
    min-height: auto;
  }
  .map-lodge .container {
    padding: 0 30px;
  }
  .map-lodge .container .row {
    margin-left: 0;
  }
  .map-lodge .container .row .main-title {
    left: 10px;
    font-size: 30px;
  }
  .map-lodge .container .row .left {
    width: 100%;
    padding-top: 0;
    overflow: hidden;
  }
  .map-lodge .container .row .left .map-img {
    padding-top: 140px;
    height: 285px;
    margin-top: -189px;
  }
  .map-lodge .container .row .right {
    width: 100%;
    padding: 30px 35px 25px 35px;
  }
  .full-colored .container .left-shape {
    left: -103%;
  }
  .all-lodges .container {
    padding: 0 30px;
  }
  .all-lodges .container .row .left {
    flex-basis: 100%;
  }
  .all-lodges .container .row .left .main-title {
    font-size: 40px;
  }
  .all-lodges .container .row .right {
    flex-basis: 100%;
  }
  .all-lodges .container .row .right .general-text {
    padding-top: 25px;
  }
  .all-lodges .container .row {
    justify-content: center;
  }
  .all-lodges .container .row .card-lodge {
    flex-basis: 80%;
    max-width: unset;
    margin: 35px 0;
  }
  .all-lodges .container .row .card-lodge .cars-lodge {
    max-width: 285px;
    margin: 0 auto;
    display: block;
  }
  .all-lodges .container .row .card-lodge .content-lodge {
    margin: 0 auto;
    display: block;
    padding: 45px 15px;
    border-top: 0;
    margin-top: -3px;
  }
  .all-lodges .container .row .card-lodge .content-lodge h4 {
    margin-left: 0;
  }
  .all-lodges .container .row .card-next-lodge {
    flex-basis: 80%;
    margin: 35px 0;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge {
    margin: 0 auto;
  }
  .all-lodges .container .row .card-next-lodge .content-next-lodge h4 {
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .menu-banner.small .container {
    padding: 25px 15px 35px 15px;
  }
  .main-lodge {
    margin-bottom: 50px;
  }
  .main-lodge .container {
    padding: 0 15px;
  }
  .map-lodge {
    margin: 35px 0 80px 0;
  }
  .map-lodge .container {
    padding: 0 15px;
  }
  .map-lodge .container .row .collapse-btn {
    display: block;
  }
  .map-lodge .container .row .right .general-text {
    height: 100px !important;
    overflow: hidden;
    transition: all 1s;
    mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  }
  .map-lodge .container .row .right .general-text.full-inf {
    height: unset !important;
  }
  .full-colored {
    padding: 120px 0 40px 0;
  }
  .full-colored .container {
    padding: 0 15px;
  }
  .full-colored .container .left-shape {
    left: -129%;
    height: 258px;
    top: -240px;
  }
  .full-colored .container .row .main-title {
    margin-bottom: 40px;
    padding-left: 0;
    font-size: 30px;
  }
  .full-colored .container .row .general-text {
    padding-left: 0;
  }
  .all-lodges {
    padding: 75px 0;
  }
  .all-lodges .container {
    padding: 0 15px;
  }
  .all-lodges .container .row .left {
    flex-basis: 100%;
  }
  .all-lodges .container .row .left .main-title {
    font-size: 30px;
  }
  .all-lodges .container .row .right {
    flex-basis: 100%;
  }
  .all-lodges .container .row {
    justify-content: center;
  }
  .all-lodges .container .row .card-lodge {
    flex-basis: 80%;
    margin: 35px 0;
  }
  .all-lodges .container .row .card-lodge .cars-lodge {
    max-width: 300px;
    margin: 0 auto;
    max-height: 226px;
    display: block;
  }
  .all-lodges .container .row .card-lodge .cars-lodge .car-lodge-img {
    max-height: 160px;
  }
  .all-lodges .container .row .card-lodge .content-lodge {
    margin: 0 auto;
    display: block;
    padding: 30px 15px;
    max-width: 300px;
  }
  .all-lodges .container .row .card-lodge .content-lodge h4 {
    margin-left: 0;
    font-size: 24px;
    margin-bottom: 25px;
  }
  .all-lodges .container .row .card-next-lodge {
    flex-basis: 80%;
    margin: 35px 0;
    padding: 45px 15px 50px;
  }
  .all-lodges .container .row .card-next-lodge h4 {
    margin-left: 0;
  }
}
@media (max-width: 455.98px) {
  .main-lodge .container .row .left .wr-pos .main-lodge-img {
    height: 245px;
  }
  .map-lodge .container {
    padding: 0 15px;
  }
  .map-lodge .container .row .main-title {
    left: 10px;
  }
}
@media (max-width: 320.98px) {
  .full-colored .container .left-shape {
    height: 230px;
    left: -240%;
  }
}
.what-is .container {
  padding: 0 50px;
}
.what-is .container .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.what-is .container .row .left {
  flex-basis: 67%;
}
.what-is .container .row .left .safari-img {
  height: 538px;
  width: 100%;
  object-fit: cover;
}
.what-is .container .row .right {
  flex-basis: 30%;
  align-items: center;
  display: flex;
}
.what-is .container .row .right .main-title {
  margin-bottom: 35px;
}
.what-is .container .row .right .phonetic {
  padding-left: 50px;
  font-family: "Red Hat Text", sans-serif;
  font-size: 16px;
  color: #1c1c1c;
  display: block;
  padding-bottom: 40px;
}
.what-is .container .row .right .expl {
  padding-bottom: 20px;
  padding-left: 50px;
  font-family: "Red Hat Text", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.what-is .container .row .right .expl span {
  display: block;
  font-weight: 700;
}
.what-is .container .row .just-right {
  display: block;
  width: 100%;
  margin-top: -118px;
}
.what-is .container .row .just-right .text-box {
  background-color: #e7e7d5;
  padding: 70px 65px 50px;
  max-width: 645px;
  display: block;
  margin-left: auto;
  margin-right: 0;
}
.what-is .container .row .just-right .text-box.light-box {
  background-color: #e7e7d5;
}
.what-is .container .row .just-right .text-box.white-box {
  background-color: #ffffff;
}

.target1 {
  margin: 50px 0 300px 0;
}
.target1 .container {
  padding: 0 50px;
}
.target1 .container .row {
  display: flex;
  position: relative;
}
.target1 .container .row .wrap-info {
  border: 4px solid #e7e7d5;
  padding: 45px 190px 50px 85px;
  margin-left: 70px;
  max-width: 715px;
}
.target1 .container .row .wrap-info .main-title {
  margin-left: -155px;
  margin-bottom: 60px;
}
.target1 .container .row .target1-img {
  height: 640px;
  position: absolute;
  right: 0;
  bottom: -14%;
}

.target2 {
  margin: 300px 0 190px 0;
}
.target2 .container {
  padding: 0 50px;
}
.target2 .container .row {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  position: relative;
}
.target2 .container .row .left-wrap-img {
  position: absolute;
  left: 0;
  top: -15%;
}
.target2 .container .row .left-wrap-img .wr-pos {
  position: relative;
}
.target2 .container .row .left-wrap-img .wr-pos .target2-img {
  height: 641px;
}
.target2 .container .row .left-wrap-img .wr-pos span {
  color: #ffffff;
  font-size: 12px;
  font-family: "Red Hat Text", sans-serif;
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.target2 .container .row .wrap-info {
  border: 4px solid #e7e7d5;
  padding: 115px 85px 50px 175px;
  max-width: 695px;
  margin-right: 70px;
}
.target2 .container .row .wrap-info .main-title {
  position: absolute;
  right: 0;
  top: -60px;
  text-align: right;
}
.target2 .container .row .wrap-info .general-text a {
  color: #1c1c1c;
}
.target2 .container .row .wrap-info .general-text a:hover {
  color: #8b8c4a;
}

.target3 {
  margin: 190px 0 120px 0;
}
.target3 .container {
  padding: 0 50px;
}
.target3 .container .row {
  display: flex;
  position: relative;
}
.target3 .container .row .wrap-info {
  border: 4px solid #e7e7d5;
  padding: 55px 80px 50px 85px;
  margin-left: 70px;
  max-width: 890px;
}
.target3 .container .row .wrap-info .target3-img {
  height: 640px;
  position: absolute;
  right: 0;
  top: -100px;
}
.target3 .container .row .wrap-info .main-title {
  margin-left: -155px;
  margin-bottom: 60px;
}
.target3 .container .row .wrap-info .general-text p:first-of-type {
  padding-right: 305px;
}

@media (max-width: 1199.98px) {
  .target1 {
    margin: 35px 0 300px 0;
  }
  .target1 .container .row .wrap-info {
    padding: 45px 210px 80px 75px;
    margin-left: 55px;
    max-width: 680px;
  }
  .target1 .container .row .wrap-info .main-title {
    margin-left: -130px;
    margin-bottom: 50px;
  }
  .target1 .container .row .target1-img {
    height: 540px;
    bottom: -14%;
  }
  .target2 {
    margin: 300px 0 180px 0;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    height: 563px;
  }
  .target2 .container .row .wrap-info {
    padding: 90px 70px 40px 235px;
    max-width: 670px;
    margin-right: 55px;
  }
  .target3 .container .row .wrap-info {
    padding: 55px 80px 50px 85px;
    max-width: 890px;
  }
  .target3 .container .row .wrap-info .target3-img {
    height: 540px;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 345px;
  }
}
@media (max-width: 1024.98px) {
  .what-is .container .row .left {
    flex-basis: 63.5%;
  }
  .what-is .container .row .left .safari-img {
    height: 367px;
  }
  .what-is .container .row .right {
    flex-basis: 31.5%;
  }
  .what-is .container .row .right .main-title {
    margin-bottom: 30px;
    font-size: 40px;
  }
  .what-is .container .row .right .expl {
    padding-bottom: 80px;
  }
  .what-is .container .row .just-right {
    margin-top: -55px;
  }
  .what-is .container .row .just-right .text-box {
    padding: 60px 50px 30px 55px;
    max-width: 638px;
  }
  .target1 .container .row .wrap-info {
    padding: 45px 230px 80px 75px;
    margin-left: 50px;
    max-width: 660px;
  }
  .target1 .container .row .wrap-info .main-title {
    margin-left: -125px;
    margin-bottom: 45px;
  }
  .target1 .container .row .target1-img {
    height: 533px;
    bottom: -10%;
  }
  .target2 {
    margin: 300px 0 190px 0;
  }
  .target2 .container .row .left-wrap-img {
    top: -11%;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    height: 533px;
  }
  .target2 .container .row .wrap-info {
    padding: 90px 70px 40px 230px;
    max-width: 655px;
    margin-right: 55px;
  }
  .target2 .container .row .wrap-info .main-title {
    font-size: 40px;
    top: -48px;
  }
  .target3 {
    margin: 180px 0 110px 0;
  }
  .target3 .container .row .wrap-info {
    padding: 55px 70px 70px 70px;
    max-width: 660px;
    margin-left: 55px;
  }
  .target3 .container .row .wrap-info .target3-img {
    height: 534px;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 150px;
  }
  .target3 .container .row .wrap-info .main-title {
    font-size: 40px;
    margin-left: -125px;
    margin-bottom: 50px;
  }
}
@media (max-width: 991.98px) {
  .target1 .container .row .wrap-info {
    padding: 45px 180px 30px 55px;
    margin-left: 40px;
    max-width: 570px;
  }
  .target1 .container .row .wrap-info .main-title {
    margin-left: -95px;
  }
  .target1 .container .row .target1-img {
    height: 420px;
    bottom: 8%;
  }
  .target2 .container .row .left-wrap-img {
    top: 80px;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    height: 400px;
  }
  .target2 .container .row .wrap-info {
    padding: 90px 50px 40px 270px;
    max-width: 655px;
    margin-right: 45px;
  }
  .target3 .container .row .wrap-info {
    padding: 45px 70px 100px 55px;
    max-width: 560px;
    margin-left: 40px;
  }
  .target3 .container .row .wrap-info .target3-img {
    height: 439px;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 110px;
  }
  .target3 .container .row .wrap-info .main-title {
    margin-left: -95px;
    margin-bottom: 45px;
  }
}
@media (max-width: 849.98px) {
  .target1 {
    margin: 35px 0 130px 0;
  }
  .target1 .container .row .wrap-info {
    padding: 45px 190px 30px 55px;
    margin-left: 40px;
    max-width: 540px;
  }
  .target1 .container .row .target1-img {
    height: 350px;
    bottom: 8%;
  }
  .target2 {
    margin: 130px 0 110px 0;
  }
  .target2 .container .row .left-wrap-img {
    top: 80px;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    height: 360px;
  }
  .target2 .container .row .wrap-info {
    padding: 70px 30px 40px 300px;
    max-width: 685px;
  }
  .target3 {
    margin: 110px 0 100px 0;
  }
  .target3 .container .row .wrap-info {
    padding: 45px 50px 30px 55px;
    max-width: 560px;
    margin-left: 40px;
  }
  .target3 .container .row .wrap-info .target3-img {
    height: 380px;
    top: 100px;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 170px;
  }
}
@media (max-width: 768.98px) {
  .what-is .container {
    padding: 0 30px;
  }
  .what-is .container .row .left {
    flex-basis: 51.5%;
  }
  .what-is .container .row .left .safari-img {
    height: 336px;
  }
  .what-is .container .row .right {
    flex-basis: 39.5%;
  }
  .what-is .container .row .right .phonetic {
    padding-bottom: 35px;
  }
  .what-is .container .row .just-right .text-box {
    padding: 50px 40px 25px 40px;
    max-width: 590px;
  }
  .target1 {
    margin: 35px 0 130px 0;
  }
  .target1 .container {
    padding: 0 30px;
  }
  .target1 .container .row .wrap-info {
    padding: 45px 185px 30px 55px;
    margin-left: 40px;
    max-width: 560px;
  }
  .target1 .container .row .wrap-info .main-title {
    margin-left: -99px;
    margin-bottom: 35px;
    font-size: 40px;
  }
  .target1 .container .row .target1-img {
    height: 363px;
    bottom: 8%;
    right: -30px;
  }
  .target2 {
    margin: 130px 0 110px 0;
  }
  .target2 .container {
    padding: 0 30px;
  }
  .target2 .container .row .left-wrap-img {
    top: 100px;
    left: -30px;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    height: 369px;
  }
  .target2 .container .row .wrap-info {
    padding: 90px 30px 30px 200px;
    max-width: 560px;
    margin-right: 45px;
  }
  .target2 .container .row .wrap-info .main-title {
    font-size: 40px;
    top: -48px;
  }
  .target3 .container {
    padding: 0 30px;
  }
  .target3 .container .row .wrap-info {
    padding: 45px 50px 40px 55px;
    max-width: 560px;
    margin-left: 40px;
  }
  .target3 .container .row .wrap-info .target3-img {
    height: 369px;
    margin-right: -30px;
    top: 110px;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 110px;
  }
  .target3 .container .row .wrap-info .main-title {
    margin-left: -99px;
    margin-bottom: 50px;
  }
}
@media (max-width: 715.98px) {
  .target1 {
    margin: 35px 0 70px 0;
  }
  .target1 .container .row .wrap-info {
    padding: 35px 195px 30px 35px;
    margin-left: 30px;
    max-width: 530px;
  }
  .target1 .container .row .wrap-info .main-title {
    margin-left: -65px;
  }
  .target1 .container .row .target1-img {
    height: 333px;
    bottom: 8%;
    right: -30px;
  }
  .target2 {
    margin: 70px 0 80px 0;
  }
  .target2 .container .row .left-wrap-img {
    top: 100px;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    height: 329px;
  }
  .target2 .container .row .wrap-info {
    padding: 90px 30px 30px 200px;
    max-width: 525px;
    margin-right: 35px;
  }
  .target3 {
    margin: 80px 0 80px 0;
  }
  .target3 .container .row .wrap-info {
    padding: 35px 60px 30px 35px;
    max-width: 530px;
    margin-left: 30px;
  }
  .target3 .container .row .wrap-info .target3-img {
    height: 329px;
    top: 100px;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 110px;
  }
  .target3 .container .row .wrap-info .main-title {
    margin-left: -65px;
  }
}
@media (max-width: 675.98px) {
  .just-right .text-box {
    padding: 50px 40px 25px 40px;
    max-width: none;
    width: 90%;
  }
  .target1 .container .row .wrap-info {
    padding: 35px 35px 25px 35px;
    margin-left: 20px;
    max-width: none;
  }
  .target1 .container .row .wrap-info .main-title {
    margin-left: -60px;
  }
  .target1 .container .row .target1-img {
    height: auto;
    width: auto;
    max-height: 330px;
    bottom: auto;
    right: auto;
    position: relative;
    display: block;
    margin: 0 auto 45px auto;
  }
  .target2 .container .row .left-wrap-img {
    top: auto;
    left: auto;
    position: relative;
    display: block;
    margin: 0 auto 45px auto;
    text-align: center;
  }
  .target2 .container .row .left-wrap-img .wr-pos {
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    height: auto;
    width: auto;
    max-height: 330px;
    bottom: auto;
    right: auto;
  }
  .target2 .container .row .wrap-info {
    padding: 35px 35px 25px 35px;
    max-width: none;
    margin-right: 0;
    margin-left: 20px;
  }
  .target2 .container .row .wrap-info .main-title {
    margin: 0 0 35px -60px;
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
  }
  .target3 .container .row .wrap-info {
    padding: 35px 35px 25px 35px;
    max-width: none;
    margin-left: 20px;
  }
  .target3 .container .row .wrap-info .target3-img {
    top: auto;
    right: auto;
    position: relative;
    height: auto;
    width: auto;
    max-height: 330px;
    margin: 0 auto 45px auto;
    display: block;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 35px;
  }
  .target3 .container .row .wrap-info .main-title {
    margin-left: -60px;
    margin-bottom: 35px;
  }
}
@media (max-width: 575.98px) {
  .what-is .container {
    padding: 0 15px;
  }
  .what-is .container .row .left {
    flex-basis: 45.5%;
  }
  .what-is .container .row .left .safari-img {
    height: 336px;
    margin-left: -15px;
  }
  .what-is .container .row .right {
    flex-basis: 42.5%;
  }
  .what-is .container .row .right .main-title {
    margin-bottom: 25px;
    font-size: 30px;
  }
  .what-is .container .row .right .phonetic {
    padding-left: 25px;
  }
  .what-is .container .row .right .expl {
    padding-left: 25px;
  }
  .what-is .container .row .just-right .text-box {
    padding: 30px 15px 30px 15px;
    max-width: none;
    width: 100%;
  }
  .target1 .container {
    padding: 0 15px;
  }
  .target1 .container .row .wrap-info {
    padding: 35px 20px 25px 20px;
    margin-left: 10px;
  }
  .target1 .container .row .wrap-info .main-title {
    margin-left: -40px;
    font-size: 30px;
  }
  .target1 .container .row .target1-img {
    max-height: 285px;
  }
  .target2 .container {
    padding: 0 15px;
  }
  .target2 .container .row .left-wrap-img .wr-pos .target2-img {
    max-height: 285px;
  }
  .target2 .container .row .wrap-info {
    padding: 35px 20px 25px 20px;
    margin-left: 10px;
  }
  .target2 .container .row .wrap-info .main-title {
    margin-left: -40px;
    font-size: 30px;
  }
  .target3 .container {
    padding: 0 15px;
  }
  .target3 .container .row .wrap-info {
    padding: 35px 20px 25px 20px;
    margin-left: 10px;
  }
  .target3 .container .row .wrap-info .target3-img {
    max-height: 285px;
  }
  .target3 .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 20px;
  }
  .target3 .container .row .wrap-info .main-title {
    margin-left: -40px;
    font-size: 30px;
  }
}
@media (max-width: 455.98px) {
  .what-is .container {
    padding: 0 15px;
  }
  .what-is .container .row .left {
    flex-basis: 45.5%;
  }
  .what-is .container .row .left .safari-img {
    height: 336px;
  }
  .what-is .container .row .right {
    flex-basis: 54.5%;
  }
  .what-is .container .row .right .phonetic {
    padding-left: 10px;
  }
  .what-is .container .row .right .expl {
    padding-left: 10px;
  }
}
.congrat {
  margin-bottom: 42.5px;
}
.congrat .container {
  padding: 0 50px;
}
.congrat .container .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.congrat .container .row .left {
  flex-basis: 34%;
  margin-right: 80px;
}
.congrat .container .row .left .main-title {
  margin-bottom: 50px;
  margin-top: 100px;
}
.congrat .container .row .left .general-text {
  padding-left: 65px;
}
.congrat .container .row .right {
  flex-basis: 55%;
}
.congrat .container .row .right .congrat-img {
  height: 430px;
  width: 100%;
  object-fit: cover;
}

.steps .container {
  padding: 0 50px;
}
.steps .container .row {
  display: flex;
}
.steps .container .row .wrap-step {
  max-width: 849px;
  margin: 0 auto 0 0;
  padding-left: 275px;
}
.steps .container .row .wrap-step .step1 {
  position: relative;
}
.steps .container .row .wrap-step .step1::before {
  content: "";
  background: url(/assets/img/lets-talk/icon-elephant.png) no-repeat;
  width: 122px;
  height: 106px;
  display: block;
  position: absolute;
  left: -160px;
  top: -22px;
}
.steps .container .row .wrap-step .step1::after {
  content: "";
  background: url(/assets/img/lets-talk/letstalk-lijn01.png);
  width: 189px;
  height: 330px;
  display: block;
  position: absolute;
  left: -266px;
  top: 102px;
  display: none;
}
.steps .container .row .wrap-step .step2 {
  position: relative;
}
.steps .container .row .wrap-step .step2::before {
  content: "";
  background: url(/assets/img/lets-talk/icon-rhino.png);
  width: 131px;
  height: 73px;
  display: block;
  position: absolute;
  left: -248px;
  top: 22px;
}
.steps .container .row .wrap-step .step2::after {
  content: "";
  background: url(/assets/img/lets-talk/letstalk-lijn02.png);
  width: 68px;
  height: 276px;
  display: block;
  position: absolute;
  left: -169px;
  top: 112px;
  display: none;
}
.steps .container .row .wrap-step .step3 {
  position: relative;
}
.steps .container .row .wrap-step .step3::before {
  content: "";
  background: url(/assets/img/lets-talk/icon-giraffe.png);
  width: 109px;
  height: 140px;
  display: block;
  position: absolute;
  left: -145px;
  top: -42px;
}
.steps .container .row .wrap-step .step3::after {
  content: "";
  background: url(/assets/img/lets-talk/letstalk-lijn03.png);
  width: 234px;
  height: 257px;
  display: block;
  position: absolute;
  left: -304px;
  top: 132px;
  display: none;
}
.steps .container .row .wrap-step .step4 {
  position: relative;
}
.steps .container .row .wrap-step .step4::before {
  content: "";
  background: url(/assets/img/lets-talk/icon-lion.png);
  width: 121px;
  height: 123px;
  display: block;
  position: absolute;
  left: -256px;
  top: 30px;
}
.steps .container .row .wrap-step .step4::after {
  content: "";
  background: url(/assets/img/lets-talk/letstalk-lijn04.png);
  width: 50px;
  height: 135px;
  display: block;
  position: absolute;
  left: -127px;
  top: 160px;
  display: none;
}
.steps .container .row .wrap-step .step5 {
  position: relative;
}
.steps .container .row .wrap-step .step5::before {
  content: "";
  background: url(/assets/img/lets-talk/icon-porcupine.png);
  width: 109px;
  height: 74px;
  display: block;
  position: absolute;
  left: -156px;
  top: 30px;
}
.steps .container .row .wrap-step .step5::after {
  content: "";
  background: url(/assets/img/lets-talk/letstalk-lijn05.png);
  width: 108px;
  height: 234px;
  display: block;
  position: absolute;
  left: -230px;
  top: 123px;
  display: none;
}
.steps .container .row .wrap-step .step6 {
  position: relative;
}
.steps .container .row .wrap-step .step6::before {
  content: "";
  background: url(/assets/img/lets-talk/icon-chameleon.png);
  width: 113px;
  height: 92px;
  display: block;
  position: absolute;
  left: -218px;
  top: 20px;
}
.steps .container .row .wrap-step h6 {
  color: #8b8c4a;
  font-family: "DM Serif Display", serif;
  font-size: 22px;
  margin-bottom: 5px;
  position: relative;
}
.steps .container .row .wrap-step .main-title {
  margin-bottom: 50px;
  position: relative;
}
.steps .container .row .wrap-step .general-text {
  padding-left: 100px;
}
.steps .container .row .wrap-step .box-contact {
  border: 4px solid #e7e7d5;
  padding: 35px 25px;
  margin-left: 100px;
  max-width: 375px;
}
.steps .container .row .wrap-step .box-contact .contact-info-open li {
  color: #8b8c4a;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: "Red Hat Text", sans-serif;
  font-weight: 700;
}
.steps .container .row .wrap-step .box-contact .contact-info-open li:last-of-type {
  margin-bottom: 0;
}
.steps .container .row .wrap-step .box-contact .contact-info-open li a {
  text-decoration: none;
  color: #1c1c1c;
  font-size: 18px;
  font-weight: 400;
  margin-left: 20px;
  font-family: "Red Hat Text", sans-serif;
}
.steps .container .row .wrap-step .box-contact .contact-info-open li a i {
  font-size: 18px;
  color: #8b8c4a;
  margin-right: 5px;
  font-weight: 900;
}
.steps .container .row .wrap-step .box-contact .contact-info-open li .whatsapp-link {
  color: #8b8c4a;
  font-size: 14px;
  font-family: "Red Hat Text", sans-serif;
}
.steps .container .row .wrap-step .step {
  margin: 57.5px 0 115px;
}

/*

.members {
    .container {
        padding: 0 50px;
        .row {
            display: flex;
            .wrap-members {
                margin-left: 70px;
                border: 4px solid $cstm-light-green;
                padding: 65px 96px 25px 143px;
                max-width: 780px;
                position: relative;
                .main-title {
                    top: 40px;
                    left: -70px;
                    line-height: 1;
                    position: absolute;
                    span {
                        padding-left: 80px;
                    }
                }
                .general-text {
                    padding-left: 82px;
                }
                .list-members {
                    li {
                        margin: 40px 0 45px 0;
                        align-items: center;
                        display: flex;
                        .member-img {
                            height: 165px;
                            width: auto;
                            display: inline-block;
                        }
                        .info-member {
                            display: inline-block;
                            margin-left: 35px;
                            font-family: $font-DmSerifDisplay;
                            .name {
                                display: block;
                                font-size: 30px;
                                color: $cstm-green;
                                margin-bottom: 5px;
                            }
                            .role {
                                display: block;
                                font-size: 22px;
                                color: $cstm-yellow;
                            }
                        }
                    }
                }
            }
        }
    }
}
*/
@media (max-width: 1199.98px) {
  .congrat .container .row .left {
    flex-basis: 36%;
    margin-right: 50px;
  }
  .congrat .container .row .left .main-title {
    margin-top: 40px;
    font-size: 40px;
  }
  .congrat .container .row .left .general-text {
    padding-left: 50px;
  }
  .congrat .container .row .right .congrat-img {
    height: 425px;
  }
}
@media (max-width: 1024.98px) {
  .congrat .container .row .left {
    flex-basis: 35%;
    margin-right: 50px;
  }
  .congrat .container .row .left .main-title {
    font-size: 40px;
  }
  .congrat .container .row .right {
    flex-basis: 58%;
  }
  .congrat .container .row .right .congrat-img {
    height: 385px;
  }
  .steps .container .row .wrap-step {
    max-width: 782px;
    padding-left: 235px;
  }
  .steps .container .row .wrap-step .step1::before {
    background: url(/assets/img/lets-talk/icon-elephant-md.png);
    width: 109px;
    height: 95px;
    left: -142px;
    top: -6px;
  }
  .steps .container .row .wrap-step .step1::after {
    background: url(/assets/img/lets-talk/letstalk-lijn01-md.png);
    width: 169px;
    height: 292px;
    left: -235px;
    top: 110px;
  }
  .steps .container .row .wrap-step .step2::before {
    background: url(/assets/img/lets-talk/icon-rhino-md.png);
    width: 116px;
    height: 65px;
    left: -221px;
    top: 12px;
  }
  .steps .container .row .wrap-step .step2::after {
    background: url(/assets/img/lets-talk/letstalk-lijn02-md.png);
    width: 60px;
    height: 245px;
    left: -155px;
    top: 90px;
  }
  .steps .container .row .wrap-step .step3::before {
    background: url(/assets/img/lets-talk/icon-giraffe-md.png);
    width: 97px;
    height: 124px;
    left: -130px;
    top: -50px;
  }
  .steps .container .row .wrap-step .step3::after {
    background: url(/assets/img/lets-talk/letstalk-lijn03-md.png);
    width: 208px;
    height: 227px;
    left: -270px;
    top: 95px;
  }
  .steps .container .row .wrap-step .step4::before {
    background: url(/assets/img/lets-talk/icon-lion-md.png);
    width: 107px;
    height: 109px;
    left: -225px;
    top: 0;
  }
  .steps .container .row .wrap-step .step4::after {
    background: url(/assets/img/lets-talk/letstalk-lijn04-md.png);
    width: 45px;
    height: 119px;
    left: -115px;
    top: 135px;
  }
  .steps .container .row .wrap-step .step5::before {
    background: url(/assets/img/lets-talk/icon-porcupine-md.png);
    width: 96px;
    height: 65px;
    left: -142px;
    top: 10px;
  }
  .steps .container .row .wrap-step .step5::after {
    background: url(/assets/img/lets-talk/letstalk-lijn05-md.png);
    width: 96px;
    height: 208px;
    left: -206px;
    top: 90px;
  }
  .steps .container .row .wrap-step .step6::before {
    background: url(/assets/img/lets-talk/icon-chameleon-md.png);
    width: 101px;
    height: 82px;
    left: -195px;
    top: 10px;
  }
  .steps .container .row .wrap-step h6 {
    font-size: 20px;
  }
  .steps .container .row .wrap-step .main-title {
    font-size: 40px;
  }
  .steps .container .row .wrap-step .general-text {
    padding-left: 75px;
  }
  .steps .container .row .wrap-step .box-contact {
    margin-left: 75px;
  }
  .steps .container .row .wrap-step .box-contact .contact-info-open li a {
    font-size: 16px;
  }
  .steps .container .row .wrap-step .step {
    margin: 40px 0 90px;
  }
  /*
  .members {
      .container {
          .row {
              .wrap-members {
                  margin-left: 135px;
                  padding: 62px 81px 20px 125px;
                  max-width: 740px;
                  .main-title {
                      top: 50px;
                      left: -55px;
                      font-size: 40px;
                      span {
                          padding-left: 70px;
                      }
                  }
                  .general-text {
                      padding-left: 46px;
                  }
                  .list-members {
                      li {
                          margin: 20px 0 37px 0;
                          .member-img {
                              height: 135px;
                          }
                          .info-member {
                              margin-left: 54px;
                              .name {
                                  font-size: 26px;
                              }
                              .role {
                                  font-size: 20px;
                              }
                          }
                      }
                  }
              }
          }
      }
  }

   */
}
@media (max-width: 991.98px) {
  .congrat .container .row .left {
    flex-basis: 38%;
    margin-right: 40px;
  }
  .congrat .container .row .right {
    flex-basis: 54%;
  }
  .congrat .container .row .right .congrat-img {
    height: 375px;
  }
  /*
  .members {
      .container {
          .row {
              .wrap-members {
                  padding: 62px 40px 20px 75px;
                  .general-text {
                      padding-left: 96px;
                  }
                  .list-members {
                      li {
                          .info-member {
                              margin-left: 25px;
                          }
                      }
                  }
              }
          }
      }
  }

   */
}
@media (max-width: 768.98px) {
  .congrat {
    margin-bottom: 60px;
  }
  .congrat .container {
    padding: 0 30px;
  }
  .congrat .container .row .left {
    flex-basis: 43.5%;
    margin-right: 0;
  }
  .congrat .container .row .left .main-title {
    font-size: 40px;
    margin-top: 80px;
  }
  .congrat .container .row .left .general-text {
    padding-left: 45px;
  }
  .congrat .container .row .right {
    flex-basis: 55%;
    position: relative;
  }
  .congrat .container .row .right .congrat-img {
    height: 356px;
    width: 100%;
    right: -30px;
    position: absolute;
  }
  .steps .container {
    padding: 0 30px;
  }
  .steps .container .row .wrap-step {
    max-width: none;
    padding-left: 160px;
  }
  .steps .container .row .wrap-step .step1::before {
    background: url(/assets/img/lets-talk/icon-elephant-md.png);
    width: 109px;
    height: 95px;
    left: -135px;
    top: -6px;
  }
  .steps .container .row .wrap-step .step1::after {
    background: url(/assets/img/lets-talk/letstalk-lijn01-sm.png);
    width: 134px;
    height: 292px;
    left: -190px;
    top: 110px;
  }
  .steps .container .row .wrap-step .step2::before {
    background: url(/assets/img/lets-talk/icon-rhino-md.png);
    width: 116px;
    height: 65px;
    left: -175px;
    top: 12px;
  }
  .steps .container .row .wrap-step .step2::after {
    background: url(/assets/img/lets-talk/letstalk-lijn02-sm.png);
    width: 60px;
    height: 245px;
    left: -125px;
    top: 90px;
  }
  .steps .container .row .wrap-step .step3::before {
    background: url(/assets/img/lets-talk/icon-giraffe-md.png);
    width: 97px;
    height: 124px;
    left: -120px;
    top: -50px;
  }
  .steps .container .row .wrap-step .step3::after {
    background: url(/assets/img/lets-talk/letstalk-lijn03-sm.png);
    width: 139px;
    height: 227px;
    left: -195px;
    top: 95px;
  }
  .steps .container .row .wrap-step .step4::before {
    background: url(/assets/img/lets-talk/icon-lion-md.png);
    width: 107px;
    height: 109px;
    left: -178px;
    top: 0;
  }
  .steps .container .row .wrap-step .step4::after {
    background: url(/assets/img/lets-talk/letstalk-lijn04-sm.png);
    width: 45px;
    height: 119px;
    left: -107px;
    top: 135px;
  }
  .steps .container .row .wrap-step .step5::before {
    background: url(/assets/img/lets-talk/icon-porcupine-md.png);
    width: 96px;
    height: 65px;
    left: -132px;
    top: 10px;
  }
  .steps .container .row .wrap-step .step5::after {
    background: url(/assets/img/lets-talk/letstalk-lijn05-sm.png);
    width: 93px;
    height: 208px;
    left: -188px;
    top: 90px;
  }
  .steps .container .row .wrap-step .step6::before {
    background: url(/assets/img/lets-talk/icon-chameleon-md.png);
    width: 101px;
    height: 82px;
    left: -175px;
    top: 10px;
  }
  .steps .container .row .wrap-step .main-title {
    font-size: 40px;
  }
  .steps .container .row .wrap-step .general-text {
    padding-left: 65px;
  }
  .steps .container .row .wrap-step .box-contact {
    margin-left: 60px;
    margin-top: 50px;
    max-width: 365px;
  }
  .steps .container .row .wrap-step .step {
    margin: 0 0 90px;
  }
  /*
  .members {
      .container {
          padding: 0 30px;
          .row {
              .wrap-members {
                  margin-left: 65px;
                  padding: 62px 41px 20px 123px;
                  max-width: 740px;
                  .main-title {
                      top: 45px;
                      left: -65px;
                      font-size: 40px;
                      span {
                          padding-left: 74px;
                      }
                  }
                  .general-text {
                      padding-left: 47px;
                  }
                  .list-members {
                      li {
                          margin: 20px 0 35px 0;
                          .info-member {
                              margin-left: 50px;
                          }
                      }
                  }
              }
          }
      }
  }
  */
}
@media (max-width: 675.98px) {
  .congrat {
    margin-bottom: 100px;
  }
  .congrat .container .row .left {
    flex-basis: 100%;
    order: 2;
  }
  .congrat .container .row .left .main-title {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 40px;
  }
  .congrat .container .row .left .general-text {
    padding-left: 0;
  }
  .congrat .container .row .right {
    flex-basis: 100%;
    order: 1;
  }
  .congrat .container .row .right .congrat-img {
    max-height: 280px;
    height: auto;
    width: auto;
    right: auto;
    position: relative;
    margin: 0 auto 50px auto;
    display: block;
  }
  .steps .container .row .wrap-step {
    max-width: none;
    padding-left: 0;
  }
  .steps .container .row .wrap-step .step1 {
    margin-bottom: 95px;
  }
  .steps .container .row .wrap-step .step1::before {
    background: url(/assets/img/lets-talk/icon-elephant-xs.png);
    width: 72px;
    height: 64px;
    left: -7px;
    top: -65px;
  }
  .steps .container .row .wrap-step .step1::after {
    background: none;
  }
  .steps .container .row .wrap-step .step2 {
    margin-bottom: 125px;
  }
  .steps .container .row .wrap-step .step2::before {
    background: url(/assets/img/lets-talk/icon-rhino-xs.png);
    width: 78px;
    height: 43px;
    left: -7px;
    top: -43px;
  }
  .steps .container .row .wrap-step .step2::after {
    background: none;
  }
  .steps .container .row .wrap-step .step3 {
    margin-bottom: 135px;
  }
  .steps .container .row .wrap-step .step3::before {
    background: url(/assets/img/lets-talk/icon-giraffe-xs.png);
    width: 65px;
    height: 84px;
    left: -7px;
    top: -84px;
  }
  .steps .container .row .wrap-step .step3::after {
    background: none;
  }
  .steps .container .row .wrap-step .step4 {
    margin-bottom: 115px;
  }
  .steps .container .row .wrap-step .step4::before {
    background: url(/assets/img/lets-talk/icon-lion-xs.png);
    width: 71px;
    height: 73px;
    left: -7px;
    top: -73px;
  }
  .steps .container .row .wrap-step .step4::after {
    background: none;
  }
  .steps .container .row .wrap-step .step5 {
    margin-bottom: 110px;
  }
  .steps .container .row .wrap-step .step5::before {
    background: url(/assets/img/lets-talk/icon-porcupine-xs.png);
    width: 65px;
    height: 45px;
    left: -7px;
    top: -45px;
  }
  .steps .container .row .wrap-step .step5::after {
    background: none;
  }
  .steps .container .row .wrap-step .step6 {
    margin-bottom: 90px;
  }
  .steps .container .row .wrap-step .step6::before {
    background: url(/assets/img/lets-talk/icon-chameleon-xs.png);
    width: 67px;
    height: 55px;
    left: -7px;
    top: -55px;
  }
  .steps .container .row .wrap-step .main-title {
    font-size: 30px;
    padding-left: 40px;
    margin-bottom: 40px;
  }
  .steps .container .row .wrap-step h6 {
    padding-left: 40px;
  }
  .steps .container .row .wrap-step .general-text {
    padding-left: 0;
  }
  .steps .container .row .wrap-step .box-contact {
    margin-left: 0;
    margin-top: 10px;
    max-width: 295px;
    padding: 35px 10px;
  }
  /*
  .members {
      .container {
          .row {
              flex-wrap: wrap;
              .wrap-members {
                  margin-left: 0;
                  padding: 45px 25px 5px;
                  max-width: none;
                  .main-title {
                      top: auto;
                      left: auto;
                      font-size: 30px;
                      position: relative;
                      margin-bottom: 30px;
                      flex-basis: 100%;
                      br {
                          display: inline;
                          content: '';
                      }
                      span {
                          padding-left: 0;
                          display: inline-block;
                      }
                  }
                  .general-text {
                      padding-left: 0;
                  }
                  .list-members {
                      li {
                          margin: 10px 0 40px 0;
                          .info-member {
                              margin-left: 40px;
                          }
                      }
                  }
              }
          }
      }
  }
  */
}
@media (max-width: 575.98px) {
  .congrat .container {
    padding: 0 15px;
  }
  .congrat .container .row .left .main-title {
    margin-bottom: 35px;
  }
  .congrat .container .row .right .congrat-img {
    max-height: 313px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 40px;
  }
  .steps .container {
    padding: 0 15px;
  }
  .steps .container .row .wrap-step .main-title {
    padding-left: 30px;
    margin-bottom: 35px;
  }
  .steps .container .row .wrap-step h6 {
    padding-left: 30px;
  }
  .steps .container .row .wrap-step .box-contact .contact-info-open li a {
    margin-left: 10px;
  }
  /*
  .members {
      .container {
          padding: 0 15px;
          .row {
              flex-wrap: wrap;
              .wrap-members {
                  .main-title {
                      br {
                          display: inline;
                      }
                      span {
                          padding-left: 0;
                          display: inline-block;
                      }
                  }
                  .general-text {
                      padding-left: 0;
                  }
                  .list-members {
                      width: 100%;
                      text-align: center;
                      li {
                          display: block;
                          margin: 10px auto 40px auto;
                          .info-member {
                              margin-left: 0;
                          }
                          .member-img {
                              display: block;
                              margin: 0 auto 20px auto;
                          }
                      }
                  }
              }
          }
      }
  }

   */
}
@media (max-width: 375.98px) {
  /*
  .members {
      .container {
          .row {
              .wrap-members {
                  padding: 45px 15px 5px;
              }
          }
      }
  }

   */
}
.re-envision {
  margin-bottom: 140px;
}
.re-envision .container {
  padding: 0 50px;
}
.re-envision .container .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.re-envision .container .row .left {
  flex-basis: 34%;
  position: relative;
}
.re-envision .container .row .left .main-title {
  position: absolute;
  margin-top: 140px;
  width: 520px;
}
.re-envision .container .row .left .main-title br.mob {
  display: none;
}
.re-envision .container .row .left .general-text {
  position: absolute;
  top: 60%;
  left: 0;
  max-width: 365px;
  margin-top: 30px;
  padding-right: 30px;
}
.re-envision .container .row .left .general-text h5 {
  color: #1b1b1b;
  font-size: 20px;
  font-family: "DM Serif Text", serif;
  margin-bottom: 5px;
  line-height: 1.2;
}
.re-envision .container .row .right {
  flex-basis: 66%;
}
.re-envision .container .row .right .re-envision-img {
  height: 500px;
  width: 100%;
  object-fit: cover;
}

.host {
  margin: 145px 0 155px 0;
}
.host .container {
  padding: 0 50px;
}
.host .container .row {
  display: flex;
  position: relative;
}
.host .container .row .host-img {
  height: 462px;
  width: auto;
  position: absolute;
  bottom: -63px;
  right: 0;
}
.host .container .row .light-box {
  background-color: #e7e7d5;
  padding: 49px 307px 60px 97px;
  margin-left: 70px;
  max-width: 712px;
}
.host .container .row .light-box .main-title {
  margin-left: -165px;
  line-height: 1.2;
  margin-bottom: 50px;
}

.side {
  margin: 160px 0 60px 0;
}
.side .container {
  padding: 0 50px;
}
.side .container h2 {
  font-size: 36px;
  font-family: "DM Serif Display", serif;
  margin-bottom: 80px;
  margin-left: 70px;
  color: #8b8c4a;
}
.side .container .row .pos-right {
  padding-left: 295px;
  display: flex;
  justify-content: space-between;
  column-gap: 65px;
}
.side .container .row .pos-right .left {
  max-width: 390px;
}
.side .container .row .pos-right .right {
  max-width: 400px;
}

.tailor {
  margin: 60px 0 260px;
  background-color: #004750;
  padding: 110px 0 70px 0;
}
.tailor .container {
  padding: 0 50px;
  position: relative;
}
.tailor .container .right-shape2 {
  position: absolute;
  right: -83%;
  height: 494px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  z-index: 1;
}
.tailor .container .left-shape2 {
  position: absolute;
  left: -55%;
  height: 500px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  z-index: 1;
}
.tailor .container .row {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.tailor .container .row .right {
  max-width: 490px;
}
.tailor .container .row .right .main-title {
  margin-bottom: 60px;
}
.tailor .container .row .right .general-text {
  color: #ffffff;
}
.tailor .container .row .right .general-text a {
  color: #ffffff;
}
.tailor .container .row .right .general-text a:hover {
  color: #8b8c4a;
}
.tailor .container .row .wrap-tailor-img {
  position: absolute;
  left: 0;
  bottom: -130px;
  z-index: 3;
}
.tailor .container .row .wrap-tailor-img .wr-pos {
  position: relative;
}
.tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
  height: 700px;
  width: auto;
  object-fit: cover;
}
.tailor .container .row .wrap-tailor-img .wr-pos span {
  font-size: 12px;
  color: #ffffff;
  font-family: "Red Hat Text", sans-serif;
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.magic {
  margin-bottom: 140px;
  z-index: 5;
  position: relative;
}
.magic .container {
  padding: 0 50px;
}
.magic .container .row {
  display: flex;
  position: relative;
}
.magic .container .row .wrap-info {
  margin-left: 70px;
  border: 4px solid #e7e7d5;
  padding: 60px 87px 50px 87px;
  max-width: 892px;
}
.magic .container .row .wrap-info .main-title {
  margin-bottom: 60px;
  margin-left: -157px;
}
.magic .container .row .wrap-info .general-text p:first-of-type {
  padding-right: 310px;
}
.magic .container .row .wrap-info .general-text p a {
  color: #1c1c1c;
}
.magic .container .row .wrap-info .general-text p a:hover {
  color: #8b8c4a;
}
.magic .container .row .wrap-info .general-text ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 15px;
  padding-right: 310px;
}
.magic .container .row .wrap-info .general-text ul li {
  padding-left: 20px;
}
.magic .container .row .wrap-img {
  position: absolute;
  right: 0;
  top: -95px;
}
.magic .container .row .wrap-img .wr-1 {
  margin-bottom: 17px;
  position: relative;
}
.magic .container .row .wrap-img .wr-1 .magic-main-img {
  height: 498px;
  object-fit: cover;
  width: 100%;
}
.magic .container .row .wrap-img .wr-1 span {
  color: #ffffff;
  font-family: "Red Hat Text", sans-serif;
  font-size: 12px;
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.magic .container .row .wrap-img .wr-sec-row {
  display: flex;
  justify-content: space-between;
  column-gap: 15px;
}
.magic .container .row .wrap-img .wr-sec-row .wr-2 {
  flex-basis: 50%;
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
  height: 276px;
  width: 100%;
  object-fit: cover;
}
.magic .container .row .wrap-img .wr-sec-row .wr-2 span {
  color: #ffffff;
  font-family: "Red Hat Text", sans-serif;
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.magic .container .row .wrap-img .wr-sec-row .wr-3 {
  flex-basis: 50%;
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.magic .container .row .wrap-img .wr-sec-row .wr-3 .magic-sec-img {
  height: 276px;
  width: 100%;
  object-fit: cover;
}
.magic .container .row .wrap-img .wr-sec-row .wr-3 span {
  color: #ffffff;
  font-family: "Red Hat Text", sans-serif;
  font-size: 12px;
  position: absolute;
  left: 10px;
  bottom: 10px;
}

@media (max-width: 1199.98px) {
  .host .container .row .host-img {
    height: 400px;
  }
  .host .container .row .light-box {
    padding: 55px 294px 40px 78px;
    margin-left: 60px;
    max-width: 630px;
  }
  .host .container .row .light-box .main-title {
    margin-left: -155px;
    margin-bottom: 50px;
  }
  .side .container .row .pos-right {
    padding-left: 135px;
    column-gap: 50px;
  }
  .tailor {
    padding: 50px 0 35px 0;
  }
  .tailor .container .right-shape2 {
    display: none;
  }
  .tailor .container .row .right {
    max-width: 440px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 550px;
  }
  .magic .container .row .wrap-info {
    margin-left: 70px;
    padding: 60px 70px 50px 78px;
    max-width: 865px;
  }
  .magic .container .row .wrap-info .main-title {
    margin-left: -148px;
  }
  .magic .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 340px;
  }
  .magic .container .row .wrap-info .general-text ul {
    padding-right: 340px;
  }
  .magic .container .row .wrap-img {
    top: -90px;
  }
  .magic .container .row .wrap-img .wr-1 {
    margin-bottom: 17px;
  }
  .magic .container .row .wrap-img .wr-1 .magic-main-img {
    height: 464px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 265px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-3 .magic-sec-img {
    height: 265px;
  }
}
@media (max-width: 1150.98px) {
  .magic .container .row .wrap-info {
    margin-left: 70px;
    padding: 60px 70px 50px 78px;
    max-width: 795px;
  }
  .magic .container .row .wrap-info .main-title {
    margin-left: -158px;
  }
  .magic .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 320px;
  }
  .magic .container .row .wrap-info .general-text ul {
    padding-right: 320px;
  }
  .magic .container .row .wrap-img {
    top: -90px;
  }
  .magic .container .row .wrap-img .wr-1 {
    margin-bottom: 17px;
  }
  .magic .container .row .wrap-img .wr-1 .magic-main-img {
    height: 444px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 250px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-3 .magic-sec-img {
    height: 250px;
  }
}
@media (max-width: 1023px) {
  .re-envision {
    margin-bottom: 70px;
  }
  .re-envision .container {
    padding: 0 30px;
  }
  .re-envision .container .row .left {
    flex-basis: 38%;
    height: 400px;
  }
  .re-envision .container .row .left .main-title {
    font-size: 40px;
    margin-top: 80px;
    width: 520px;
  }
  .re-envision .container .row .left .general-text {
    margin-top: 0;
    top: 76%;
    width: 490px;
  }
  .re-envision .container .row .left .general-text h5 {
    font-size: 20px;
    margin-top: 70px;
  }
  .re-envision .container .row .left .general-text p {
    position: absolute;
    width: 485px;
  }
  .re-envision .container .row .right {
    flex-basis: 57%;
  }
  .re-envision .container .row .right .re-envision-img {
    height: 269px;
  }
}
@media (max-width: 1060.98px) {
  /*
  .re-envision {
      margin-bottom: 105px;
      .container {
          .row {
              .left {
                  flex-basis: 38%;
                  .main-title {
                      font-size: 40px;
                      margin-top: 80px;
                      width: 520px;
                  }
                  .general-text {
                      top: 58%;
                      h5 {
                          font-size: 20px;
                      }
                  }
              }
              .right {
                  flex-basis: 60%;
                  .re-envision-img {
                      height: 366px;
                  }
              }
          }
      }
  }
  */
  .host .container .row .host-img {
    height: 372px;
    bottom: -75px;
  }
  .host .container .row .light-box {
    padding: 55px 294px 40px 78px;
    margin-left: 60px;
    max-width: 630px;
  }
  .host .container .row .light-box .main-title {
    margin-left: -155px;
    margin-bottom: 50px;
  }
  .side .container h2 {
    font-size: 32px;
    margin-bottom: 60px;
  }
  .side .container .row .pos-right {
    padding-left: 70px;
    column-gap: 60px;
  }
  .side .container .row .pos-right .left {
    max-width: 344px;
  }
  .tailor {
    padding: 65px 0 30px 0;
    margin: 60px 0 180px;
  }
  .tailor .container .row .right {
    max-width: 450px;
  }
  .tailor .container .row .wrap-tailor-img {
    bottom: -115px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 503px;
  }
  .magic {
    margin-bottom: 130px;
  }
  .magic .container .row .wrap-info {
    margin-left: 60px;
    padding: 60px 70px 40px 75px;
    max-width: 785px;
  }
  .magic .container .row .wrap-info .main-title {
    margin-left: -132px;
  }
  .magic .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 320px;
  }
  .magic .container .row .wrap-info .general-text ul {
    padding-right: 320px;
  }
  .magic .container .row .wrap-img {
    top: -95px;
    margin-right: -50px;
  }
  .magic .container .row .wrap-img .wr-1 {
    margin-bottom: 17px;
  }
  .magic .container .row .wrap-img .wr-1 .magic-main-img {
    height: 444px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 250px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-3 .magic-sec-img {
    height: 250px;
  }
}
@media (max-width: 991.98px) {
  .host .container .row .host-img {
    height: 322px;
    bottom: -70px;
  }
  .host .container .row .light-box {
    padding: 55px 325px 40px 40px;
    margin-left: 60px;
    max-width: 600px;
  }
  .host .container .row .light-box .main-title {
    margin-left: -100px;
    margin-bottom: 50px;
  }
  .side .container .row .pos-right {
    column-gap: 40px;
  }
  .side .container .row .pos-right .left {
    max-width: 324px;
  }
  .tailor .container .left-shape2 {
    position: absolute;
    left: -85%;
    height: 300px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    z-index: 1;
  }
  .tailor .container .row .right {
    max-width: 400px;
  }
  .tailor .container .row .wrap-tailor-img {
    bottom: -60px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 403px;
  }
  .magic .container .row .wrap-info {
    margin-left: 60px;
    padding: 60px 60px 40px 60px;
    max-width: 785px;
  }
  .magic .container .row .wrap-info .main-title {
    margin-left: -120px;
  }
  .magic .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 220px;
  }
  .magic .container .row .wrap-info .general-text ul {
    padding-right: 220px;
  }
  .magic .container .row .wrap-img {
    top: -95px;
    margin-right: -20px;
    max-width: 243px;
  }
  .magic .container .row .wrap-img .wr-1 {
    flex-basis: 100%;
    justify-content: flex-end;
    display: flex;
    margin-bottom: 17px;
  }
  .magic .container .row .wrap-img .wr-1 .magic-main-img {
    height: 243px;
  }
  .magic .container .row .wrap-img .wr-sec-row {
    flex-wrap: wrap;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 {
    flex-basis: 100%;
    justify-content: flex-end;
    margin-bottom: 17px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 243px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-3 {
    flex-basis: 100%;
    justify-content: flex-end;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-3 .magic-sec-img {
    height: 243px;
  }
}
@media (max-width: 855.98px) {
  .host .container .row .host-img {
    height: 300px;
    bottom: -50px;
    margin-right: -50px;
  }
  .tailor .container .row .right {
    max-width: 400px;
  }
  .tailor .container .row .wrap-tailor-img {
    bottom: 90px;
    margin-left: -50px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 343px;
  }
}
@media (max-width: 770.98px) {
  .re-envision {
    margin-bottom: 70px;
  }
  .re-envision .container {
    padding: 0 30px;
  }
  .re-envision .container .row .left {
    flex-basis: 38%;
    height: 400px;
  }
  .re-envision .container .row .left .main-title {
    font-size: 40px;
    margin-top: 80px;
    width: 520px;
  }
  .re-envision .container .row .left .general-text {
    margin-top: 0;
    top: 76%;
    width: 490px;
  }
  .re-envision .container .row .left .general-text h5 {
    font-size: 20px;
    margin-top: 70px;
  }
  .re-envision .container .row .left .general-text p {
    position: absolute;
    width: 485px;
  }
  .re-envision .container .row .right {
    flex-basis: 57%;
  }
  .re-envision .container .row .right .re-envision-img {
    height: 269px;
  }
  .host {
    margin: 80px 0 100px 0;
  }
  .host .container {
    padding: 0 30px;
  }
  .host .container .row .host-img {
    height: 369px;
    object-fit: cover;
    bottom: -80px;
    width: 333px;
    margin-right: -30px;
  }
  .host .container .row .light-box {
    padding: 50px 290px 40px 40px;
    margin-left: 65px;
    max-width: 585px;
  }
  .host .container .row .light-box .main-title {
    margin-left: -105px;
    margin-bottom: 50px;
    font-size: 40px;
  }
  .side {
    margin: 150px 0 50px 0;
  }
  .side .container {
    padding: 0 30px;
  }
  .side .container .row .pos-right {
    column-gap: 30px;
  }
  .side .container .row .pos-right .left {
    max-width: 305px;
  }
  .side .container .row .pos-right .right {
    max-width: 305px;
  }
  .tailor {
    margin: 60px 0 165px;
  }
  .tailor .container {
    padding: 0 30px;
  }
  .tailor .container .row .right {
    max-width: 455px;
  }
  .tailor .container .row .wrap-tailor-img {
    bottom: 85px;
    margin-left: -30px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 270px;
  }
  .magic {
    margin-bottom: 115px;
  }
  .magic .container {
    padding: 0 30px;
  }
  .magic .container .row .wrap-info {
    margin-left: 40px;
    padding: 60px 30px 30px 60px;
    max-width: 668px;
  }
  .magic .container .row .wrap-info .main-title {
    margin-left: -100px;
  }
  .magic .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 230px;
  }
  .magic .container .row .wrap-info .general-text ul {
    padding-right: 230px;
  }
  .magic .container .row .wrap-img {
    top: -80px;
    margin-right: -20px;
  }
  .magic .container .row .wrap-img .wr-1 .magic-main-img {
    height: 243px;
  }
  .magic .container .row .wrap-img .wr-sec-row {
    flex-wrap: wrap;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 243px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-3 .magic-sec-img {
    height: 243px;
  }
}
@media (max-width: 739.98px) {
  .magic .container .row .wrap-info {
    padding: 60px 60px 30px 60px;
  }
}
@media (max-width: 715.98px) {
  .re-envision {
    margin-bottom: 70px;
  }
  .re-envision .container {
    padding: 0 30px;
  }
  .re-envision .container .row .left {
    flex-basis: 38%;
    height: 400px;
  }
  .re-envision .container .row .left .main-title {
    font-size: 40px;
    margin-top: 80px;
    width: 520px;
  }
  .re-envision .container .row .left .general-text {
    top: 76%;
    width: 490px;
  }
  .re-envision .container .row .left .general-text h5 {
    font-size: 20px;
    margin-top: 70px;
  }
  .re-envision .container .row .left .general-text p {
    position: absolute;
    width: 485px;
  }
  .re-envision .container .row .right {
    flex-basis: 57%;
  }
  .re-envision .container .row .right .re-envision-img {
    height: 269px;
  }
  .host .container .row .host-img {
    height: 319px;
    bottom: -80px;
    width: 300px;
  }
  .host .container .row .light-box {
    padding: 50px 290px 40px 40px;
    margin-left: 45px;
    max-width: 585px;
  }
  .host .container .row .light-box .main-title {
    margin-left: -85px;
    margin-bottom: 50px;
    font-size: 40px;
  }
  .tailor .container .left-shape2 {
    left: -95%;
  }
  .tailor .container .row .right {
    max-width: 405px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 250px;
  }
}
@media (max-width: 675.98px) {
  .re-envision {
    margin-bottom: 70px;
  }
  .re-envision .container .row .left {
    flex-basis: 100%;
    order: 2;
    height: auto;
  }
  .re-envision .container .row .left .main-title {
    font-size: 30px;
    margin-top: -20px;
    max-width: 520px;
    width: auto;
    position: relative;
    margin-bottom: 40px;
  }
  .re-envision .container .row .left .general-text {
    top: auto;
    width: auto;
    position: relative;
    left: auto;
  }
  .re-envision .container .row .left .general-text h5 {
    margin-top: 30px;
    width: auto;
  }
  .re-envision .container .row .left .general-text p {
    position: relative;
    width: auto;
  }
  .re-envision .container .row .right {
    flex-basis: 100%;
    order: 1;
  }
  .re-envision .container .row .right .re-envision-img {
    height: 200px;
    width: auto;
    margin-right: 0;
    margin-left: auto;
    display: block;
  }
  .host {
    margin: 170px 0 60px 0;
  }
  .host .container .row .host-img {
    height: 280px;
    bottom: auto;
    width: auto;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    margin-top: -30%;
    margin-bottom: 45px;
    display: block;
  }
  .host .container .row .light-box {
    padding: 30px 30px 40px 30px;
    margin-left: 0;
    max-width: none;
  }
  .host .container .row .light-box .main-title {
    margin-left: 0;
    margin-bottom: 50px;
    font-size: 30px;
  }
  .side {
    margin: 60px 0 60px 0;
  }
  .side .container h2 {
    margin-left: 0;
    margin-bottom: 50px;
  }
  .side .container .row .pos-right {
    column-gap: 0;
    padding-left: 0;
    display: block;
  }
  .side .container .row .pos-right .left {
    max-width: none;
  }
  .side .container .row .pos-right .right {
    max-width: none;
  }
  .tailor {
    padding-top: 65px;
    margin-top: 200px;
    margin-bottom: 135px;
  }
  .tailor .container .left-shape2 {
    display: none;
  }
  .tailor .container .row {
    display: block;
  }
  .tailor .container .row .right {
    max-width: none;
  }
  .tailor .container .row .wrap-tailor-img {
    position: relative;
    left: auto;
    bottom: auto;
    margin-left: auto;
    margin-bottom: 45px;
    text-align: center;
    margin-top: -250px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 400px;
  }
  .magic {
    margin-bottom: 80px;
  }
  .magic .container .row .wrap-info {
    margin-left: 20px;
    padding: 60px 30px 30px 30px;
    max-width: 605px;
  }
  .magic .container .row .wrap-info .main-title {
    margin-left: -50px;
  }
  .magic .container .row .wrap-info .general-text p:first-of-type {
    padding-right: 0;
  }
  .magic .container .row .wrap-info .general-text ul {
    padding-right: 0;
  }
  .magic .container .row .wrap-img {
    top: -80px;
    margin-right: -15px;
  }
  .magic .container .row .wrap-img .wr-1 {
    display: none;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 250px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 span {
    right: auto;
    left: 10px;
    bottom: 6px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-3 {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .re-envision {
    margin-bottom: 40px;
  }
  .re-envision .container {
    padding: 0 15px;
  }
  .re-envision .container .row .right .re-envision-img {
    height: 180px;
  }
  .host .container {
    padding: 0 15px;
  }
  .host .container .row .host-img {
    height: 231px;
    margin-top: -30%;
    object-fit: cover;
    width: 288px;
  }
  .host .container .row .light-box {
    padding: 30px 15px 40px 15px;
  }
  .host .container .row .light-box .main-title {
    margin-bottom: 40px;
  }
  .side .container {
    padding: 0 15px;
  }
  .side .container h2 {
    margin-bottom: 40px;
    font-size: 26px;
  }
  .tailor {
    margin-top: 270px;
  }
  .tailor .container {
    padding: 0 15px;
  }
  .tailor .container .row .right .main-title {
    font-size: 40px;
    margin-bottom: 40px;
  }
  .tailor .container .row .wrap-tailor-img {
    margin-top: -300px;
  }
  .tailor .container .row .wrap-tailor-img .wr-pos .tailor-img {
    height: 356px;
  }
  .magic .container {
    padding: 0 15px;
  }
  .magic .container .row .wrap-info {
    padding: 60px 30px 30px 30px;
    max-width: none;
    margin-left: 10px;
  }
  .magic .container .row .wrap-info .main-title {
    font-size: 30px;
    margin-bottom: 40px;
    margin-left: -50px;
  }
  .magic .container .row .wrap-img {
    top: -90px;
    margin-right: -15px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 243px;
  }
}
@media (max-width: 450.98px) {
  .magic .container .row .wrap-info .main-title {
    font-size: 30px;
    margin-bottom: 40px;
    max-width: 150px;
  }
  .magic .container .row .wrap-img {
    top: -60px;
  }
  .magic .container .row .wrap-img .wr-sec-row .wr-2 .magic-sec-img {
    height: 130px;
  }
}
@media (max-width: 375.98px) {
  .re-envision .container .row .left .main-title {
    width: auto;
    max-width: 250px;
  }
  .re-envision .container .row .left .main-title br {
    display: none;
  }
  .re-envision .container .row .left .main-title br:first-of-type {
    display: block;
  }
  .re-envision .container .row .right .re-envision-img {
    height: 144px;
  }
  .host .container .row .host-img {
    width: 208px;
    margin-top: -48%;
  }
  .host .container .row .light-box {
    padding: 30px 15px 20px 15px;
  }
}
.taste_wild {
  margin-bottom: 80px;
}
.taste_wild .container {
  padding-left: 50px;
  padding-right: 50px;
}
.taste_wild .left {
  max-width: 585px;
  float: left;
}
.taste_wild .right {
  margin-left: -115px;
  width: calc(100% - 470px);
  z-index: 10;
  float: right;
}
.taste_wild .right h1 {
  padding-left: 180px;
  margin-top: 70px;
  margin-bottom: 60px;
}
.taste_wild .general-text {
  background-color: #e7e7d5;
  padding: 80px;
}

.rates {
  color: white;
  overflow: hidden;
}
.rates .general-text {
  padding: 0 !important;
}
.rates .option {
  float: left;
  width: 322px;
}
.rates .option span {
  display: inline-block;
  width: 80px;
}
.rates .option .title {
  font-weight: bold;
  margin-bottom: 25px !important;
}
.rates .option.first {
  margin-left: 260px;
}
.rates .includes {
  margin-top: 50px;
  padding-left: 260px;
  float: left;
  width: 100%;
}
.rates a.green-btn {
  display: inline-block;
  margin-top: 50px;
  background-color: white;
  color: #004750 !important;
  font-size: 22px;
  padding: 7px 20px;
  padding-bottom: 7px;
  line-height: 1;
  padding-bottom: 13px;
  font-family: "DM Serif Text", serif;
}

@media (max-width: 1200px) {
  .taste_wild {
    margin-bottom: 80px;
  }
  .taste_wild .container {
    padding: 0 30px;
  }
  .taste_wild .left {
    max-width: 515px;
  }
  .taste_wild .left img {
    width: 100%;
  }
  .taste_wild .right {
    margin-left: -115px;
    width: calc(100% - 407px);
  }
  .rates .container {
    padding: 0 30px;
  }
  .rates .container .row .main-title {
    padding-left: 0px !important;
  }
  .rates .option.first {
    margin-left: 110px;
  }
  .rates .includes {
    padding-left: 110px;
  }
}
@media (max-width: 1023px) {
  .taste_wild {
    margin-bottom: 80px;
  }
  .taste_wild .container {
    padding: 0 30px;
  }
  .taste_wild .left {
    max-width: 415px;
    float: left;
  }
  .taste_wild .left img {
    width: 100%;
  }
  .taste_wild .right {
    margin-left: -242px;
    width: calc(100% - 108px);
    margin-top: -290px;
    float: right;
  }
  .taste_wild .right h1 {
    padding-left: 350px;
    margin-top: 30px;
    margin-bottom: 112px;
  }
  .rates .container {
    padding: 0 30px;
  }
  .rates .option.first {
    margin-left: 0px;
  }
  .rates .includes {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .taste_wild {
    margin-bottom: 80px;
  }
  .taste_wild .left {
    max-width: 205px;
    float: right;
  }
  .taste_wild .left img {
    width: 100%;
  }
  .taste_wild .right {
    margin-left: 0;
    width: 100%;
    margin-top: -55px;
    float: right;
  }
  .taste_wild .right h1 {
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .taste_wild .general-text {
    padding: 30px 15px 20px 15px;
  }
  .rates a.green-btn {
    margin-top: 20px;
  }
  .rates .container {
    padding: 0 30px;
  }
  .rates .option.first {
    margin-left: 0px;
  }
  .rates .includes {
    padding-left: 0px;
  }
}
@media (max-width: 600px) {
  .taste_wild {
    margin-bottom: 80px;
  }
  .taste_wild .left {
    max-width: 175px;
    float: right;
  }
  .taste_wild .left img {
    width: 100%;
  }
  .taste_wild .right {
    margin-left: 0;
    width: 92%;
    margin-top: -110px;
    float: left;
  }
  .taste_wild .right h1 {
    padding-left: 0px;
    margin-top: -12px;
    margin-bottom: 30px;
  }
  .taste_wild .general-text {
    padding: 30px 15px 20px 15px;
  }
}
@media (max-width: 400px) {
  .taste_wild {
    margin-bottom: 80px;
  }
  .taste_wild .left {
    max-width: 205px;
    float: right;
  }
  .taste_wild .left img {
    width: 100%;
  }
  .taste_wild .right {
    margin-left: 0;
    width: 100%;
    margin-top: -55px;
    float: right;
  }
  .taste_wild .right h1 {
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .taste_wild .general-text {
    padding: 30px 15px 20px 15px;
  }
}
.unique {
  margin-bottom: 80px;
  z-index: 1;
  position: relative;
}
.unique .container {
  padding-left: 50px;
  padding-right: 50px;
}
.unique .left {
  max-width: 714px;
  z-index: 10;
}
.unique .left h1 {
  padding-left: 0px;
  margin-top: 70px;
  margin-bottom: 60px;
}
.unique .left ul b {
  font-weight: bold;
}
.unique .left ul li {
  padding-left: 40px;
  position: relative;
}
.unique .left ul li:after {
  content: " ";
  height: 5px;
  width: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 0px;
  top: 10px;
  background-color: #1c1c1c;
}
.unique .right {
  margin-left: -158px;
  width: 573px;
}
.unique .general-text {
  background-color: #e7e7d5;
  padding: 80px 50px;
}

.tailer-made .container {
  padding: 0 50px;
}
.tailer-made .container h2 {
  font-size: 36px;
  font-family: "DM Serif Display", serif;
  margin-bottom: 80px;
  margin-left: 60px;
  color: #8b8c4a;
}
.tailer-made .container .row .pos-right {
  padding-left: 295px;
  display: flex;
  justify-content: space-between;
  column-gap: 65px;
}
.tailer-made .container .row .pos-right .left {
  max-width: 390px;
}
.tailer-made .container .row .pos-right .left .afbeelding {
  float: right;
  margin-top: 80px;
}
.tailer-made .container .row .pos-right .right {
  max-width: 400px;
}

.safari-rates {
  overflow: hidden;
  padding-top: 195px;
  color: white;
  margin-top: -115px;
}
.safari-rates .container .row .main-title {
  padding-left: 180px;
}
.safari-rates .general-text {
  padding: 0 !important;
}
.safari-rates .general-text p.daily_rate {
  margin-left: 260px;
  margin-bottom: 25px !important;
}
.safari-rates .option {
  float: left;
  width: 322px;
}
.safari-rates .option span {
  display: inline-block;
  width: 80px;
}
.safari-rates .option .restriction {
  padding-left: 40px;
  margin-top: 40px;
}
.safari-rates .option .title {
  font-weight: bold;
  margin-bottom: 25px !important;
}
.safari-rates .option.first {
  margin-left: 260px;
}
.safari-rates .includes {
  margin-top: 50px;
  padding-left: 260px;
  float: left;
  width: 100%;
}
.safari-rates a.green-btn {
  display: inline-block;
  margin-top: 50px;
  background-color: white;
  color: #004750 !important;
  font-size: 22px;
  padding: 7px 20px;
  padding-bottom: 7px;
  line-height: 1;
  padding-bottom: 13px;
  font-family: "DM Serif Text", serif;
  line-height: 1;
}
.safari-rates ul b {
  font-weight: bold;
}
.safari-rates ul li {
  padding-left: 40px;
  position: relative;
}
.safari-rates ul li:after {
  content: " ";
  height: 5px;
  width: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 0px;
  top: 10px;
  background-color: white;
}

@media (max-width: 1200px) {
  .tailer-made .container h2 {
    margin-left: 0;
  }
  .tailer-made .container .row .pos-right {
    padding-left: 0;
  }
  .tailer-made .container .row .pos-right .left .afbeelding img {
    width: 100%;
    display: block;
  }
  .safari-rates {
    margin-top: -85px;
    padding-top: 135px;
  }
}
@media (max-width: 1023px) {
  .unique .container {
    padding: 0 30px;
  }
  .unique .left {
    max-width: 533px;
  }
  .unique .right {
    margin-left: -212px;
    width: 427px;
  }
  .unique .right img {
    width: 100%;
    display: block;
  }
  .tailer-made .container {
    padding: 0 30px;
  }
  .tailer-made .container h2 {
    margin-left: 0;
  }
  .tailer-made .container .row .pos-right {
    padding-left: 0;
  }
  .tailer-made .container .row .pos-right .left {
    max-width: 35%;
  }
  .tailer-made .container .row .pos-right .right {
    max-width: 65%;
  }
  .safari-rates {
    margin-top: -35px;
    padding-top: 85px;
  }
  .safari-rates .container .row .main-title {
    padding-left: 0;
  }
  .safari-rates .general-text p.daily_rate {
    margin-left: 0;
  }
  .safari-rates .option.first {
    margin-left: 0;
  }
  .safari-rates .includes {
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .unique .left {
    max-width: 100%;
  }
  .unique .left h1 {
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .unique .right {
    margin-left: -150px;
    width: 345px;
  }
  .unique .general-text {
    padding: 30px 15px 20px 15px;
  }
  .tailer-made {
    margin-bottom: 80px;
  }
  .tailer-made .container {
    padding: 0 30px;
  }
  .tailer-made .container h2 {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .tailer-made .container .row .pos-right {
    display: block;
    padding-left: 0;
  }
  .tailer-made .container .row .pos-right .left {
    max-width: 100%;
  }
  .tailer-made .container .row .pos-right .left .afbeelding {
    margin-top: 20px;
    float: left;
    margin-bottom: 20px;
    max-width: 350px;
  }
  .tailer-made .container .row .pos-right .right {
    max-width: 100%;
    float: left;
  }
  .safari-rates {
    margin-top: 0px;
    padding-top: 35px;
  }
  .safari-rates .container .row .main-title {
    padding-left: 0;
  }
  .safari-rates .general-text p.daily_rate {
    margin-left: 0;
  }
  .safari-rates .option.first {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .safari-rates .includes {
    padding-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  .unique .left {
    max-width: 88%;
  }
  .unique .left h1 {
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .unique .right {
    margin-left: -106px;
    width: 159px;
  }
  .unique .right img {
    float: right;
  }
  .unique .general-text {
    padding: 30px 15px 20px 15px;
  }
}
@media (max-width: 400px) {
  .unique .left {
    max-width: 100%;
  }
  .unique .left h1 {
    padding-left: 0px;
    margin-top: 93px;
    margin-bottom: 20px;
  }
  .unique .right {
    margin-left: -150px;
    width: 205px;
  }
  .unique .general-text {
    padding: 30px 15px 20px 15px;
  }
}
.in_touch {
  margin-bottom: 120px;
  z-index: 1;
  position: relative;
}
.in_touch .container {
  padding-left: 50px;
  padding-right: 50px;
}
.in_touch .left {
  margin-right: 30px;
}
.in_touch .right {
  max-width: 654px;
}
.in_touch .right img {
  width: 100%;
}
.in_touch h2 {
  font-size: 36px;
  font-family: "DM Serif Display", serif;
  margin-bottom: 80px;
  margin-left: 60px;
  color: #8b8c4a;
  width: 400px;
  margin-bottom: 30px;
}
.in_touch .general-text {
  margin-left: 70px;
}
.in_touch .box {
  background-color: #e7e7d5;
  padding: 60px 50px;
  max-width: 390px;
  margin-top: 40px;
}
.in_touch .box a {
  color: #004750;
  font-weight: bold;
}
.in_touch .box h2 {
  margin-left: -120px;
}

.enqure-form {
  margin-top: -60px;
  margin-bottom: 117px;
  /* Verberg de standaard checkbox */
  /* Container voor label + fake checkbox */
  /* Cel voor het vakje */
  /* Hover + Focus styling */
  /* Check‑mark tekenen als pseudo-element */
  /* Labeltekst */
}
.enqure-form .box h1 {
  margin-left: 165px;
}
.enqure-form .box .form {
  margin-left: 263px;
  color: #FFF;
}
.enqure-form .box .form .row {
  margin-bottom: 10px;
  min-height: 40px;
  line-height: 40px;
}
.enqure-form .box .form .row .item {
  width: 340px;
  height: 40px;
  margin-right: 55px;
  float: left;
}
.enqure-form .box .form .row .item:last-child {
  margin-right: 0;
}
.enqure-form .box .form .row .item p {
  float: left;
  width: calc(100% - 180px);
  max-width: 160px;
}
.enqure-form .box .form a.green-btn {
  display: inline-block;
  margin-top: 50px;
  background-color: white;
  color: #004750 !important;
  font-size: 22px;
  padding: 7px 20px;
  padding-bottom: 7px;
  line-height: 1;
  padding-bottom: 13px;
  font-family: "DM Serif Text", serif;
}
.enqure-form .box input {
  background-color: #e7e7d5;
  border: solid 0px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  color: #1c1c1c;
}
.enqure-form .fields_checkbox {
  display: inline-block;
  float: left;
  width: 100%;
}
.enqure-form .fields_checkbox p.fix {
  width: unset !important;
  max-width: unset !important;
  min-width: 160px;
  padding-right: 30px;
}
.enqure-form .custom-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.enqure-form .custom-checkbox {
  cursor: pointer;
  user-select: none;
  font-family: "Red Hat Text", sans-serif;
  position: relative;
  float: left;
  margin-right: 30px;
}
.enqure-form .custom-checkbox .checkbox-box {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #e7e7d5;
  border: 0px solid #777;
  vertical-align: middle;
  flex-shrink: 0;
  position: relative;
  margin-right: 5px;
  /* Vendor prefixes voor appearance reset */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.enqure-form .custom-checkbox:hover .checkbox-box {
  border-color: #333;
}
.enqure-form .custom-checkbox input[type=checkbox]:checked + .checkbox-box {
  background-image: url("/assets/img/check.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 39px;
}
.enqure-form .custom-checkbox .label-text {
  color: #FFF;
  top: 2px;
  position: relative;
}

.members .container {
  padding: 0 50px;
}
.members .container .row {
  display: flex;
}
.members .container .row .wrap-members {
  margin-left: 70px;
  border: 4px solid #e7e7d5;
  padding: 65px 96px 25px 143px;
  max-width: 100%;
  position: relative;
}
.members .container .row .wrap-members .main-title {
  top: 40px;
  left: -70px;
  line-height: 1;
  position: absolute;
}
.members .container .row .wrap-members .main-title span {
  padding-left: 80px;
}
.members .container .row .wrap-members .general-text {
  padding-left: 82px;
}
.members .container .row .wrap-members .list-members {
  margin-left: -90px;
  width: calc(100% + 90px);
}
.members .container .row .wrap-members .list-members li {
  margin: 40px 0 45px 0;
  align-items: center;
  display: flex;
  float: left;
  margin-right: 70px;
}
.members .container .row .wrap-members .list-members li:last-child {
  margin-right: 0;
}
.members .container .row .wrap-members .list-members li .member-img {
  height: 165px;
  width: auto;
  display: inline-block;
}
.members .container .row .wrap-members .list-members li .info-member {
  display: inline-block;
  margin-left: 35px;
  font-family: "DM Serif Display", serif;
}
.members .container .row .wrap-members .list-members li .info-member .name {
  display: block;
  font-size: 24px;
  color: #004750;
  margin-bottom: 5px;
}
.members .container .row .wrap-members .list-members li .info-member .role {
  display: block;
  font-size: 16px;
  color: #8b8c4a;
}

@media (max-width: 1200px) {
  .enqure-form .box h1 {
    margin-left: 0;
  }
  .enqure-form .box .form {
    margin-left: 0;
  }
}
@media (max-width: 1023px) {
  .in_touch .right {
    max-width: 664px;
    margin-left: -90px;
  }
  .enqure-form .box .form .row {
    display: block;
    margin-bottom: 0;
  }
  .enqure-form .box .form .row .item {
    margin-bottom: 10px;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 1024.98px) {
  .members .container .row .wrap-members {
    margin-left: 135px;
    padding: 62px 81px 20px 125px;
    max-width: 740px;
  }
  .members .container .row .wrap-members .main-title {
    top: 50px;
    left: -55px;
    font-size: 40px;
  }
  .members .container .row .wrap-members .main-title span {
    padding-left: 70px;
  }
  .members .container .row .wrap-members .general-text {
    padding-left: 46px;
  }
  .members .container .row .wrap-members .list-members li {
    margin: 20px 0 37px 0;
  }
  .members .container .row .wrap-members .list-members li .member-img {
    height: 135px;
  }
  .members .container .row .wrap-members .list-members li .info-member {
    margin-left: 54px;
  }
  .members .container .row .wrap-members .list-members li .info-member .name {
    font-size: 26px;
  }
  .members .container .row .wrap-members .list-members li .info-member .role {
    font-size: 20px;
  }
}
@media (max-width: 991.98px) {
  .members .container .row .wrap-members {
    padding: 62px 40px 20px 75px;
  }
  .members .container .row .wrap-members .general-text {
    padding-left: 96px;
  }
  .members .container .row .wrap-members .list-members li .info-member {
    margin-left: 25px;
  }
}
@media (max-width: 768.98px) {
  .in_touch {
    margin-bottom: 80px;
  }
  .in_touch .box h2 {
    margin-left: -29px;
    font-size: 26px;
  }
  .in_touch .container {
    padding: 0 30px;
  }
  .in_touch .row {
    display: flow-root !important;
  }
  .in_touch .left {
    width: 100%;
    float: left;
    display: block;
  }
  .in_touch .right {
    float: left;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .in_touch .general-text {
    margin-left: 0;
    margin-top: 0;
    padding: 30px 15px 20px 15px;
    max-width: 100%;
  }
  .enqure-form {
    margin-top: 0;
    padding-top: 30px;
  }
  .enqure-form .fields_checkbox .label-text {
    font-weight: normal;
  }
  .enqure-form .fields_checkbox p.fix {
    width: 100% !important;
    padding-right: 0;
  }
  .enqure-form .box input {
    width: 100%;
  }
  .enqure-form .box .form .row .item {
    height: unset;
    margin-bottom: 4px;
  }
  .enqure-form .box .form .row .item p {
    line-height: 1;
    width: 100%;
    font-weight: normal;
    margin-bottom: 3px;
  }
  .members .container {
    padding: 0 30px;
  }
  .members .container .row .wrap-members {
    margin-left: 65px;
    padding: 62px 41px 20px 123px;
    max-width: 740px;
  }
  .members .container .row .wrap-members .main-title {
    top: 45px;
    left: -65px;
    font-size: 40px;
  }
  .members .container .row .wrap-members .main-title span {
    padding-left: 74px;
  }
  .members .container .row .wrap-members .general-text {
    padding-left: 47px;
  }
  .members .container .row .wrap-members .list-members li {
    margin: 20px 0 35px 0;
  }
  .members .container .row .wrap-members .list-members li .info-member {
    margin-left: 50px;
  }
}
@media (max-width: 675.98px) {
  .members .container .row {
    flex-wrap: wrap;
  }
  .members .container .row .wrap-members {
    margin-left: 0;
    padding: 45px 25px 5px;
    max-width: none;
  }
  .members .container .row .wrap-members .main-title {
    top: auto;
    left: auto;
    font-size: 30px;
    position: relative;
    margin-bottom: 30px;
    flex-basis: 100%;
  }
  .members .container .row .wrap-members .main-title br {
    display: inline;
    content: "";
  }
  .members .container .row .wrap-members .main-title span {
    padding-left: 0;
    display: inline-block;
  }
  .members .container .row .wrap-members .general-text {
    padding-left: 0;
  }
  .members .container .row .wrap-members .list-members {
    margin-left: 0;
  }
  .members .container .row .wrap-members .list-members li {
    margin: 10px 0 40px 0;
  }
  .members .container .row .wrap-members .list-members li .info-member {
    margin-left: 40px;
  }
}
@media (max-width: 575.98px) {
  .members .container {
    padding: 0 15px;
  }
  .members .container .row {
    flex-wrap: wrap;
  }
  .members .container .row .wrap-members .main-title br {
    display: inline;
  }
  .members .container .row .wrap-members .main-title span {
    padding-left: 0;
    display: inline-block;
  }
  .members .container .row .wrap-members .general-text {
    padding-left: 0;
  }
  .members .container .row .wrap-members .list-members {
    width: 100%;
    text-align: center;
  }
  .members .container .row .wrap-members .list-members li {
    display: block;
    margin: 10px auto 40px auto;
    width: 100%;
  }
  .members .container .row .wrap-members .list-members li .info-member {
    margin-left: 0;
  }
  .members .container .row .wrap-members .list-members li .member-img {
    display: block;
    margin: 0 auto 20px auto;
  }
}
@media (max-width: 375.98px) {
  .members .container .row .wrap-members {
    padding: 45px 15px 5px;
  }
}
.container {
  max-width: 1240px;
  margin: auto;
}
.container .row {
  display: flex;
}

body,
html {
  overflow-x: hidden;
}

.cky-consent-container, .cky-modal {
  font-family: "Red Hat Text", sans-serif !important;
}

.mb-big {
  margin-bottom: 100px;
}

.open-btn-chg {
  position: absolute;
  top: 50px;
  right: 45px;
  z-index: 99;
}

.color-chg {
  background: #8b8c4a !important;
}

.green-title {
  color: #004750;
  font-size: 26px;
  font-family: "DM Serif Text", serif;
  margin-bottom: 35px;
}

.full-col {
  flex-basis: 100% !important;
}

.lock-screen {
  touch-action: none;
  position: fixed;
  overflow-y: scroll;
  width: 100%;
  background-color: #e7e7d5;
}

.main-title {
  font-size: 48px;
  font-family: "DM Serif Display", serif;
  color: #ffffff;
  margin-bottom: 80px;
  line-height: 1.2;
}

.main-title.green {
  color: #004750;
}

.general-text {
  font-size: 16px;
  font-family: "Red Hat Text", sans-serif;
  color: #1c1c1c;
  line-height: 1.5;
  height: 100% !important;
}

.general-text p {
  margin-bottom: 30px;
}

.general-text p:last-of-type {
  margin-bottom: 0 !important;
}

.green-txt-btn {
  font-family: "DM Serif Text", serif;
  margin-top: 35px;
  font-size: 22px;
  text-decoration: underline;
  color: #004750;
  display: inline-block;
  transition: 0.5s all;
}

.white-txt-btn {
  font-family: "DM Serif Text", serif;
  font-size: 22px;
  text-decoration: underline;
  color: #ffffff;
  display: inline-block;
  transition: 0.5s all;
}

.green-txt-btn:hover,
.white-txt-btn:hover {
  color: #8b8c4a;
}

.cstm-yellow-txt {
  color: #8b8c4a;
}

.d-block {
  display: block;
}

.subtitle {
  font-size: 32px;
  font-family: "DM Serif Text", serif;
  margin-bottom: 30px;
  color: #004750;
}

/*Vertical Sliding*/
.slidingVertical {
  display: inline;
  text-indent: 8px;
}
.slidingVertical span {
  animation: topToBottom 50s linear infinite 0s;
  -ms-animation: topToBottom 50s linear infinite 0s;
  -webkit-animation: topToBottom 50s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.slidingVertical span:nth-child(1) {
  animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
}
.slidingVertical span:nth-child(2) {
  animation-delay: 8.3s;
  -ms-animation-delay: 8.3s;
  -webkit-animation-delay: 8.3s;
}
.slidingVertical span:nth-child(3) {
  animation-delay: 16.6s;
  -ms-animation-delay: 16.6s;
  -webkit-animation-delay: 16.6s;
}
.slidingVertical span:nth-child(4) {
  animation-delay: 25s;
  -ms-animation-delay: 25s;
  -webkit-animation-delay: 25s;
}
.slidingVertical span:nth-child(5) {
  animation-delay: 33.3s;
  -ms-animation-delay: 33.3s;
  -webkit-animation-delay: 33.3s;
}
.slidingVertical span:nth-child(6) {
  animation-delay: 41.6s;
  -ms-animation-delay: 41.6s;
  -webkit-animation-delay: 41.6s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  3% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }
  16% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }
  18% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  65% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  3% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  16% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  18% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  65% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes topToBottom {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    transform: translateY(-50px);
  }
  3% {
    opacity: 1;
    transform: translateY(0px);
  }
  17% {
    opacity: 1;
    transform: translateY(0px);
  }
  19% {
    opacity: 0;
    transform: translateY(50px);
  }
  65% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes height-max {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 25em;
  }
}
.height-max::after {
  animation: height-max 5s ease;
  display: block !important;
}

.banner-sm .container {
  max-width: 1000px;
  margin: auto;
  background-image: url(/assets/img/homepage/rino.png);
  background-repeat: no-repeat;
  background-position: left -30px center;
  height: 480px;
  background-size: cover;
  background-color: #e7e7d5;
  position: relative;
}
.banner-sm .container .overlay-bnr {
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(231, 231, 213);
  background: linear-gradient(-65deg, #e7e7d5 35%, transparent 60%);
  padding-right: 90px;
  transition: all 1s;
  background-position: 0;
  background-size: 100%;
  z-index: 1;
}
.banner-sm .container .overlay-bnr::before {
  background: linear-gradient(-65deg, #D5D5B8 50%, transparent 75%);
  background-size: 110%;
  background-position: 100%;
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.15, -0.01, 0.43, 0.97);
}
.banner-sm .container .overlay-bnr:hover::before {
  opacity: 1;
}
.banner-sm .container .overlay-bnr:hover .green-txt-btn {
  color: #8b8c4a;
}
.banner-sm .container .overlay-bnr .row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  position: relative;
  z-index: 5;
}
.banner-sm .container .overlay-bnr .row .main-title {
  margin: 90px 0 80px 0;
}
.banner-sm .container .overlay-bnr .row .text-right {
  text-align: right;
}
.banner-sm .container .overlay-bnr .row .text-right .green-txt-btn {
  margin-top: 0;
}

.info-ft {
  padding: 125px 0 100px 0;
}
.info-ft .container {
  padding: 0 50px;
}
.info-ft .container .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 30px;
}
.info-ft .container .row .left {
  width: 30%;
}
.info-ft .container .row .left .logo-footer {
  height: 84px;
  width: auto;
}
.info-ft .container .row .center {
  width: 36%;
}
.info-ft .container .row .center .subtitle {
  padding-top: 40px;
}
.info-ft .container .row .center .contact-info-open li {
  color: #8b8c4a;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: "Red Hat Text", sans-serif;
  font-weight: 700;
}
.info-ft .container .row .center .contact-info-open li:last-of-type {
  margin-bottom: 0;
}
.info-ft .container .row .center .contact-info-open li a {
  text-decoration: none;
  color: #1c1c1c;
  font-size: 18px;
  font-weight: 400;
  margin-left: 20px;
  font-family: "Red Hat Text", sans-serif;
  transition: 0.5s all;
}
.info-ft .container .row .center .contact-info-open li a i {
  font-size: 18px;
  color: #8b8c4a;
  margin-right: 5px;
  font-weight: 900;
}
.info-ft .container .row .center .contact-info-open li .whatsapp-link {
  color: #8b8c4a;
  font-size: 14px;
  font-family: "Red Hat Text", sans-serif;
}
.info-ft .container .row .right {
  width: 25%;
}
.info-ft .container .row .right .subtitle {
  padding-top: 40px;
}
.info-ft .container .row .right .social-media li {
  display: inline;
  margin-right: 20px;
}
.info-ft .container .row .right .social-media li a {
  opacity: 0.3;
  color: #8b8c4a;
  font-size: 34px;
  transition: 0.5s all;
}
.info-ft .container .row .right .social-media li a:hover {
  opacity: 1;
}

.bar-ft {
  margin: 0 50px;
}
.bar-ft .container {
  padding: 30px 0;
  border-top: 2px solid #e7e7d5;
  max-width: 1140px;
}
.bar-ft .container .row {
  display: flex;
  justify-content: space-between;
}
.bar-ft .container .row .l1 {
  text-decoration: none !important;
}
.bar-ft .container .row .l1 li {
  display: inline-block;
  margin-right: 30px;
  font-family: "Red Hat Text", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #1c1c1c !important;
}
.bar-ft .container .row .l1 li:last-of-type {
  text-decoration: none !important;
  margin-right: 0;
  color: #1c1c1c !important;
}
.bar-ft .container .row .l1 li:last-of-type a {
  text-decoration: none !important;
  color: #1c1c1c !important;
}
.bar-ft .container .row .l1 li:first-of-type {
  font-weight: 500;
  font-size: 16px;
}
.bar-ft .container .row .l2 li {
  display: inline-block;
  margin-right: 15px;
  font-family: "Red Hat Text", sans-serif;
}
.bar-ft .container .row .l2 li a {
  text-decoration: underline;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: "Red Hat Text", sans-serif;
}
.bar-ft .container .row .l2 li:last-of-type {
  margin-right: 0;
}

.full-inf {
  height: auto !important;
  overflow: unset !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transition: all 1s !important;
}

.d-none {
  display: none !important;
}

.just-mobile {
  display: none;
}

@media (max-width: 1199.98px) {
  .bar-ft .container .row .l1 li {
    margin-right: 18px;
    font-size: 12px;
  }
  .bar-ft .container .row .l1 li:first-of-type {
    font-size: 12px;
  }
  .bar-ft .container .row .l2 li {
    margin-right: 7.5px;
  }
  .bar-ft .container .row .l2 li a {
    font-size: 12px;
  }
}
@media (max-width: 1024.98px) {
  .main-title {
    font-size: 36px;
    margin-bottom: 60px;
  }
  .banner-sm .container {
    margin: auto 50px;
  }
  .banner-sm .container .overlay-bnr {
    padding-right: 50px;
  }
  .banner-sm .container .overlay-bnr .row .main-title {
    font-size: 40px;
  }
  .info-ft {
    padding: 90px 0 100px 0;
  }
  .info-ft .container .row {
    column-gap: 15px;
  }
  .info-ft .container .row .center {
    width: 38%;
  }
  .info-ft .container .row .center .subtitle {
    font-size: 30px;
  }
  .info-ft .container .row .center .contact-info-open li {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .info-ft .container .row .center .contact-info-open li a {
    font-size: 16px;
  }
  .info-ft .container .row .right .subtitle {
    font-size: 30px;
  }
}
@media (max-width: 991.98px) {
  .info-ft {
    padding: 90px 0 100px 0;
  }
  .info-ft .container .row {
    column-gap: 15px;
  }
  .info-ft .container .row .left {
    width: 23%;
  }
  .info-ft .container .row .left .logo-footer {
    height: 70px;
  }
  .info-ft .container .row .center {
    width: 40%;
  }
  .info-ft .container .row .center .subtitle {
    padding-top: 35px;
    font-size: 26px;
  }
  .info-ft .container .row .right {
    width: 25%;
  }
  .info-ft .container .row .right .subtitle {
    padding-top: 35px;
    font-size: 26px;
  }
  .bar-ft {
    margin: 0 30px;
  }
  .bar-ft .container .row {
    align-items: flex-end;
  }
  .bar-ft .container .row .l1 li {
    margin-right: 20px;
  }
  .bar-ft .container .row .l1 li:first-of-type {
    display: block;
    margin-bottom: 10px;
  }
  .bar-ft .container .row .l2 li {
    margin-right: 10px;
  }
}
@media (max-width: 768.98px) {
  .main-title {
    font-size: 32px;
    margin-bottom: 70px;
  }
  .banner-sm .container {
    margin: auto 30px;
    height: 400px;
  }
  .banner-sm .container .overlay-bnr {
    background: linear-gradient(-65deg, #e7e7d5 40%, transparent 65%);
    transition: opacity 1s cubic-bezier(0.15, -0.01, 0.43, 0.97);
    padding-right: 60px;
    padding-left: 15px;
  }
  .banner-sm .container .overlay-bnr:hover {
    background: linear-gradient(-65deg, #D5D5B8 55%, transparent 80%);
  }
  .banner-sm .container .overlay-bnr .row .main-title {
    font-size: 32px;
    margin-top: 120px;
    margin-bottom: 40px;
  }
  .info-ft {
    padding: 90px 0 100px 0;
  }
  .info-ft .container {
    padding: 0 30px;
  }
  .info-ft .container .row {
    column-gap: 15px;
  }
  .info-ft .container .row .left {
    width: 28%;
  }
  .info-ft .container .row .left .logo-footer {
    height: 70px;
  }
  .info-ft .container .row .center {
    width: 40%;
  }
  .info-ft .container .row .center .subtitle {
    padding-top: 35px;
    font-size: 26px;
  }
  .info-ft .container .row .center .contact-info-open li {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .info-ft .container .row .center .contact-info-open li a {
    font-size: 16px;
    margin-left: 5px;
  }
  .info-ft .container .row .center .contact-info-open li a i {
    font-size: 16px;
  }
  .info-ft .container .row .right {
    width: 25%;
  }
  .info-ft .container .row .right .subtitle {
    padding-top: 35px;
    font-size: 26px;
  }
  .info-ft .container .row .right .social-media li a i {
    font-size: 30px;
  }
}
@media (max-width: 675.98px) {
  .info-ft {
    padding: 70px 0 80px 0;
  }
  .info-ft .container .row .left {
    width: 22%;
  }
  .info-ft .container .row .left .logo-footer {
    height: 50px;
  }
  .info-ft .container .row .center {
    width: 45%;
  }
  .info-ft .container .row .center .subtitle {
    padding-top: 23px;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .info-ft .container .row .center .contact-info-open li {
    margin-bottom: 10px;
  }
  .info-ft .container .row .right {
    width: 25%;
  }
  .info-ft .container .row .right .subtitle {
    padding-top: 23px;
    font-size: 20px;
    margin-bottom: 15px;
  }
  .info-ft .container .row .right .social-media li a i {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .mb-big {
    margin-bottom: 0;
  }
  .main-title {
    font-size: 26px;
    margin-bottom: 35px;
  }
  .banner-sm .container {
    margin: auto 15px;
    height: 300px;
  }
  .banner-sm .container .overlay-bnr {
    background: linear-gradient(-65deg, #e7e7d5 40%, transparent 65%);
    padding-right: 25px;
    padding-left: 30%;
  }
  .banner-sm .container .overlay-bnr:hover {
    background: linear-gradient(-65deg, #D5D5B8 55%, transparent 80%);
  }
  .banner-sm .container .overlay-bnr .row .main-title {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .banner-sm .container .overlay-bnr .row .main-title br {
    display: none;
  }
  .banner-sm .container .overlay-bnr .row .text-right .green-txt-btn {
    font-size: 20px;
  }
  .info-ft {
    padding: 60px 0 50px 0;
  }
  .info-ft .container {
    padding: 0 20px;
  }
  .info-ft .container .row {
    justify-content: flex-end;
  }
  .info-ft .container .row .left {
    width: 100%;
  }
  .info-ft .container .row .left .logo-footer {
    height: 70px;
    margin: auto;
    display: block;
  }
  .info-ft .container .row .center {
    width: 80%;
  }
  .info-ft .container .row .center .subtitle {
    padding-top: 70px;
    font-size: 26px;
    margin-bottom: 25px;
  }
  .info-ft .container .row .center .contact-info-open li {
    margin-bottom: 10px;
  }
  .info-ft .container .row .right {
    width: 80%;
  }
  .info-ft .container .row .right .subtitle {
    padding-top: 70px;
    font-size: 26px;
    margin-bottom: 25px;
  }
  .info-ft .container .row .right .social-media li a i {
    font-size: 34px;
  }
  .bar-ft {
    margin: 0 15px;
  }
  .bar-ft .container {
    padding: 30px 15px;
  }
  .bar-ft .container .row {
    align-items: flex-end;
  }
  .bar-ft .container .row .l1 li {
    margin-bottom: 10px;
    margin-right: 5px;
    display: block;
  }
  .bar-ft .container .row .l1 li:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 475.98px) {
  .info-ft .container .row {
    justify-content: flex-start;
  }
  .info-ft .container .row .left {
    width: 100%;
  }
  .info-ft .container .row .center {
    width: 100%;
  }
  .info-ft .container .row .right {
    width: 100%;
  }
  .bar-ft {
    margin: 0 5px;
  }
  .bar-ft .container .row {
    display: block;
  }
  .bar-ft .container .row .l1 {
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=style.css.map */